pixel-react-excel-sheet 1.1.25 → 1.1.26

package/lib/index.cjs

@@ -1032,6 +1032,16 @@ const SvgDeleteIcon = (props) => /* @__PURE__ */ React__namespace.createElement(
 
 const SvgAiApproved = (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.91407 0.00195312C7.44004 0.0019749 7.95329 0.216769 8.32227 0.59375L15.4395 7.86133C16.191 8.62936 16.1847 9.87295 15.4248 10.6328L10.6328 15.4248C9.87181 16.1838 8.62835 16.1895 7.86035 15.4375L0.592776 8.32129C0.215831 7.95234 4.19307e-05 7.4371 0.000979606 6.90918L0.0146515 1.33105C0.0176515 0.607055 0.607081 0.017625 1.33008 0.015625L6.90821 0.00195312H6.91407ZM10.6631 7.82812C10.4682 7.63321 10.1511 7.63337 9.95606 7.82812L7.83496 9.94922C7.6402 10.1442 7.64005 10.4613 7.83496 10.6562C8.02991 10.8519 8.34606 10.8519 8.542 10.6562L10.6631 8.53516C10.8578 8.34022 10.8578 8.02306 10.6631 7.82812ZM8.42481 5.58789C7.90589 5.06797 7.05909 5.06813 6.53907 5.58789L5.00782 7.12012C4.81282 7.31512 4.81282 7.63215 5.00782 7.82715C5.20276 8.02149 5.51903 8.02165 5.71387 7.82715L6.06641 7.47363L6.53809 7.94531L6.18555 8.29883C5.99055 8.49383 5.99055 8.81086 6.18555 9.00586C6.38057 9.20158 6.69767 9.20177 6.89258 9.00586L7.59375 8.30371C7.59537 8.30233 7.59812 8.30128 7.59961 8.2998C7.60109 8.29817 7.60199 8.29552 7.60352 8.29395L8.42481 7.47363C8.94401 6.95372 8.94416 6.10771 8.42481 5.58789ZM7.2461 6.29492C7.37612 6.16516 7.58786 6.165 7.71778 6.29492C7.84714 6.42573 7.84698 6.63669 7.71778 6.7666L7.24512 7.23828L6.77344 6.7666L7.2461 6.29492ZM3.35254 2.00098C2.61754 2.00098 2.01953 2.59898 2.01953 3.33398C2.01954 4.06898 2.61754 4.66699 3.35254 4.66699C4.08731 4.66673 4.68555 4.06882 4.68555 3.33398C4.68555 2.59915 4.08732 2.00124 3.35254 2.00098Z", fill: "#71347B" }));
 
+const SvgVideoRecording = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M18 2.97752V13.0224C18 13.2011 17.9047 13.3661 17.75 13.4554C17.6727 13.5001 17.5863 13.5224 17.5 13.5224C17.4137 13.5224 17.3273 13.5001 17.25 13.4554L14.196 11.6922V12.1226C14.196 13.2832 13.2518 14.2273 12.0913 14.2273H4.10469C2.94416 14.2273 2 13.2832 2 12.1226V3.87727C2 2.71674 2.94416 1.77258 4.10469 1.77258H12.0913C13.2518 1.77258 14.196 2.71674 14.196 3.87727V4.30774L17.25 2.54449C17.4047 2.45518 17.5953 2.45518 17.75 2.54449C17.9047 2.6338 18 2.79886 18 2.97752ZM13.196 3.87727C13.196 3.26815 12.7004 2.77258 12.0913 2.77258H4.10469C3.49556 2.77258 3 3.26815 3 3.87727V12.1227C3 12.7318 3.49556 13.2274 4.10469 13.2274H12.0913C12.7004 13.2274 13.196 12.7318 13.196 12.1227V3.87727ZM17 3.84355L14.196 5.46243V10.5375L17 12.1564V3.84355Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.630859, y: 0.720825, width: 6.08496, height: 6.08496, rx: 3.04248, fill: "#C60202", stroke: "white", strokeWidth: 0.5 }));
+
+const SvgCaptureImage = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_950_34977)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.72727 10.5455C4.53439 10.5455 4.3494 10.4688 4.21301 10.3324C4.07662 10.1961 4 10.0111 4 9.81818V7.63636C4.00114 6.67229 4.38462 5.74802 5.06632 5.06632C5.74802 4.38462 6.67229 4.00114 7.63636 4H9.81818C10.0111 4 10.1961 4.07662 10.3324 4.21301C10.4688 4.3494 10.5455 4.53439 10.5455 4.72727C10.5455 4.92016 10.4688 5.10514 10.3324 5.24153C10.1961 5.37792 10.0111 5.45455 9.81818 5.45455H7.63636C7.0579 5.45518 6.50332 5.68525 6.09429 6.09429C5.68525 6.50332 5.45518 7.0579 5.45455 7.63636V9.81818C5.45455 10.0111 5.37792 10.1961 5.24153 10.3324C5.10514 10.4688 4.92016 10.5455 4.72727 10.5455ZM20 9.81818V7.63636C19.9989 6.67229 19.6154 5.74802 18.9337 5.06632C18.252 4.38462 17.3277 4.00114 16.3636 4H14.1818C13.9889 4 13.8039 4.07662 13.6676 4.21301C13.5312 4.3494 13.4545 4.53439 13.4545 4.72727C13.4545 4.92016 13.5312 5.10514 13.6676 5.24153C13.8039 5.37792 13.9889 5.45455 14.1818 5.45455H16.3636C16.9421 5.45518 17.4967 5.68525 17.9057 6.09429C18.3147 6.50332 18.5448 7.0579 18.5455 7.63636V9.81818C18.5455 10.0111 18.6221 10.1961 18.7585 10.3324C18.8949 10.4688 19.0798 10.5455 19.2727 10.5455C19.4656 10.5455 19.6506 10.4688 19.787 10.3324C19.9234 10.1961 20 10.0111 20 9.81818ZM20 16.3636V14.1818C20 13.9889 19.9234 13.8039 19.787 13.6676C19.6506 13.5312 19.4656 13.4545 19.2727 13.4545C19.0798 13.4545 18.8949 13.5312 18.7585 13.6676C18.6221 13.8039 18.5455 13.9889 18.5455 14.1818V16.3636C18.5448 16.9421 18.3147 17.4967 17.9057 17.9057C17.4967 18.3147 16.9421 18.5448 16.3636 18.5455H14.1818C13.9889 18.5455 13.8039 18.6221 13.6676 18.7585C13.5312 18.8949 13.4545 19.0798 13.4545 19.2727C13.4545 19.4656 13.5312 19.6506 13.6676 19.787C13.8039 19.9234 13.9889 20 14.1818 20H16.3636C17.3277 19.9989 18.252 19.6154 18.9337 18.9337C19.6154 18.252 19.9989 17.3277 20 16.3636ZM10.5455 19.2727C10.5455 19.0798 10.4688 18.8949 10.3324 18.7585C10.1961 18.6221 10.0111 18.5455 9.81818 18.5455H7.63636C7.0579 18.5448 6.50332 18.3147 6.09429 17.9057C5.68525 17.4967 5.45518 16.9421 5.45455 16.3636V14.1818C5.45455 13.9889 5.37792 13.8039 5.24153 13.6676C5.10514 13.5312 4.92016 13.4545 4.72727 13.4545C4.53439 13.4545 4.3494 13.5312 4.21301 13.6676C4.07662 13.8039 4 13.9889 4 14.1818V16.3636C4.00114 17.3277 4.38462 18.252 5.06632 18.9337C5.74802 19.6154 6.67229 19.9989 7.63636 20H9.81818C10.0111 20 10.1961 19.9234 10.3324 19.787C10.4688 19.6506 10.5455 19.4656 10.5455 19.2727ZM15.6364 12C15.6364 11.2808 15.4231 10.5777 15.0235 9.97974C14.624 9.38175 14.056 8.91567 13.3916 8.64044C12.7271 8.36521 11.996 8.2932 11.2906 8.43351C10.5852 8.57382 9.93726 8.92015 9.4287 9.4287C8.92015 9.93726 8.57382 10.5852 8.43351 11.2906C8.2932 11.996 8.36521 12.7271 8.64044 13.3916C8.91567 14.056 9.38175 14.624 9.97974 15.0235C10.5777 15.4231 11.2808 15.6364 12 15.6364C12.9641 15.6352 13.8883 15.2517 14.57 14.57C15.2517 13.8883 15.6352 12.9641 15.6364 12Z", fill: "#71347B" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_950_34977" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z", fill: "white" }))));
+
+const SvgEclipsePlugin = (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: "M7.53125 0C7.74128 0 7.94959 0.0105701 8.15527 0.0273438C4.28821 0.343551 1.24902 3.56456 1.24902 7.49316C1.24927 11.4215 4.2884 14.6408 8.15527 14.957C7.94957 14.9738 7.74131 14.9854 7.53125 14.9854C3.37197 14.9851 0.000260839 11.6309 0 7.49316C0 3.35522 3.37181 0.000246361 7.53125 0Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("mask", { id: "mask0_18014_12102", style: {
+  maskType: "alpha"
+}, maskUnits: "userSpaceOnUse", x: 1, y: 0, width: 15, height: 15 }, /* @__PURE__ */ React__namespace.createElement("ellipse", { cx: 8.85851, cy: 7.4927, rx: 7.14146, ry: 7.10244, fill: "currentColor" })), /* @__PURE__ */ React__namespace.createElement("g", { mask: "url(#mask0_18014_12102)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.7026 9.52209C14.8245 12.4555 12.0936 14.5952 8.85889 14.5953C5.62407 14.5953 2.89333 12.4555 2.01514 9.52209H15.7026ZM1.82959 8.74182C1.87698 9.00738 1.93895 9.26762 2.01514 9.52209H1.48291V8.74182H1.82959ZM16.312 9.52209H15.7026C15.7788 9.2677 15.8398 9.00729 15.8872 8.74182H16.312V9.52209ZM15.9888 7.88342C15.9729 8.17471 15.9373 8.46091 15.8872 8.74182H1.82959C1.77946 8.46091 1.74391 8.17471 1.72803 7.88342H15.9888ZM1.72803 7.10217C1.72098 7.23146 1.71729 7.36176 1.71729 7.4928C1.71729 7.62387 1.72098 7.7541 1.72803 7.88342H1.48291V7.10217H1.72803ZM16.312 7.88342H15.9888C15.9958 7.75409 15.9995 7.62388 15.9995 7.4928C15.9995 7.36176 15.9958 7.23146 15.9888 7.10217H16.312V7.88342ZM15.8872 6.24377C15.9373 6.52469 15.9729 6.81088 15.9888 7.10217H1.72803C1.7439 6.81089 1.77947 6.52468 1.82959 6.24377H15.8872ZM2.01514 5.4635C1.93896 5.71798 1.87697 5.97822 1.82959 6.24377H1.48291V5.4635H2.01514ZM16.312 6.24377H15.8872C15.8398 5.9783 15.7788 5.7179 15.7026 5.4635H16.312V6.24377ZM8.85889 0.390259C12.0937 0.390427 14.8246 2.53 15.7026 5.4635H2.01514C2.89326 2.52999 5.62399 0.390259 8.85889 0.390259Z", fill: "currentColor" })), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15 10.7166L14.4279 10.1444L13.2834 11.2887L12.7113 10.7166L13.8556 9.57213L13.2834 9L12.139 10.1444L11.5668 9.57213L10.4221 10.7166C9.73015 11.4089 9.64444 12.477 10.1649 13.2626L9 14.4274L9.57224 15L10.7371 13.835C11.5228 14.3554 12.5911 14.2701 13.2835 13.5778L14.428 12.4335L13.8556 11.8613L15 10.7166Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.707 10.7168L14.5625 11.8613L15.1348 12.4336L13.6367 13.9316C12.8762 14.6918 11.7535 14.8634 10.8271 14.4512L9.57227 15.707L8.29297 14.4277L9.54785 13.1719C9.13614 12.2457 9.30874 11.1234 10.0684 10.3633L11.5664 8.86523L12.1387 9.4375L13.2832 8.29297L15.707 10.7168ZM12.1387 10.1445L11.5664 9.57227L10.4219 10.7168L10.2998 10.8506C9.72199 11.5412 9.6771 12.5262 10.165 13.2627L9 14.4277L9.57227 15L10.7373 13.835C11.4739 14.3228 12.4587 14.2782 13.1494 13.7002L13.2832 13.5781L14.4277 12.4336L13.8555 11.8613L15 10.7168L14.4277 10.1445L13.2832 11.2891L12.7109 10.7168L13.8555 9.57227L13.2832 9L12.1387 10.1445Z", fill: "white" }));
+
+const SvgAiToken = (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: "M12 1.5C6.21 1.5 1.5 6.21 1.5 12C1.5 17.79 6.21 22.5 12 22.5C17.79 22.5 22.5 17.79 22.5 12C22.5 6.21 17.79 1.5 12 1.5ZM12 19.5C7.8645 19.5 4.5 16.1355 4.5 12C4.5 7.8645 7.8645 4.5 12 4.5C16.1355 4.5 19.5 7.8645 19.5 12C19.5 16.1355 16.1355 19.5 12 19.5Z", fill: "#FBC34E" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 4.5C7.8645 4.5 4.5 7.8645 4.5 12C4.5 16.1355 7.8645 19.5 12 19.5C16.1355 19.5 19.5 16.1355 19.5 12C19.5 7.8645 16.1355 4.5 12 4.5ZM15.183 12.954L14.3205 13.4235C13.9425 13.6298 13.6327 13.9387 13.4257 14.316L12.9525 15.1755C12.7613 15.5235 12.3967 15.7388 12 15.7388C11.6033 15.7388 11.2387 15.5227 11.0475 15.1755L10.575 14.3153C10.3673 13.9373 10.0575 13.6283 9.67875 13.422L8.81775 12.9532C8.46675 12.7642 8.25 12.3983 8.25 12C8.25 11.6017 8.46675 11.2357 8.817 11.046L9.6795 10.5765C10.0575 10.3703 10.3672 10.0612 10.5743 9.684L11.0475 8.8245C11.2387 8.4765 11.6033 8.26125 12 8.26125C12.3967 8.26125 12.7613 8.47725 12.9525 8.8245L13.425 9.68475C13.6327 10.062 13.9425 10.371 14.3205 10.5772L15.1823 11.046C15.5332 11.2357 15.75 11.6017 15.75 12C15.75 12.3983 15.5332 12.7642 15.183 12.954Z", fill: "#E5A533" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.1823 11.0452L14.3205 10.5765C13.9425 10.3702 13.6327 10.0612 13.425 9.684L12.9525 8.82375C12.7613 8.4765 12.3967 8.2605 12 8.2605C11.6033 8.2605 11.2387 8.4765 11.0475 8.82375L10.575 9.68325C10.368 10.0612 10.0582 10.3702 9.68025 10.5757L8.81775 11.0452C8.46675 11.2357 8.25 11.6017 8.25 12C8.25 12.3982 8.46675 12.7642 8.81775 12.9547L9.67875 13.4235C10.0575 13.6297 10.3673 13.9387 10.575 14.3167L11.0475 15.177C11.2387 15.5242 11.6033 15.7402 12 15.7402C12.3967 15.7402 12.7613 15.5242 12.9525 15.177L13.4257 14.3175C13.6327 13.9395 13.9425 13.6305 14.3205 13.425L15.183 12.9555C15.5332 12.7642 15.75 12.3982 15.75 12C15.75 11.6017 15.5332 11.2357 15.1823 11.0452Z", fill: "#E4EDF2" }));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1469,6 +1479,10 @@ Components['delete_icon'] = SvgDeleteIcon;
 Components['enable_filled'] = SvgEnableIconFilled;
 Components['disable_filled'] = SvgDisableIconFilled;
 Components['ai_approved'] = SvgAiApproved;
+Components['video_live_icon'] = SvgVideoRecording;
+Components['screen_capture_icon'] = SvgCaptureImage;
+Components['eclipse_plugin'] = SvgEclipsePlugin;
+Components['ai_token'] = SvgAiToken;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -1613,6 +1627,7 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
   fontSize = 10,
   typographyStyle,
   iconColor = '',
+  isMandatory = false,
   ...props
 }, ref) => {
   const renderIcon = () => iconName && jsxRuntime.jsx("div", {
@@ -1650,7 +1665,7 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
     onCopy: onCopy,
     disabled: disabled,
     ...props,
-    children: [iconPosition === 'left' && renderIcon(), jsxRuntime.jsx(Typography, {
+    children: [iconPosition === 'left' && renderIcon(), jsxRuntime.jsxs(Typography, {
       fontSize: fontSize,
       style: {
         ...typographyStyle
@@ -1659,7 +1674,10 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
       className: classNames(`ff-button-${variant}--text`, {
         'ff-button-choose-file-text': selectedFile
       }),
-      children: label
+      children: [isMandatory && jsxRuntime.jsx("span", {
+        className: "required-asterisk",
+        children: "*"
+      }), label]
     }), iconPosition === 'right' && renderIcon(), children]
   });
 });
@@ -1968,8 +1986,11 @@ const Drawer = ({
   }, [isOpen]);
   React.useEffect(() => {
     const handleKeyDown = e => {
-      if (e.key === 'Enter' && isOpen && primaryButtonProps?.onClick) {
-        console.log('Enter key pressed — triggering primary button action');
+      if (e.key === 'Enter' && isOpen && primaryButtonProps?.onClick && !primaryButtonProps.disabled) {
+        const activeElement = document.activeElement;
+        if (activeElement && activeElement.tagName === 'INPUT') {
+          return;
+        }
         primaryButtonProps.onClick();
       }
     };
@@ -2744,7 +2765,7 @@ const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
               children: renderOption(info, labelAccessor)
             })
           })]
-        }, getLabel(info, labelAccessor))), jsxRuntime.jsx("div", {
+        }, getLabel(info, labelAccessor) + index)), jsxRuntime.jsx("div", {
           id: "ff-multiselect-pagination"
         })]
       })
