@erpsquad/common 1.8.40 → 1.8.42

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,MAAM,qBAAqB,CAAC,UAAmC;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,wBAAwB;AAAA;AAAA,IAGxB,OAAO,YAAY,CAAA;AAAA,IACnB,aAAa,kBAAkB,CAAA;AAAA,IAC/B,SAAS,cAAc;AAAA,IACvB,OAAO,YAAY;AAAA,IACnB;AAAA;AAAA,IAGA,WAAW;AAAA,EAAA,IACT;AAGJ,MAAI,aAAa,EAAE,OAAO,CAAA,GAAI,aAAa,CAAA,GAAI,SAAS,OAAO,OAAO,IAAI,SAAS,MAAA;AACnF,MAAI,WAAgB;AAEpB,MAAI,UAAU;AACZ,QAAI;AAEF,YAAM,EAAE,gBAAgB,mBAAmB,QAAQ,mBAAmB;AAC1B,cAAQ,oBAAoB;AAExE,mBAAa,eAAe,CAAC,UAAe,MAAM,SAAS,UAAU;AACrE,iBAAW,eAAA;AAAA,IACb,SAASA,QAAO;AACd,cAAQ,KAAK,qEAAqE;AAAA,IACpF;AAAA,EACF;AAGA,QAAM,QAAQ,WAAW,WAAW,QAAQ;AAC5C,QAAM,cAAc,WAAW,WAAW,cAAc;AACxD,QAAM,UAAU,WAAW,WAAW,UAAU;AAChD,QAAM,QAAQ,WAAW,WAAW,QAAQ;AAE5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,YAAY,KAAK;AAChE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,MAAM,iBAAiB,CAAA;AAAA,EAAC;AAE1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAA,CAAE;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAA,CAAE;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B;AAAA,IACzE,eAAe;AAAA,IACf,eAAe,CAAA;AAAA,EAAC,CACjB;AAED,QAAM,kBAAkB;AAAA,IACtB,OAAM,qDAAkB,iBAAgB,cAAc;AAAA,IACtD,CAAC,OAAO,aAAa,qDAAkB,aAAa;AAAA,EAAA;AAGtD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAE5D,YAAU,MAAM;AACd,UAAM,OAAY,CAAA;AAClB,UAAM,UAAe,CAAA;AACrB,aACE,MAAM,IAAI,CAAC,SAAc;AACvB,YAAM,WAAgB,CAAA;AACtB,UAAI,KAAK,SAAS,SAAS;AACzB,aAAK,KAAK,KAAK,IAAI;AACnB,iBAAS,KAAK,KAAK;AACnB,iBAAS,OAAO,KAAK;AACrB,gBAAQ,KAAK,QAAQ;AAAA,MACvB;AACA,uBAAiB,IAAI;AACrB,mBAAa,OAAO;AAAA,IACtB,CAAC;AAAA,EACL,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;;AACd,QAAI,GAAC,oCAAO,kBAAP,mBAAsB,WAAU,EAAC,+BAAO,UAAS;AACpD,mBAAA;AACA;AAAA,IACF;AACA,qBAAiB,gBAAgB,MAAM;AACvC,wBAAoB,gBAAgB;AACpC,uBAAmB;AAAA,MACjB,GAAG;AAAA,MACH,eAAe,MAAM,UAAU,+BAAO,UAAU,+BAAO;AAAA,IAAA,CACxD;AAAA,EAEH,GAAG,CAAC,+BAAO,eAAe,IAAI,CAAC;AAE/B,QAAM,oBAAoB,MAAM;AAC9B,QAAI,EAAC,+CAAe,QAAQ;AAC5B,UAAM,OAAO,QAAQ,eAAe,SAAS,EAAE,OAAO,OAAK,CAAC;AAC5D,QAAI,WAAW;AACf,QAAI,MAAM,QAAQ,IAAI,MAAK,6BAAM,SAAQ;AACvC,kBAAW,+BAAO,OAAO,CAAC,MAAW,KAAK,SAAS,EAAE,EAAE,OAAM,CAAA;AAAA,IAC/D;AACA,UAAM,aAAa;AAAA,MACjB,YAAY,CAAC;AAAA,MACb,eAAe,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AAAA,MACpC,SAAS,qDAAkB;AAAA,MAC3B,UAAS,qDAAkB,iBAAgB,+CAAe,IAAI,CAAC,MAAW,uBAAG,MAAM,CAAA;AAAA,IAAC;AAEtF,aAAS,UAAU;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACzB,uBAAmB;AAAA,MACjB,GAAG;AAAA,IAAA,CACJ;AACD,wBAAoB,CAAC,cAAc;AAAA,MACjC,GAAG;AAAA,MACH,eAAe,CAAA;AAAA,IAAC,EAChB;AAAA,EACJ;AAEA,QAAM,mBAAmB,CAAC,OAAY,IAAS,SAAc;AAC3D,UAAM,aAAkB,UAAU,IAAI,CAAC,SAAc;AACnD,UAAI,KAAK,OAAO,IAAI;AAClB,aAAK,OAAO,MAAM,OAAO;AAAA,MAC3B;AACA,aAAO;AAAA,IACT,CAAC;AACD,iBAAa,UAAU;AAAA,EACzB;AAEA,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB,CAAC,kBAAkB;AAAA,MACrC,GAAG;AAAA,MACH,eAAe,CAAC,aAAa;AAAA,IAAA,EAC7B;AACF,uBAAmB,CAAA,CAAE;AACrB,qBAAiB,MAAM,iBAAiB,EAAE;AAAA,EAC5C;AAEA,QAAM,cAAc,CAACC,WAAe;AAClC,QAAI,iBAAiB,eAAe;AAClC,yBAAmB,EAAE,GAAG,iBAAiB,SAASA,QAAO;AAAA,IAC3D;AACA,uBAAmB,EAAE,GAAG,iBAAiB,eAAeA,QAAO;AAAA,EACjE;AAEA,QAAM,qBAAqB,MAAM;AAC/B,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,KAAM,cAAA;AACX,QAAI,MAAM;AACR,UAAI,YAAY,UAAU;AAExB,cAAM,EAAE,gCAAA,IAAoC,QAAQ,oBAAoB;AACxE,iBAAS,iCAAiC;AAAA,MAC5C,WAAW,4BAA4B;AAErC,mCAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEF,GAAG,CAAC,MAAM,UAAU,UAAU,0BAA0B,CAAC;AAGzD,MAAI,SAAS;AACX,WACE,oBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA,oBAAC,eAAA,EACC,UAAA,oBAAC,KAAA,EAAI,SAAQ,QAAO,gBAAe,UAAS,YAAW,UAAS,WAAU,SACxE,8BAAC,YAAA,EAAW,UAAA,mCAAA,CAAgC,EAAA,CAC9C,EAAA,CACF,GACF;AAAA,EAEJ;AAGA,MAAI,OAAO;AACT,+BACG,QAAA,EAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA,oBAAC,eAAA,EACC,UAAA,qBAAC,KAAA,EAAI,SAAQ,QAAO,eAAc,UAAS,YAAW,UAAS,WAAU,SACvE,UAAA;AAAA,MAAA,qBAAC,YAAA,EAAW,OAAM,SAAQ,UAAA;AAAA,QAAA;AAAA,QAAQ;AAAA,MAAA,GAAM;AAAA,MACxC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,gBAAI,YAAY,UAAU;AACxB,oBAAM,EAAE,gCAAA,IAAoC,QAAQ,oBAAoB;AACxE,uBAAS,iCAAiC;AAAA,YAC5C,WAAW,4BAA4B;AACrC,yCAAA;AAAA,YACF;AAAA,UACF;AAAA,UACA,IAAI,EAAE,IAAI,EAAA;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,GACF,GACF;AAAA,EAEJ;AAEA,6BACG,OAAA,EACC,UAAA,qBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAI,WAAU,gBACb,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,IAAI,GAAG,WAAU,oBACpC,UAAA,MAAA,CACH,GACF;AAAA,MACA,oBAAC,cAAW,eAAa,MAAC,SAAS,SACjC,UAAA,oBAACC,aAAU,EAAA,CACb;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,GAAG,GAAG,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAChE,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,aAE9C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,oBAAC,KAAA,EAAI,IAAI,KAAK,IAAI,KAAK,UAAA,oBAAC,QAAA,EAAO,SAAS,qDAAkB,eAAe,UAAU,oBAAoB,GAAE;AAAA,YAClH,OACE,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,kBAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAEjE,GACF;AAAA,MAEC,gBACC,oBAAA,UAAA,EACE,UAAA,oBAAC,OAAI,IAAI,GAAG,WAAU,UACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAQ;AAAA,UACR,OAAO,mDAAiB;AAAA,UACxB,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,UAC3C,aACE,mBAAmB,gBAAgB,SAC/B,KACA;AAAA,UAEN,iBAAiB,CAAA,QAAO,iBAAiB,GAAG;AAAA,QAAA;AAAA,MAAA,GAEhD,EAAA,CACF;AAAA,MAGD,6CACE,OAAA,EAAI,WAAW,oBACd,UAAA,qBAAC,WAAA,EAAU,WAAU,2BACnB,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,YAAY,oBAACC,aAAA,CAAA,CAAe,GAC5C,UAAA,oBAAC,YAAA,EAAW,gCAAkB,EAAA,CAChC;AAAA,QACA,oBAAC,kBAAA,EAAiB,WAAU,0BAC1B,UAAA,oBAAC,MAAA,EAAK,WAAU,kBACb,UAAA,SACC,MAAM,IAAI,CAAC,SAAc;AACvB,gBAAM,YACJ,uCAAW,UAAS,MACpB,uCAAW,OAAO,CAAC,SAAc,KAAK,OAAO,KAAK;AACpD,iBACE,qBAAC,UAAA,EAAS,YAAW,cACnB,UAAA;AAAA,YAAA,oBAAC,gBAAA,EACC,8BAAC,QAAA,EAAO,MAAM,IAAI,KAAI,UAAS,MAAI,KAAA,CAAC,EAAA,CACtC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,KAAK;AAAA,gBACd,WACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,WAAU;AAAA,oBAET,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,YAGH,KAAK,QAAQ,UACZ,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,KAAK,KAAA,CAAK,IAE3C,oBAAC,OAAA,EACC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,QACE,qCAAU,UAAS,IAAI,SAAS,CAAC,EAAE,OAAO;AAAA,gBAE5C,UAAU,CAAC,MACT,iBAAiB,GAAG,KAAK,EAAQ;AAAA,gBAEnC,SAAQ;AAAA,gBAEP,UAAA,cAAc,IAAI,CAAC,SAClB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO;AAAA,oBAGN,UAAA;AAAA,kBAAA;AAAA,kBAFI;AAAA,gBAAA,CAIR;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA,EAAA,GAzCmC,KAAK,EA2C5C;AAAA,QAEJ,CAAC,GACL,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAGF,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,oBAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,oBAAC,UAAO,WAAU,cAAa,SAAQ,QAAO,SAAS,SAAS,UAAA,SAAA,CAEhE;AAAA,0BACC,QAAA,EAAO,WAAU,eAAc,SAAS,mBAAmB,UAAA,iBAAA,CAE5D;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/share-modal/share-modal-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/sidebar/sidebar/index.esm.js

