@erpsquad/common 1.8.75 → 1.8.77

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

@@ -49,6 +49,7 @@ const SelectSearch = forwardRef(
   )
 );
 export {
+  SelectSearch,
   SelectSearch as default
 };
 //# sourceMappingURL=index.esm.js.map

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":["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;"}
+{"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 { SelectSearch };\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("../../../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;
+"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.SelectSearch=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":"+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"}
+{"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 { SelectSearch };\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/select/select-search.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare const SelectSearch: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { SelectSearch };
+export default SelectSearch;

package/dist/components/select/select.d.ts

@@ -0,0 +1,4 @@
+
+declare const Select: import('react').NamedExoticComponent<any>;
+export { Select };
+export default Select;

package/dist/components/share-modal/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SharePopUpEnhanced } from './share-modal-enhanced';
+export * from './share-modal-enhanced';
+export { default as SharePopUp } from './share-modal';
+export * from './share-modal';
+export * from './redux';

package/dist/components/share-modal/redux/actionCreator.d.ts

@@ -0,0 +1,2 @@
+export declare const getAllUserAndDepartmentDropdown: import('@reduxjs/toolkit').AsyncThunk<import('../../../api-client/api.system-feature/api-types').GetV1PagesUserListResponseOK | import('../../../api-client/api.system-feature/api-types').GetV1PagesUserListResponseBadRequest | import('../../../api-client/api.system-feature/api-types').GetV1PagesUserListResponseNotFound | import('../../../api-client/api.system-feature/api-types').GetV1PagesUserListResponseInternalServerError, void, import('@reduxjs/toolkit').AsyncThunkConfig>;
+export declare const sharePage: import('@reduxjs/toolkit').AsyncThunk<import('../../../api-client/api.system-feature/api-types').PostV1PagesShareResponseOK | import('../../../api-client/api.system-feature/api-types').PostV1PagesShareResponseBadRequest | import('../../../api-client/api.system-feature/api-types').PostV1PagesShareResponseNotFound | import('../../../api-client/api.system-feature/api-types').PostV1PagesShareResponseInternalServerError, any, import('@reduxjs/toolkit').AsyncThunkConfig>;

package/dist/components/share-modal/redux/index.d.ts

@@ -0,0 +1,5 @@
+export * from './actionCreator';
+export { default as shareSlice } from './reducer';
+export * from './reducer';
+export { default as state } from './state';
+export * from './state';

package/dist/components/share-modal/redux/reducer.d.ts

@@ -0,0 +1,21 @@
+export declare const shareSlice: import('@reduxjs/toolkit').Slice<{
+    users: any[];
+    departments: any[];
+    loading: boolean;
+    error: string;
+    isError: boolean;
+}, {}, "share", "share", import('@reduxjs/toolkit').SliceSelectors<{
+    users: any[];
+    departments: any[];
+    loading: boolean;
+    error: string;
+    isError: boolean;
+}>>;
+declare const _default: import('redux').Reducer<{
+    users: any[];
+    departments: any[];
+    loading: boolean;
+    error: string;
+    isError: boolean;
+}>;
+export default _default;

package/dist/components/share-modal/redux/state.d.ts

@@ -0,0 +1,8 @@
+export declare const state: {
+    users: any[];
+    departments: any[];
+    loading: boolean;
+    error: string;
+    isError: boolean;
+};
+export default state;

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

@@ -2,17 +2,17 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 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 { Button } from "../../button/button/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 /* empty css                            */
 import { useState, useMemo, useEffect } from "react";
 import { useAppSelector, useAppDispatch } from "../../../redux/hooks/index.esm.js";
 import { getAllUserAndDepartmentDropdown } from "../redux/actionCreator/index.esm.js";
-import Toggle from "../../toggle/toggle/index.esm.js";
+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 { 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";
@@ -228,6 +228,7 @@ const SharePopUp = (props) => {
   ] }) });
 };
 export {
+  SharePopUp,
   SharePopUp as default
 };
 //# sourceMappingURL=index.esm.js.map

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","CloseIcon","ExpandMoreIcon"],"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 { SharePopUp };\nexport default SharePopUp;\n"],"names":["value","CloseIcon","ExpandMoreIcon"],"mappings":"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"}

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=,/* 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:[
+"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 o=require("react"),d=,/* 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                                                               */g=,/* empty css                                                         */f=,/* empty css                                                                     */b=,/* empty css                                                                           */q=,/* empty css                                                             */y=,/* empty css                                                                           */_=,/* empty css                                                                           */N=,/* empty css                                                   */A=,/* empty css                                                           */C=,/* empty css                                                                       */S=,/* empty css                                                                   */D=,/* empty css                                                           */I=;/* empty css                                                                     */const U=U=>{const{open:k,title:R,onClose:V,roles:L,toggleSwitch:T,onSubmit:w,value:M={},isPeopleAccessVisible:B=!1}=U,{share:P}=d.useAppSelector(e=>e),E=d.useAppDispatch(),[F,O]=o.useState(M.isPublic||!1),[z,G]=o.useState(M.selectedUsers||[]),[H,J]=o.useState([]),[K,Q]=o.useState([]),[W,X]=o.useState({isRoleVisible:!1,selectedUsers:[]}),Y=o.useMemo(()=>(null==W?void 0:W.isRoleVisible)?P.departments:P.users,[P,null==W?void 0:W.isRoleVisible]),[Z,$]=o.useState([]);o.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]),o.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,k]);const ee=()=>{G({...M}),X(e=>({...e,selectedUsers:[]}))};return o.useEffect(()=>{k||ee(),k&&E(n.getAllUserAndDepartmentDropdown())},[k]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(h.default,{open:k,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(p.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:R})}),
 /* @__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.jsx(g.default,{}),
+/* @__PURE__ */e.jsxs(f.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(b.default,{control:/* @__PURE__ */e.jsx(p.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.Toggle,{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"})})]}),T&&/* @__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)})})}),B&&/* @__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.jsx(S.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.Select,{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(D.default,{className:"select-menu-items",value:s,children:s}))})})]})})})})]})}),
 /* @__PURE__ */e.jsxs("div",{className:"checkbox",children:[
-/* @__PURE__ */e.jsx(x.default,{checked:F,onChange:()=>{O(!F)}}),
+/* @__PURE__ */e.jsx(x.Checkbox,{checked:F,onChange:()=>{O(!F)}}),
 /* @__PURE__ */e.jsx("div",{className:"checkbox-text",children:"Make it public"})]})]}),
-/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsx(g.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"})]})]})})};
+/* @__PURE__ */e.jsx(r.Button,{className:"cancel-btn",variant:"text",onClick:V,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.Button,{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=P.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):[]};w(i)},children:"Save and Share"})]})]})})};exports.SharePopUp=U,exports.default=U;
 //# 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 { SharePopUp };\nexport default SharePopUp;\n"],"names":["SharePopUp","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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"}