@@ -2840,7 +2861,7 @@ const MultiSelect = ({
   searchAccessor = valueAccessor,
   withSelectButton = variant === 'machines' ? true : false,
   loadMoreOptions = () => {},
-  onEnter = () => {},
+  onEnter = () => false,
   maxVisibleChips,
   onBlur = () => {},
   maxDropdownHeight = 160,
@@ -2949,9 +2970,13 @@ const MultiSelect = ({
           return;
         }
       }
-      onEnter?.(searchedKeyword);
-      setSearchedKeyword('');
-      setIsOpen(false);
+      const isDropdownOpen = onEnter?.(searchedKeyword);
+      if (isDropdownOpen) {
+        setIsOpen(true);
+      } else {
+        setSearchedKeyword('');
+        setIsOpen(false);
+      }
     }
   };
   const handleIconClick = async () => {
@@ -3561,7 +3586,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   background,
   ...props
 }, ref) => {
-  const isValueFilled = !checkEmpty(value);
+  const isValueFilled = !checkEmpty(value) || type === 'password' && value?.length > 0;
   const isTypeNumber = type === 'number';
   const numericMin = minValue !== undefined ? parseInt(minValue, 10) || 0 : 0;
   const numericMax = maxValue !== undefined ? parseInt(maxValue, 10) || Infinity : Infinity;
@@ -3661,6 +3686,17 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
     }
     onBlur?.(e);
   };
