@erpsquad/common 1.8.40 → 1.8.42

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),o=,/* empty css                                 */t=,/* empty css                      */n=require("react");;/* empty css                                          */var l=;/* empty css                            */const i=r.styled(r.Select)(({theme:{palette:e}})=>{var r,o,t,n,l,i,d,u,a;return{color:null==(r=e.theme)?void 0:r.secondary[800],fontSize:" 0.875rem",".MuiOutlinedInput-notchedOutline":{borderColor:null==(o=e.theme)?void 0:o.secondary[300]},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(n=e.theme)?void 0:n.error[600]},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(l=e.theme)?void 0:l.secondary[400]},"&.Mui-error:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(i=e.theme)?void 0:i.error[600]},"&.Mui-disabled":{background:null==(d=e.theme)?void 0:d.secondary[200],color:null==(u=e.theme)?void 0:u.secondary[800]},".MuiMenuItem-root":{fontSize:"10px"},"&.Mui-error":{color:null==(a=e.theme)?void 0:a.error[600],"&fieldset":{borderColor:"grey"}}}}),d=n.memo(d=>{const u=n.useRef(null),{children:a,label:s,handleSearch:c,dataPosition:h,dataName:p,placeholder:m,searchPlaceholder:x,required:y,searchValue:v,fullWidth:f=!1,onChange:g,renderValue:j,error:b,helperText:M,loading:C=!1,CustomDropdownIcon:O=l.ArrowDown,...I}=d;/* @__PURE__ */
-return e.jsxs(e.Fragment,{children:[s&&/* @__PURE__ */e.jsxs(o.Typography,{type:"s5",weight:"medium","data-position":h,"data-name":p,mb:.5,color:b?"theme.error.600":"theme.secondary.800",children:[s," ",y&&/* @__PURE__ */e.jsx("span",{style:{color:"#c64d4d"},children:"*"})]}),
-/* @__PURE__ */e.jsxs(i,{IconComponent:r=>/* @__PURE__ */e.jsx(O,{...r,fontSize:"small"}),MenuProps:{PaperProps:{sx:{maxHeight:300,overflowY:"auto"}},anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,fullWidth:f,renderValue:j??(r=>""!==r?r:/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s3",children:m})),onChange:g,error:b,onOpen:()=>{setTimeout(()=>{u.current&&u.current.focus()},0)},...I,children:[c&&/* @__PURE__ */e.jsx(r.Box,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"#fff",margin:"-4px -4px 0 -4px",mb:.5},children:/* @__PURE__ */e.jsx(t.default,{ref:u,searchPlaceholder:x,handleSearch:e=>c(e.target.value),value:v,onClick:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),(null==d?void 0:d.value)&&setTimeout(()=>{var e;return null==(e=u.current)?void 0:e.focus()},0)},sx:{p:1}})}),C?/* @__PURE__ */e.jsx(r.Box,{sx:{display:"flex",width:"100%",p:2,justifyContent:"center",alignItems:"center"},children:/* @__PURE__ */e.jsx(r.CircularProgress,{size:30,color:"inherit"})}):a]}),M&&/* @__PURE__ */e.jsx(r.FormHelperText,{error:b,children:M})]})});exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=,/* empty css                      */t=require("react");;/* empty css                                          */var l=,/* empty css                                                       */n=,/* empty css                                                 */i=,/* empty css                                                                           */d=,/* empty css                            */u=,/* empty css                                                                       */a=;/* empty css                                                       */const s=l.default(a.default)(({theme:{palette:e}})=>{var r,o,t,l,n,i,d,u,a;return{color:null==(r=e.theme)?void 0:r.secondary[800],fontSize:" 0.875rem",".MuiOutlinedInput-notchedOutline":{borderColor:null==(o=e.theme)?void 0:o.secondary[300]},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(l=e.theme)?void 0:l.error[600]},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(n=e.theme)?void 0:n.secondary[400]},"&.Mui-error:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(i=e.theme)?void 0:i.error[600]},"&.Mui-disabled":{background:null==(d=e.theme)?void 0:d.secondary[200],color:null==(u=e.theme)?void 0:u.secondary[800]},".MuiMenuItem-root":{fontSize:"10px"},"&.Mui-error":{color:null==(a=e.theme)?void 0:a.error[600],"&fieldset":{borderColor:"grey"}}}}),c=t.memo(l=>{const a=t.useRef(null),{children:c,label:h,handleSearch:m,dataPosition:p,dataName:x,placeholder:y,searchPlaceholder:f,required:j,searchValue:v,fullWidth:g=!1,onChange:b,renderValue:C,error:M,helperText:O,loading:q=!1,CustomDropdownIcon:P=d.ArrowDown,...I}=l;/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:[h&&/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium","data-position":p,"data-name":x,mb:.5,color:M?"theme.error.600":"theme.secondary.800",children:[h," ",j&&/* @__PURE__ */e.jsx("span",{style:{color:"#c64d4d"},children:"*"})]}),
+/* @__PURE__ */e.jsxs(s,{IconComponent:r=>/* @__PURE__ */e.jsx(P,{...r,fontSize:"small"}),MenuProps:{PaperProps:{sx:{maxHeight:300,overflowY:"auto"}},anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,fullWidth:g,renderValue:C??(o=>""!==o?o:/* @__PURE__ */e.jsx(r.Typography,{color:"inherit",type:"s3",children:y})),onChange:b,error:M,onOpen:()=>{setTimeout(()=>{a.current&&a.current.focus()},0)},...I,children:[m&&/* @__PURE__ */e.jsx(n.default,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"#fff",margin:"-4px -4px 0 -4px",mb:.5},children:/* @__PURE__ */e.jsx(o.default,{ref:a,searchPlaceholder:f,handleSearch:e=>m(e.target.value),value:v,onClick:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),(null==l?void 0:l.value)&&setTimeout(()=>{var e;return null==(e=a.current)?void 0:e.focus()},0)},sx:{p:1}})}),q?/* @__PURE__ */e.jsx(n.default,{sx:{display:"flex",width:"100%",p:2,justifyContent:"center",alignItems:"center"},children:/* @__PURE__ */e.jsx(i.default,{size:30,color:"inherit"})}):c]}),O&&/* @__PURE__ */e.jsx(u.default,{error:M,children:O})]})});exports.default=c;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\n\nimport {\n  Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n    setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus(); // Focus the search input\n      }\n    }, 0);\n  };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n  MenuProps={{\n    PaperProps: {\n      sx: {\n        maxHeight: 300, // Scrollable area for dropdown\n        overflowY: 'auto',\n      },\n    },\n    anchorOrigin: {\n      vertical: 'bottom',\n      horizontal: 'center',\n    },\n  }}\n  displayEmpty\n  fullWidth={fullWidth}\n  renderValue={\n    renderValue ??\n    ((value: any) =>\n      value !== '' ? (\n        (value as any)\n      ) : (\n        <Typography color='inherit' type='s3'>\n          {placeholder}\n        </Typography>\n      ))\n  }\n  onChange={onChange}\n  error={error}\n\tonOpen={handleOpen} \n  {...rest}\n>\n  {handleSearch && (\n    <Box\n      sx={{\n        position: 'sticky',\n        top: 0,\n        zIndex: 1, // Ensure it's above the dropdown items\n        backgroundColor: '#fff',\n        // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n      }}\n    >\n      <SelectSearch\n\t\t\t\tref={searchInputRef}\n        searchPlaceholder={searchPlaceholder}\n        handleSearch={(e: any) => handleSearch(e.target.value)}\n        value={searchValue}\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t  \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n      />\n    </Box>\n  )}\n  {loading ? (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        p: 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}\n    >\n      <CircularProgress size={30} color='inherit' />\n    </Box>\n  ) : (\n    children\n  )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport default Select;\n"],"names":["StyledSelect","styled","MUISelect","theme","palette","color","_a","secondary","fontSize","borderColor","_b","borderWidth","_c","primary","_d","error","_e","_f","background","_g","_h","_i","Select","memo","props","searchInputRef","useRef","children","label","handleSearch","dataPosition","dataName","placeholder","searchPlaceholder","required","searchValue","fullWidth","onChange","renderValue","helperText","loading","CustomDropdownIcon","ArrowDown","rest","jsxs","Fragment","Typography","type","weight","mb","style","IconComponent","iconProps","jsx","MenuProps","PaperProps","sx","maxHeight","overflowY","anchorOrigin","vertical","horizontal","displayEmpty","value","onOpen","setTimeout","current","focus","Box","position","top","zIndex","backgroundColor","margin","SelectSearch","ref","e","target","onClick","stopPropagation","onKeyDown","p","display","width","justifyContent","alignItems","CircularProgress","size","FormHelperText"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\n\nimport {\n  Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n    setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus(); // Focus the search input\n      }\n    }, 0);\n  };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n  MenuProps={{\n    PaperProps: {\n      sx: {\n        maxHeight: 300, // Scrollable area for dropdown\n        overflowY: 'auto',\n      },\n    },\n    anchorOrigin: {\n      vertical: 'bottom',\n      horizontal: 'center',\n    },\n  }}\n  displayEmpty\n  fullWidth={fullWidth}\n  renderValue={\n    renderValue ??\n    ((value: any) =>\n      value !== '' ? (\n        (value as any)\n      ) : (\n        <Typography color='inherit' type='s3'>\n          {placeholder}\n        </Typography>\n      ))\n  }\n  onChange={onChange}\n  error={error}\n\tonOpen={handleOpen} \n  {...rest}\n>\n  {handleSearch && (\n    <Box\n      sx={{\n        position: 'sticky',\n        top: 0,\n        zIndex: 1, // Ensure it's above the dropdown items\n        backgroundColor: '#fff',\n        // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n      }}\n    >\n      <SelectSearch\n\t\t\t\tref={searchInputRef}\n        searchPlaceholder={searchPlaceholder}\n        handleSearch={(e: any) => handleSearch(e.target.value)}\n        value={searchValue}\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t  \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n      />\n    </Box>\n  )}\n  {loading ? (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        p: 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}\n    >\n      <CircularProgress size={30} color='inherit' />\n    </Box>\n  ) : (\n    children\n  )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport default Select;\n"],"names":["StyledSelect","styled","MUISelect","theme","palette","color","_a","secondary","fontSize","borderColor","_b","borderWidth","_c","primary","_d","error","_e","_f","background","_g","_h","_i","Select","memo","props","searchInputRef","useRef","children","label","handleSearch","dataPosition","dataName","placeholder","searchPlaceholder","required","searchValue","fullWidth","onChange","renderValue","helperText","loading","CustomDropdownIcon","ArrowDown","rest","jsxs","Fragment","Typography","type","weight","mb","style","IconComponent","iconProps","jsx","MenuProps","PaperProps","sx","maxHeight","overflowY","anchorOrigin","vertical","horizontal","displayEmpty","value","onOpen","setTimeout","current","focus","Box","position","top","zIndex","backgroundColor","margin","SelectSearch","ref","e","target","onClick","stopPropagation","onKeyDown","p","display","width","justifyContent","alignItems","CircularProgress","size","FormHelperText"],"mappings":"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"}

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

@@ -1,7 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, InputAdornment, TextField } from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
+import default_1 from "../../../node_modules/@mui/icons-material/Search/index.esm.js";
 import { forwardRef } from "react";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import TextField from "../../../node_modules/@mui/material/TextField/TextField/index.esm.js";
 const StyledSearch = styled(TextField)(({ theme: { palette } }) => {
   var _a, _b;
   return {
@@ -40,7 +42,7 @@ const SelectSearch = forwardRef(
       fullWidth: true,
       variant: "outlined",
       InputProps: {
-        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small" }) })
+        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
       },
       ...rest
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n  borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n  input: {\n    padding: \"0.5rem 0rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: 0,\n  },\n  \"& .MuiOutlinedInput-root\": {\n    fontSize: \"0.8125rem\",\n    paddingLeft: \"0.5rem\",\n    color: palette.theme?.secondary[800],\n    // backgroundColor: palette.theme?.secondary[200],\n    border: \"1px solid #F5F6F5\",\n    borderRadius: \"0.5rem\",\n    \":hover .MuiOutlinedInput-notchedOutline\": {\n      border: 1,\n    },\n    \"&.Mui-focused fieldset\": {\n      border: 0,\n    },\n  },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n  ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n    <StyledSearch\n      inputRef={ref} // Attach the ref here for focusing\n      placeholder={searchPlaceholder}\n      onChange={handleSearch}\n      value={value}\n      fullWidth\n      variant=\"outlined\"\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" />\n          </InputAdornment>\n        ),\n      }}\n      {...rest}\n    />\n  )\n);\n\nexport default SelectSearch;\n"],"names":[],"mappings":";;;;AAMA,MAAM,eAAe,OAAO,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,SAAS;AAAA,IACT,cAAc,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,IACxD,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,oCAAoC;AAAA,MAClC,QAAQ;AAAA,IAAA;AAAA,IAEV,4BAA4B;AAAA,MAC1B,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA;AAAA,MAEhC,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,2CAA2C;AAAA,QACzC,QAAQ;AAAA,MAAA;AAAA,MAEV,0BAA0B;AAAA,QACxB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,eAAe;AAAA,EACnB,CAAC,EAAE,mBAAmB,cAAc,OAAO,GAAG,KAAA,GAAQ,QACpD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,MACV;AAAA,MACA,WAAS;AAAA,MACT,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAAC,YAAA,EAAW,UAAS,QAAA,CAAQ,EAAA,CAC/B;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n  borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n  input: {\n    padding: \"0.5rem 0rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: 0,\n  },\n  \"& .MuiOutlinedInput-root\": {\n    fontSize: \"0.8125rem\",\n    paddingLeft: \"0.5rem\",\n    color: palette.theme?.secondary[800],\n    // backgroundColor: palette.theme?.secondary[200],\n    border: \"1px solid #F5F6F5\",\n    borderRadius: \"0.5rem\",\n    \":hover .MuiOutlinedInput-notchedOutline\": {\n      border: 1,\n    },\n    \"&.Mui-focused fieldset\": {\n      border: 0,\n    },\n  },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n  ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n    <StyledSearch\n      inputRef={ref} // Attach the ref here for focusing\n      placeholder={searchPlaceholder}\n      onChange={handleSearch}\n      value={value}\n      fullWidth\n      variant=\"outlined\"\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" />\n          </InputAdornment>\n        ),\n      }}\n      {...rest}\n    />\n  )\n);\n\nexport default SelectSearch;\n"],"names":["SearchIcon"],"mappings":";;;;;;AAMA,MAAM,eAAe,OAAO,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,SAAS;AAAA,IACT,cAAc,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,IACxD,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,oCAAoC;AAAA,MAClC,QAAQ;AAAA,IAAA;AAAA,IAEV,4BAA4B;AAAA,MAC1B,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA;AAAA,MAEhC,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,2CAA2C;AAAA,QACzC,QAAQ;AAAA,MAAA;AAAA,MAEV,0BAA0B;AAAA,QACxB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,eAAe;AAAA,EACnB,CAAC,EAAE,mBAAmB,cAAc,OAAO,GAAG,KAAA,GAAQ,QACpD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,MACV;AAAA,MACA,WAAS;AAAA,MACT,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAACA,WAAA,EAAW,UAAS,QAAA,CAAQ,EAAA,CAC/B;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@mui/icons-material/Search"),d=require("react");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */i(t);const o=r.styled(r.TextField)(({theme:{palette:e}})=>{var r,t;return{padding:"0rem 0.75rem 0.5rem 0.75rem",borderBottom:`1px solid ${null==(r=e.theme)?void 0:r.secondary[200]}`,input:{padding:"0.5rem 0rem"},".MuiOutlinedInput-notchedOutline":{border:0},"& .MuiOutlinedInput-root":{fontSize:"0.8125rem",paddingLeft:"0.5rem",color:null==(t=e.theme)?void 0:t.secondary[800],border:"1px solid #F5F6F5",borderRadius:"0.5rem",":hover .MuiOutlinedInput-notchedOutline":{border:1},"&.Mui-focused fieldset":{border:0}}}}),u=d.forwardRef(({searchPlaceholder:t,handleSearch:d,value:i,...u},l)=>/* @__PURE__ */e.jsx(o,{inputRef:l,placeholder:t,onChange:d,value:i,fullWidth:!0,variant:"outlined",InputProps:{startAdornment:/* @__PURE__ */e.jsx(r.InputAdornment,{position:"start",children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small"})})},...u}));exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/icons-material/Search/index.js"),t=require("react"),d=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),n=require("../../../node_modules/@mui/material/TextField/TextField/index.js");const o=d.default(n.default)(({theme:{palette:e}})=>{var r,t;return{padding:"0rem 0.75rem 0.5rem 0.75rem",borderBottom:`1px solid ${null==(r=e.theme)?void 0:r.secondary[200]}`,input:{padding:"0.5rem 0rem"},".MuiOutlinedInput-notchedOutline":{border:0},"& .MuiOutlinedInput-root":{fontSize:"0.8125rem",paddingLeft:"0.5rem",color:null==(t=e.theme)?void 0:t.secondary[800],border:"1px solid #F5F6F5",borderRadius:"0.5rem",":hover .MuiOutlinedInput-notchedOutline":{border:1},"&.Mui-focused fieldset":{border:0}}}}),u=t.forwardRef(({searchPlaceholder:t,handleSearch:d,value:n,...u},l)=>/* @__PURE__ */e.jsx(o,{inputRef:l,placeholder:t,onChange:d,value:n,fullWidth:!0,variant:"outlined",InputProps:{startAdornment:/* @__PURE__ */e.jsx(i.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})},...u}));exports.default=u;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n  borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n  input: {\n    padding: \"0.5rem 0rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: 0,\n  },\n  \"& .MuiOutlinedInput-root\": {\n    fontSize: \"0.8125rem\",\n    paddingLeft: \"0.5rem\",\n    color: palette.theme?.secondary[800],\n    // backgroundColor: palette.theme?.secondary[200],\n    border: \"1px solid #F5F6F5\",\n    borderRadius: \"0.5rem\",\n    \":hover .MuiOutlinedInput-notchedOutline\": {\n      border: 1,\n    },\n    \"&.Mui-focused fieldset\": {\n      border: 0,\n    },\n  },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n  ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n    <StyledSearch\n      inputRef={ref} // Attach the ref here for focusing\n      placeholder={searchPlaceholder}\n      onChange={handleSearch}\n      value={value}\n      fullWidth\n      variant=\"outlined\"\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" />\n          </InputAdornment>\n        ),\n      }}\n      {...rest}\n    />\n  )\n);\n\nexport default SelectSearch;\n"],"names":["StyledSearch","styled","TextField","theme","palette","padding","borderBottom","_a","secondary","input","border","fontSize","paddingLeft","color","_b","borderRadius","SelectSearch","forwardRef","searchPlaceholder","handleSearch","value","rest","ref","jsx","inputRef","placeholder","onChange","fullWidth","variant","InputProps","startAdornment","InputAdornment","position","children","SearchIcon"],"mappings":"+RAMA,MAAMA,EAAeC,EAAAA,OAAOC,YAAPD,CAAkB,EAAGE,OAASC,uBAAiB,MAAA,CAClEC,QAAS,8BACTC,aAAc,aAAa,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,OACpDC,MAAO,CACLJ,QAAS,eAEX,mCAAoC,CAClCK,OAAQ,GAEV,2BAA4B,CAC1BC,SAAU,YACVC,YAAa,SACbC,MAAO,OAAAC,EAAAV,EAAQD,YAAR,EAAAW,EAAeN,UAAU,KAEhCE,OAAQ,oBACRK,aAAc,SACd,0CAA2C,CACzCL,OAAQ,GAEV,yBAA0B,CACxBA,OAAQ,OAKRM,EAAeC,EAAAA,WACnB,EAAGC,oBAAmBC,eAAcC,WAAUC,GAAQC,mBACpDC,EAAAA,IAACvB,EAAA,CACCwB,SAAUF,EACVG,YAAaP,EACbQ,SAAUP,EACVC,QACAO,WAAS,EACTC,QAAQ,WACRC,WAAY,CACVC,oCACGC,iBAAA,CAAeC,SAAS,QACvBC,wBAAAV,EAAAA,IAACW,EAAAA,QAAA,CAAWvB,SAAS,gBAIvBU"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n  borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n  input: {\n    padding: \"0.5rem 0rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: 0,\n  },\n  \"& .MuiOutlinedInput-root\": {\n    fontSize: \"0.8125rem\",\n    paddingLeft: \"0.5rem\",\n    color: palette.theme?.secondary[800],\n    // backgroundColor: palette.theme?.secondary[200],\n    border: \"1px solid #F5F6F5\",\n    borderRadius: \"0.5rem\",\n    \":hover .MuiOutlinedInput-notchedOutline\": {\n      border: 1,\n    },\n    \"&.Mui-focused fieldset\": {\n      border: 0,\n    },\n  },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n  ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n    <StyledSearch\n      inputRef={ref} // Attach the ref here for focusing\n      placeholder={searchPlaceholder}\n      onChange={handleSearch}\n      value={value}\n      fullWidth\n      variant=\"outlined\"\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" />\n          </InputAdornment>\n        ),\n      }}\n      {...rest}\n    />\n  )\n);\n\nexport default SelectSearch;\n"],"names":["StyledSearch","styled","TextField","theme","palette","padding","borderBottom","_a","secondary","input","border","fontSize","paddingLeft","color","_b","borderRadius","SelectSearch","forwardRef","searchPlaceholder","handleSearch","value","rest","ref","jsx","inputRef","placeholder","onChange","fullWidth","variant","InputProps","startAdornment","InputAdornment","position","children","SearchIcon"],"mappings":"+aAMA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,uBAAiB,MAAA,CAClEC,QAAS,8BACTC,aAAc,aAAa,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,OACpDC,MAAO,CACLJ,QAAS,eAEX,mCAAoC,CAClCK,OAAQ,GAEV,2BAA4B,CAC1BC,SAAU,YACVC,YAAa,SACbC,MAAO,OAAAC,EAAAV,EAAQD,YAAR,EAAAW,EAAeN,UAAU,KAEhCE,OAAQ,oBACRK,aAAc,SACd,0CAA2C,CACzCL,OAAQ,GAEV,yBAA0B,CACxBA,OAAQ,OAKRM,EAAeC,EAAAA,WACnB,EAAGC,oBAAmBC,eAAcC,WAAUC,GAAQC,mBACpDC,EAAAA,IAACvB,EAAA,CACCwB,SAAUF,EACVG,YAAaP,EACbQ,SAAUP,EACVC,QACAO,WAAS,EACTC,QAAQ,WACRC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBC,wBAAAV,EAAAA,IAACW,EAAAA,QAAA,CAAWvB,SAAS,gBAIvBU"}

