@erpsquad/common 1.8.41 → 1.8.43

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

@@ -0,0 +1,287 @@
+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 { Avatar } from "../../avatar/avatar/index.esm.js";
+import Select from "../../select/select/index.esm.js";
+/* empty css                            */
+import { useState, useMemo, useEffect } from "react";
+import Toggle from "../../toggle/toggle/index.esm.js";
+import SearchableSelect from "../../searchable-select/index.esm.js";
+import { flatMap } from "lodash";
+import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import FormControlLabel from "../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
+import Accordion from "../../../node_modules/@mui/material/Accordion/Accordion/index.esm.js";
+import AccordionSummary from "../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.esm.js";
+import AccordionDetails from "../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.esm.js";
+import List from "../../../node_modules/@mui/material/List/List/index.esm.js";
+import ListItem from "../../../node_modules/@mui/material/ListItem/ListItem/index.esm.js";
+import ListItemAvatar from "../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.esm.js";
+import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+const SharePopUpEnhanced = (props) => {
+  const {
+    open,
+    title,
+    onClose,
+    roles,
+    toggleSwitch,
+    onSubmit,
+    value = {},
+    isPeopleAccessVisible = false,
+    // Non-Redux props
+    users: propUsers = [],
+    departments: propDepartments = [],
+    loading: propLoading = false,
+    error: propError = "",
+    onFetchUsersAndDepartments,
+    // Redux integration
+    useRedux = false
+  } = props;
+  let reduxState = { users: [], departments: [], loading: false, error: "", isError: false };
+  let dispatch = null;
+  if (useRedux) {
+    try {
+      const { useAppSelector, useAppDispatch } = require("../../redux/hooks");
+      require("../../redux/slices");
+      reduxState = useAppSelector((store) => store.share || reduxState);
+      dispatch = useAppDispatch();
+    } catch (error2) {
+      console.warn("Redux not available for ShareModal, falling back to prop-based data");
+    }
+  }
+  const users = useRedux ? reduxState.users : propUsers;
+  const departments = useRedux ? reduxState.departments : propDepartments;
+  const loading = useRedux ? reduxState.loading : propLoading;
+  const error = useRedux ? reduxState.error : propError;
+  const [isPublic, setIsPublic] = useState(value.isPublic || false);
+  const [selectedOptions, setSelectedOptions] = useState(
+    value.selectedUsers || []
+  );
+  const [roleValue, setRoleValue] = useState([]);
+  const [availableRole, setAvailableRole] = useState([]);
+  const [userDropdownData, setUserDropdownData] = useState({
+    isRoleVisible: false,
+    selectedUsers: []
+  });
+  const filteredOptions = useMemo(
+    () => (userDropdownData == null ? void 0 : userDropdownData.isRoleVisible) ? departments : users,
+    [users, departments, userDropdownData == null ? void 0 : userDropdownData.isRoleVisible]
+  );
+  const [selectedUsers, setSelectedUsers] = useState([]);
+  useEffect(() => {
+    const role = [];
+    const selRole = [];
+    roles && roles.map((item) => {
+      const userRole = {};
+      if (item.role !== "Owner") {
+        role.push(item.role);
+        userRole.id = item.id;
+        userRole.role = item.role;
+        selRole.push(userRole);
+      }
+      setAvailableRole(role);
+      setRoleValue(selRole);
+    });
+  }, [roles]);
+  useEffect(() => {
+    var _a;
+    if (!((_a = value == null ? void 0 : value.selectedUsers) == null ? void 0 : _a.length) && !(value == null ? void 0 : value.role_id)) {
+      resetOptions();
+      return;
+    }
+    userDropdownData.isRoleVisible = value.is_role;
+    setUserDropdownData(userDropdownData);
+    setSelectedOptions({
+      ...value,
+      selectedUsers: value.is_role ? value == null ? void 0 : value.role_id : value == null ? void 0 : value.selectedUsers
+    });
+  }, [value == null ? void 0 : value.selectedUsers, open]);
+  const handleShareSubmit = () => {
+    if (!(selectedUsers == null ? void 0 : selectedUsers.length)) return;
+    const uIds = flatMap(selectedUsers, "userIds").filter((i) => i);
+    let sOptions = selectedUsers;
+    if (Array.isArray(uIds) && (uIds == null ? void 0 : uIds.length)) {
+      sOptions = (users == null ? void 0 : users.filter((u) => uIds.includes(u.id))) || [];
+    }
+    const sharedData = {
+      is_private: !isPublic,
+      selectedUsers: [...new Set(sOptions)],
+      is_role: userDropdownData == null ? void 0 : userDropdownData.isRoleVisible,
+      role_id: (userDropdownData == null ? void 0 : userDropdownData.isRoleVisible) ? selectedUsers == null ? void 0 : selectedUsers.map((u) => u == null ? void 0 : u.id) : []
+    };
+    onSubmit(sharedData);
+  };
+  const resetOptions = () => {
+    setSelectedOptions({
+      ...value
+    });
+    setUserDropdownData((prevData) => ({
+      ...prevData,
+      selectedUsers: []
+    }));
+  };
+  const handleRoleChange = (event, id, user) => {
+    const changeRole = roleValue.map((item) => {
+      if (item.id === id) {
+        item.role = event.target.value;
+      }
+      return item;
+    });
+    setRoleValue(changeRole);
+  };
+  const handleToggleChange = () => {
+    setUserDropdownData((prevSettings) => ({
+      ...prevSettings,
+      isRoleVisible: !prevSettings.isRoleVisible
+    }));
+    setSelectedOptions([]);
+    setSelectedUsers(value.selectedUsers || []);
+  };
+  const handleChage = (value2) => {
+    if (userDropdownData.isRoleVisible) {
+      setSelectedOptions({ ...selectedOptions, role_id: value2 });
+    }
+    setSelectedOptions({ ...selectedOptions, selectedUsers: value2 });
+  };
+  const toggleMakeItPublic = () => {
+    setIsPublic(!isPublic);
+  };
+  useEffect(() => {
+    if (!open) resetOptions();
+    if (open) {
+      if (useRedux && dispatch) {
+        const { getAllUserAndDepartmentDropdown } = require("../../redux/slices");
+        dispatch(getAllUserAndDepartmentDropdown());
+      } else if (onFetchUsersAndDepartments) {
+        onFetchUsersAndDepartments();
+      }
+    }
+  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Dialog, { open, onClose, className: "share", children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx(Typography, { children: "Loading users and departments..." }) }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Dialog, { open, onClose, className: "share", children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "center", minHeight: "200px", children: [
+      /* @__PURE__ */ jsxs(Typography, { color: "error", children: [
+        "Error: ",
+        error
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            if (useRedux && dispatch) {
+              const { getAllUserAndDepartmentDropdown } = require("../../redux/slices");
+              dispatch(getAllUserAndDepartmentDropdown());
+            } else if (onFetchUsersAndDepartments) {
+              onFetchUsersAndDepartments();
+            }
+          },
+          sx: { mt: 2 },
+          children: "Retry"
+        }
+      )
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: "share", children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { className: "share--head", children: [
+      /* @__PURE__ */ jsx(Box, { className: "share--title", children: /* @__PURE__ */ jsx(Typography, { type: "s3", ml: 1, className: "dialog-box-title", children: title }) }),
+      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, children: /* @__PURE__ */ jsx(default_1, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(DialogContent, { className: "share--content", children: [
+      /* @__PURE__ */ jsxs(Box, { m: 1, display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsx(Typography, { type: "s3", className: "input-label", children: "Add users" }),
+        /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsx(Box, { mb: 0.5, mr: 0.5, children: /* @__PURE__ */ jsx(Toggle, { checked: userDropdownData == null ? void 0 : userDropdownData.isRoleVisible, onChange: handleToggleChange }) }),
+            label: /* @__PURE__ */ jsx(Typography, { type: "s3", className: "input-label", children: "Show only Roles" })
+          }
+        )
+      ] }),
+      toggleSwitch && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Box, { mb: 4, className: "d-flex", children: /* @__PURE__ */ jsx(
+        SearchableSelect,
+        {
+          options: filteredOptions,
+          multiple: true,
+          value: selectedOptions == null ? void 0 : selectedOptions.selectedUsers,
+          onChange: (e) => handleChage(e.target.value),
+          placeholder: selectedOptions && selectedOptions.length ? "" : "Add people and roles",
+          getSelectedData: (row) => setSelectedUsers(row)
+        }
+      ) }) }),
+      isPeopleAccessVisible && /* @__PURE__ */ jsx("div", { className: "share--blurClass", children: /* @__PURE__ */ jsxs(Accordion, { className: "people-access-accordion", children: [
+        /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(default_1$1, {}), children: /* @__PURE__ */ jsx(Typography, { children: "People with access" }) }),
+        /* @__PURE__ */ jsx(AccordionDetails, { className: "user-accordion-details", children: /* @__PURE__ */ jsx(List, { className: "accordion-list", children: roles && roles.map((user) => {
+          const userRole = (roleValue == null ? void 0 : roleValue.length) > 0 && (roleValue == null ? void 0 : roleValue.filter((item) => item.id === user.id));
+          return /* @__PURE__ */ jsxs(ListItem, { alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(Avatar, { size: 40, alt: "Person", icon: true }) }),
+            /* @__PURE__ */ jsx(
+              ListItemText,
+              {
+                className: "primary-user-name",
+                primary: user.name,
+                secondary: /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    component: "span",
+                    variant: "body2",
+                    className: "secondary-email-text",
+                    children: user.email
+                  }
+                )
+              }
+            ),
+            user.role == "Owner" ? /* @__PURE__ */ jsx("p", { className: "owner-role-badge", children: user.role }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                className: "role-edit-select-box",
+                value: (userRole == null ? void 0 : userRole.length) > 0 ? userRole[0].role : "",
+                onChange: (e) => handleRoleChange(e, user.id),
+                variant: "outlined",
+                children: availableRole.map((role) => /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    className: "select-menu-items",
+                    value: role,
+                    children: role
+                  },
+                  role
+                ))
+              }
+            ) })
+          ] }, user.id);
+        }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "checkbox", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: isPublic,
+            onChange: toggleMakeItPublic
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "checkbox-text", children: "Make it public" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(DialogActions, { className: "share--actions", children: [
+      /* @__PURE__ */ jsx(Button, { className: "cancel-btn", variant: "text", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { className: "success-btn", onClick: handleShareSubmit, children: "Save and Share" })
+    ] })
+  ] }) });
+};
+export {
+  SharePopUpEnhanced as default
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal-enhanced.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 React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\n// Enhanced interface that supports both Redux and prop-based data\ninterface SharePopUpEnhancedProps {\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  \n  // New props for non-Redux usage\n  users?: any[];\n  departments?: any[];\n  loading?: boolean;\n  error?: string;\n  onFetchUsersAndDepartments?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUpEnhanced = (props: SharePopUpEnhancedProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n    \n    // Non-Redux props\n    users: propUsers = [],\n    departments: propDepartments = [],\n    loading: propLoading = false,\n    error: propError = \"\",\n    onFetchUsersAndDepartments,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  // Conditional Redux usage\n  let reduxState = { users: [], departments: [], loading: false, error: \"\", isError: false };\n  let dispatch: any = null;\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks to avoid errors when Redux is not available\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n      \n      reduxState = useAppSelector((store: any) => store.share || reduxState);\n      dispatch = useAppDispatch();\n    } catch (error) {\n      console.warn(\"Redux not available for ShareModal, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props\n  const users = useRedux ? reduxState.users : propUsers;\n  const departments = useRedux ? reduxState.departments : propDepartments;\n  const loading = useRedux ? reduxState.loading : propLoading;\n  const error = useRedux ? reduxState.error : propError;\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\n  const filteredOptions = useMemo(\n    () => userDropdownData?.isRoleVisible ? departments : users,\n    [users, departments, userDropdownData?.isRoleVisible]\n  );\n  \n  const [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n\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\n  useEffect(() => {\n    if (!value?.selectedUsers?.length && !value?.role_id) {\n      resetOptions();\n      return;\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 = users?.filter((u: any) => uIds.includes(u.id)) || [];\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  const resetOptions = () => {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\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      if (useRedux && dispatch) {\n        // Use Redux action\n        const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n        dispatch(getAllUserAndDepartmentDropdown());\n      } else if (onFetchUsersAndDepartments) {\n        // Use prop-based data fetching\n        onFetchUsersAndDepartments();\n      }\n    }\n    // eslint-disable-next-line\n  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);\n\n  // Show loading state\n  if (loading) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography>Loading users and departments...</Typography>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography color=\"error\">Error: {error}</Typography>\n            <Button \n              onClick={() => {\n                if (useRedux && dispatch) {\n                  const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n                  dispatch(getAllUserAndDepartmentDropdown());\n                } else if (onFetchUsersAndDepartments) {\n                  onFetchUsersAndDepartments();\n                }\n              }}\n              sx={{ mt: 2 }}\n            >\n              Retry\n            </Button>\n          </Box>\n        </DialogContent>\n      </Dialog>\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          {toggleSwitch && (\n            <>\n              <Box mb={4} className=\"d-flex\">\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\" key={user.id}>\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                                      key={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 SharePopUpEnhanced;"],"names":["error","value","CloseIcon","ExpandMoreIcon"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+"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"),n=,/* empty css                         */o=,/* empty css                             */u=require("lodash"),c=,/* empty css                             */m=,/* empty css                                                       */x=,/* empty css                                                                     */h=,/* empty css                                                 */j=,/* empty css                                                                 */p=,/* empty css                                                               */f=,/* empty css                                                         */g=,/* empty css                                                                           */v=,/* empty css                                                             */y=,/* empty css                                                                           */b=,/* empty css                                                                           */q=,/* empty css                                                   */_=,/* empty css                                                           */N=,/* empty css                                                                       */A=,/* empty css                                                                   */C=,/* empty css                                                           */D=;/* empty css                                                                     */exports.default=I=>{const{open:S,title:R,onClose:U,roles:k,toggleSwitch:L,onSubmit:T,value:V={},isPeopleAccessVisible:w=!1,users:M=[],departments:E=[],loading:P=!1,error:B="",onFetchUsersAndDepartments:F,useRedux:O=!1}=I;let H={users:[],departments:[],loading:!1,error:"",isError:!1},z=null;if(O)try{const{useAppSelector:e,useAppDispatch:s}=require("../../redux/hooks");require("../../redux/slices"),H=e(e=>e.share||H),z=s()}catch(oe){}const G=O?H.users:M,J=O?H.departments:E,K=O?H.loading:P,Q=O?H.error:B,[W,X]=d.useState(V.isPublic||!1),[Y,Z]=d.useState(V.selectedUsers||[]),[$,ee]=d.useState([]),[se,le]=d.useState([]),[ie,re]=d.useState({isRoleVisible:!1,selectedUsers:[]}),ae=d.useMemo(()=>(null==ie?void 0:ie.isRoleVisible)?J:G,[G,J,null==ie?void 0:ie.isRoleVisible]),[te,de]=d.useState([]);d.useEffect(()=>{const e=[],s=[];k&&k.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),le(e),ee(s)})},[k]),d.useEffect(()=>{var e;(null==(e=null==V?void 0:V.selectedUsers)?void 0:e.length)||(null==V?void 0:V.role_id)?(ie.isRoleVisible=V.is_role,re(ie),Z({...V,selectedUsers:V.is_role?null==V?void 0:V.role_id:null==V?void 0:V.selectedUsers})):ne()},[null==V?void 0:V.selectedUsers,S]);const ne=()=>{Z({...V}),re(e=>({...e,selectedUsers:[]}))};return d.useEffect(()=>{if(S||ne(),S)if(O&&z){const{getAllUserAndDepartmentDropdown:e}=require("../../redux/slices");z(e())}else F&&F()},[S,O,z,F]),K?/* @__PURE__ */e.jsx(m.default,{open:S,onClose:U,className:"share",children:/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsx(h.default,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:"200px",children:/* @__PURE__ */e.jsx(i.Typography,{children:"Loading users and departments..."})})})}):Q?/* @__PURE__ */e.jsx(m.default,{open:S,onClose:U,className:"share",children:/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsxs(h.default,{display:"flex",flexDirection:"column",alignItems:"center",minHeight:"200px",children:[
+/* @__PURE__ */e.jsxs(i.Typography,{color:"error",children:["Error: ",Q]}),
+/* @__PURE__ */e.jsx(r.default,{onClick:()=>{if(O&&z){const{getAllUserAndDepartmentDropdown:e}=require("../../redux/slices");z(e())}else F&&F()},sx:{mt:2},children:"Retry"})]})})}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(m.default,{open:S,onClose:U,className:"share",children:[
+/* @__PURE__ */e.jsxs(j.default,{className:"share--head",children:[
+/* @__PURE__ */e.jsx(h.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:R})}),
+/* @__PURE__ */e.jsx(p.default,{disableRipple:!0,onClick:U,children:/* @__PURE__ */e.jsx(l.default,{})})]}),
+/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsxs(x.default,{className:"share--content",children:[
+/* @__PURE__ */e.jsxs(h.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(g.default,{control:/* @__PURE__ */e.jsx(h.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(n.default,{checked:null==ie?void 0:ie.isRoleVisible,onChange:()=>{re(e=>({...e,isRoleVisible:!e.isRoleVisible})),Z([]),de(V.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),L&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(h.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(o.default,{options:ae,multiple:!0,value:null==Y?void 0:Y.selectedUsers,onChange:e=>{return s=e.target.value,ie.isRoleVisible&&Z({...Y,role_id:s}),void Z({...Y,selectedUsers:s});var s},placeholder:Y&&Y.length?"":"Add people and roles",getSelectedData:e=>de(e)})})}),w&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(v.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(b.default,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(q.default,{className:"accordion-list",children:k&&k.map(s=>{const l=(null==$?void 0:$.length)>0&&(null==$?void 0:$.filter(e=>e.id===s.id));/* @__PURE__ */
+return e.jsxs(_.default,{alignItems:"flex-start",children:[
+/* @__PURE__ */e.jsx(N.default,{children:/* @__PURE__ */e.jsx(a.Avatar,{size:40,alt:"Person",icon:!0})}),
+/* @__PURE__ */e.jsx(A.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=$.map(l=>(l.id===s&&(l.role=e.target.value),l));ee(l)})(e,s.id),variant:"outlined",children:se.map(s=>/* @__PURE__ */e.jsx(C.default,{className:"select-menu-items",value:s,children:s},s))})})]},s.id)})})})]})}),
+/* @__PURE__ */e.jsxs("div",{className:"checkbox",children:[
+/* @__PURE__ */e.jsx(c.default,{checked:W,onChange:()=>{X(!W)}}),
+/* @__PURE__ */e.jsx("div",{className:"checkbox-text",children:"Make it public"})]})]}),
+/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsxs(D.default,{className:"share--actions",children:[
+/* @__PURE__ */e.jsx(r.default,{className:"cancel-btn",variant:"text",onClick:U,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.default,{className:"success-btn",onClick:()=>{if(!(null==te?void 0:te.length))return;const e=u.flatMap(te,"userIds").filter(e=>e);let s=te;Array.isArray(e)&&(null==e?void 0:e.length)&&(s=(null==G?void 0:G.filter(s=>e.includes(s.id)))||[]);const l={is_private:!W,selectedUsers:[...new Set(s)],is_role:null==ie?void 0:ie.isRoleVisible,role_id:(null==ie?void 0:ie.isRoleVisible)?null==te?void 0:te.map(e=>null==e?void 0:e.id):[]};T(l)},children:"Save and Share"})]})]})})};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal-enhanced.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 React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\n// Enhanced interface that supports both Redux and prop-based data\ninterface SharePopUpEnhancedProps {\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  \n  // New props for non-Redux usage\n  users?: any[];\n  departments?: any[];\n  loading?: boolean;\n  error?: string;\n  onFetchUsersAndDepartments?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUpEnhanced = (props: SharePopUpEnhancedProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n    \n    // Non-Redux props\n    users: propUsers = [],\n    departments: propDepartments = [],\n    loading: propLoading = false,\n    error: propError = \"\",\n    onFetchUsersAndDepartments,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  // Conditional Redux usage\n  let reduxState = { users: [], departments: [], loading: false, error: \"\", isError: false };\n  let dispatch: any = null;\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks to avoid errors when Redux is not available\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n      \n      reduxState = useAppSelector((store: any) => store.share || reduxState);\n      dispatch = useAppDispatch();\n    } catch (error) {\n      console.warn(\"Redux not available for ShareModal, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props\n  const users = useRedux ? reduxState.users : propUsers;\n  const departments = useRedux ? reduxState.departments : propDepartments;\n  const loading = useRedux ? reduxState.loading : propLoading;\n  const error = useRedux ? reduxState.error : propError;\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\n  const filteredOptions = useMemo(\n    () => userDropdownData?.isRoleVisible ? departments : users,\n    [users, departments, userDropdownData?.isRoleVisible]\n  );\n  \n  const [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n\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\n  useEffect(() => {\n    if (!value?.selectedUsers?.length && !value?.role_id) {\n      resetOptions();\n      return;\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 = users?.filter((u: any) => uIds.includes(u.id)) || [];\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  const resetOptions = () => {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\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      if (useRedux && dispatch) {\n        // Use Redux action\n        const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n        dispatch(getAllUserAndDepartmentDropdown());\n      } else if (onFetchUsersAndDepartments) {\n        // Use prop-based data fetching\n        onFetchUsersAndDepartments();\n      }\n    }\n    // eslint-disable-next-line\n  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);\n\n  // Show loading state\n  if (loading) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography>Loading users and departments...</Typography>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography color=\"error\">Error: {error}</Typography>\n            <Button \n              onClick={() => {\n                if (useRedux && dispatch) {\n                  const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n                  dispatch(getAllUserAndDepartmentDropdown());\n                } else if (onFetchUsersAndDepartments) {\n                  onFetchUsersAndDepartments();\n                }\n              }}\n              sx={{ mt: 2 }}\n            >\n              Retry\n            </Button>\n          </Box>\n        </DialogContent>\n      </Dialog>\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          {toggleSwitch && (\n            <>\n              <Box mb={4} className=\"d-flex\">\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\" key={user.id}>\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                                      key={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 SharePopUpEnhanced;"],"names":["props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","users","propUsers","departments","propDepartments","loading","propLoading","error","propError","onFetchUsersAndDepartments","useRedux","reduxState","isError","dispatch","useAppSelector","useAppDispatch","require","store","share","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","jsx","Dialog","className","children","DialogContent","Box","display","justifyContent","alignItems","minHeight","Typography","jsxs","flexDirection","color","Button","onClick","sx","mt","DialogTitle","type","ml","IconButton","disableRipple","CloseIcon","Divider","m","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","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,19 @@
+
+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 default SharePopUpEnhanced;

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

@@ -0,0 +1,13 @@
+
+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 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

@@ -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                                                 */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(L.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(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}}}),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(I.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(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(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(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__ */
 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__ */
+/* @__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 L=n.useNavigate(),I=n.useLocation(),{currentLanguage:z}=c.useLanguage(),M=r.useMemo(()=>"rtl"===(null==z?void 0:z.direction),[z]),[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,I))},[I]),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=>{L(e.link)},[L]),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))L(`${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 L(e.link),r||F([])},[v.open,L,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.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: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:()=>L(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(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(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(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(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;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+
+interface MenuItem {
+    label: string;
+    link: string;
+    icon?: string;
+    submenu?: MenuItem[];
+    connectedRoutes?: string[];
+}
+interface SidebarProps {
+    width: number;
+    open: boolean;
+    menu: MenuItem[];
+    theme: any;
+    forcedOpen: boolean;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleDrawerClose: () => void;
+    handleDrawerOpen: () => void;
+    dashboardPath?: string;
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;

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

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