+  const handleWheel = e => {
+    if (type === 'number') {
+      const input = e.currentTarget;
+      const currentValue = parseFloat(input.value);
+      const isScrollDown = e.deltaY > 0;
+      if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+        input.blur();
+        setTimeout(() => input.focus(), 0);
+      }
+    }
+  };
   return jsxRuntime.jsx("fieldset", {
     className: classNames('ff-input-fieldset', {
       'ff-input-fieldset--disabled': disabled
@@ -3721,6 +3757,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
         onClick: onClick,
         onKeyUp: onKeyUp,
         onKeyDown: handleKeyDown,
+        onWheel: handleWheel,
         ...props
       }), type === 'number' && jsxRuntime.jsxs("div", {
         className: classNames('arrow-container', {
@@ -4557,14 +4594,18 @@ const Textarea = ({
   resize = false,
   errorText,
   readOnly = false,
+  displayCapacity = true,
+  isLabelRequired = true,
   ...props
 }) => {
   const labelClasses = classNames('ff-textarea-label ff-textarea-label--' + variant, {
-    'ff-textarea-label--danger': error
+    'ff-textarea-label--danger': error,
+    'ff-textarea-label--disabled': disabled
   });
   const textareaClasses = classNames(`ff-textarea ff-textarea--${variant}`, className, {
     'ff-textarea--danger': error,
-    'ff-textarea--resize': !resize
+    'ff-textarea--resize': !resize,
+    'ff-textarea--placeholder': !isLabelRequired
   });
   const containerClasses = classNames('ff-textarea-container', {
     'ff-textarea-container--disabled': disabled,
@@ -4631,7 +4672,7 @@ const Textarea = ({
   };
   return jsxRuntime.jsxs("div", {
     className: containerClasses,
-    children: [jsxRuntime.jsx("label", {
+    children: [isLabelRequired && jsxRuntime.jsx("label", {
       htmlFor: name,
       className: classNames('ff-textarea-label-container', {
         'ff-textarea-label-container--danger': error
@@ -4648,7 +4689,7 @@ const Textarea = ({
       value: value,
       id: name,
       className: textareaClasses,
-      placeholder: placeholder + '...',
+      placeholder: placeholder,
       disabled: disabled,
       onChange: handleChange,
       onBlur: onBlur,
@@ -4662,7 +4703,7 @@ const Textarea = ({
       ...props
     }), jsxRuntime.jsxs("div", {
       className: isError ? 'ff-textarea-error-alignment' : 'msg-character-count',
-      children: [errorMessage, capacity > 0 && !readOnly && jsxRuntime.jsxs("div", {
+      children: [errorMessage, capacity > 0 && !readOnly && displayCapacity && jsxRuntime.jsxs("div", {
         className: 'ff-textarea-character-count',
         children: [jsxRuntime.jsxs(Typography, {
           fontSize: 8,
@@ -10425,10 +10466,13 @@ const useFileDropzone = options => {
     invalidFileMessage,
     fileExistMessage,
     validateMIMEType = false,
-    isApiResponseError
+    isApiResponseError,
+    selectedFile,
+    setSelectedFile
   } = options;
+  const file = !selectedFile ? [] : [selectedFile];
   const [files, setFiles] = React.useState({
-    accepted: [],
+    accepted: file,
     rejected: []
   });
   const [isDragActive, setIsDragActive] = React.useState(false);
@@ -10477,6 +10521,9 @@ const useFileDropzone = options => {
     setFiles(prevFiles => {
       const updatedAccepted = prevFiles.accepted.filter(file => file.name !== fileToReplace.name);
       const updatedRejected = prevFiles.rejected.filter(rejection => rejection.file.name !== fileToReplace.name);
+      if (!checkEmpty(errors) && newFile && setSelectedFile) {
+        setSelectedFile([...updatedAccepted, newFile]);
+      }
       return {
         accepted: !checkEmpty(errors) ? updatedAccepted : [...updatedAccepted, newFile],
         rejected: !checkEmpty(errors) ? [...updatedRejected, {
@@ -11003,7 +11050,9 @@ const FileDropzone = ({
   fileContent = '',
   isUploadIcon = false,
   onUploadFile,
-  fileInputRef
+  fileInputRef,
+  showNoFilesUploadedMessage = false,
+  noFileUploadedText = 'No files are uploaded'
 }) => {
   const {
     getRootProps,
@@ -11023,7 +11072,9 @@ const FileDropzone = ({
     invalidFileMessage,
     fileExistMessage,
     validateMIMEType,
-    isApiResponseError
+    isApiResponseError,
+    selectedFile,
+    setSelectedFile
     // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
   });
   React.useEffect(() => {
@@ -11098,7 +11149,14 @@ const FileDropzone = ({
       style: {
         width: `${width}px`
       },
-      children: [!checkEmpty(acceptedFiles) && jsxRuntime.jsx("div", {
+      children: [showNoFilesUploadedMessage && checkEmpty(acceptedFiles) && jsxRuntime.jsx(Typography, {
+        fontWeight: "semi-bold",
+        lineHeight: "18px",
+        textAlign: "center",
+        color: 'var(--text-color)',
+        className: "ff-no-apps-message",
+        children: noFileUploadedText
+      }), !checkEmpty(acceptedFiles) && jsxRuntime.jsx("div", {
         className: "ff-file-details",
         children: acceptedFilesList
       }), !checkEmpty(rejectedFiles) && jsxRuntime.jsx("div", {
@@ -15793,6 +15851,16 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
   rightDropDownPositionZindex
 }, ref) => {
   const isValueFilled = !checkEmpty(value) || dropdownPosition === 'left';
+  const handleWheel = e => {
+    if (type !== 'number') return;
+    const input = e.currentTarget;
+    const currentValue = parseFloat(input.value);
+    const isScrollDown = e.deltaY > 0;
+    if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+      input.blur();
+      setTimeout(() => input.focus(), 0);
+    }
+  };
   return jsxRuntime.jsxs("div", {
     className: classNames('ff-input-with-dropdown-container', {
       'ff-input-with-dropdown-container--filled': isValueFilled
@@ -15852,6 +15920,7 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
           onClick: onClick,
           onKeyUp: onKeyUp,
           onKeyDown: onKeyDown,
+          onWheel: handleWheel,
           onFocus: onFocus,
           className: classNames('ff-floating-input', {
             'ff-floating-input--filled': isValueFilled,
@@ -16672,8 +16741,9 @@ const EditLabel = ({
     setIsEditable && setIsEditable(null);
   };
   const handleKeyDown = event => {
-    if (event.key === 'Enter') {
+    if (event.key === 'Enter' && inputRef.current === document.activeElement) {
       handleConfirm();
+      event.stopPropagation();
     } else if (event.key === 'Escape') {
       handleCancel();
     }
@@ -17715,6 +17785,19 @@ const Search = ({
       onSearch(data);
     }
   };
+  React.useEffect(() => {
+    const handleKeyDown = e => {
+      if (e.key === 'Enter' && isExpand && inputRef.current === document.activeElement) {
+        if (searchValue.trim().length < minLength && showToaster) {
+          toast.info(helperText);
+        } else if (!checkEmpty(searchValue.trim())) {
+          onSearch(searchValue.trim());
+        }
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [isExpand, onClose, searchValue, minLength, showToaster, helperText, onSearch]);
   return jsxRuntime.jsx("div", {
     className: classNames('ff-gradient-border-container', {
       'ai-search-active': isAISearchClicked && isExpand
@@ -31050,7 +31133,7 @@ const AppHeader = ({
                         }));
                         return jsxRuntime.jsxs("div", {
                           className: classNames('ff-app-header-quickmenu-container', subMenuItem.quickMenuItems?.length ? 'visible' : ''),
-                          children: [jsxRuntime.jsx("div", {
+                          children: [!checkEmpty(quickMenuItemsArray) && jsxRuntime.jsx("div", {
                             children: jsxRuntime.jsx(Icon, {
                               name: "vertical_separator"
                             })
@@ -31639,7 +31722,7 @@ const DashboardDonutChart = ({
                 },
                 onMouseLeave: () => setHoveredItemIndex(null),
                 children: [jsxRuntime.jsxs("div", {
-                  className: "ff-legend-item",
+                  className: item.osIcon && item.osIcon.length > 0 ? 'ff-legend-item-version' : 'ff-legend-item',
                   children: [jsxRuntime.jsxs(Typography, {
                     fontSize: legendValueFontSize,
                     fontWeight: "semi-bold",
@@ -31654,6 +31737,12 @@ const DashboardDonutChart = ({
                     textAlign: "center",
                     children: item.key.length > legendTruncate ? `${item.key.slice(0, legendTruncate)}...` : item.key
                   })]
+                }), item.osIcon && item.osIcon.length > 0 && jsxRuntime.jsx(Typography, {
+                  fontSize: legendKeyFontSize,
+                  className: "ff-legend-key",
+                  textAlign: "center",
+                  fontWeight: "semi-bold",
+                  children: "OS version"
                 }), item.version && item.version.length > 0 ? jsxRuntime.jsx("div", {
                   className: "ff-legend-version-container",
                   children: jsxRuntime.jsx("div", {
@@ -31925,7 +32014,7 @@ const DashboardDonutChart = ({
               style: {
                 fontSize: `${labelFontSize}px`
               },
-              children: wrapText(legendType === 'tableLegend' && hoveredItemIndex !== null && chartValues.find(item => item.originalIndex === hoveredItemIndex) ? total === 0 ? '0%' : `${Math.round((chartValues.find(item => item.originalIndex === hoveredItemIndex)?.value || 0) / total * 100)}%` : legendType === 'memoryLegend' ? `${totalMemory}` : isOnClick && hoveredItemIndex !== null && chartValues.find(item => item.originalIndex === hoveredItemIndex)?.value ? `${chartValues.find(item => item.originalIndex === hoveredItemIndex)?.value}` : `${Number.isInteger(total) ? total : total?.toFixed(2)} ${showUnit && unit ? unit.toUpperCase() : ''}`, LABEL_MAX_WIDTH, labelFontSize).map((line, index) => jsxRuntime.jsx("tspan", {
+              children: wrapText(legendType === 'tableLegend' && hoveredItemIndex !== null && chartValues.find(item => item.originalIndex === hoveredItemIndex) ? total === 0 ? '0%' : `${Math.round((chartValues.find(item => item.originalIndex === hoveredItemIndex)?.value || 0) / total * 100)}%` : legendType === 'memoryLegend' ? `${totalMemory}` : isOnClick && hoveredItemIndex !== null && chartValues.find(item => item.originalIndex === hoveredItemIndex)?.value ? `${chartValues.find(item => item.originalIndex === hoveredItemIndex)?.value}` : `${legendType === 'tableLegend' ? `${chartValues.length}` : Number.isInteger(total) ? total : total?.toFixed(2)} ${showUnit && unit ? unit.toUpperCase() : ''}`, LABEL_MAX_WIDTH, labelFontSize).map((line, index) => jsxRuntime.jsx("tspan", {
                 x: "0",
                 dy: index === 0 ? 0 : labelFontSize,
                 children: selectedItemIndex !== null && chartValues.find(item => item.originalIndex === selectedItemIndex) ? index === 0 ? chartValues.find(item => item.originalIndex === selectedItemIndex)?.value : null : apiDataLabel ? apiDataLabel : line
@@ -34090,6 +34179,9 @@ const NlpDropdown = ({
     } else if (nlpType === 'PROGRAM_ELEMENTS') {
       label = 'PE';
       className = 'ff-pe';
+    } else if (nlpType === 'WORKBENCH_REQUEST') {
+      label = 'WS';
+      className = 'ff-ws';
     } else {
       label = '--';
       className = 'nlp-default';
@@ -34125,13 +34217,7 @@ const NlpDropdown = ({
         });
       } else if (platform === 'Generic') {
         return jsxRuntime.jsx(Icon, {
-          name: "generic_nlp",
-          height: 10,
-          width: 10
-        });
-      } else if (platform === 'Webservice') {
-        return jsxRuntime.jsx(Icon, {
-          name: "web_service_icon",
+          name: "mobile_icon",
           height: 10,
           width: 10
         });
@@ -34142,9 +34228,16 @@ const NlpDropdown = ({
           width: 10
         });
       }
-    } else {
-      return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    } else if (nlpType === 'WORKBENCH_REQUEST') {
+      if (platform === 'Webservice') {
+        return jsxRuntime.jsx(Icon, {
+          name: "web_service_icon",
+          height: 8,
+          width: 8
+        });
+      }
     }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
   };
   useIntersectionObserver(['ff-nlp-dropdown-pagination'], {
     root: document.getElementById('ff-nlp-dropdown-options-wrapper'),
@@ -35624,7 +35717,7 @@ const AttachmentButton = ({
     }), fileError && jsxRuntime.jsx(Toaster, {
       isOpen: !!fileError,
       variant: "info",
-      toastTitle: "Error",
+      toastTitle: "Information",
       toastMessage: fileError,
       zIndex: 10000000
     }), showSelectedFiles && selectedFiles.map((file, index) => jsxRuntime.jsxs("div", {
@@ -38112,6 +38205,16 @@ const clearCell = cell => {
     style: cell?.style
   };
 };
+const clearEditCell = cell => {
+  if (!canClearCell(cell) || cell?.inputType?.type === 'file') {
+    return cell;
+  }
+  return {
+    ...cell,
+    value: typeof cell?.value === 'string' ? cell.value.slice(0, -1) : cell?.value,
+    style: cell?.style
+  };
+};
 const nextLine = cell => {
   if (!cell) return undefined;
   return {
@@ -38146,24 +38249,26 @@ function clearEditMode(state) {
   if (!state.active) {
     return state;
   }
-  const selectedRange = state.selected.toRange(state.model.data);
-  const changes = [];
-  let newData = state.model.data;
-  for (const point of selectedRange || []) {
-    const cell = get$1(point, state.model.data);
-    const clearedCell = clearCell(cell);
+  if (state.mode === 'view') {
+    const resultState = clear(state);
+    return resultState;
+  } else {
+    const changes = [];
+    let newData = state.model.data;
+    const cell = get$1(state.active, state.model.data);
+    const clearedCell = clearEditCell(cell);
     changes.push({
       prevCell: cell || null,
       nextCell: clearedCell || null
     });
-    newData = set$1(point, clearedCell, newData);
+    newData = set$1(state.active, clearedCell, newData);
+    return {
+      ...state,
+      mode: 'edit',
+      model: new Model(createFormulaParser, newData),
+      ...commit(changes)
+    };
   }
-  return {
-    ...state,
-    mode: 'edit',
-    model: new Model(createFormulaParser, newData),
-    ...commit(changes)
-  };
 }
 function enterFunctionality(state) {
   if (!state.active) {
@@ -38561,12 +38666,24 @@ function reducer(state, action) {
         updatedData.splice(selectedRow, 1);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         let newSelectedRow = selectedRow > 0 ? selectedRow - 1 : 0;
-        let newSelectedColumn = !checkEmpty(selectedColumn) ? selectedColumn : 0;
+        const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
+        const newActive = updatedData.length > 0 ? {
+          row: newSelectedRow,
+          column: newSelectedColumn
+        } : null;
+        const newSelected = updatedData.length > 0 ? new EntireRowsSelection(newSelectedRow, newSelectedRow) : new EmptySelection();
+        const {
+          [selectedRow]: _,
+          ...cleanedRowDimensions
+        } = state.rowDimensions;
         return {
           ...state,
           model: updatedModel,
           selectedRow: newSelectedRow,
-          selectedColumn: newSelectedColumn
+          selectedColumn: newSelectedColumn,
+          selected: newSelected,
+          active: newActive,
+          rowDimensions: cleanedRowDimensions
         };
       }
     case DELETE_COLUMN:
@@ -41040,54 +41157,216 @@ const ActiveCell = props => {
   const [selectOption, setSelectOption] = React__namespace.useState(false);
   const [allOption, setAllOption] = React__namespace.useState();
   const [selectedFiles, setSelectedFiles] = React__namespace.useState([]);
+  // const handleFilesChange = async (
+  //   newFiles: File[],
+  //   selected?: File[],
+  //   actionType?: string
+  // ) => {
+  //   if (newFiles.length > 5) {
+  //     toast.info('Cannot upload more than 5 files.');
+  //     return;
+  //   }
+  //   if (props.attachmentAction?.addAttachment && selected) {
+  //     try {
+  //       if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
+  //         const parsedFiles: File[] = !checkEmpty(cell.value)
+  //           ? JSON.parse(cell.value)
+  //           : [];
+  //         let successCount = 0;
+  //         let failureCount = 0;
+  //         let duplicateCount = 0;
+  //         const nonDuplicateFiles = selected?.filter((file) => {
+  //           const isDuplicate = parsedFiles?.some(
+  //             (existing) => existing?.name.split('*')[0] === file?.name
+  //           );
+  //           if (isDuplicate) {
+  //             duplicateCount++;
+  //           }
+  //           return !isDuplicate;
+  //         });
+  //         const uploadPromises = nonDuplicateFiles?.map(async (file) => {
+  //           const response = await props.attachmentAction?.addAttachment(file);
+  //           if (!checkEmpty(response)) {
+  //             return JSON.parse(response ?? '');
+  //           }
+  //         });
+  //         const results = await Promise.all(uploadPromises);
+  //         results.forEach((result) => {
+  //           if (result) {
+  //             parsedFiles.push(result);
+  //             successCount++;
+  //           } else {
+  //             failureCount++;
+  //           }
+  //         });
+  //         // Update cell value with all successful uploads
+  //         handleChange({
+  //           ...cell,
+  //             value: JSON.stringify(parsedFiles),
+  //           style: cell?.style,
+  //           inputType: cell?.inputType,
+  //         });
+  //         setSelectedFiles(parsedFiles);
+  //         if (duplicateCount > 0) {
+  //               toast.warning(`Duplicate attachments not allowed within the same row`);
+  //         } else if (successCount > 0 && failureCount === 0) {
+  //           toast.success(
+  //             `file${successCount > 1 ? 's' : ''} uploaded successfully.`
+  //           );
+  //         } else if (failureCount > 0) {
+  //           toast.info(
+  //             `${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`
+  //           );
+  //         }
+  //       } else if (actionType === 'DELETE') {
+  //         const parsedValue = cell && JSON.parse(cell.value);
+  //         const updatedFileDetails = [...parsedValue];
+  //         for (const file of selected) {
+  //           const index = updatedFileDetails.findIndex(
+  //             (originalFile: Types.AttachmentApi) => {
+  //               return originalFile.name === file.name;
+  //             }
+  //           );
+  //           const fileId = updatedFileDetails[index].id;
+  //           if (index !== -1 && fileId) {
+  //             const response = await props.attachmentAction?.deleteAttachment(fileId);
+  //             if (response) {
+  //               updatedFileDetails.splice(index, 1);
+  //               handleChange({
+  //                 ...cell,
+  //                 value: !checkEmpty(updatedFileDetails)
+  //                   ? JSON.stringify(updatedFileDetails)
+  //                   : '',
+  //                 style: cell?.style,
+  //                 inputType: cell?.inputType,
+  //               });
+  //               setSelectedFiles((prevSelectedFiles) => [
+  //                 ...prevSelectedFiles.filter((f) => f.name !== file.name),
+  //               ]);
+  //             }
+  //           }
+  //         }
+  //       }
+  //     } catch (error) {
+  //       toast.error('Attachment operation failed');
+  //       console.error('Attachment failed:', error);
+  //     }
+  //   }
+  // };
   const handleFilesChange = async (newFiles, selected, actionType) => {
     if (newFiles.length > 5) {
       toast.info('Cannot upload more than 5 files.');
       return;
     }
-    if (props.attachmentAction?.addAttachment && selected) {
+    if (props.attachmentAction?.addAttachment && selected && actionType === 'ADD' && cell?.inputType?.type === 'file') {
       try {
-        if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
-          const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
-          for (const file of selected) {
+        const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
+        let successCount = 0;
+        let failureCount = 0;
+        let duplicateCount = 0;
+        // Filter out duplicate files
+        const nonDuplicateFiles = selected.filter(file => {
+          const isDuplicate = parsedFiles.some(existing => existing?.name.split('*')[0] === file?.name);
+          if (isDuplicate) {
+            duplicateCount++;
+          }
+          return !isDuplicate;
+        });
+        if (duplicateCount > 0) {
+          toast.warning(`Duplicate attachments not allowed within the same row`);
+        }
+        if (nonDuplicateFiles.length === 0) {
+          return; // No files to upload after filtering duplicates
+        }
+        // Upload non-duplicate files
+        const uploadPromises = nonDuplicateFiles.map(async file => {
+          try {
             const response = await props.attachmentAction?.addAttachment(file);
+            // Check if response is non-empty
             if (!checkEmpty(response)) {
-              parsedFiles.push(JSON.parse(response));
+              try {
+                const parsedResponse = JSON.parse(response ?? '[]');
+                // Expecting an array with at least one file object
+                if (Array.isArray(parsedResponse) && parsedResponse.length > 0 && parsedResponse[0].id && parsedResponse[0].name) {
+                  return {
+                    file,
+                    result: parsedResponse[0]
+                  }; // Use the first file object
+                } else {
+                  throw new Error('Invalid response structure');
+                }
+              } catch (parseError) {
+                throw parseError;
+              }
+            } else {
+              throw new Error('Empty response from server');
             }
+          } catch (error) {
+            return {
+              file,
+              error
+            }; // Capture errors for individual files
+          }
+        });
+        const results = await Promise.all(uploadPromises);
+        // Process results
+        const successfulUploads = [];
+        results.forEach(({
+          file,
+          result,
+          error
+        }) => {
+          if (result && !error) {
+            successfulUploads.push(result);
+            successCount++;
+          } else {
+            failureCount++;
+            console.error(`Failed to upload file ${file?.name}:`, error);
           }
+        });
+        // Update cell value with successful uploads
+        if (successCount > 0) {
+          const updatedFiles = [...parsedFiles, ...successfulUploads];
           handleChange({
             ...cell,
-            value: JSON.stringify(parsedFiles),
+            value: JSON.stringify(updatedFiles),
             style: cell?.style,
             inputType: cell?.inputType
           });
-          setSelectedFiles(parsedFiles);
-        } else if (actionType === 'DELETE') {
-          const parsedValue = cell && JSON.parse(cell.value);
-          const updatedFileDetails = [...parsedValue];
-          for (const file of selected) {
-            const index = updatedFileDetails.findIndex(originalFile => {
-              return originalFile.name === file.name;
-            });
-            const fileId = updatedFileDetails[index].id;
-            if (index !== -1 && fileId) {
-              const response = await props.attachmentAction?.deleteAttachment(fileId);
-              if (response) {
-                updatedFileDetails.splice(index, 1);
-                handleChange({
-                  ...cell,
-                  value: !checkEmpty(updatedFileDetails) ? JSON.stringify(updatedFileDetails) : '',
-                  style: cell?.style,
-                  inputType: cell?.inputType
-                });
-                setSelectedFiles(prevSelectedFiles => [...prevSelectedFiles.filter(f => f.name !== file.name)]);
-              }
+          setSelectedFiles(updatedFiles.map(file => new File([new Blob()], file.name)));
+          toast.success(`file${successCount > 1 ? 's' : ''} uploaded successfully.`);
+        }
+        if (failureCount > 0) {
+          toast.info(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`);
+        }
+      } catch (error) {
+        toast.error('Attachment operation failed');
+        console.error('Attachment failed:', error);
+      }
+    } else if (actionType === 'DELETE' && cell && props.attachmentAction?.deleteAttachment) {
+      try {
+        const parsedValue = JSON.parse(cell.value);
+        const updatedFileDetails = [...parsedValue];
+        for (const file of selected || []) {
+          const index = updatedFileDetails.findIndex(originalFile => originalFile.name === file.name);
+          const fileId = updatedFileDetails[index]?.id;
+          if (index !== -1 && fileId) {
+            const response = await props.attachmentAction?.deleteAttachment(fileId);
+            if (response) {
+              updatedFileDetails.splice(index, 1);
+              handleChange({
+                ...cell,
+                value: !checkEmpty(updatedFileDetails) ? JSON.stringify(updatedFileDetails) : '',
+                style: cell?.style,
+                inputType: cell?.inputType
+              });
+              setSelectedFiles(updatedFileDetails.map(f => new File([new Blob()], f.name)));
             }
           }
         }
       } catch (error) {
         toast.error('Attachment operation failed');
-        console.error('Attachment failed:', error);
+        console.error('Delete attachment failed:', error);
       }
     }
   };
@@ -41213,7 +41492,6 @@ const ActiveCell = props => {
       selectedFiles: selectedFiles,
       onFilesChange: handleFilesChange,
       disabled: false,
-      maxFileSizeMB: 5,
       maxFiles: 5,
       buttonLabel: "+ Attachments",
       buttonVariant: "tertiary",
@@ -41582,49 +41860,43 @@ const ExcelToolBar = ({
     className: "ff-excel-toolbar",
     children: [jsxRuntime.jsxs("div", {
       className: "ff-excel-toolbar-font ",
-      children: [jsxRuntime.jsx(Tooltip, {
-        placement: "top",
-        title: 'Font Family',
-        children: jsxRuntime.jsx("div", {
-          className: "ff-excel-toolbar-font-family",
-          children: jsxRuntime.jsx(Select$1, {
-            disabled: disable,
-            height: 24,
-            showLabel: false,
-            optionZIndex: 2000,
-            onChange: e => {
-              setSelectedFontFamily({
-                label: e.label,
-                value: e.label
-              });
-              setFontFamily(data, e.value);
-            },
-            required: false,
-            optionsList: fontFamilyList,
-            selectedOption: selectedFontFamily
-          })
+      children: [jsxRuntime.jsx("div", {
+        className: "ff-excel-toolbar-font-family",
+        children: jsxRuntime.jsx(Select$1, {
+          disabled: disable,
+          height: 24,
+          tooltip: true,
+          showToolTip: true,
+          showLabel: false,
+          optionZIndex: 2000,
+          onChange: e => {
+            setSelectedFontFamily({
+              label: e.label,
+              value: e.label
+            });
+            setFontFamily(data, e.value);
+          },
+          required: false,
+          optionsList: fontFamilyList,
+          selectedOption: selectedFontFamily
         })
-      }), jsxRuntime.jsx(Tooltip, {
-        placement: "top",
-        title: 'Font Size',
-        children: jsxRuntime.jsx("div", {
-          className: "ff-excel-toolbar-font-size",
-          children: jsxRuntime.jsx(Select$1, {
-            disabled: disable,
-            height: 24,
-            showLabel: false,
-            optionZIndex: 2000,
-            required: false,
-            onChange: e => {
-              setSelectedFontSize({
-                label: e.label,
-                value: e.value
-              });
-              setFontSize(data, e.value);
-            },
-            optionsList: fontSize,
-            selectedOption: selectedFontSize
-          })
+      }), jsxRuntime.jsx("div", {
+        className: "ff-excel-toolbar-font-size",
+        children: jsxRuntime.jsx(Select$1, {
+          disabled: disable,
+          height: 24,
+          showLabel: false,
+          optionZIndex: 2000,
+          required: false,
+          onChange: e => {
+            setSelectedFontSize({
+              label: e.label,
+              value: e.value
+            });
+            setFontSize(data, e.value);
+          },
+          optionsList: fontSize,
+          selectedOption: selectedFontSize
         })
       })]
     }), jsxRuntime.jsx("div", {
@@ -42059,7 +42331,7 @@ const Spreadsheet = props => {
     resizeObserver.observe(table);
   };
   const removeSelection = () => {
-    if (!(state.selectedColumn !== null || state.selectedRow !== null)) {
+    if ((state.selectedColumn === null || state.selectedRow === null) && !state.autoFill.open) {
       removeSelect();
     }
   };
@@ -42255,7 +42527,9 @@ const ExcelContextMenu = ({
     className: "ff-excel-menu",
     style: {
       left: position.x,
-      top: position.y
+      top: position.y,
+      position: 'absolute',
+      zIndex: 9999999999
     },
     children: contextMenu.options.map(option => {
       if (!option.disable && (!checkDelete(option.label) || !disableDeleteOption)) {
@@ -42688,10 +42962,28 @@ const ExcelFile = ({
     const rect = sheetRef.current?.parentElement?.getBoundingClientRect();
     const xOffset = window.scrollX;
     const yOffset = window.scrollY;
-    let sheetRefX = event.clientX - (rect?.left || 0) + xOffset + 10;
-    let sheetRefY = event.clientY - (rect?.top || 0) + yOffset - 5;
+    let sheetRefX = event.clientX - (rect?.left || 0) + xOffset;
+    let sheetRefY = event.clientY - (rect?.top || 0) + yOffset;
     const menuWidth = 300;
-    let menuHeight = 200;
+    const menuHeight = 200;
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const spaceOnRight = windowWidth - event.clientX;
+    const spaceOnLeft = event.clientX;
+    const spaceBelow = windowHeight - event.clientY;
+    const spaceAbove = event.clientY;
+    // Horizontal positioning: left if no space on right
+    if (spaceOnRight < menuWidth && spaceOnLeft >= menuWidth) {
+      sheetRefX = event.clientX - (rect?.left || 0) + xOffset - 150;
+    } else {
+      sheetRefX += 2;
+    }
+    // Vertical positioning: above if no space below
+    if (spaceBelow < menuHeight && spaceAbove >= menuHeight) {
+      sheetRefY = event.clientY - (rect?.top || 0) + yOffset - 20;
+    } else {
+      sheetRefY += 2;
+    }
     if (event.target.classList.contains('ff-excel-tab-list')) {
       setPosition({
         x: sheetRefX,
@@ -42699,21 +42991,16 @@ const ExcelFile = ({
       });
       return;
     }
-    const windowWidth = window.innerWidth + contextWidthPositioning;
-    const windowHeight = window.innerHeight + contextHeightPositioning;
-    console.log(window.innerWidth);
-    console.log(contextWidthPositioning);
-    console.log(window.innerHeight);
-    console.log(contextHeightPositioning);
+    // Ensure menu stays within window bounds
     if (sheetRefX + menuWidth > windowWidth) {
-      sheetRefX = windowWidth - menuWidth - 100;
+      sheetRefX = windowWidth - menuWidth - 2;
     }
-    if (sheetRefY + menuHeight > windowHeight) {
-      sheetRefY = windowHeight - menuHeight - 100;
+    if (sheetRefX < 0) {
+      sheetRefX = 2; // Prevent clipping off left edge
     }
     setPosition({
-      x: sheetRefX,
-      y: sheetRefY
+      x: sheetRefX + contextWidthPositioning,
+      y: sheetRefY + contextHeightPositioning
     });
   };
   const unsetContextPosition = e => {
@@ -44109,7 +44396,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
           },
           children: jsxRuntime.jsx(Icon, {
             onClick: onCreateVariableClick,
-            name: "variable",
+            name: "add_variable",
             height: 16,
             width: 16,
             hoverEffect: true
@@ -44122,7 +44409,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
       truncateTextValue: truncateTextValue,
       width: dropdownWidthPx,
       height: dropdownHeight,
-      optionsList: variableList.filter(file => file.name.toLowerCase().includes(result?.searchString)),
+      optionsList: variableList.filter(file => file.name.toLowerCase().includes(result?.searchString?.toLowerCase())),
       onSelectVariable: handleDropdownClick
     }), showDropdown && isHash && isFocused && jsxRuntime.jsx(OptionsDropdown$1, {
       position: "relative",
@@ -44537,7 +44824,10 @@ const ProgressBar = ({
       className: "ff-progress-bar-label",
       fontSize: labelFontSize,
       color: labelTextColor,
-      children: computedLabel
+      children: jsxRuntime.jsx(Tooltip, {
+        title: isTextTruncated(computedLabel, 10, 'count') ? computedLabel : '',
+        children: truncateText(computedLabel, 10, 'count')
+      })
     })]
   });
 };
@@ -44556,7 +44846,8 @@ const ChooseFile = ({
   buttonWidth = 'auto',
   buttonHeight = 'auto',
   selectedFile = {},
-  handleCloseIcon
+  handleCloseIcon,
+  isMandatory = false
 }) => {
   return jsxRuntime.jsx("div", {
     children: jsxRuntime.jsx(Button$1, {
@@ -44574,7 +44865,8 @@ const ChooseFile = ({
       style: style,
       iconPosition: "right",
       selectedFile: selectedFile,
-      handleCloseIcon: handleCloseIcon
+      handleCloseIcon: handleCloseIcon,
+      isMandatory: isMandatory
     })
   });
 };
@@ -45917,7 +46209,13 @@ const MediaViewerModal = ({
   src,
   headerTitle,
   onDownload,
-  onExpand
+  onExpand,
+  showHeader = true,
+  showDownload = true,
+  showExpand = true,
+  width = '800px',
+  height = '432px',
+  showControls = true
 }) => {
   const videoRef = React.useRef(null);
   const [currentTime, setCurrentTime] = React.useState(0);
@@ -45965,7 +46263,7 @@ const MediaViewerModal = ({
     isOpen: isOpen,
     onClose: onClose,
     isMaximized: false,
-    showHeader: true,
+    showHeader: showHeader,
     downloadHandler: () => console.log('Download clicked'),
     header: jsxRuntime.jsxs("div", {
       className: "ff-header-content",
@@ -45986,8 +46284,8 @@ const MediaViewerModal = ({
       name: "close",
       onClick: onClose
     }),
-    width: "620px",
-    height: "336px",
+    width: width,
+    height: height,
     zIndex: 999,
     children: jsxRuntime.jsxs("div", {
       className: "ff-video-wrapper",
@@ -46004,20 +46302,20 @@ const MediaViewerModal = ({
         className: "ff-media-image"
       }), jsxRuntime.jsxs("div", {
         className: "ff-top-right-icons",
-        children: [jsxRuntime.jsx(Icon, {
+        children: [showDownload && jsxRuntime.jsx(Icon, {
           width: 20,
           height: 23,
           name: "download_file",
           color: "white",
           onClick: onDownload
-        }), jsxRuntime.jsx(Icon, {
+        }), showExpand && jsxRuntime.jsx(Icon, {
           width: 20,
           height: 23,
           name: "expand_icon",
           color: "white",
           onClick: onExpand
         })]
-      }), mediaType === 'video' && jsxRuntime.jsxs("div", {
+      }), mediaType === 'video' && showControls && jsxRuntime.jsxs("div", {
         className: "ff-media-controls",
         children: [jsxRuntime.jsx("button", {
           onClick: onTogglePlay,
@@ -59959,7 +60257,7 @@ const ChildComment = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] || '');
       const remainder = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainder;
       setInput(newText);
       setHasAtSymbol(false);
@@ -59984,7 +60282,11 @@ const ChildComment = ({
         className: 'commentContainer',
         children: [jsxRuntime.jsx("div", {
           className: "commentContainer__avatar",
-          children: avatar
+          children: comment?.profileImage ? jsxRuntime.jsx("img", {
+            height: 30,
+            width: 30,
+            src: `data:image/jpeg;base64,${comment?.profileImage}`
+          }) : avatar
         }), jsxRuntime.jsxs("div", {
           className: "ff-message-container",
           children: [jsxRuntime.jsxs("div", {
@@ -60459,7 +60761,7 @@ const Comments = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] ?? '');
       const remainingText = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainingText;
       setInput(newText);
       setHasAtSymbol(false);
@@ -74335,6 +74637,10 @@ const appendNewRow = (tableData, AddNlp) => {
       }
       break;
     case 'replaceNlp':
+      if (sourceIndex !== undefined) {
+        updatedTreeData.splice(sourceIndex, 0, newNodeBase);
+      }
+      break;
     case 'EditNlp':
       if (sourceIndex !== undefined) {
         updatedTreeData.splice(sourceIndex, 1);
@@ -109372,7 +109678,7 @@ const TextEditor = ({
         const content = parseContent(convertedContent);
         newEditorState = DraftExports.EditorState.createWithContent(DraftExports.convertFromRaw(content));
       } else {
-        newEditorState = mode === 'view' ? DraftExports.EditorState.createWithContent(DraftExports.ContentState.createFromText('--')) : DraftExports.EditorState.createEmpty();
+        newEditorState = mode === 'view' ? DraftExports.EditorState.createWithContent(DraftExports.ContentState.createFromText('---')) : DraftExports.EditorState.createEmpty();
       }
     } catch (e) {
       console.error('Error creating editor state:', e);
@@ -109384,7 +109690,7 @@ const TextEditor = ({
     let editorState = null;
     if (convertedContent.length === 0) {
       if (mode === 'view') {
-        const content = DraftExports.ContentState.createFromText('--');
+        const content = DraftExports.ContentState.createFromText('---');
         editorState = DraftExports.EditorState.createWithContent(content);
       } else {
         editorState = DraftExports.EditorState.createEmpty();
@@ -109477,7 +109783,7 @@ const NoDataContent = ({
     }), jsxRuntime.jsx(Typography, {
       fontSize: textFontSize,
       lineHeight: "36px",
-      fontWeight: "bold",
+      fontWeight: "semi-bold",
       children: text
     })]
   });
@@ -109646,11 +109952,12 @@ const handleTreeExpandAllCollapseAll = (data, key, rootNode, isExpanded, treeAct
   };
 };
 
-function togglePrePostConditions(data, isHide) {
+function togglePrePostConditions(data, isHide, isScript) {
   if (!Array.isArray(data)) {
     throw new Error('Input data must be an array of TreeNode objects.');
   }
-  return data.map(node => ['PRE', 'POST'].includes(node.entityType ?? '') ? {
+  const hideTypeArray = isScript ? ['Script'] : ['PRE', 'POST'];
+  return data.map(node => hideTypeArray.includes(node.entityType ?? '') ? {
     ...node,
     hide: isHide
   } : node);