package/dist/components/share-modal/redux/reducer/index.esm.js

@@ -42,7 +42,9 @@ const shareSlice = createSlice({
     );
   }
 });
+var reducer = shareSlice.reducer;
 export {
+  reducer as default,
   shareSlice
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/share-modal/redux/reducer/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAG1B,YAAQ,QAAQ,gCAAgC,SAAS,CAACC,WAAU;AAClE,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,cAAc,CAAA;AACpB,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAGD,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,SAAQ,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UAC7D,GAAG;AAAA,UACH,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS;AAAA,UAC3C,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,eAAc,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UACnE,GAAG;AAAA,UACH,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,QAAQ;AACd,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAIF,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAG1B,YAAQ,QAAQ,gCAAgC,SAAS,CAACC,WAAU;AAClE,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,cAAc,CAAA;AACpB,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAGD,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,SAAQ,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UAC7D,GAAG;AAAA,UACH,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS;AAAA,UAC3C,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,eAAc,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UACnE,GAAG;AAAA,UACH,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,QAAQ;AACd,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAIF,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;AAED,IAAA,UAAe,WAAW;"}

package/dist/components/share-modal/redux/reducer/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const l=e.createSlice({name:"share",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.getAllUserAndDepartmentDropdown.pending,e=>{e.loading=!0,e.error="",e.users=[],e.departments=[],e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.fulfilled,(e,r)=>{var a,l,d,t,s,o;e.loading=!1,e.users=null==(d=null==(l=null==(a=r.payload)?void 0:a.data)?void 0:l.users)?void 0:d.map(e=>({...e,label:`${e.first_name} ${e.last_name}`,value:e.id})),e.departments=null==(o=null==(s=null==(t=r.payload)?void 0:t.data)?void 0:s.roles)?void 0:o.map(e=>({...e,label:e.name,value:e.id})),e.error="",e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.rejected,(e,r)=>{e.loading=!1,e.error=r.error.message||"",e.isError=!0})}});exports.shareSlice=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const d=e.createSlice({name:"share",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.getAllUserAndDepartmentDropdown.pending,e=>{e.loading=!0,e.error="",e.users=[],e.departments=[],e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.fulfilled,(e,r)=>{var a,d,l,t,s,o;e.loading=!1,e.users=null==(l=null==(d=null==(a=r.payload)?void 0:a.data)?void 0:d.users)?void 0:l.map(e=>({...e,label:`${e.first_name} ${e.last_name}`,value:e.id})),e.departments=null==(o=null==(s=null==(t=r.payload)?void 0:t.data)?void 0:s.roles)?void 0:o.map(e=>({...e,label:e.name,value:e.id})),e.error="",e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.rejected,(e,r)=>{e.loading=!1,e.error=r.error.message||"",e.isError=!0})}});var l=d.reducer;exports.default=l,exports.shareSlice=d;
 //# sourceMappingURL=index.js.map

package/dist/components/share-modal/redux/reducer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["shareSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","getAllUserAndDepartmentDropdown","pending","state","loading","error","users","departments","isError","fulfilled","action","_c","_b","_a","payload","data","map","user","label","first_name","last_name","value","id","_f","_e","_d","roles","role","rejected","message"],"mappings":"4KAIO,MAAMA,EAAaC,EAAAA,YAAY,CACpCC,KAAM,QAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAGdA,EAAQC,QAAQC,EAAAA,gCAAgCC,QAAUC,IACxDA,EAAMC,SAAU,EAChBD,EAAME,MAAQ,GACdF,EAAMG,MAAQ,GACdH,EAAMI,YAAc,GACpBJ,EAAMK,SAAU,IAIlBT,EAAQC,QACNC,EAAAA,gCAAgCQ,UAChC,CAACN,EAAOO,qBACNP,EAAMC,SAAU,EAChBD,EAAMG,MAAQ,OAAAK,EAAA,OAAAC,EAAA,OAAAC,EAAAH,EAAOI,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBN,YAAtB,EAAAK,EAA6BK,IAAKC,IAAA,IAC3CA,EACHC,MAAO,GAAGD,EAAKE,cAAcF,EAAKG,YAClCC,MAAOJ,EAAKK,MAEdnB,EAAMI,YAAc,OAAAgB,EAAA,OAAAC,EAAA,OAAAC,EAAAf,EAAOI,cAAP,EAAAW,EAAgBV,WAAhB,EAAAS,EAAsBE,YAAtB,EAAAH,EAA6BP,IAAKW,IAAA,IACjDA,EACHT,MAAOS,EAAKhC,KACZ0B,MAAOM,EAAKL,MAEdnB,EAAME,MAAQ,GACdF,EAAMK,SAAU,IAKpBT,EAAQC,QACNC,EAAAA,gCAAgC2B,SAChC,CAACzB,EAAOO,KACNP,EAAMC,SAAU,EAChBD,EAAME,MAAQK,EAAOL,MAAMwB,SAAW,GACtC1B,EAAMK,SAAU"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["shareSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","getAllUserAndDepartmentDropdown","pending","state","loading","error","users","departments","isError","fulfilled","action","_c","_b","_a","payload","data","map","user","label","first_name","last_name","value","id","_f","_e","_d","roles","role","rejected","message","reducer"],"mappings":"4KAIO,MAAMA,EAAaC,EAAAA,YAAY,CACpCC,KAAM,QAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAGdA,EAAQC,QAAQC,EAAAA,gCAAgCC,QAAUC,IACxDA,EAAMC,SAAU,EAChBD,EAAME,MAAQ,GACdF,EAAMG,MAAQ,GACdH,EAAMI,YAAc,GACpBJ,EAAMK,SAAU,IAIlBT,EAAQC,QACNC,EAAAA,gCAAgCQ,UAChC,CAACN,EAAOO,qBACNP,EAAMC,SAAU,EAChBD,EAAMG,MAAQ,OAAAK,EAAA,OAAAC,EAAA,OAAAC,EAAAH,EAAOI,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBN,YAAtB,EAAAK,EAA6BK,IAAKC,IAAA,IAC3CA,EACHC,MAAO,GAAGD,EAAKE,cAAcF,EAAKG,YAClCC,MAAOJ,EAAKK,MAEdnB,EAAMI,YAAc,OAAAgB,EAAA,OAAAC,EAAA,OAAAC,EAAAf,EAAOI,cAAP,EAAAW,EAAgBV,WAAhB,EAAAS,EAAsBE,YAAtB,EAAAH,EAA6BP,IAAKW,IAAA,IACjDA,EACHT,MAAOS,EAAKhC,KACZ0B,MAAOM,EAAKL,MAEdnB,EAAME,MAAQ,GACdF,EAAMK,SAAU,IAKpBT,EAAQC,QACNC,EAAAA,gCAAgC2B,SAChC,CAACzB,EAAOO,KACNP,EAAMC,SAAU,EAChBD,EAAME,MAAQK,EAAOL,MAAMwB,SAAW,GACtC1B,EAAMK,SAAU,OAMxB,IAAAsB,EAAerC,EAAWqC"}

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

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Dialog, DialogTitle, Box, IconButton, Divider, DialogContent, FormControlLabel, Accordion, AccordionSummary, AccordionDetails, List, ListItem, ListItemAvatar, ListItemText, MenuItem, DialogActions } from "@mui/material";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import Button from "../../button/button/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
@@ -14,6 +13,22 @@ import Toggle from "../../toggle/toggle/index.esm.js";
 import SearchableSelect from "../../searchable-select/index.esm.js";
 import { flatMap } from "lodash";
 import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import FormControlLabel from "../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
