pixel-react-excel-sheet 1.1.23 → 1.1.24

package/lib/index.cjs

@@ -636,7 +636,7 @@ const SvgQuickRunSettingIcon = (props) => /* @__PURE__ */ React__namespace.creat
 
 const SvgRunManualTestcaseIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.10873 11.1962C6.14603 11.2244 6.19148 11.2396 6.23821 11.2396C6.27942 11.2395 6.31977 11.2278 6.3546 11.2057L11.1213 8.17235C11.1521 8.15278 11.1774 8.12577 11.195 8.09381C11.2125 8.06185 11.2217 8.02599 11.2217 7.98953C11.2217 7.95307 11.2125 7.9172 11.195 7.88524C11.1774 7.85328 11.1521 7.82627 11.1213 7.8067L6.3546 4.77334C6.31747 4.74972 6.27403 4.73795 6.23006 4.73959C6.18608 4.74124 6.14364 4.75622 6.10838 4.78255C6.07312 4.80888 6.0467 4.84531 6.03263 4.88701C6.01856 4.9287 6.0175 4.97369 6.0296 5.016L6.87955 7.98953L6.02977 10.9632C6.01775 11.0055 6.01887 11.0504 6.03297 11.092C6.04707 11.1336 6.07349 11.17 6.10873 11.1962Z", fill: "#10B660" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.8751 9.40825C15.7855 9.90928 15.2659 10.1853 14.7785 10.0387C14.2911 9.89211 14.0222 9.378 14.0945 8.87419C14.2422 7.84415 14.1271 6.7881 13.7528 5.80646C13.2685 4.53625 12.3774 3.46205 11.2185 2.7514C10.0596 2.04076 8.69815 1.73365 7.34641 1.87796C5.99468 2.02227 4.72871 2.60989 3.74598 3.54917C2.76324 4.48845 2.11901 5.72657 1.91375 7.0704C1.7085 8.41423 1.95377 9.78821 2.61131 10.978C3.26885 12.1678 4.30169 13.1066 5.54871 13.6478C6.51243 14.0661 7.5622 14.2288 8.59786 14.1277C9.10443 14.0783 9.60586 14.3701 9.73028 14.8637C9.85469 15.3572 9.55547 15.8638 9.05091 15.9307C7.61706 16.1207 6.15221 15.919 4.81487 15.3386C3.19453 14.6353 1.8525 13.4155 0.998111 11.8695C0.143724 10.3235 -0.174975 8.53824 0.091725 6.79211C0.358425 5.04598 1.19553 3.43721 2.47246 2.21674C3.74939 0.996269 5.39435 0.232729 7.15075 0.0452152C8.90715 -0.142298 10.6762 0.25676 12.182 1.18014C13.6878 2.10353 14.8457 3.49931 15.475 5.14979C15.9944 6.51198 16.1297 7.98445 15.8751 9.40825ZM14.3475 10.7439C14.3475 10.6747 14.3455 10.6238 14.3414 10.5912C13.926 10.583 13.6429 10.5729 13.4922 10.5606C13.3863 11.1064 13.0217 11.9882 12.3986 13.2061C11.645 11.8172 11.2337 10.9354 11.1644 10.5606C10.9934 10.5729 10.7408 10.583 10.4068 10.5912C10.4028 10.6238 10.4007 10.6747 10.4007 10.7439C10.4007 10.8132 10.4068 10.8763 10.4191 10.9333L10.6451 10.9516C10.6573 11.1227 10.6634 11.306 10.6634 11.5015C10.6634 12.5157 10.6207 13.3934 10.5351 14.1347L10.3213 14.1531C10.3132 14.2264 10.3091 14.2875 10.3091 14.3363C10.3091 14.3812 10.3152 14.4341 10.3274 14.4952C10.4537 14.4911 10.6023 14.4891 10.7734 14.4891C10.9445 14.4891 11.0952 14.4911 11.2255 14.4952C11.2377 14.426 11.2439 14.3689 11.2439 14.3241C11.2439 14.2753 11.2398 14.2182 11.2316 14.1531L11.0056 14.1347C10.9974 13.8985 10.9934 13.5808 10.9934 13.1816C10.9934 12.7784 11.0097 12.2876 11.0422 11.7092C11.0911 11.7988 11.2459 12.088 11.5066 12.5768C11.7713 13.0615 11.975 13.4749 12.1175 13.817C12.1501 13.8211 12.2112 13.8231 12.3008 13.8231C12.3945 13.8231 12.4821 13.8069 12.5635 13.7743C12.6979 13.4321 12.9464 12.9006 13.3089 12.1797C13.4718 11.8498 13.5736 11.642 13.6144 11.5565C13.651 12.2285 13.6694 12.754 13.6694 13.1328C13.6694 13.5075 13.6653 13.8415 13.6571 14.1347L13.4555 14.1531C13.4474 14.2264 13.4433 14.2875 13.4433 14.3363C13.4433 14.3812 13.4494 14.4341 13.4616 14.4952C13.6001 14.4911 13.763 14.4891 13.9504 14.4891C14.1378 14.4891 14.3027 14.4911 14.4453 14.4952C14.4575 14.426 14.4636 14.3689 14.4636 14.3241C14.4636 14.2753 14.4595 14.2182 14.4514 14.1531L14.2253 14.1347C14.1357 13.3486 14.0909 12.4566 14.0909 11.4587C14.0909 11.2347 14.0929 11.0657 14.097 10.9516L14.3292 10.9333C14.3414 10.8763 14.3475 10.8132 14.3475 10.7439Z", fill: "currentColor" }));
 
-const SvgRunAutomationScriptsIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z", fill: "url(#paint0_linear_13239_24129)" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.9993 12.106C19.9926 12.6149 19.5249 12.9719 19.0201 12.9067C18.5153 12.8415 18.1663 12.3781 18.1555 11.8693C18.134 10.8599 17.8645 9.86627 17.3644 8.97844C16.7128 7.82156 15.7046 6.90633 14.4903 6.36928C13.276 5.83222 11.9206 5.70212 10.6263 5.99837C9.33198 6.29462 8.16813 7.00136 7.30833 8.01316C6.44854 9.02496 5.93887 10.2876 5.85535 11.6127C5.77184 12.9379 6.11895 14.2545 6.84492 15.3663C7.57089 16.478 8.6368 17.3253 9.88367 17.7817C10.8406 18.1319 11.8647 18.2376 12.8643 18.0959C13.3682 18.0244 13.8819 18.2941 14.0277 18.7818C14.1735 19.2694 13.8966 19.7886 13.3954 19.8774C12.011 20.1226 10.5806 19.9995 9.25011 19.5125C7.62997 18.9195 6.24495 17.8186 5.30166 16.374C4.35836 14.9295 3.90733 13.2187 4.01585 11.4968C4.12436 9.77496 4.78661 8.13433 5.9038 6.81963C7.02099 5.50493 8.53326 4.58662 10.215 4.20168C11.8968 3.81674 13.658 3.98579 15.2358 4.68362C16.8137 5.38145 18.1236 6.57067 18.9703 8.07388C19.6656 9.30832 20.0179 10.7002 19.9993 12.106ZM16.2062 14.3323C16.2062 14.4492 16.2154 14.5446 16.2339 14.6184L16.6031 14.6461C16.3692 15.8277 15.8831 17.4308 15.1446 19.4554L14.8215 19.4831C14.8092 19.5692 14.8031 19.6554 14.8031 19.7415C14.8031 19.8215 14.8123 19.9077 14.8308 20C14.9662 19.9938 15.2 19.9908 15.5323 19.9908C15.8708 19.9908 16.1139 19.9938 16.2615 20C16.28 19.8954 16.2892 19.8184 16.2892 19.7692C16.2892 19.7138 16.2831 19.6184 16.2708 19.4831L15.92 19.4554L16.1785 18.3569C16.5354 18.3323 16.9169 18.32 17.3231 18.32C17.7354 18.32 18.1169 18.3292 18.4677 18.3477C18.4739 18.3784 18.5108 18.5354 18.5785 18.8184C18.6462 19.0954 18.6954 19.3077 18.7262 19.4554L18.4031 19.4831C18.3908 19.5692 18.3846 19.6554 18.3846 19.7415C18.3846 19.8215 18.3939 19.9077 18.4123 20C18.5539 19.9938 18.8062 19.9908 19.1692 19.9908C19.5323 19.9908 19.8 19.9938 19.9723 20C19.9908 19.8954 20 19.8184 20 19.7692C20 19.7138 19.9939 19.6184 19.9815 19.4831L19.64 19.4554C18.76 17.0369 18.2462 15.2492 18.0985 14.0923C17.9139 14.0308 17.6892 14 17.4246 14C17.16 14 16.7569 14.0338 16.2154 14.1015C16.2092 14.1384 16.2062 14.2154 16.2062 14.3323ZM17.2862 17.72C16.8677 17.72 16.5539 17.7169 16.3446 17.7108C16.64 16.5538 16.9692 15.5354 17.3323 14.6554H17.3877C17.7077 15.5846 18.0123 16.5969 18.3015 17.6923C18.0431 17.7108 17.7046 17.72 17.2862 17.72Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.0875 15.2067C10.1248 15.2349 10.1702 15.2501 10.217 15.2501C10.2582 15.25 10.2985 15.2382 10.3334 15.2162L15.1001 12.1828C15.1308 12.1633 15.1562 12.1363 15.1737 12.1043C15.1913 12.0724 15.2005 12.0365 15.2005 12C15.2005 11.9636 15.1913 11.9277 15.1737 11.8957C15.1562 11.8638 15.1308 11.8368 15.1001 11.8172L10.3334 8.78383C10.2962 8.76021 10.2528 8.74845 10.2088 8.75009C10.1648 8.75174 10.1224 8.76672 10.0871 8.79305C10.0519 8.81938 10.0255 8.85581 10.0114 8.8975C9.99732 8.9392 9.99626 8.98419 10.0084 9.0265L10.8583 12L10.0085 14.9737C9.99651 15.016 9.99763 15.0609 10.0117 15.1025C10.0258 15.1441 10.0523 15.1805 10.0875 15.2067Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_13239_24129", x1: 1.72771, y1: 2.34599, x2: 24, y2: 24, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#2A6F09" }), /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#44B002" }))));
+const SvgRunAutomationScriptsIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z", fill: "#2A6F09" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.9993 12.106C19.9926 12.6149 19.5249 12.9719 19.0201 12.9067C18.5153 12.8415 18.1663 12.3781 18.1555 11.8693C18.134 10.8599 17.8645 9.86627 17.3644 8.97844C16.7128 7.82156 15.7046 6.90633 14.4903 6.36928C13.276 5.83222 11.9206 5.70212 10.6263 5.99837C9.33198 6.29462 8.16813 7.00136 7.30833 8.01316C6.44854 9.02496 5.93887 10.2876 5.85535 11.6127C5.77184 12.9379 6.11895 14.2545 6.84492 15.3663C7.57089 16.478 8.6368 17.3253 9.88367 17.7817C10.8406 18.1319 11.8647 18.2376 12.8643 18.0959C13.3682 18.0244 13.8819 18.2941 14.0277 18.7818C14.1735 19.2694 13.8966 19.7886 13.3954 19.8774C12.011 20.1226 10.5806 19.9995 9.25011 19.5125C7.62997 18.9195 6.24495 17.8186 5.30166 16.374C4.35836 14.9295 3.90733 13.2187 4.01585 11.4968C4.12436 9.77496 4.78661 8.13433 5.9038 6.81963C7.02099 5.50493 8.53326 4.58662 10.215 4.20168C11.8968 3.81674 13.658 3.98579 15.2358 4.68362C16.8137 5.38145 18.1236 6.57067 18.9703 8.07388C19.6656 9.30832 20.0179 10.7002 19.9993 12.106ZM16.2062 14.3323C16.2062 14.4492 16.2154 14.5446 16.2339 14.6184L16.6031 14.6461C16.3692 15.8277 15.8831 17.4308 15.1446 19.4554L14.8215 19.4831C14.8092 19.5692 14.8031 19.6554 14.8031 19.7415C14.8031 19.8215 14.8123 19.9077 14.8308 20C14.9662 19.9938 15.2 19.9908 15.5323 19.9908C15.8708 19.9908 16.1139 19.9938 16.2615 20C16.28 19.8954 16.2892 19.8184 16.2892 19.7692C16.2892 19.7138 16.2831 19.6184 16.2708 19.4831L15.92 19.4554L16.1785 18.3569C16.5354 18.3323 16.9169 18.32 17.3231 18.32C17.7354 18.32 18.1169 18.3292 18.4677 18.3477C18.4739 18.3784 18.5108 18.5354 18.5785 18.8184C18.6462 19.0954 18.6954 19.3077 18.7262 19.4554L18.4031 19.4831C18.3908 19.5692 18.3846 19.6554 18.3846 19.7415C18.3846 19.8215 18.3939 19.9077 18.4123 20C18.5539 19.9938 18.8062 19.9908 19.1692 19.9908C19.5323 19.9908 19.8 19.9938 19.9723 20C19.9908 19.8954 20 19.8184 20 19.7692C20 19.7138 19.9939 19.6184 19.9815 19.4831L19.64 19.4554C18.76 17.0369 18.2462 15.2492 18.0985 14.0923C17.9139 14.0308 17.6892 14 17.4246 14C17.16 14 16.7569 14.0338 16.2154 14.1015C16.2092 14.1384 16.2062 14.2154 16.2062 14.3323ZM17.2862 17.72C16.8677 17.72 16.5539 17.7169 16.3446 17.7108C16.64 16.5538 16.9692 15.5354 17.3323 14.6554H17.3877C17.7077 15.5846 18.0123 16.5969 18.3015 17.6923C18.0431 17.7108 17.7046 17.72 17.2862 17.72Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.0875 15.2067C10.1248 15.2349 10.1702 15.2501 10.217 15.2501C10.2582 15.25 10.2985 15.2382 10.3334 15.2162L15.1001 12.1828C15.1308 12.1633 15.1562 12.1363 15.1737 12.1043C15.1913 12.0724 15.2005 12.0365 15.2005 12C15.2005 11.9636 15.1913 11.9277 15.1737 11.8957C15.1562 11.8638 15.1308 11.8368 15.1001 11.8172L10.3334 8.78383C10.2962 8.76021 10.2528 8.74845 10.2088 8.75009C10.1648 8.75174 10.1224 8.76672 10.0871 8.79305C10.0519 8.81938 10.0255 8.85581 10.0114 8.8975C9.99732 8.9392 9.99626 8.98419 10.0084 9.0265L10.8583 12L10.0085 14.9737C9.99651 15.016 9.99763 15.0609 10.0117 15.1025C10.0258 15.1441 10.0523 15.1805 10.0875 15.2067Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null));
 
 const SvgEyeOpenIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8985 6.29701C13.5046 8.80023 10.861 10.3552 8.00093 10.3552C5.13896 10.3552 2.49546 8.80023 1.10149 6.29701C0.994127 6.10264 0.994127 5.89717 1.10149 5.70297C2.49546 3.19978 5.13896 1.64494 8.00093 1.64494C10.861 1.64494 13.5045 3.19978 14.8985 5.70297C15.0078 5.89717 15.0078 6.10264 14.8985 6.29701ZM15.789 5.20666C14.2154 2.38043 11.2313 0.624939 8.00093 0.624939C4.76871 0.624939 1.78457 2.38043 0.211039 5.20666C-0.0703464 5.71093 -0.0703464 6.28905 0.211039 6.79295C1.78457 9.61918 4.76871 11.375 8.00093 11.375C11.2313 11.375 14.2154 9.61918 15.789 6.79295C16.0703 6.28909 16.0703 5.71093 15.789 5.20666ZM8.00093 8.09231C9.15424 8.09231 10.0928 7.15375 10.0928 5.99991C10.0928 4.84606 9.15424 3.9075 8.00093 3.9075C6.84576 3.9075 5.9072 4.84606 5.9072 5.99991C5.9072 7.15375 6.8458 8.09231 8.00093 8.09231ZM8.00093 2.88749C6.28299 2.88749 4.8872 4.28386 4.8872 5.99994C4.8872 7.71639 6.28303 9.11218 8.00093 9.11218C9.71701 9.11218 11.1128 7.71636 11.1128 5.99994C11.1128 4.28386 9.71701 2.88749 8.00093 2.88749Z", fill: "currentColor" }));
 
@@ -2561,6 +2561,8 @@ const ALPHA_NUM_EXTENDED_REGEX = /^[a-zA-Z0-9 _\-()]+$/;
 const ALPHANUMERIC_WITH_DOT_REGEX = /^[A-Za-z0-9.]+$/;
 // Alphanumeric string allowing only dot(.) as special character
 const EXCEL_SPACING_REGEX = /[\n\t"]/;
+//Alphabet validation along with spaces
+const ALPHABET_WITH_SPACES_ONLY_REGEX = /^[a-zA-Z ]*$/;
 
 const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
   options,
@@ -4356,27 +4358,31 @@ const Select$1 = ({
     if (!element) return null;
     let parent = element.parentElement;
     while (parent) {
-      const overflowY = window.getComputedStyle(parent).overflowY;
-      if (overflowY === 'auto' || overflowY === 'scroll') {
+      const tagName = parent.tagName.toLowerCase();
+      // Skip tbody and similar non-scrollable semantic containers
+      if (tagName === 'tbody') {
+        parent = parent.parentElement;
+        continue;
+      }
+      const style = window.getComputedStyle(parent);
+      const overflowY = style.overflowY;
+      const isScrollable = (overflowY === 'auto' || overflowY === 'scroll') && parent.scrollHeight > parent.clientHeight;
+      if (isScrollable) {
         return parent;
       }
       parent = parent.parentElement;
     }
     return document.body;
   };
-  const hideShowScrollbar = () => {
-    if (disabled) return;
-    if (showDropdownOptions && optionsRequired) {
-      onSelectToggleScroll(!showDropdownOptions);
+  React.useEffect(() => {
+    if (!showDropdownOptions || disabled) return;
+    if (optionsRequired) {
+      onSelectToggleScroll(false);
     }
     onSelectUpdatePosition();
     const scrollableParent = getScrollParent(inputRef.current);
     window.addEventListener('resize', handleResizeOrScroll);
     scrollableParent?.addEventListener('scroll', onSelectBlur);
-  };
-  React.useEffect(() => {
-    hideShowScrollbar();
-    const scrollableParent = getScrollParent(inputRef.current);
     return () => {
       onSelectToggleScroll(true);
       window.removeEventListener('resize', handleResizeOrScroll);
@@ -4468,7 +4474,7 @@ const Select$1 = ({
           'ff-select-labels__active': searchedText
         }),
         fontSize: searchedText || showDropdownOptions ? 10 : 12,
-        lineHeight: searchedText || showDropdownOptions && '12px',
+        lineHeight: searchedText || showDropdownOptions ? '10px' : '12px',
         required: required,
         style: {
           maxWidth: `calc(${selectWidth} - 40px)`
@@ -4960,7 +4966,7 @@ const MenuOption = ({
           children: labelName
         })]
       })
-    }), isClicked && displayCard && jsxRuntime.jsx(OptionCard, {
+    }), isClicked && displayCard && !checkEmpty(options) && jsxRuntime.jsx(OptionCard, {
       options: options,
       onClick: handleOptionClick,
       menuPosition: menuPosition,
@@ -17561,7 +17567,6 @@ const Toastify = () => {
       title = formatMessage(arg1);
       message = '';
     }
-    const formattedTitle = title.charAt(0).toUpperCase() + title.slice(1);
     // Close the existing toast if open, and then immediately show the new one
     setToastProps(prev => ({
       ...prev,
@@ -17574,7 +17579,7 @@ const Toastify = () => {
       setToastProps({
         isOpen: true,
         variant,
-        toastTitle: formattedTitle,
+        toastTitle: title,
         toastMessage: message
       });
       timeoutRef.current = setTimeout(() => {
@@ -35339,7 +35344,8 @@ const SequentialConnectingBranch = ({
   readOnly = false,
   zIndex = 99999,
   maxRunCount = 35,
-  environmentVariableMaps
+  environmentVariableMaps,
+  isRequired = false
 }) => {
   const [selectedMachineInstance, setSelectedMachineInstance] = React.useState({});
   const selectButtonRef = React.useRef(null);
@@ -35384,7 +35390,7 @@ const SequentialConnectingBranch = ({
             onChange: onHandleSelect,
             optionsList: machineOptionsList,
             label: placeholder,
-            required: false,
+            required: isRequired,
             showLabel: true,
             className: "ff-sequential-select-branch",
             width: '240px',
@@ -40588,7 +40594,6 @@ const ColumnIndicator = ({
   const activate$1 = React__namespace.useCallback(point => dispatch(activate(point)), [dispatch]);
   const handleClick = React__namespace.useCallback(event => {
     onSelect(column, event.shiftKey);
-    console.log("Outer Div");
   }, [onSelect, column]);
   const contextClick = React__namespace.useCallback(event => {
     event.preventDefault();
@@ -40615,7 +40620,6 @@ const ColumnIndicator = ({
     },
     onClick: handleClick,
     onContextMenu: contextClick,
-    onMouseDown: e => onMouseDrag(e, false),
     tabIndex: 0,
     children: [jsxRuntime.jsx(Typography, {
       fontWeight: "medium",
@@ -40624,10 +40628,10 @@ const ColumnIndicator = ({
       className: "drag-column-selector drag-column-left",
       onMouseDown: e => onMouseDrag(e, false),
       onDoubleClick: () => dispatch(setColumnPosition(column, minColumnWidth)),
-      onClick: () => {
-        // console.log("Inner Div")
-        // activate({ row: -1, column })
-      }
+      onClick: () => activate$1({
+        row: -1,
+        column
+      })
     }), jsxRuntime.jsx("div", {
       className: "drag-column-selector drag-column-right",
       onMouseDown: e => onMouseDrag(e, true),
@@ -41811,7 +41815,8 @@ const Spreadsheet = props => {
     contextOption,
     attachmentAction,
     workRef,
-    minimumColumnWidth
+    minimumColumnWidth,
+    setContextMenu
   } = props;
   const [sheetChange, setSheetChange] = React__namespace.useState(false);
   const [maxWidth, setMaxWidth] = React__namespace.useState(0);
@@ -42213,6 +42218,16 @@ const Spreadsheet = props => {
       onMouseMove: handleMouseMove,
       onScroll: e => {
         scrollOption && handleScroll(e);
+        setContextMenu({
+          open: false,
+          options: [{
+            label: '',
+            value: '',
+            iconName: '',
+            action: () => {},
+            disable: false
+          }]
+        });
       },
       children: [tableNode, activeCellNode, jsxRuntime.jsx(Selected, {}), jsxRuntime.jsx(Copied, {})]
     })]
@@ -59654,12 +59669,10 @@ const saveFileFromBlob = (blob, filename) => {
 
 const MentionUser = ({
   hasAtSymbol,
-  mentionPosition,
   usersObj,
   optionClicked,
   charsAfterAt
 }) => {
-  const selectSectionRef = React.useRef(null);
   const [hoveredIndex, setHoveredIndex] = React.useState(0);
   const itemRefs = React.useRef([]);
   if (!hasAtSymbol) return null;
@@ -59701,11 +59714,6 @@ const MentionUser = ({
   }, [handleKeyDown]);
   return jsxRuntime.jsx("div", {
     className: "select-section",
-    ref: selectSectionRef,
-    style: {
-      '--top': `${mentionPosition?.top}px`,
-      '--left': `${mentionPosition?.left + 5}px`
-    },
     onMouseDown: e => e.preventDefault(),
     children: jsxRuntime.jsx("div", {
       className: "select-group",
@@ -59775,6 +59783,7 @@ const ChildComment = ({
   const textAreaRef = React.useRef(null);
   const mentionRef = React.useRef(null);
   const mentionReplyRef = React.useRef(null);
+  const inputRef = React.useRef(null);
   React.useEffect(() => {
     if (editMode && comment?.description) {
       setInput(comment?.description);
@@ -59874,24 +59883,24 @@ const ChildComment = ({
       left: spanRect.left
     };
   };
-  const updateMentionPosition = React.useCallback(() => {
+  const updateMentionPosition = () => {
     if (!textAreaRef.current) return;
+    const textareaEl = textAreaRef?.current;
+    const dropdownEl = mentionRef?.current && mentionReplyRef?.current;
+    const inputEl = inputRef?.current;
     const caretPosition = textAreaRef.current.selectionStart;
-    const caretCoords = getCaretCoordinates(textAreaRef.current, caretPosition);
+    const caretCoords = getCaretCoordinates(textareaEl, caretPosition);
+    const dropdownHeight = dropdownEl?.getBoundingClientRect().height || 370;
+    const inputRect = inputEl?.getBoundingClientRect();
+    if (!inputRect) return;
+    const spaceBelow = window.innerHeight - inputRect.bottom;
+    const spaceAbove = inputRect.top;
+    const showAbove = spaceBelow < dropdownHeight && spaceAbove > dropdownHeight;
     setMentionPosition({
-      top: caretCoords.top + window.scrollY - 625,
-      left: window.scrollX + caretCoords.left + 10
+      top: showAbove ? caretCoords.top - dropdownHeight - 508 : caretCoords.top - 588,
+      left: caretCoords.left + 10
     });
-  }, [input]);
-  React.useEffect(() => {
-    const handleScroll = () => {
-      updateMentionPosition();
-    };
-    window.addEventListener('scroll', handleScroll, true);
-    return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-    };
-  }, [updateMentionPosition]);
+  };
   const textAreaInputChange = e => {
     const textAreaValue = e.target.value;
     setInput(textAreaValue);
@@ -59992,6 +60001,7 @@ const ChildComment = ({
               }, index) : part)
             }), editMode && jsxRuntime.jsxs("div", {
               className: "inputContainer",
+              ref: inputRef,
               children: [jsxRuntime.jsx("textarea", {
                 rows: input.length < rowBreakCharCount ? 1 : 3,
                 className: "inputContainer_input first_input",
@@ -60003,11 +60013,16 @@ const ChildComment = ({
                 onKeyDown: handleKeyDown
               }), hasAtSymbol && jsxRuntime.jsx("div", {
                 ref: mentionRef,
+                id: "mention-user",
+                style: {
+                  position: 'absolute',
+                  top: `${mentionPosition.top}px`,
+                  left: `${mentionPosition.left}px`
+                },
                 children: jsxRuntime.jsx(MentionUser, {
                   hasAtSymbol: hasAtSymbol,
                   usersObj: usersObj,
                   optionClicked: optionClicked,
-                  mentionPosition: mentionPosition,
                   charsAfterAt: textAfterAt
                 })
               }), jsxRuntime.jsxs("div", {
@@ -60111,6 +60126,7 @@ const ChildComment = ({
         className: "comment-reply-container",
         children: showInput && jsxRuntime.jsxs("div", {
           className: "inputContainer",
+          ref: inputRef,
           children: [jsxRuntime.jsx("textarea", {
             rows: input.length < rowBreakCharCount ? 1 : 3,
             className: "inputContainer_input first_input",
@@ -60122,11 +60138,16 @@ const ChildComment = ({
             onKeyDown: handleKeyDown
           }), hasAtSymbol && jsxRuntime.jsx("div", {
             ref: mentionReplyRef,
+            id: "mention-user",
+            style: {
+              position: 'absolute',
+              top: `${mentionPosition.top}px`,
+              left: `${mentionPosition.left}px`
+            },
             children: jsxRuntime.jsx(MentionUser, {
               hasAtSymbol: hasAtSymbol,
               usersObj: usersObj,
               optionClicked: optionClicked,
-              mentionPosition: mentionPosition,
               charsAfterAt: textAfterAt
             })
           }), jsxRuntime.jsxs("div", {
@@ -60256,8 +60277,8 @@ const Comments = ({
     top: 0,
     left: 0
   });
-  const [scrollY, setScrollY] = React.useState(0);
   const [textAfterAt, setTextAfterAt] = React.useState('');
+  const inputRef = React.useRef(null);
   const textareaRef = React.useRef(null);
   const selectSectionRef = React.useRef(null);
   React.useEffect(() => {
@@ -60396,28 +60417,24 @@ const Comments = ({
       left: spanRect.left
     };
   };
-  const updateMentionPosition = React.useCallback(() => {
+  const updateMentionPosition = () => {
     if (!textareaRef.current) return;
+    const textareaEl = textareaRef?.current;
+    const dropdownEl = selectSectionRef?.current;
+    const inputEl = inputRef?.current;
     const caretPosition = textareaRef.current.selectionStart;
-    const textBeforeCaret = input.slice(0, caretPosition);
-    const hasCaretSymbol = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_AFTER_SPACE);
-    setHasAtSymbol(!!hasCaretSymbol);
-    const caretCoords = getCaretCoordinates(textareaRef.current, caretPosition);
-    const topAdjustment = scrollY > 10 ? 75 : 0;
+    const caretCoords = getCaretCoordinates(textareaEl, caretPosition);
+    const dropdownHeight = dropdownEl?.getBoundingClientRect().height || 370;
+    const inputRect = inputEl?.getBoundingClientRect();
+    if (!inputRect) return;
+    const spaceBelow = window.innerHeight - inputRect.bottom;
+    const spaceAbove = inputRect.top;
+    const showAbove = spaceBelow < dropdownHeight && spaceAbove > dropdownHeight;
     setMentionPosition({
-      top: caretCoords.top + window.scrollY - 625 - topAdjustment,
-      left: window.scrollX + caretCoords.left + 10
+      top: showAbove ? caretCoords.top - dropdownHeight - 528 : caretCoords.top - 606,
+      left: caretCoords.left + 10
     });
-  }, [input]);
-  React.useEffect(() => {
-    const handleScroll = () => {
-      updateMentionPosition();
-    };
-    window.addEventListener('scroll', handleScroll, true);
-    return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-    };
-  }, [updateMentionPosition]);
+  };
   const textAreaInputChange = e => {
     const textAreaValue = e.target.value;
     setInput(textAreaValue);
@@ -60472,11 +60489,6 @@ const Comments = ({
       }
     }
   };
-  const handleScroll = () => {
-    if (textareaRef.current) {
-      setScrollY(textareaRef.current.scrollTop);
-    }
-  };
   return jsxRuntime.jsxs("div", {
     className: "ff-comments-container-box",
     children: [!isVewMode && jsxRuntime.jsxs("div", {
@@ -60487,6 +60499,7 @@ const Comments = ({
         children: "Comments"
       }), !showTextarea && jsxRuntime.jsxs("div", {
         className: "input-wrapper",
+        ref: inputRef,
         children: [jsxRuntime.jsx("textarea", {
           className: "inputContainer_input first_input",
           rows: input.length < rowBreakCharCount ? 1 : 3,
@@ -60496,16 +60509,19 @@ const Comments = ({
           placeholder: "Add a comment",
           disabled: isDisable,
           ref: textareaRef,
-          onKeyDown: handleKeyDown,
-          onScroll: handleScroll
+          onKeyDown: handleKeyDown
         }), hasAtSymbol && jsxRuntime.jsx("div", {
-          ref: selectSectionRef,
           id: "mention-user",
+          ref: selectSectionRef,
+          style: {
+            position: 'absolute',
+            top: `${mentionPosition.top}px`,
+            left: `${mentionPosition.left}px`
+          },
           children: jsxRuntime.jsx(MentionUser, {
             hasAtSymbol: hasAtSymbol,
             usersObj: usersObj,
             optionClicked: optionClicked,
-            mentionPosition: mentionPosition,
             charsAfterAt: textAfterAt
           })
         }), jsxRuntime.jsx("span", {
@@ -75552,7 +75568,11 @@ const StepLandingTable = /*#__PURE__*/React.forwardRef(({
       return Object.values(rows).some(set => set.size > 0);
     };
     if (hasSelectedIds(selectedRows)) {
-      onSelectClick?.(selectedRows);
+      const updatedSelection = {
+        ...selectedRows,
+        partialSelected: stepPartialSelect
+      };
+      onSelectClick?.(updatedSelection);
     } else {
       onSelectClick?.(null);
     }
@@ -109713,7 +109733,7 @@ const getNavigateToKey = (currentNode, treeData, action) => {
   const getRootChildren = (treeData, rootNode) => {
     return treeData.filter(node => node.parentId === rootNode.key && node.entityType !== 'POST' && node.entityType !== 'PRE');
   };
-  if (action === 'inside') {
+  {
     // Handle root node case
     if (currentNode.path === '/Root') {
       const childrenOfRoot = getRootChildren(treeData, currentNode);
@@ -109754,21 +109774,43 @@ const getNavigateToKey = (currentNode, treeData, action) => {
         };
       }
     }
-  } else if (action === 'below') {
-    const lastChild = findLastChild(treeData, currentNode);
-    return {
-      navigateTo: lastChild
-    };
-  } else if (action === 'above') {
-    return {
-      navigateTo: currentNode?.key
-    };
   }
   return {
     navigateTo: currentNode?.key
   };
 };
 
+const checkMicrophoneAccess = async (handleMicToggle, {
+  requestDeniedMsg,
+  notSupportedMsg,
+  micAccessDeniedMsg
+}) => {
+  try {
+    const permissionStatus = await navigator?.permissions.query({
+      name: 'microphone'
+    });
+    if (permissionStatus?.state === 'granted') {
+      handleMicToggle();
+    } else if (permissionStatus?.state === 'prompt') {
+      try {
+        const stream = await navigator?.mediaDevices?.getUserMedia({
+          audio: true
+        });
+        stream?.getTracks()?.forEach(track => track?.stop());
+        handleMicToggle();
+      } catch (err) {
+        toast.error(requestDeniedMsg);
+        console.error('getUserMedia error:', err);
+      }
+    } else if (permissionStatus?.state === 'denied') {
+      toast.error(micAccessDeniedMsg);
+    }
+  } catch (err) {
+    toast.error(notSupportedMsg);
+    console.error('Permission query error:', err);
+  }
+};
+
 /*
 	The MIT License (MIT)
 
@@ -116076,6 +116118,7 @@ const ScriptGenerationLoader = ({
 
 exports.AADHAAR_REGEX = AADHAAR_REGEX;
 exports.ALPHABET_ONLY_REGEX = ALPHABET_ONLY_REGEX;
+exports.ALPHABET_WITH_SPACES_ONLY_REGEX = ALPHABET_WITH_SPACES_ONLY_REGEX;
 exports.ALPHANUMERIC_PARENTHESIS_REGEX = ALPHANUMERIC_PARENTHESIS_REGEX;
 exports.ALPHANUMERIC_REGEX = ALPHANUMERIC_REGEX;
 exports.ALPHANUMERIC_WITH_DOT_REGEX = ALPHANUMERIC_WITH_DOT_REGEX;
@@ -116274,6 +116317,7 @@ exports.addStepGroup = addStepGroup;
 exports.autoScrollToTableLastRow = autoScrollToTableLastRow;
 exports.capitalize = capitalize;
 exports.checkEmpty = checkEmpty;
+exports.checkMicrophoneAccess = checkMicrophoneAccess;
 exports.clearStore = clearStore;
 exports.compareArrays = compareArrays;
 exports.compareObjects = compareObjects;