package/dist/components/share-modal/share-modal-enhanced.d.ts

@@ -0,0 +1,20 @@
+
+interface SharePopUpEnhancedProps {
+    open: boolean;
+    title: string;
+    onClose: () => void;
+    roles?: any;
+    toggleSwitch: boolean;
+    onSubmit: (selectedUsers: any) => void;
+    value?: any;
+    isPeopleAccessVisible?: boolean;
+    users?: any[];
+    departments?: any[];
+    loading?: boolean;
+    error?: string;
+    onFetchUsersAndDepartments?: () => Promise<void>;
+    useRedux?: boolean;
+}
+declare const SharePopUpEnhanced: (props: SharePopUpEnhancedProps) => import("react/jsx-runtime").JSX.Element;
+export { SharePopUpEnhanced };
+export default SharePopUpEnhanced;

package/dist/components/share-modal/share-modal.d.ts

@@ -0,0 +1,14 @@
+
+interface SharePopUpProps {
+    open: boolean;
+    title: string;
+    onClose: () => void;
+    roles?: any;
+    toggleSwitch: boolean;
+    onSubmit: (selectedUsers: any) => void;
+    value?: any;
+    isPeopleAccessVisible?: boolean;
+}
+declare const SharePopUp: (props: SharePopUpProps) => import("react/jsx-runtime").JSX.Element;
+export { SharePopUp };
+export default SharePopUp;

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Sidebar } from './sidebar';
+export * from './sidebar';

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

@@ -8,10 +8,10 @@ import default_1$2 from "../../../node_modules/@mui/icons-material/ExpandMore/in
 import { Typography } from "../../typography/typography/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                        */
-import SearchBar from "../../search-bar/search-bar/index.esm.js";
-import Tooltip from "../../tooltip/Tooltip/index.esm.js";
+import { SearchBar } from "../../search-bar/search-bar/index.esm.js";
+import { Tooltip } from "../../tooltip/Tooltip/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
-import DynamicSvgIcon from "../../../assets/dynamic-svg-icon/dynamic-svg-icon/index.esm.js";
+import { DynamicSvgIcon } from "../../../assets/dynamic-svg-icon/dynamic-svg-icon/index.esm.js";
 import ListItem from "../../../node_modules/@mui/material/ListItem/ListItem/index.esm.js";
 import ListItemButton from "../../../node_modules/@mui/material/ListItemButton/ListItemButton/index.esm.js";
 import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.esm.js";
@@ -22,13 +22,13 @@ import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.
 import { Pathname } from "../../../constants/pathnames/pathname/index.esm.js";
 import { ClickAwayListener } from "../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import { SearchStatus } from "../../icons/search-status/index.esm.js";
+import { Search } from "../../icons/search/index.esm.js";
 import Typography$1 from "../../../node_modules/@mui/material/Typography/Typography/index.esm.js";
 import Icon from "../../../node_modules/@mui/material/Icon/Icon/index.esm.js";
 import Drawer$1 from "../../../node_modules/@mui/material/Drawer/Drawer/index.esm.js";
 import Popover from "../../../node_modules/@mui/material/Popover/Popover/index.esm.js";
 import Paper from "../../../node_modules/@mui/material/Paper/Paper/index.esm.js";