+import Accordion from "../../../node_modules/@mui/material/Accordion/Accordion/index.esm.js";
+import AccordionSummary from "../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.esm.js";
+import AccordionDetails from "../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.esm.js";
+import List from "../../../node_modules/@mui/material/List/List/index.esm.js";
+import ListItem from "../../../node_modules/@mui/material/ListItem/ListItem/index.esm.js";
+import ListItemAvatar from "../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.esm.js";
+import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 const SharePopUp = (props) => {
   const {
     open,
@@ -127,7 +142,7 @@ const SharePopUp = (props) => {
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: "share", children: [
     /* @__PURE__ */ jsxs(DialogTitle, { className: "share--head", children: [
       /* @__PURE__ */ jsx(Box, { className: "share--title", children: /* @__PURE__ */ jsx(Typography, { type: "s3", ml: 1, className: "dialog-box-title", children: title }) }),
-      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, children: /* @__PURE__ */ jsx(default_1, {}) })
     ] }),
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsxs(DialogContent, { className: "share--content", children: [
@@ -153,7 +168,7 @@ const SharePopUp = (props) => {
         }
       ) }) }),
       isPeopleAccessVisible && /* @__PURE__ */ jsx("div", { className: "share--blurClass", children: /* @__PURE__ */ jsxs(Accordion, { className: "people-access-accordion", children: [
-        /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(Typography, { children: "People with access" }) }),
+        /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(default_1$1, {}), children: /* @__PURE__ */ jsx(Typography, { children: "People with access" }) }),
         /* @__PURE__ */ jsx(AccordionDetails, { className: "user-accordion-details", children: /* @__PURE__ */ jsx(List, { className: "accordion-list", children: roles && roles.map((user) => {
           const userRole = (roleValue == null ? void 0 : roleValue.length) > 0 && (roleValue == null ? void 0 : roleValue.filter((item) => item.id === user.id));
           return /* @__PURE__ */ jsxs(ListItem, { alignItems: "flex-start", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUp;\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUp;\n"],"names":["value","CloseIcon","ExpandMoreIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,wBAAwB;AAAA,EAAA,IACtB;AAEJ,QAAM,EAAE,MAAA,IAAU,eAAe,CAAC,UAAU,KAAK;AAEjD,QAAM,WAAW,eAAA;AAEjB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,YAAY,KAAK;AAChE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,MAAM,iBAAiB,CAAA;AAAA,EAAC;AAE1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAA,CAAE;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAA,CAAE;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B;AAAA,IACzE,eAAe;AAAA,IACf,eAAe,CAAA;AAAA,EAAC,CACjB;AAEH,QAAM,kBAAgB,QAAQ,OAAI,qDAAkB,iBAAgB,MAAM,cAAc,MAAM,OAAM,CAAC,OAAM,qDAAkB,aAAa,CAAC;AAC3I,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC1D,YAAU,MAAM;AACd,UAAM,OAAY,CAAA;AAClB,UAAM,UAAe,CAAA;AACrB,aACE,MAAM,IAAI,CAAC,SAAc;AACvB,YAAM,WAAgB,CAAA;AACtB,UAAI,KAAK,SAAS,SAAS;AACzB,aAAK,KAAK,KAAK,IAAI;AACnB,iBAAS,KAAK,KAAK;AACnB,iBAAS,OAAO,KAAK;AACrB,gBAAQ,KAAK,QAAQ;AAAA,MACvB;AACA,uBAAiB,IAAI;AACrB,mBAAa,OAAO;AAAA,IACtB,CAAC;AAAA,EACL,GAAG,CAAC,KAAK,CAAC;AAEZ,YAAU,MAAI;;AACZ,QAAG,GAAC,oCAAO,kBAAP,mBAAsB,WAAU,EAAC,+BAAO,UAAQ;AAClD,mBAAA;AACJ;AAAA,IACE;AACC,qBAAiB,gBAAc,MAAM;AACtC,wBAAoB,gBAAgB;AACnC,uBAAmB;AAAA,MAClB,GAAG;AAAA,MACH,eAAc,MAAM,UAAQ,+BAAO,UAAQ,+BAAO;AAAA,IAAA,CAClD;AAAA,EAEJ,GAAE,CAAC,+BAAO,eAAc,IAAI,CAAC;AAE3B,QAAM,oBAAoB,MAAM;;AAC9B,QAAG,EAAC,+CAAe,QAAQ;AAC1B,UAAM,OAAO,QAAQ,eAAe,SAAS,EAAE,OAAO,OAAG,CAAC;AAC3D,QAAI,WAAW;AACf,QAAI,MAAM,QAAQ,IAAI,MAAK,6BAAM,SAAQ;AACvC,kBAAW,WAAM,UAAN,mBAAa,OAAO,CAAA,MAAK,KAAK,SAAS,EAAE,EAAE;AAAA,IAExD;AACA,UAAM,aAAa;AAAA,MACjB,YAAY,CAAC;AAAA,MACb,eAAe,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AAAA,MACpC,SAAQ,qDAAkB;AAAA,MAC1B,UAAQ,qDAAkB,iBAAc,+CAAe,IAAI,CAAC,MAAW,uBAAG,MAAI,CAAA;AAAA,IAAC;AAEjF,aAAS,UAAU;AAAA,EAErB;AAEA,QAAM,eAAa,MAAK;AACtB,uBAAmB;AAAA,MACjB,GAAG;AAAA,IAAA,CACJ;AACD,wBAAoB,CAAC,cAAc;AAAA,MACjC,GAAG;AAAA,MACH,eAAe,CAAA;AAAA,IAAC,EAChB;AAAA,EACJ;AAIA,QAAM,mBAAmB,CAAC,OAAY,IAAS,SAAc;AAC3D,UAAM,aAAkB,UAAU,IAAI,CAAC,SAAc;AACnD,UAAI,KAAK,OAAO,IAAI;AAClB,aAAK,OAAO,MAAM,OAAO;AAAA,MAC3B;AACA,aAAO;AAAA,IACT,CAAC;AACD,iBAAa,UAAU;AAAA,EACzB;AAEA,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB,CAAC,kBAAkB;AAAA,MACrC,GAAG;AAAA,MACH,eAAe,CAAC,aAAa;AAAA,IAAA,EAC7B;AACF,uBAAmB,CAAA,CAAE;AACrB,qBAAiB,MAAM,iBAAiB,EAAE;AAAA,EAC5C;AAEA,QAAM,cAAY,CAACA,WAAY;AAC7B,QAAG,iBAAiB,eAAc;AAChC,yBAAmB,EAAC,GAAG,iBAAgB,SAAQA,QAAM;AAAA,IACvD;AACA,uBAAmB,EAAC,GAAG,iBAAgB,eAAcA,QAAM;AAAA,EAC7D;AAEA,QAAM,qBAAqB,MAAM;AAC/B,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAG,CAAC,KAAK,cAAA;AACT,QAAI,MAAM;AACR,eAAS,iCAAiC;AAAA,IAC5C;AAAA,EAEF,GAAG,CAAC,IAAI,CAAC;AAIT,6BACG,OAAA,EACC,UAAA,qBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAI,WAAU,gBACb,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,IAAI,GAAG,WAAU,oBACpC,UAAA,MAAA,CACH,GACF;AAAA,MACA,oBAAC,cAAW,eAAa,MAAC,SAAS,SACjC,UAAA,oBAACC,aAAU,EAAA,CACb;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,GAAG,GAAG,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBACvD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,aAEzD;AAAA,QACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACF,SAAS,oBAAC,KAAA,EAAI,IAAI,KAAK,IAAI,KAAK,UAAA,oBAAC,QAAA,EAAQ,SAAS,qDAAkB,eAAe,UAAU,oBAAoB,GAAE;AAAA,YACnH,OACC,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,kBAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAEhE,GACD;AAAA,MAGC,gBACC,oBAAA,UAAA,EAEA,UAAA,oBAAC,OAAI,IAAI,GAAG,WAAU,UAEpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACD,SAAS;AAAA,UACT,UAAQ;AAAA,UACR,OAAO,mDAAiB;AAAA,UACxB,UAAU,CAAC,MAAK,YAAY,EAAE,OAAO,KAAK;AAAA,UAC1C,aACE,mBAAmB,gBAAgB,SAC/B,KACA;AAAA,UAEN,iBAAiB,CAAA,QAAK,iBAAiB,GAAG;AAAA,QAAA;AAAA,MAAA,GAE5C,EAAA,CACA;AAAA,MAGD,6CACE,OAAA,EAAI,WAAY,oBACf,UAAA,qBAAC,WAAA,EAAU,WAAU,2BACnB,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,YAAY,oBAACC,aAAA,CAAA,CAAe,GAC5C,UAAA,oBAAC,YAAA,EAAW,gCAAkB,EAAA,CAChC;AAAA,QACA,oBAAC,kBAAA,EAAiB,WAAU,0BAC1B,UAAA,oBAAC,MAAA,EAAK,WAAU,kBACb,UAAA,SACC,MAAM,IAAI,CAAC,SAAc;AACvB,gBAAM,YACJ,uCAAW,UAAS,MACpB,uCAAW,OAAO,CAAC,SAAc,KAAK,OAAO,KAAK;AACpD,iBACE,qBAAC,UAAA,EAAS,YAAW,cACnB,UAAA;AAAA,YAAA,oBAAC,gBAAA,EACC,8BAAC,QAAA,EAAO,MAAM,IAAI,KAAI,UAAS,MAAI,KAAA,CAAC,EAAA,CACtC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,KAAK;AAAA,gBACd,WACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,WAAU;AAAA,oBAET,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,YAGH,KAAK,QAAQ,UACZ,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,KAAK,KAAA,CAAK,IAE3C,oBAAC,OAAA,EACC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,QACE,qCAAU,UAAS,IAAI,SAAS,CAAC,EAAE,OAAO;AAAA,gBAE5C,UAAU,CAAC,MACT,iBAAiB,GAAG,KAAK,EAAQ;AAAA,gBAEnC,SAAQ;AAAA,gBAEP,UAAA,cAAc,IAAI,CAAC,SAClB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO;AAAA,oBAEN,UAAA;AAAA,kBAAA;AAAA,gBAAA,CAEJ;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA,GAEJ;AAAA,QAEJ,CAAC,GACL,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAGF,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,oBAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,oBAAC,UAAO,WAAU,cAAa,SAAQ,QAAO,SAAS,SAAS,UAAA,SAAA,CAEhE;AAAA,0BACC,QAAA,EAAO,WAAU,eAAc,SAAS,mBAAmB,UAAA,iBAAA,CAE5D;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@mui/material"),l=require("@mui/icons-material/ExpandMore"),i=require("@mui/icons-material/Close"),r=,/* empty css                                 */a=,/* empty css                         */t=,/* empty css                         */n=;/* empty css                         */;/* empty css                         */var o=require("react"),c=,/* empty css                          */d=,/* empty css                            */u=,/* empty css                         */x=,/* empty css                             */h=require("lodash"),m=;/* empty css                             */function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=/* @__PURE__ */p(l),v=/* @__PURE__ */p(i);exports.default=l=>{const{open:i,title:p,onClose:b,roles:g,toggleSwitch:y,onSubmit:f,value:N={},isPeopleAccessVisible:q=!1}=l,{share:C}=c.useAppSelector(e=>e),A=c.useAppDispatch(),[S,R]=o.useState(N.isPublic||!1),[U,k]=o.useState(N.selectedUsers||[]),[D,V]=o.useState([]),[_,w]=o.useState([]),[I,T]=o.useState({isRoleVisible:!1,selectedUsers:[]}),M=o.useMemo(()=>(null==I?void 0:I.isRoleVisible)?C.departments:C.users,[C,null==I?void 0:I.isRoleVisible]),[B,L]=o.useState([]);o.useEffect(()=>{const e=[],s=[];g&&g.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),w(e),V(s)})},[g]),o.useEffect(()=>{var e;(null==(e=null==N?void 0:N.selectedUsers)?void 0:e.length)||(null==N?void 0:N.role_id)?(I.isRoleVisible=N.is_role,T(I),k({...N,selectedUsers:N.is_role?null==N?void 0:N.role_id:null==N?void 0:N.selectedUsers})):P()},[null==N?void 0:N.selectedUsers,i]);const P=()=>{k({...N}),T(e=>({...e,selectedUsers:[]}))};return o.useEffect(()=>{i||P(),i&&A(d.getAllUserAndDepartmentDropdown())},[i]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(s.Dialog,{open:i,onClose:b,className:"share",children:[
-/* @__PURE__ */e.jsxs(s.DialogTitle,{className:"share--head",children:[
-/* @__PURE__ */e.jsx(s.Box,{className:"share--title",children:/* @__PURE__ */e.jsx(r.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:p})}),
-/* @__PURE__ */e.jsx(s.IconButton,{disableRipple:!0,onClick:b,children:/* @__PURE__ */e.jsx(v.default,{})})]}),
-/* @__PURE__ */e.jsx(s.Divider,{}),
-/* @__PURE__ */e.jsxs(s.DialogContent,{className:"share--content",children:[
-/* @__PURE__ */e.jsxs(s.Box,{m:1,display:"flex",alignItems:"center",justifyContent:"space-between",children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",className:"input-label",children:"Add users"}),
-/* @__PURE__ */e.jsx(s.FormControlLabel,{control:/* @__PURE__ */e.jsx(s.Box,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.default,{checked:null==I?void 0:I.isRoleVisible,onChange:()=>{T(e=>({...e,isRoleVisible:!e.isRoleVisible})),k([]),L(N.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(r.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),y&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(s.Box,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(x.default,{options:M,multiple:!0,value:null==U?void 0:U.selectedUsers,onChange:e=>{return s=e.target.value,I.isRoleVisible&&k({...U,role_id:s}),void k({...U,selectedUsers:s});var s},placeholder:U&&U.length?"":"Add people and roles",getSelectedData:e=>L(e)})})}),q&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(s.Accordion,{className:"people-access-accordion",children:[
-/* @__PURE__ */e.jsx(s.AccordionSummary,{expandIcon:/* @__PURE__ */e.jsx(j.default,{}),children:/* @__PURE__ */e.jsx(r.Typography,{children:"People with access"})}),
-/* @__PURE__ */e.jsx(s.AccordionDetails,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(s.List,{className:"accordion-list",children:g&&g.map(l=>{const i=(null==D?void 0:D.length)>0&&(null==D?void 0:D.filter(e=>e.id===l.id));/* @__PURE__ */
-return e.jsxs(s.ListItem,{alignItems:"flex-start",children:[
-/* @__PURE__ */e.jsx(s.ListItemAvatar,{children:/* @__PURE__ */e.jsx(t.Avatar,{size:40,alt:"Person",icon:!0})}),
-/* @__PURE__ */e.jsx(s.ListItemText,{className:"primary-user-name",primary:l.name,secondary:/* @__PURE__ */e.jsx(r.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:l.email})}),"Owner"==l.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:l.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(n.default,{className:"role-edit-select-box",value:(null==i?void 0:i.length)>0?i[0].role:"",onChange:e=>((e,s)=>{const l=D.map(l=>(l.id===s&&(l.role=e.target.value),l));V(l)})(e,l.id),variant:"outlined",children:_.map(l=>/* @__PURE__ */e.jsx(s.MenuItem,{className:"select-menu-items",value:l,children:l}))})})]})})})})]})}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var d=require("react"),o=,/* empty css                          */n=,/* empty css                            */u=,/* empty css                         */c=,/* empty css                             */m=require("lodash"),x=,/* empty css                             */h=,/* empty css                                                       */j=,/* empty css                                                                 */p=,/* empty css                                                 */v=,/* empty css                                                               */f=,/* empty css                                                         */g=,/* empty css                                                                     */b=,/* empty css                                                                           */q=,/* empty css                                                             */y=,/* empty css                                                                           */_=,/* empty css                                                                           */N=,/* empty css                                                   */A=,/* empty css                                                           */C=,/* empty css                                                                       */D=,/* empty css                                                                   */S=,/* empty css                                                           */I=;/* empty css                                                                     */exports.default=R=>{const{open:U,title:k,onClose:V,roles:L,toggleSwitch:w,onSubmit:T,value:M={},isPeopleAccessVisible:P=!1}=R,{share:B}=o.useAppSelector(e=>e),E=o.useAppDispatch(),[F,O]=d.useState(M.isPublic||!1),[z,G]=d.useState(M.selectedUsers||[]),[H,J]=d.useState([]),[K,Q]=d.useState([]),[W,X]=d.useState({isRoleVisible:!1,selectedUsers:[]}),Y=d.useMemo(()=>(null==W?void 0:W.isRoleVisible)?B.departments:B.users,[B,null==W?void 0:W.isRoleVisible]),[Z,$]=d.useState([]);d.useEffect(()=>{const e=[],s=[];L&&L.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),Q(e),J(s)})},[L]),d.useEffect(()=>{var e;(null==(e=null==M?void 0:M.selectedUsers)?void 0:e.length)||(null==M?void 0:M.role_id)?(W.isRoleVisible=M.is_role,X(W),G({...M,selectedUsers:M.is_role?null==M?void 0:M.role_id:null==M?void 0:M.selectedUsers})):ee()},[null==M?void 0:M.selectedUsers,U]);const ee=()=>{G({...M}),X(e=>({...e,selectedUsers:[]}))};return d.useEffect(()=>{U||ee(),U&&E(n.getAllUserAndDepartmentDropdown())},[U]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(h.default,{open:U,onClose:V,className:"share",children:[
+/* @__PURE__ */e.jsxs(j.default,{className:"share--head",children:[
+/* @__PURE__ */e.jsx(p.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:k})}),
+/* @__PURE__ */e.jsx(v.default,{disableRipple:!0,onClick:V,children:/* @__PURE__ */e.jsx(l.default,{})})]}),
+/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsxs(g.default,{className:"share--content",children:[
+/* @__PURE__ */e.jsxs(p.default,{m:1,display:"flex",alignItems:"center",justifyContent:"space-between",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Add users"}),
+/* @__PURE__ */e.jsx(b.default,{control:/* @__PURE__ */e.jsx(p.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.default,{checked:null==W?void 0:W.isRoleVisible,onChange:()=>{X(e=>({...e,isRoleVisible:!e.isRoleVisible})),G([]),$(M.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),w&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(p.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(c.default,{options:Y,multiple:!0,value:null==z?void 0:z.selectedUsers,onChange:e=>{return s=e.target.value,W.isRoleVisible&&G({...z,role_id:s}),void G({...z,selectedUsers:s});var s},placeholder:z&&z.length?"":"Add people and roles",getSelectedData:e=>$(e)})})}),P&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(q.default,{className:"people-access-accordion",children:[
+/* @__PURE__ */e.jsx(y.default,{expandIcon:/* @__PURE__ */e.jsx(s.default,{}),children:/* @__PURE__ */e.jsx(i.Typography,{children:"People with access"})}),
+/* @__PURE__ */e.jsx(_.default,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(N.default,{className:"accordion-list",children:L&&L.map(s=>{const l=(null==H?void 0:H.length)>0&&(null==H?void 0:H.filter(e=>e.id===s.id));/* @__PURE__ */
+return e.jsxs(A.default,{alignItems:"flex-start",children:[
+/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(a.Avatar,{size:40,alt:"Person",icon:!0})}),
+/* @__PURE__ */e.jsx(D.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.default,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=H.map(l=>(l.id===s&&(l.role=e.target.value),l));J(l)})(e,s.id),variant:"outlined",children:K.map(s=>/* @__PURE__ */e.jsx(S.default,{className:"select-menu-items",value:s,children:s}))})})]})})})})]})}),
 /* @__PURE__ */e.jsxs("div",{className:"checkbox",children:[
-/* @__PURE__ */e.jsx(m.default,{checked:S,onChange:()=>{R(!S)}}),
+/* @__PURE__ */e.jsx(x.default,{checked:F,onChange:()=>{O(!F)}}),
 /* @__PURE__ */e.jsx("div",{className:"checkbox-text",children:"Make it public"})]})]}),
-/* @__PURE__ */e.jsx(s.Divider,{}),
-/* @__PURE__ */e.jsxs(s.DialogActions,{className:"share--actions",children:[
-/* @__PURE__ */e.jsx(a.default,{className:"cancel-btn",variant:"text",onClick:b,children:"Cancel"}),
-/* @__PURE__ */e.jsx(a.default,{className:"success-btn",onClick:()=>{var e;if(!(null==B?void 0:B.length))return;const s=h.flatMap(B,"userIds").filter(e=>e);let l=B;Array.isArray(s)&&(null==s?void 0:s.length)&&(l=null==(e=C.users)?void 0:e.filter(e=>s.includes(e.id)));const i={is_private:!S,selectedUsers:[...new Set(l)],is_role:null==I?void 0:I.isRoleVisible,role_id:(null==I?void 0:I.isRoleVisible)?null==B?void 0:B.map(e=>null==e?void 0:e.id):[]};f(i)},children:"Save and Share"})]})]})})};
+/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsxs(I.default,{className:"share--actions",children:[
+/* @__PURE__ */e.jsx(r.default,{className:"cancel-btn",variant:"text",onClick:V,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.default,{className:"success-btn",onClick:()=>{var e;if(!(null==Z?void 0:Z.length))return;const s=m.flatMap(Z,"userIds").filter(e=>e);let l=Z;Array.isArray(s)&&(null==s?void 0:s.length)&&(l=null==(e=B.users)?void 0:e.filter(e=>s.includes(e.id)));const i={is_private:!F,selectedUsers:[...new Set(l)],is_role:null==W?void 0:W.isRoleVisible,role_id:(null==W?void 0:W.isRoleVisible)?null==Z?void 0:Z.map(e=>null==e?void 0:e.id):[]};T(i)},children:"Save and Share"})]})]})})};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUp;\n"],"names":["props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","share","useAppSelector","store","dispatch","useAppDispatch","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","departments","users","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","children","jsxs","Dialog","className","DialogTitle","jsx","Box","Typography","type","ml","IconButton","disableRipple","onClick","CloseIcon","Divider","DialogContent","m","display","alignItems","justifyContent","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","Button","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUp;\n"],"names":["props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","share","useAppSelector","store","dispatch","useAppDispatch","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","departments","users","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","children","jsxs","Dialog","className","DialogTitle","jsx","Box","Typography","type","ml","IconButton","disableRipple","onClick","CloseIcon","Divider","DialogContent","m","display","alignItems","justifyContent","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","Button","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}