@@ -1,20 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import { useNavigate, useLocation, matchRoutes } from "react-router-dom";
-import { styled } from "@mui/material/styles";
-import MuiDrawer from "@mui/material/Drawer";
-import List from "@mui/material/List";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-import ListItem from "@mui/material/ListItem";
-import ListItemButton from "@mui/material/ListItemButton";
-import ListItemIcon from "@mui/material/ListItemIcon";
-import IconExpandLess from "@mui/icons-material/ExpandLess";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import Typography$1 from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import { ClickAwayListener, IconButton, Icon, Popover, Paper } from "@mui/material";
-import Collapse from "@mui/material/Collapse";
+import default_1$3 from "../../../node_modules/@mui/icons-material/ChevronLeft/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/ChevronRight/index.esm.js";
+import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandLess/index.esm.js";
+import default_1$2 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                        */
@@ -22,9 +12,23 @@ 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 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";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Collapse from "../../../node_modules/@mui/material/Collapse/Collapse/index.esm.js";
+import List from "../../../node_modules/@mui/material/List/List/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
 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";
 let drawerWidth;
 const openedMixin = (theme) => {
   var _a, _b;
@@ -58,7 +62,7 @@ const closedMixin = (theme) => {
     backgroundColor: (_b = theme.palette.theme) == null ? void 0 : _b.secondary[100]
   };
 };