-import { SearchStatus } from "../../icons/search-status/index.esm.js";
-import { Search } from "../../icons/search/index.esm.js";
 let drawerWidth;
 const openedMixin = (theme) => {
   var _a, _b;

package/dist/components/sidebar/sidebar/index.js

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("react-router-dom"),o=,/* empty css                                                           */l=,/* empty css                                                            */t=,/* empty css                                                          */i=,/* empty css                                                          */a=,/* empty css                                 */s=;/* empty css                     */;/* empty css                     */var d=,/* empty css                                 */u=,/* empty css                           */c=,/* empty css                                */m=,/* empty css                                                       */p=,/* empty css                                                           */h=,/* empty css                                                                       */b=,/* empty css                                                                   */x=,/* empty css                                                 */f=,/* empty css                                                           */g=,/* empty css                                                   */v=,/* empty css                                                       */y=,/* empty css                                           */j=,/* empty css                                                                             */C=,/* empty css                                                               */k=,/* empty css                                                               */w=,/* empty css                                                   */S=,/* empty css                                                       */q=,/* empty css                                                         */L=,/* empty css                                                     */I=,/* empty css                               */z=;/* empty css                        */function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R=/* @__PURE__ */M(r);let _;const E=e=>{var r,n;return{width:_,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden",display:"flex",flexDirection:"column",justifyContent:"space-between",borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},B=e=>{var r,n;return{transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(7)} + 1px)`,[e.breakpoints.up("sm")]:{width:`calc(${e.spacing(8)} + 1px)`},borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},$=v.default(S.default,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:r})=>{var n,o,l;return{width:_,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",".MuiDrawer-paper":{backgroundColor:null==(l=null==(o=null==(n=null==e?void 0:e.palette)?void 0:n.theme)?void 0:o.secondary)?void 0:l[100],overflow:"visible !important",zIndex:1201},...r&&{...E(e),"& .MuiDrawer-paper":E(e)},...!r&&{...B(e),"& .MuiDrawer-paper":B(e)}}}),P=v.default("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(0,2),...e.mixins.toolbar,minHeight:64})),O=v.default(L.default)(({theme:e})=>{var r,n,o,l;return{minWidth:250,maxWidth:350,maxHeight:"80vh",overflowY:"auto",backgroundColor:(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[100])||e.palette.background.paper,borderRadius:12,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.12)",border:`1px solid ${(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[200])||e.palette.divider}`,"&.MuiPaper-root":{transformOrigin:"top left"},"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}}}),T=v.default(x.default)(({theme:e})=>{var r,n,o,l;return{padding:e.spacing(1,2),borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`,backgroundColor:(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[50])||e.palette.grey[50]}}),A=({menu:r,anchorEl:n,open:o,onClose:t,onItemClick:i,onSubmenuClick:s,getActiveClassIf:d,breadcrumb:u,onBreadcrumbClick:c})=>{var m;/* @__PURE__ */
-return e.jsx(j.ClickAwayListener,{onClickAway:t,children:/* @__PURE__ */e.jsx(q.default,{open:o,anchorEl:n,onClose:t,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},PaperComponent:O,elevation:1,disableRestoreFocus:!0,disableAutoFocus:!0,disableEnforceFocus:!0,sx:{ml:.5,"& .MuiPopover-paper":{marginTop:0,pointerEvents:"auto"}},transitionDuration:200,children:/* @__PURE__ */e.jsxs(x.default,{children:[u.length<=1?null:/* @__PURE__ */e.jsx(T,{children:/* @__PURE__ */e.jsx(x.default,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:.5},children:u.map((r,n)=>/* @__PURE__ */e.jsxs(R.default.Fragment,{children:[n>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:14,color:"theme.secondary.400"}}),
-/* @__PURE__ */e.jsx(k.default,{variant:"caption",onClick:()=>c(r,n),sx:{cursor:n<u.length-1?"pointer":"default",color:n<u.length-1?"primary.main":"theme.secondary.600",fontWeight:n===u.length-1?600:400,fontSize:"0.75rem","&:hover":n<u.length-1?{textDecoration:"underline"}:{}},children:r.label})]},n))})}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("react-router-dom"),o=,/* empty css                                                           */l=,/* empty css                                                            */t=,/* empty css                                                          */i=,/* empty css                                                          */a=,/* empty css                                 */s=;/* empty css                     */;/* empty css                     */var d=,/* empty css                                 */u=,/* empty css                           */c=,/* empty css                                */m=,/* empty css                                                       */p=,/* empty css                                                           */h=,/* empty css                                                                       */b=,/* empty css                                                                   */x=,/* empty css                                                 */g=,/* empty css                                                           */f=,/* empty css                                                   */v=,/* empty css                                                       */y=,/* empty css                                           */j=,/* empty css                                                                             */C=,/* empty css                                                               */k=,/* empty css                               */w=,/* empty css                        */S=,/* empty css                                                               */q=,/* empty css                                                   */I=,/* empty css                                                       */L=,/* empty css                                                         */z=;/* empty css                                                     */function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R=/* @__PURE__ */M(r);let _;const B=e=>{var r,n;return{width:_,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden",display:"flex",flexDirection:"column",justifyContent:"space-between",borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},E=e=>{var r,n;return{transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(7)} + 1px)`,[e.breakpoints.up("sm")]:{width:`calc(${e.spacing(8)} + 1px)`},borderRight:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[200]}`,backgroundColor:null==(n=e.palette.theme)?void 0:n.secondary[100]}},T=v.default(I.default,{shouldForwardProp:e=>"open"!==e})(({theme:e,open:r})=>{var n,o,l;return{width:_,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",".MuiDrawer-paper":{backgroundColor:null==(l=null==(o=null==(n=null==e?void 0:e.palette)?void 0:n.theme)?void 0:o.secondary)?void 0:l[100],overflow:"visible !important",zIndex:1201},...r&&{...B(e),"& .MuiDrawer-paper":B(e)},...!r&&{...E(e),"& .MuiDrawer-paper":E(e)}}}),$=v.default("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(0,2),...e.mixins.toolbar,minHeight:64})),P=v.default(z.default)(({theme:e})=>{var r,n,o,l;return{minWidth:250,maxWidth:350,maxHeight:"80vh",overflowY:"auto",backgroundColor:(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[100])||e.palette.background.paper,borderRadius:12,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.12)",border:`1px solid ${(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[200])||e.palette.divider}`,"&.MuiPaper-root":{transformOrigin:"top left"},"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}}}),O=v.default(x.default)(({theme:e})=>{var r,n,o,l;return{padding:e.spacing(1,2),borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`,backgroundColor:(null==(l=null==(o=e.palette.theme)?void 0:o.secondary)?void 0:l[50])||e.palette.grey[50]}}),D=({menu:r,anchorEl:n,open:o,onClose:t,onItemClick:i,onSubmenuClick:s,getActiveClassIf:d,breadcrumb:u,onBreadcrumbClick:c})=>{var m;/* @__PURE__ */
+return e.jsx(j.ClickAwayListener,{onClickAway:t,children:/* @__PURE__ */e.jsx(L.default,{open:o,anchorEl:n,onClose:t,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},PaperComponent:P,elevation:1,disableRestoreFocus:!0,disableAutoFocus:!0,disableEnforceFocus:!0,sx:{ml:.5,"& .MuiPopover-paper":{marginTop:0,pointerEvents:"auto"}},transitionDuration:200,children:/* @__PURE__ */e.jsxs(x.default,{children:[u.length<=1?null:/* @__PURE__ */e.jsx(O,{children:/* @__PURE__ */e.jsx(x.default,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:.5},children:u.map((r,n)=>/* @__PURE__ */e.jsxs(R.default.Fragment,{children:[n>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:14,color:"theme.secondary.400"}}),
+/* @__PURE__ */e.jsx(S.default,{variant:"caption",onClick:()=>c(r,n),sx:{cursor:n<u.length-1?"pointer":"default",color:n<u.length-1?"primary.main":"theme.secondary.600",fontWeight:n===u.length-1?600:400,fontSize:"0.75rem","&:hover":n<u.length-1?{textDecoration:"underline"}:{}},children:r.label})]},n))})}),
 /* @__PURE__ */e.jsxs(x.default,{children:[
-/* @__PURE__ */e.jsx(k.default,{variant:"subtitle2",sx:{px:2,py:1,fontWeight:600,color:"theme.secondary.1000",borderBottom:u.length>1?"none":"1px solid",borderColor:"theme.secondary.200",mb:.5,fontSize:"0.875rem"},children:r.label}),
-/* @__PURE__ */e.jsx(g.default,{component:"div",sx:{py:0},children:null==(m=r.submenu)?void 0:m.map((r,n)=>{var o;const u=d([...(null==r?void 0:r.connectedRoutes)||[],r.link]);/* @__PURE__ */
+/* @__PURE__ */e.jsx(S.default,{variant:"subtitle2",sx:{px:2,py:1,fontWeight:600,color:"theme.secondary.1000",borderBottom:u.length>1?"none":"1px solid",borderColor:"theme.secondary.200",mb:.5,fontSize:"0.875rem"},children:r.label}),
+/* @__PURE__ */e.jsx(f.default,{component:"div",sx:{py:0},children:null==(m=r.submenu)?void 0:m.map((r,n)=>{var o;const u=d([...(null==r?void 0:r.connectedRoutes)||[],r.link]);/* @__PURE__ */
 return e.jsx(p.default,{disablePadding:!0,children:/* @__PURE__ */e.jsxs(h.default,{onClick:e=>{var n;(null==(n=r.submenu)?void 0:n.length)?s(r,e):(i(r),t())},selected:u,sx:e=>{var r,n;return{minHeight:40,borderRadius:1.5,mb:.25,position:"relative","&.Mui-selected":{backgroundColor:null==(r=e.palette.theme)?void 0:r.primary[100],color:"primary.main","& .MuiListItemIcon-root":{color:"primary.main"}},"&.Mui-selected:hover":{backgroundColor:null==(n=e.palette.theme)?void 0:n.primary[200]},"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}}},children:[r.icon&&/* @__PURE__ */e.jsx(b.default,{sx:{minWidth:32},children:/* @__PURE__ */e.jsx("img",{src:r.icon,alt:r.label+" icon",style:{opacity:.8}})}),
-/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:"normal",color:"theme.secondary.1000",sx:{flexGrow:1,fontSize:"0.875rem",lineHeight:1.4},children:r.label}),(null==(o=r.submenu)?void 0:o.length)>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:18,color:"theme.secondary.500",ml:1}})]})},n)})})]})]})})})},D=v=>{const S=n.useNavigate(),q=n.useLocation(),{currentLanguage:L}=c.useLanguage(),M=r.useMemo(()=>"rtl"===(null==L?void 0:L.direction),[L]),[R,E]=r.useState({open:!1,anchorEl:null,menu:null,breadcrumb:[]}),[B,O]=r.useState([]),[T,D]=r.useState(""),[W,F]=r.useState([]),[H,N]=r.useState(!1),G=r.useCallback(e=>{const r=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(n.matchRoutes(r,q))},[q]),Y=r.useCallback(e=>{var r;if(!(null==(r=e.submenu)?void 0:r.length))return!1;for(const n of e.submenu)if(G([...(null==n?void 0:n.connectedRoutes)||[],n.link])||Y(n))return!0;return!1},[G]),J=r.useCallback(e=>{var r,n;const o=[];return e.link&&o.push(e.link),(null==(r=e.connectedRoutes)?void 0:r.length)&&o.push(...e.connectedRoutes),(null==(n=e.submenu)?void 0:n.length)&&e.submenu.forEach(e=>{o.push(...J(e))}),o},[]),X=r.useCallback((e,r)=>{var n,o;e.stopPropagation(),!v.open&&(null==(n=r.submenu)?void 0:n.length)>0&&(R.open&&(null==(o=R.menu)?void 0:o.label)===r.label?E({open:!1,anchorEl:null,menu:null,breadcrumb:[]}):E({open:!0,anchorEl:e.currentTarget,menu:r,breadcrumb:[r]}))},[v.open,R]),K=r.useCallback((e,r)=>{var n;(null==(n=e.submenu)?void 0:n.length)&&E(r=>({...r,menu:e,breadcrumb:[...r.breadcrumb,e]}))},[]),Q=r.useCallback((e,r)=>{E(n=>({...n,menu:e,breadcrumb:n.breadcrumb.slice(0,r+1)}))},[]),U=r.useCallback(()=>{E({open:!1,anchorEl:null,menu:null,breadcrumb:[]})},[]),V=r.useCallback(e=>{S(e.link)},[S]),Z=r.useCallback((e,r,n)=>{var o,l,t,i;if(v.open||!((null==(o=e.submenu)?void 0:o.length)>0))if(null==(l=e.submenu)?void 0:l.length)if((null==(t=e.submenu)?void 0:t.length)&&(null==(i=e.submenu[n])?void 0:i.link))S(`${e.link}${e.submenu[n].link}`);else{const n=`${(null==r?void 0:r.label)||""}-${e.label}`;if(W.includes(n))if(r){const e=W.filter(e=>e!==n);F([...e])}else F([]);else F(r?[...W,n]:[n])}else S(e.link),r||F([])},[v.open,S,W]),ee=r.useCallback((e,r)=>e.filter(e=>{var n,o,l,t;return(null==(o=null==(n=null==e?void 0:e.label)?void 0:n.toLowerCase())?void 0:o.includes(r))?e:(null==(l=null==e?void 0:e.submenu)?void 0:l.length)?(e.submenu=ee(null==e?void 0:e.submenu,r),(null==(t=e.submenu)?void 0:t.length)>0?e:null):null}).filter(Boolean),[]),re=r.useCallback(e=>{if(e){const r=e.toLowerCase(),n=(null==v?void 0:v.menu)?JSON.parse(JSON.stringify(v.menu)):[],o=ee(n,r);O(o)}else O(v.menu||[])},[v.menu,ee]),ne=r.useCallback(()=>N(!0),[]),oe=r.useCallback(()=>N(!1),[]),le=r.useCallback((r,n,o)=>null==r?void 0:r.map((r,s)=>{var d,c;const y=`${(null==n?void 0:n.label)||""}-${r.label}`,j=G([...(null==r?void 0:r.connectedRoutes)||[],r.link]),C=!v.open&&Y(r),k=j||C;/* @__PURE__ */
-return e.jsx(u.default,{title:r.label,placement:"right",arrow:!0,disableHoverListener:v.open,disableFocusListener:v.open,disableTouchListener:v.open,children:/* @__PURE__ */e.jsxs(p.default,{disablePadding:!0,sx:{display:"block",...M&&{padding:0}},children:[
+/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:"normal",color:"theme.secondary.1000",sx:{flexGrow:1,fontSize:"0.875rem",lineHeight:1.4},children:r.label}),(null==(o=r.submenu)?void 0:o.length)>0&&/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:18,color:"theme.secondary.500",ml:1}})]})},n)})})]})]})})})},A=v=>{const I=n.useNavigate(),L=n.useLocation(),{currentLanguage:z}=c.useLanguage(),M=r.useMemo(()=>"rtl"===(null==z?void 0:z.direction),[z]),[R,B]=r.useState({open:!1,anchorEl:null,menu:null,breadcrumb:[]}),[E,P]=r.useState([]),[O,A]=r.useState(""),[W,F]=r.useState([]),[H,N]=r.useState(!1),G=r.useCallback(e=>{const r=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(n.matchRoutes(r,L))},[L]),Y=r.useCallback(e=>{var r;if(!(null==(r=e.submenu)?void 0:r.length))return!1;for(const n of e.submenu)if(G([...(null==n?void 0:n.connectedRoutes)||[],n.link])||Y(n))return!0;return!1},[G]),J=r.useCallback(e=>{var r,n;const o=[];return e.link&&o.push(e.link),(null==(r=e.connectedRoutes)?void 0:r.length)&&o.push(...e.connectedRoutes),(null==(n=e.submenu)?void 0:n.length)&&e.submenu.forEach(e=>{o.push(...J(e))}),o},[]),X=r.useCallback((e,r)=>{var n,o;e.stopPropagation(),!v.open&&(null==(n=r.submenu)?void 0:n.length)>0&&(R.open&&(null==(o=R.menu)?void 0:o.label)===r.label?B({open:!1,anchorEl:null,menu:null,breadcrumb:[]}):B({open:!0,anchorEl:e.currentTarget,menu:r,breadcrumb:[r]}))},[v.open,R]),K=r.useCallback((e,r)=>{var n;(null==(n=e.submenu)?void 0:n.length)&&B(r=>({...r,menu:e,breadcrumb:[...r.breadcrumb,e]}))},[]),Q=r.useCallback((e,r)=>{B(n=>({...n,menu:e,breadcrumb:n.breadcrumb.slice(0,r+1)}))},[]),U=r.useCallback(()=>{B({open:!1,anchorEl:null,menu:null,breadcrumb:[]})},[]),V=r.useCallback(e=>{I(e.link)},[I]),Z=r.useCallback((e,r,n)=>{var o,l,t,i;if(v.open||!((null==(o=e.submenu)?void 0:o.length)>0))if(null==(l=e.submenu)?void 0:l.length)if((null==(t=e.submenu)?void 0:t.length)&&(null==(i=e.submenu[n])?void 0:i.link))I(`${e.link}${e.submenu[n].link}`);else{const n=`${(null==r?void 0:r.label)||""}-${e.label}`;if(W.includes(n))if(r){const e=W.filter(e=>e!==n);F([...e])}else F([]);else F(r?[...W,n]:[n])}else I(e.link),r||F([])},[v.open,I,W]),ee=r.useCallback((e,r)=>e.filter(e=>{var n,o,l,t;return(null==(o=null==(n=null==e?void 0:e.label)?void 0:n.toLowerCase())?void 0:o.includes(r))?e:(null==(l=null==e?void 0:e.submenu)?void 0:l.length)?(e.submenu=ee(null==e?void 0:e.submenu,r),(null==(t=e.submenu)?void 0:t.length)>0?e:null):null}).filter(Boolean),[]),re=r.useCallback(e=>{if(e){const r=e.toLowerCase(),n=(null==v?void 0:v.menu)?JSON.parse(JSON.stringify(v.menu)):[],o=ee(n,r);P(o)}else P(v.menu||[])},[v.menu,ee]),ne=r.useCallback(()=>N(!0),[]),oe=r.useCallback(()=>N(!1),[]),le=r.useCallback((r,n,o)=>null==r?void 0:r.map((r,s)=>{var d,c;const y=`${(null==n?void 0:n.label)||""}-${r.label}`,j=G([...(null==r?void 0:r.connectedRoutes)||[],r.link]),C=!v.open&&Y(r),k=j||C;/* @__PURE__ */
+return e.jsx(u.Tooltip,{title:r.label,placement:"right",arrow:!0,disableHoverListener:v.open,disableFocusListener:v.open,disableTouchListener:v.open,children:/* @__PURE__ */e.jsxs(p.default,{disablePadding:!0,sx:{display:"block",...M&&{padding:0}},children:[
 /* @__PURE__ */e.jsxs(h.default,{onClick:e=>{var o;!v.open&&(null==(o=r.submenu)?void 0:o.length)>0?X(e,r):Z(r,n,(null==r?void 0:r.submenu)?-1:s)},selected:k,sx:e=>{var n,o,l,t,i,a;return{minHeight:v.open?40:44,justifyContent:v.open?"initial":"center",display:"flex",alignItems:"center",borderRadius:2,gap:1,position:"relative",transition:"all 0.2s ease-in-out","&.Mui-selected":{backgroundColor:null==(n=e.palette.theme)?void 0:n.primary[100],color:null==(o=e.palette.theme)?void 0:o.primary[800],"& .MuiListItemIcon-root":{color:null==(l=e.palette.theme)?void 0:l.primary[800]},"& .MuiTypography-root":{color:null==(t=e.palette.theme)?void 0:t.primary[800],fontWeight:500}},"&.Mui-selected:hover":{backgroundColor:null==(i=e.palette.theme)?void 0:i.primary[200]},"&:hover":{backgroundColor:v.open?"rgba(0, 0, 0, 0.04)":"rgba(0, 0, 0, 0.08)",transform:v.open?"none":"scale(1.02)"},...!v.open&&(null==(a=r.submenu)?void 0:a.length)>0&&{cursor:"pointer","&::after":{content:'""',position:"absolute",...M?{left:8,borderRight:"5px solid"}:{right:8,borderLeft:"5px solid"},top:"25%",transform:"translateY(-50%)",width:0,height:0,borderTop:"4px solid transparent",borderBottom:"4px solid transparent",borderColor:"currentColor transparent transparent transparent",opacity:.7}}}},children:[
-/* @__PURE__ */e.jsx(b.default,{sx:{minWidth:v.open?"auto":0,...M?{ml:0}:{},justifyContent:"center",display:"flex",alignItems:"center",transition:"all 0.2s ease-in-out"},children:r.icon?/* @__PURE__ */e.jsx(m.default,{svgPath:r.icon,color:k?"primary":"grey",fontSize:v.open?"small":"medium"}):/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:v.open?24:28,transition:"all 0.2s ease-in-out"}})}),v.open&&/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",alignItems:"center",flexGrow:1,position:"relative",overflow:"hidden"},children:[
-/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:0===o?"medium":"normal",color:"theme.secondary.1000",sx:{flexGrow:1,pl:1.5*o,fontSize:0===o?"0.875rem":"0.8125rem",lineHeight:1.4,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r.label}),(null==(d=r.submenu)?void 0:d.length)>0&&/* @__PURE__ */e.jsx(x.default,{sx:{ml:1,display:"flex",alignItems:"center",transition:"transform 0.2s ease-in-out"},children:W.includes(y)?/* @__PURE__ */e.jsx(t.default,{sx:{fontSize:20,color:"theme.secondary.600"}}):/* @__PURE__ */e.jsx(i.default,{sx:{fontSize:20,color:"theme.secondary.600"}})})]})]}),W.includes(y)&&(null==(c=r.submenu)?void 0:c.length)>0&&v.open&&/* @__PURE__ */e.jsx(f.default,{in:W.includes(y),timeout:"auto",unmountOnExit:!0,children:/* @__PURE__ */e.jsx(g.default,{component:"div",disablePadding:!0,sx:{mt:.5},children:le(r.submenu,r,o+1)})})]})},`${r.label}-${s}`)}),[v.open,W,G,X,Z,Y,M]);return r.useEffect(()=>{var e;if(re(T),null==(e=v.menu)?void 0:e.length){const e=[],r=(n,o="")=>{n.forEach(n=>{var l;if(null==(l=null==n?void 0:n.submenu)?void 0:l.length){const l=`${o}-${n.label}`,t=J(n);G(t)&&(e.push(l),r(n.submenu,n.label))}})};r(v.menu),F(e)}},[G,re,v.menu,T,J]),r.useEffect(()=>{v.open&&U()},[v.open,U]),_=v.width,/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx($,{variant:"permanent",open:v.open,anchor:"rtl"===document.body.dir?"right":"left",onMouseEnter:v.handleMouseEnter,onMouseLeave:v.handleMouseLeave,children:/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"grey.100"},children:[
-/* @__PURE__ */e.jsx(x.default,{sx:e=>{var r,n;return{borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`}},children:/* @__PURE__ */e.jsx(P,{children:/* @__PURE__ */e.jsx("img",{src:v.open?s.images.logo:s.images.favicon,alt:v.open?"logo":"favicon",width:!v.open&&40,style:{transition:"all 0.3s ease-in-out",filter:"brightness(1.1)",cursor:"pointer"},onClick:()=>S(v.dashboardPath||y.Pathname.DASHBOARD)})})}),v.open?/* @__PURE__ */e.jsx(x.default,{sx:{px:1.5,py:1.5,borderBottom:"1px solid",borderColor:"theme.secondary.200"},children:/* @__PURE__ */e.jsx(d.default,{className:"sidebar-search",handleSearch:D,placeholder:"Search menu...",value:T,sx:{"&.MuiTextField-root":{backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.200",borderRadius:1}}})}):/* @__PURE__ */e.jsx(j.ClickAwayListener,{onClickAway:oe,children:/* @__PURE__ */e.jsx(x.default,{sx:{p:1,pb:0,display:"flex",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e.jsx(u.default,{title:/* @__PURE__ */e.jsx(d.default,{className:"sidebar-search",handleSearch:D,placeholder:"Search menu...",value:T,sx:{"&.MuiTextField-root":{backgroundColor:"transparent"}}}),placement:"right",arrow:!0,sx:{p:0,backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.300","& .MuiTooltip-arrow":{color:"grey.300"},ml:"8px !important"},open:H,children:/* @__PURE__ */e.jsx(C.default,{color:"inherit",sx:{borderRadius:2,p:1.5,backgroundColor:H?"grey.200":"inherit"},onClick:ne,children:T.trim()?/* @__PURE__ */e.jsx(I.SearchStatus,{}):/* @__PURE__ */e.jsx(z.Search,{})})})})}),
-/* @__PURE__ */e.jsx(x.default,{sx:{flexGrow:1,overflowY:"auto",py:1,"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}},children:/* @__PURE__ */e.jsx(g.default,{className:"sidebar-list",sx:{p:0},children:le(B,null,0)})}),v.open&&/* @__PURE__ */e.jsx(x.default,{sx:{borderTop:"1px solid",borderColor:"theme.secondary.200",backgroundColor:"rgba(255, 255, 255, 0.5)"},children:/* @__PURE__ */e.jsxs(x.default,{sx:{padding:".75rem 1.5rem",display:"flex",alignItems:"self-start",gap:.5,justifyContent:"center"},children:[
-/* @__PURE__ */e.jsx(k.default,{sx:{color:"theme.secondary.600",fontSize:".85rem",fontWeight:500},children:"Crafted with"}),
-/* @__PURE__ */e.jsx(w.default,{sx:{color:"theme.error.500",width:"1rem",height:"1rem",fontSize:".75rem"},children:"❤️"}),
-/* @__PURE__ */e.jsx(k.default,{sx:{color:"theme.secondary.600",fontSize:".75rem",fontWeight:500},children:/* @__PURE__ */e.jsx("img",{src:s.images.erp_logo})})]})})]})}),
-/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>v.forcedOpen?v.handleDrawerClose():v.handleDrawerOpen(),className:M?"drawer-expand-btn_rtl":"drawer-expand-btn",sx:{ml:"auto",backgroundColor:"rgba(0, 0, 0, 0.04)","&:hover":{backgroundColor:"grey.100"},width:"30px",height:"30px",borderRadius:"8px",borderTopLeftRadius:0,borderBottomLeftRadius:0,borderColor:"grey.500",...M?v.forcedOpen?{right:"299px",left:"auto"}:{right:"63px !important",left:"auto"}:v.forcedOpen?{left:"299px",right:"auto"}:{left:"63px !important",right:"auto"},transition:"all 0.3s ease-in-out"},children:"rtl"===v.theme.direction?v.forcedOpen?/* @__PURE__ */e.jsx(l.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):v.forcedOpen?/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})}),R.menu&&/* @__PURE__ */e.jsx(A,{menu:R.menu,anchorEl:R.anchorEl,open:R.open,onClose:U,onItemClick:V,onSubmenuClick:K,getActiveClassIf:G,breadcrumb:R.breadcrumb,onBreadcrumbClick:Q})]})};exports.Sidebar=D,exports.default=D;
+/* @__PURE__ */e.jsx(b.default,{sx:{minWidth:v.open?"auto":0,...M?{ml:0}:{},justifyContent:"center",display:"flex",alignItems:"center",transition:"all 0.2s ease-in-out"},children:r.icon?/* @__PURE__ */e.jsx(m.DynamicSvgIcon,{svgPath:r.icon,color:k?"primary":"grey",fontSize:v.open?"small":"medium"}):/* @__PURE__ */e.jsx(l.default,{sx:{fontSize:v.open?24:28,transition:"all 0.2s ease-in-out"}})}),v.open&&/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",alignItems:"center",flexGrow:1,position:"relative",overflow:"hidden"},children:[
+/* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:0===o?"medium":"normal",color:"theme.secondary.1000",sx:{flexGrow:1,pl:1.5*o,fontSize:0===o?"0.875rem":"0.8125rem",lineHeight:1.4,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r.label}),(null==(d=r.submenu)?void 0:d.length)>0&&/* @__PURE__ */e.jsx(x.default,{sx:{ml:1,display:"flex",alignItems:"center",transition:"transform 0.2s ease-in-out"},children:W.includes(y)?/* @__PURE__ */e.jsx(t.default,{sx:{fontSize:20,color:"theme.secondary.600"}}):/* @__PURE__ */e.jsx(i.default,{sx:{fontSize:20,color:"theme.secondary.600"}})})]})]}),W.includes(y)&&(null==(c=r.submenu)?void 0:c.length)>0&&v.open&&/* @__PURE__ */e.jsx(g.default,{in:W.includes(y),timeout:"auto",unmountOnExit:!0,children:/* @__PURE__ */e.jsx(f.default,{component:"div",disablePadding:!0,sx:{mt:.5},children:le(r.submenu,r,o+1)})})]})},`${r.label}-${s}`)}),[v.open,W,G,X,Z,Y,M]);return r.useEffect(()=>{var e;if(re(O),null==(e=v.menu)?void 0:e.length){const e=[],r=(n,o="")=>{n.forEach(n=>{var l;if(null==(l=null==n?void 0:n.submenu)?void 0:l.length){const l=`${o}-${n.label}`,t=J(n);G(t)&&(e.push(l),r(n.submenu,n.label))}})};r(v.menu),F(e)}},[G,re,v.menu,O,J]),r.useEffect(()=>{v.open&&U()},[v.open,U]),_=v.width,/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(T,{variant:"permanent",open:v.open,anchor:"rtl"===document.body.dir?"right":"left",onMouseEnter:v.handleMouseEnter,onMouseLeave:v.handleMouseLeave,children:/* @__PURE__ */e.jsxs(x.default,{sx:{display:"flex",flexDirection:"column",height:"100%",backgroundColor:"grey.100"},children:[
+/* @__PURE__ */e.jsx(x.default,{sx:e=>{var r,n;return{borderBottom:`1px solid ${(null==(n=null==(r=e.palette.theme)?void 0:r.secondary)?void 0:n[200])||e.palette.divider}`}},children:/* @__PURE__ */e.jsx($,{children:/* @__PURE__ */e.jsx("img",{src:v.open?s.images.logo:s.images.favicon,alt:v.open?"logo":"favicon",width:!v.open&&40,style:{transition:"all 0.3s ease-in-out",filter:"brightness(1.1)",cursor:"pointer"},onClick:()=>I(v.dashboardPath||y.Pathname.DASHBOARD)})})}),v.open?/* @__PURE__ */e.jsx(x.default,{sx:{px:1.5,py:1.5,borderBottom:"1px solid",borderColor:"theme.secondary.200"},children:/* @__PURE__ */e.jsx(d.SearchBar,{className:"sidebar-search",handleSearch:A,placeholder:"Search menu...",value:O,sx:{"&.MuiTextField-root":{backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.200",borderRadius:1}}})}):/* @__PURE__ */e.jsx(j.ClickAwayListener,{onClickAway:oe,children:/* @__PURE__ */e.jsx(x.default,{sx:{p:1,pb:0,display:"flex",alignItems:"center",justifyContent:"center"},children:/* @__PURE__ */e.jsx(u.Tooltip,{title:/* @__PURE__ */e.jsx(d.SearchBar,{className:"sidebar-search",handleSearch:A,placeholder:"Search menu...",value:O,sx:{"&.MuiTextField-root":{backgroundColor:"transparent"}}}),placement:"right",arrow:!0,sx:{p:0,backgroundColor:"grey.200",border:"1px solid",borderColor:"grey.300","& .MuiTooltip-arrow":{color:"grey.300"},ml:"8px !important"},open:H,children:/* @__PURE__ */e.jsx(C.default,{color:"inherit",sx:{borderRadius:2,p:1.5,backgroundColor:H?"grey.200":"inherit"},onClick:ne,children:O.trim()?/* @__PURE__ */e.jsx(k.SearchStatus,{}):/* @__PURE__ */e.jsx(w.Search,{})})})})}),
+/* @__PURE__ */e.jsx(x.default,{sx:{flexGrow:1,overflowY:"auto",py:1,"&::-webkit-scrollbar":{width:6},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(0, 0, 0, 0.2)",borderRadius:3}},children:/* @__PURE__ */e.jsx(f.default,{className:"sidebar-list",sx:{p:0},children:le(E,null,0)})}),v.open&&/* @__PURE__ */e.jsx(x.default,{sx:{borderTop:"1px solid",borderColor:"theme.secondary.200",backgroundColor:"rgba(255, 255, 255, 0.5)"},children:/* @__PURE__ */e.jsxs(x.default,{sx:{padding:".75rem 1.5rem",display:"flex",alignItems:"self-start",gap:.5,justifyContent:"center"},children:[
+/* @__PURE__ */e.jsx(S.default,{sx:{color:"theme.secondary.600",fontSize:".85rem",fontWeight:500},children:"Crafted with"}),
+/* @__PURE__ */e.jsx(q.default,{sx:{color:"theme.error.500",width:"1rem",height:"1rem",fontSize:".75rem"},children:"❤️"}),
+/* @__PURE__ */e.jsx(S.default,{sx:{color:"theme.secondary.600",fontSize:".75rem",fontWeight:500},children:/* @__PURE__ */e.jsx("img",{src:s.images.erp_logo})})]})})]})}),
+/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>v.forcedOpen?v.handleDrawerClose():v.handleDrawerOpen(),className:M?"drawer-expand-btn_rtl":"drawer-expand-btn",sx:{ml:"auto",backgroundColor:"rgba(0, 0, 0, 0.04)","&:hover":{backgroundColor:"grey.100"},width:"30px",height:"30px",borderRadius:"8px",borderTopLeftRadius:0,borderBottomLeftRadius:0,borderColor:"grey.500",...M?v.forcedOpen?{right:"299px",left:"auto"}:{right:"63px !important",left:"auto"}:v.forcedOpen?{left:"299px",right:"auto"}:{left:"63px !important",right:"auto"},transition:"all 0.3s ease-in-out"},children:"rtl"===v.theme.direction?v.forcedOpen?/* @__PURE__ */e.jsx(l.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):v.forcedOpen?/* @__PURE__ */e.jsx(o.default,{fontSize:"small"}):/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})}),R.menu&&/* @__PURE__ */e.jsx(D,{menu:R.menu,anchorEl:R.anchorEl,open:R.open,onClose:U,onItemClick:V,onSubmenuClick:K,getActiveClassIf:G,breadcrumb:R.breadcrumb,onBreadcrumbClick:Q})]})};exports.Sidebar=A,exports.default=A;
 //# sourceMappingURL=index.js.map