odaptos_design_system 1.4.191 → 1.4.193

package/dist/odaptos_design_system.cjs.development.js

@@ -18,7 +18,6 @@ var xDatePickers = require('@mui/x-date-pickers');
 var DatePicker$1 = require('@mui/x-date-pickers/DatePicker');
 var Tooltip$1 = require('@mui/material/Tooltip');
 var Grid = _interopDefault(require('@mui/material/Grid'));
-var Popover$1 = _interopDefault(require('@mui/material/Popover'));
 var Marquee = _interopDefault(require('react-fast-marquee'));
 var MuiModal = _interopDefault(require('@mui/material/Modal'));
 var Fade = _interopDefault(require('@mui/material/Fade'));
@@ -9985,7 +9984,7 @@ var css_248z$l = ".Task-modules_task_container__Iaqc-{align-items:flex-start;bac
 var styles$l = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","header_left_interviewer":"Task-modules_header_left_interviewer__WHqee","title":"Task-modules_title__-OmPh","header_left_interviewee":"Task-modules_header_left_interviewee__TmMkM","clickable":"Task-modules_clickable__BIHxK","disabled_task":"Task-modules_disabled_task__NI6LL","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j","popover_paper":"Task-modules_popover_paper__Re-kl","MuiPopover-root":"Task-modules_MuiPopover-root__w6O-O","MuiPopover-paper":"Task-modules_MuiPopover-paper__7p4Tk"};
 styleInject(css_248z$l);
 
-const CustomPopover = /*#__PURE__*/styles$V.styled(Popover$1)({
+const StyledTooltip$1 = /*#__PURE__*/styles$V.styled(material.Tooltip)({
   '& .MuiPopover-root': {
     borderRadius: '0.5rem',
     background: 'transparent'
@@ -10016,26 +10015,68 @@ const Task = ({
   isInterviewer,
   ...props
 }) => {
-  const [anchorEl, setAnchorEl] = React__default.useState(null);
-  const handlePopoverOpen = event => {
-    if (state === 'idle') setAnchorEl(event.currentTarget);
+  const [open, setOpen] = React.useState(false);
+  const handleClose = () => {
+    setOpen(false);
   };
-  const handlePopoverClose = () => {
-    setAnchorEl(null);
+  const handleOpen = () => {
+    setOpen(true);
   };
   const getContainerStyle = () => {
     if (state === 'active') return styles$l.active_task;else if (state === 'disabled') return styles$l.disabled_task;else return styles$l.task_container;
   };
-  const open = Boolean(anchorEl);
   const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTooltip$1, {
+    id: "mouse-over-popover",
+    open: open,
+    onClose: handleClose,
+    onOpen: handleOpen,
+    title: /*#__PURE__*/React__default.createElement("div", {
+      className: styles$l.taskPopover
+    }, /*#__PURE__*/React__default.createElement(Text, {
+      text: taskTitle,
+      size: "sm",
+      weight: "bold"
+    }), url && /*#__PURE__*/React__default.createElement("div", {
+      className: styles$l.notesContainer
+    }, /*#__PURE__*/React__default.createElement(Text, {
+      text: "URL",
+      size: "xs",
+      italic: true
+    }), /*#__PURE__*/React__default.createElement(Link, {
+      text: url,
+      link: url,
+      size: "sm",
+      isExternal: true
+    })), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
+      className: styles$l.notesContainer
+    }, /*#__PURE__*/React__default.createElement(Text, {
+      text: "Notes",
+      size: "xs",
+      italic: true
+    }), /*#__PURE__*/React__default.createElement(Text, {
+      text: notes,
+      size: "sm"
+    }))),
+    componentsProps: {
+      tooltip: {
+        sx: {
+          bgcolor: 'transparent',
+          padding: 0,
+          pointerEvents: 'none',
+          borderRadius: '0.5rem',
+          '& .MuiTooltip-arrow': {
+            color: 'transparent'
+          }
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement("div", Object.assign({
     className: `${getContainerStyle()} ${className ?? ''}`
   }, props), /*#__PURE__*/React__default.createElement("div", {
     className: styles$l.header
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: isInterviewer ? styles$l.header_left_interviewer : styles$l.header_left_interviewee,
-    onMouseEnter: handlePopoverOpen,
-    onMouseLeave: handlePopoverClose
+    className: isInterviewer ? styles$l.header_left_interviewer : styles$l.header_left_interviewee
   }, /*#__PURE__*/React__default.createElement(Text, {
     text: taskNumber,
     color: state === 'active' ? '#26292E' : '#64666A',
@@ -10099,50 +10140,7 @@ const Task = ({
     iconRight: /*#__PURE__*/React__default.createElement(SendIcon, null),
     text: mainActionText,
     onClick: mainAction
-  }))))), /*#__PURE__*/React__default.createElement(CustomPopover, {
-    id: "mouse-over-popover",
-    sx: {
-      pointerEvents: 'none'
-    },
-    open: open,
-    anchorEl: anchorEl,
-    anchorOrigin: {
-      vertical: 'center',
-      horizontal: 'left'
-    },
-    transformOrigin: {
-      vertical: 'center',
-      horizontal: 'right'
-    },
-    onClose: handlePopoverClose,
-    disableRestoreFocus: true
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: styles$l.taskPopover
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    text: taskTitle,
-    size: "sm",
-    weight: "bold"
-  }), url && /*#__PURE__*/React__default.createElement("div", {
-    className: styles$l.notesContainer
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    text: "URL",
-    size: "xs",
-    italic: true
-  }), /*#__PURE__*/React__default.createElement(Link, {
-    text: url,
-    link: url,
-    size: "sm",
-    isExternal: true
-  })), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
-    className: styles$l.notesContainer
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    text: "Notes",
-    size: "xs",
-    italic: true
-  }), /*#__PURE__*/React__default.createElement(Text, {
-    text: notes,
-    size: "sm"
-  })))));
+  })))))));
 };
 
 var css_248z$m = ".WelcomeMessage-modules_welcome_container__qLgMv{align-items:flex-start;align-self:stretch;background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-300,#9dd6a3);border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem .75rem .75rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_title__gX34Q{border-bottom:1px solid var(--color-extended-green-300,#9dd6a3);margin-bottom:.5rem;padding-bottom:.35rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ{font-family:OpenSans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem}.WelcomeMessage-modules_welcome_container__qLgMv .WelcomeMessage-modules_welcome_description__a2HnZ ol{letter-spacing:-.0019rem;margin:unset;margin-top:.5625rem;padding-inline-start:1.5rem}";