-const Drawer = styled(MuiDrawer, {
+const Drawer = styled(Drawer$1, {
   shouldForwardProp: (prop) => prop !== "open"
 })(({ theme, open }) => {
   var _a, _b, _c;
@@ -139,7 +143,7 @@ const CollapsedSubmenu = ({
   const renderBreadcrumb = () => {
     if (breadcrumb.length <= 1) return null;
     return /* @__PURE__ */ jsx(BreadcrumbContainer, { children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 0.5 }, children: breadcrumb.map((item, index) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { sx: { fontSize: 14, color: "theme.secondary.400" } }),
+      index > 0 && /* @__PURE__ */ jsx(default_1, { sx: { fontSize: 14, color: "theme.secondary.400" } }),
       /* @__PURE__ */ jsx(
         Typography$1,
         {
@@ -274,7 +278,7 @@ const CollapsedSubmenu = ({
                     }
                   ),
                   ((_a2 = subItem.submenu) == null ? void 0 : _a2.length) > 0 && /* @__PURE__ */ jsx(
-                    ChevronRightIcon,
+                    default_1,
                     {
                       sx: {
                         fontSize: 18,
@@ -570,7 +574,7 @@ const Sidebar = (props) => {
                               transition: "all 0.2s ease-in-out"
                             },
                             children: menu.icon ? /* @__PURE__ */ jsx(DynamicSvgIcon, { svgPath: menu.icon, color: shouldHighlightParent ? "primary" : "grey", fontSize: props.open ? "small" : "medium" }) : /* @__PURE__ */ jsx(
-                              ChevronRightIcon,
+                              default_1,
                               {
                                 sx: {
                                   fontSize: props.open ? 24 : 28,
@@ -619,7 +623,7 @@ const Sidebar = (props) => {
                                     transition: "transform 0.2s ease-in-out"
                                   },
                                   children: openSubmenuArray.includes(menuKey) ? /* @__PURE__ */ jsx(
-                                    IconExpandLess,
+                                    default_1$1,
                                     {
                                       sx: {
                                         fontSize: 20,
@@ -627,7 +631,7 @@ const Sidebar = (props) => {
                                       }
                                     }
                                   ) : /* @__PURE__ */ jsx(
-                                    ExpandMoreIcon,
+                                    default_1$2,
                                     {
                                       sx: {
                                         fontSize: 20,
@@ -861,7 +865,7 @@ const Sidebar = (props) => {
           ...isRtl ? !props.forcedOpen ? { right: "63px !important", left: "auto" } : { right: "299px", left: "auto" } : !props.forcedOpen ? { left: "63px !important", right: "auto" } : { left: "299px", right: "auto" },
           transition: "all 0.3s ease-in-out"
         },
-        children: props.theme.direction === "rtl" ? props.forcedOpen ? /* @__PURE__ */ jsx(ChevronRightIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" }) : props.forcedOpen ? /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { fontSize: "small" })
+        children: props.theme.direction === "rtl" ? props.forcedOpen ? /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) : /* @__PURE__ */ jsx(default_1$3, { fontSize: "small" }) : props.forcedOpen ? /* @__PURE__ */ jsx(default_1$3, { fontSize: "small" }) : /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
       }
     ),
     collapsedSubmenuState.menu && /* @__PURE__ */ jsx(