pixel-react-excel-sheet 1.1.22 → 1.1.23

package/lib/index.cjs

@@ -1030,6 +1030,8 @@ const SvgVideoRecordIcon = (props) => /* @__PURE__ */ React__namespace.createEle
 
 const SvgDeleteIcon = (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("g", { clipPath: "url(#clip0_264_41275)" }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.4889 5.70971C10.461 5.80125 10.4406 5.91361 10.4093 6.09629L10.3364 6.52397C10.6418 6.51771 10.9471 6.51458 11.2525 6.51458C12.0578 6.51458 12.8638 6.52769 13.6697 6.55365L13.5917 6.0997C13.5626 5.92423 13.5429 5.81412 13.5156 5.72387C13.5032 5.68311 13.4922 5.65716 13.484 5.64112C13.4801 5.63336 13.477 5.62836 13.475 5.62546C13.4738 5.6236 13.4725 5.6219 13.4725 5.6219L13.4708 5.6208C13.4673 5.61857 13.4531 5.61003 13.4209 5.59939C13.352 5.5766 13.2136 5.54839 12.962 5.54839H11.0397C10.6886 5.54839 10.5604 5.59822 10.5262 5.61748C10.5205 5.62644 10.5064 5.65232 10.4889 5.70971ZM10.5158 5.62494C10.5158 5.62494 10.5178 5.62238 10.5241 5.61867C10.5193 5.62332 10.5158 5.62494 10.5158 5.62494ZM15.3543 6.62657C16.4678 6.68706 17.5802 6.77177 18.6894 6.88003C19.1428 6.92428 19.4721 7.30491 19.4249 7.73019C19.3777 8.15547 18.9719 8.46435 18.5185 8.4201C16.103 8.18434 13.6736 8.06296 11.2525 8.06296C9.82904 8.06296 8.40541 8.13377 6.98148 8.27542L6.97895 8.27567L5.48224 8.42019C5.02879 8.46397 4.62335 8.15467 4.57667 7.72934C4.52999 7.30401 4.85975 6.92372 5.3132 6.87994L6.80737 6.73567L6.80861 6.73555C7.42348 6.6744 8.0384 6.62593 8.65336 6.59016L8.77934 5.85141C8.78245 5.83322 8.7857 5.81359 8.78907 5.79332C8.83757 5.5009 8.92023 5.00259 9.26405 4.61861C9.68718 4.14605 10.3225 4 11.0397 4H12.962C13.6921 4 14.3254 4.15931 14.7446 4.63506C15.0877 5.02449 15.1681 5.52276 15.2146 5.81076C15.2173 5.8279 15.22 5.8443 15.2226 5.85988L15.2229 5.86211L15.3543 6.62657ZM6.92449 9.16068C7.37948 9.13445 7.77099 9.45915 7.79897 9.88592L8.27558 17.1583L8.27572 17.1603C8.29662 17.454 8.31352 17.6714 8.35159 17.8576C8.38841 18.0376 8.43507 18.1315 8.4777 18.1861C8.52675 18.249 8.71729 18.4516 9.64572 18.4516H14.3559C15.2844 18.4516 15.4749 18.249 15.524 18.1861C15.5666 18.1315 15.6133 18.0376 15.6501 17.8576C15.6882 17.6713 15.7051 17.4539 15.726 17.1602L15.7261 17.1583L16.2027 9.88592C16.2307 9.45915 16.6222 9.13445 17.0772 9.16068C17.5322 9.18692 17.8783 9.55415 17.8504 9.98092L17.3732 17.2614L17.3719 17.2803C17.3528 17.5485 17.3308 17.8584 17.2713 18.1492C17.2091 18.4536 17.0962 18.7928 16.8563 19.1003C16.3404 19.7618 15.4745 20 14.3559 20H9.64572C8.5272 20 7.66123 19.7618 7.14535 19.1003C6.90551 18.7928 6.7926 18.4536 6.73037 18.1492C6.67089 17.8584 6.64887 17.5485 6.62981 17.2803L6.62846 17.2614L6.62819 17.2573L6.1513 9.98092C6.12333 9.55415 6.46949 9.18692 6.92449 9.16068ZM9.34125 12.3613C9.34125 11.9337 9.71079 11.5871 10.1666 11.5871H13.835C14.2909 11.5871 14.6604 11.9337 14.6604 12.3613C14.6604 12.7889 14.2909 13.1355 13.835 13.1355H10.1666C9.71079 13.1355 9.34125 12.7889 9.34125 12.3613ZM9.9502 15.2516C9.9502 14.824 10.3197 14.4774 10.7756 14.4774H13.2187C13.6746 14.4774 14.0441 14.824 14.0441 15.2516C14.0441 15.6792 13.6746 16.0258 13.2187 16.0258H10.7756C10.3197 16.0258 9.9502 15.6792 9.9502 15.2516Z", fill: "#A91224" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_264_41275" }, /* @__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 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" }));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1466,6 +1468,7 @@ Components['video_record_icon'] = SvgVideoRecordIcon;
 Components['delete_icon'] = SvgDeleteIcon;
 Components['enable_filled'] = SvgEnableIconFilled;
 Components['disable_filled'] = SvgDisableIconFilled;
+Components['ai_approved'] = SvgAiApproved;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -2441,9 +2444,11 @@ const UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-
 // HTML Tags Validation
 const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
 // Whitespace Validation (Leading or Trailing)
-const WHITESPACE_REGEX = /^\s+|\s+$/g;
+const WHITESPACE_REGEX = /^\s|\s$/;
 // US ZIP Code Validation (5 or 9 digits)
 const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
+// start and end whitespace is valid one.
+const BIG_END_WHITESPACE = /^\s|\s$/;
 // Username Validation (Alphanumeric, underscores, 3-16 characters)
 const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
 // Indian Specific Validations
@@ -2506,6 +2511,7 @@ const FILE_NAME_REGEX = /\.([^.@]+)$/;
 const ELEMENTS_TRAILING_SPACE_REGEX = /^\S.*\S$/;
 const ELEMENTS_WHITE_SPACE_REGEX = /.*\S.*/;
 const PARAMETER_ALPHANUMERIC_REGEX = /^[-_A-Za-z0-9 ]*$|^[-_A-Za-z0-9 ][A-Za-z0-9 ]*[-_A-Za-z-_]$/;
+const ALPHANUMERIC_PARENTHESIS_REGEX = /^[-_A-Za-z0-9 ()]*$|^[-_A-Za-z0-9 ()][A-Za-z0-9 ()]*[-_A-Za-z-()]$/;
 const STRIP_NEW_LINES_REGEX = /\n/g;
 //Regular expression to convert lower camel case by excluding spaces
 const CAMEL_CASE_REGEX = /(?:^\w|[A-Z]|\b\w|\s+)/g;
@@ -2552,6 +2558,8 @@ const LINK_VALIDATION_REGEX = /^(https?:\/\/)?((?!.*\.\.)[\da-z.-]+)\.([\da-z.-]
 // Alphanumeric Validation with specific Order including special characters (- , _ , ( , ) )
 const ALPHA_NUM_EXTENDED_REGEX = /^[a-zA-Z0-9 _\-()]+$/;
 // Alphanumeric string allowing only dot(.) as special character
+const ALPHANUMERIC_WITH_DOT_REGEX = /^[A-Za-z0-9.]+$/;
+// Alphanumeric string allowing only dot(.) as special character
 const EXCEL_SPACING_REGEX = /[\n\t"]/;
 
 const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
@@ -2989,6 +2997,9 @@ const MultiSelect = ({
     }
     return document.documentElement;
   };
+  React.useEffect(() => {
+    calculatePosition();
+  }, [searchedKeyword]);
   React.useEffect(() => {
     if (!selectWrapper.current) return;
     const scrollableParent = getScrollableParent(selectWrapper.current);
@@ -3473,7 +3484,7 @@ const Chip = ({
   fullText = '',
   variant = 'primary',
   labelWidth = 36,
-  fullTextWidth = 86,
+  fullTextWidth = 800,
   onClick = () => {}
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
@@ -3482,7 +3493,7 @@ const Chip = ({
   const handleOnMouseLeave = () => setIsHovered(false);
   const dynamicStyle = isHovered ? {
     maxWidth: `${fullTextWidth}px`,
-    transition: 'transform 0.3s ease-in-out,max-width 0.5s ease-in-out',
+    transition: 'transform 0.3s ease-in-out,max-width 1.5s ease-in-out',
     overflow: 'hidden'
   } : {
     maxWidth: `${labelWidth}px`,
@@ -3586,7 +3597,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   };
   const handleKeyDown = e => {
     if (type === 'number') {
-      const invalidKeys = ['e', 'E', '+'];
+      const invalidKeys = ['e', 'E', '+', '-'];
       if (invalidKeys.includes(e.key)) {
         e.preventDefault();
       }
@@ -4314,13 +4325,13 @@ const Select$1 = ({
       fromBottom: 0,
       width: 0
     });
-    setSearchedOption({
-      searchedText: getValue$1(selectedOption, valueAccessor) || '',
-      searchedIcon: selectedOption.iconName || ''
-    });
+    setSelectOptionList(optionsList);
     if (inputRef?.current === document.activeElement) {
       inputRef?.current?.blur();
-      setSelectOptionList(optionsList);
+      setSearchedOption({
+        searchedText: getValue$1(selectedOption, valueAccessor) || '',
+        searchedIcon: selectedOption.iconName || ''
+      });
       setCustomRecurrence(false);
       onBlur();
     }
@@ -4457,7 +4468,7 @@ const Select$1 = ({
           'ff-select-labels__active': searchedText
         }),
         fontSize: searchedText || showDropdownOptions ? 10 : 12,
-        lineHeight: searchedText || showDropdownOptions ? '10px' : '12px',
+        lineHeight: searchedText || showDropdownOptions && '12px',
         required: required,
         style: {
           maxWidth: `calc(${selectWidth} - 40px)`
@@ -9858,7 +9869,8 @@ const Table$1 = ({
   columnSticky = false,
   tableRef = null,
   isRowCheckBoxDisable,
-  isRowDisabled = true
+  isRowDisabled = true,
+  tableHeaderZindex = 99
 }) => {
   const observerRef = React.useRef(null);
   React.useEffect(() => {
@@ -9941,6 +9953,9 @@ const Table$1 = ({
             className: classNames({
               'ff-fixed-header': withFixedHeader
             }, tableHeadClass),
+            style: {
+              zIndex: tableHeaderZindex
+            },
             children: jsxRuntime.jsx("tr", {
               children: columns.map((column, index) => jsxRuntime.jsxs("th", {
                 className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`, {
@@ -10345,7 +10360,7 @@ const DonutChart = ({
             y: "5",
             textAnchor: "middle",
             fill: colorMapping.skipped,
-            children: hoveredStatus ? `${resultStats?.find(statusValue => statusValue?.status?.toLowerCase() === hoveredStatus)?.count} ${legendDetailsType}` : `${totalCount} ${legendDetailsType}`
+            children: hoveredStatus ? `${resultStats?.find(statusValue => statusValue?.status?.toLowerCase() === hoveredStatus)?.count ?? 0} ${legendDetailsType}` : `${totalCount} ${legendDetailsType}`
           }), jsxRuntime.jsx("rect", {
             x: -17,
             y: 14,
@@ -10833,8 +10848,22 @@ const FilePreview = ({
   onUploadFile,
   isUploadIcon,
   isRemoveDisabled = false,
-  isError = false
+  isError = false,
+  isIndependentPreview = false
 }) => {
+  const fileInputRef = React.useRef(null);
+  const handleReplaceClick = () => {
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  };
+  const handleFileChange = event => {
+    const selectedFile = event.target.files?.[0];
+    if (selectedFile) {
+      onReplaceClick(selectedFile);
+    }
+    event.target.value = '';
+  };
   return jsxRuntime.jsxs("div", {
     className: "ff-file-details__item",
     children: [jsxRuntime.jsxs("div", {
@@ -10878,7 +10907,13 @@ const FilePreview = ({
             height: 16,
             width: 16,
             hoverEffect: true,
-            onClick: () => onReplaceClick(file)
+            onClick: () => {
+              if (isIndependentPreview) {
+                handleReplaceClick();
+              } else {
+                onReplaceClick(file);
+              }
+            }
           })
         })
       }), jsxRuntime.jsx("div", {
@@ -10911,6 +10946,15 @@ const FilePreview = ({
           })
         })
       })]
+    }), isIndependentPreview && jsxRuntime.jsx("input", {
+      type: "file",
+      ref: fileInputRef,
+      className: "ff-input-ref",
+      onChange: handleFileChange,
+      accept: file.type,
+      style: {
+        display: 'none'
+      }
     })]
   }, file.name);
 };
@@ -16325,7 +16369,7 @@ const TableHead = /*#__PURE__*/React.memo(({
   return jsxRuntime.jsxs("thead", {
     className: "ff-table-tree-head",
     children: [jsxRuntime.jsx("tr", {
-      className: "ff-table-tree-row",
+      className: "ff-table-tree-row no-hover",
       children: columnsData.map(({
         name,
         width
@@ -16522,6 +16566,7 @@ const EditLabel = ({
     error: false
   });
   const [currentSelectedOption, setCurrentSelectedOption] = React.useState(selectedOption);
+  const [shouldShowToast, setShouldShowToast] = React.useState(false);
   const containerRef = React.useRef(null);
   const cancelRef = React.useRef(null);
   const confirmRef = React.useRef(null);
@@ -16578,6 +16623,7 @@ const EditLabel = ({
     if (isDisable.confirm) return;
     const errorMessage = handleCustomError ? handleCustomError(text) : '';
     if (errorMessage) {
+      setShouldShowToast(true);
       handleToastToggle('error');
       setShowError(errorMessage);
     } else {
@@ -16604,6 +16650,7 @@ const EditLabel = ({
   useClickOutside(containerRef, handleOutsideClick, [confirmRef, cancelRef, dropdownRef]);
   const handleCancel = () => {
     if (isDisable.cancel) return;
+    setShouldShowToast(false);
     if (required && !value) {
       handleToastToggle('error');
       setShowError('Text is required.');
@@ -16640,6 +16687,31 @@ const EditLabel = ({
       return '';
     }
   };
+  const getScrollableParent = element => {
+    if (!element) return window;
+    let parent = element.parentElement;
+    while (parent) {
+      const overflowY = window.getComputedStyle(parent).overflowY;
+      if (overflowY === 'auto' || overflowY === 'scroll') {
+        return parent;
+      }
+      parent = parent.parentElement;
+    }
+    return window;
+  };
+  React.useEffect(() => {
+    if (!containerRef.current) return;
+    const scrollableParent = getScrollableParent(containerRef.current);
+    const handleScroll = () => {
+      handleCancel();
+    };
+    scrollableParent.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return () => {
+      scrollableParent.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
   React.useEffect(() => {
     if (value) {
       setText(value);
@@ -16772,7 +16844,7 @@ const EditLabel = ({
       fontSize: 8,
       className: "error-text",
       children: showError
-    }), !inlineValidationError && jsxRuntime.jsx(Toaster, {
+    }), !inlineValidationError && shouldShowToast && jsxRuntime.jsx(Toaster, {
       isOpen: toasts.error,
       variant: "info",
       toastTitle: "Info!",
@@ -17090,9 +17162,14 @@ const TreeTable = /*#__PURE__*/React.forwardRef(({
   const containerRef = React.useRef(null); // Reference for scroll container
   const [prevScrollTop, setPrevScrollTop] = React.useState(null);
   const previousTreeDataRef = React.useRef([]);
+  const loadMoreAboveRef = React.useRef(false);
   // Handle load more data for pagination
   const loadMoreAbove = () => {
     if (loading || isLoading === 'above') return;
+    if (!loadMoreAboveRef.current) {
+      loadMoreAboveRef.current = true;
+      return;
+    }
     setIsLoading('above');
     setPrevScrollTop(containerRef.current?.scrollTop ?? null);
     // Trigger the loadMore callback for data loading from above
@@ -17121,7 +17198,7 @@ const TreeTable = /*#__PURE__*/React.forwardRef(({
           }
         }
         // Calculate the total height of the newly added rows
-        const totalAddedHeight = treeData.slice(0, addedRowsCount - (currentScrollTop > 5 ? 0 : 2)).reduce((heightSum, _, index) => {
+        const totalAddedHeight = treeData.slice(0, addedRowsCount - (currentScrollTop > 5 ? 2 : 0)).reduce((heightSum, _, index) => {
           const rowHeight = allRows[index]?.getBoundingClientRect().height || 0;
           return heightSum + rowHeight;
         }, 0);
@@ -17553,7 +17630,7 @@ const Search = ({
   onClose,
   onExpand,
   showClose = true,
-  helperText = 'Minimum 3 characters are required',
+  helperText = 'Minimum 3 characters required',
   showToaster = true,
   minLength = 3,
   isAISearch = false,
@@ -17676,7 +17753,7 @@ const Search = ({
           }),
           name: "input",
           style: {
-            width: isExpand ? `${width}px` : '0px'
+            width: isExpand ? width <= 135 ? `${width - 8}px` : `${width}px` : '0px'
           },
           placeholder: placeholder,
           type: "text",
@@ -30880,9 +30957,7 @@ const AppHeader = ({
     }
   };
   return jsxRuntime.jsx("div", {
-    className: classNames('ff-app-header-main', {
-      'ff-app-header-disabled': disabled
-    }),
+    className: classNames('ff-app-header-main'),
     children: jsxRuntime.jsxs("div", {
       className: "ff-app-header",
       style: {
@@ -30929,7 +31004,7 @@ const AppHeader = ({
               ref: element => menuItemsRef.current[index] = element,
               className: classNames('ff-app-header-nav-bar-item', {
                 ['ff-app-header-nav-bar-item--selected']: menuItem.label === selectedMenuItem,
-                'ff-app-header-nav-bar-item--disabled': disabled
+                'ff-app-header-nav-bar-item--disabled': disabled && menuItem.label !== selectedMenuItem
               }),
               children: [jsxRuntime.jsx(Typography, {
                 as: "div",
@@ -34049,6 +34124,12 @@ const NlpDropdown = ({
           height: 10,
           width: 10
         });
+      } else if (platform === 'Webservice') {
+        return jsxRuntime.jsx(Icon, {
+          name: "web_service_icon",
+          height: 10,
+          width: 10
+        });
       } else {
         return jsxRuntime.jsx(Icon, {
           name: "common_nlp",
@@ -34619,7 +34700,7 @@ const NlpInput = ({
           },
           onFocus: () => handleSelectAction('FOCUS_INPUT'),
           onChange: onSelectInputChange,
-          value: truncateText(value, 70),
+          value: value,
           disabled: disabled,
           autoComplete: "off",
           spellCheck: "false",
@@ -34787,8 +34868,8 @@ const MachineInputField = ({
   const getIcon = {
     local: 'local',
     browserstack: 'browserstack_icon',
-    sauceLabs: 'sause_lab',
-    lambdaTest: 'lambda_icon',
+    saucelabs: 'sause_lab',
+    lambdatest: 'lambda_icon',
     mac: 'mac_icon',
     mac_icon: 'mac_icon',
     android: 'android_icon',
@@ -34943,7 +35024,9 @@ const Branches = ({
       browserVersion,
       machineInfo: {
         osVersion,
-        iconName
+        iconName,
+        osName,
+        hostName
       },
       deviceInfo
     } = machineInstance;
@@ -34958,10 +35041,16 @@ const Branches = ({
       label: executionEnv,
       type: getEnvironment(executionEnv)
     }];
+    if (scriptType.toLowerCase() === 'manual') {
+      baseOptions.push({
+        label: hostName || '',
+        type: 'local'
+      });
+    }
     // Web-specific options
     const webOptions = [{
       label: osVersion,
-      type: iconName
+      type: iconName || osName
     }, {
       label: browserVersion,
       type: browserName
@@ -37161,8 +37250,9 @@ const fontFamilyList = [{
   value: 'monospace'
 }];
 const fontSizeList = [5, 6, 8, 9, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 32, 36, 40, 48, 56, 72];
-const allowTextType = inputType => {
-  return inputType !== 'dropDown' && inputType !== 'file';
+const isPasteAllowed = currentCell => {
+  const inputType = currentCell?.inputType?.type ?? 'text';
+  return !['dropDown', 'file'].includes(inputType) && !currentCell?.readOnly;
 };
 
 const FORMULA_VALUE_PREFIX = '=';
@@ -37979,8 +38069,9 @@ function dragEndAutoFill(currentData, selectedRange, cellValue, activeCell) {
         row,
         column: col
       }, updatedData);
-      if (!currentCell) continue;
-      if (currentCell.readOnly) continue;
+      if (!currentCell || currentCell.readOnly || ['file', 'dropDown'].includes(currentCell?.inputType?.type || '')) {
+        continue;
+      }
       const updatedCell = {
         ...currentCell,
         style: cellValue.style,
@@ -38006,7 +38097,7 @@ function edit$1(state) {
 }
 const canClearCell = cell => cell && !cell.readOnly;
 const clearCell = cell => {
-  if (!canClearCell(cell)) {
+  if (!canClearCell(cell) || cell?.inputType?.type === 'file') {
     return cell;
   }
   return {
@@ -38152,7 +38243,9 @@ const keyDownHandlers = {
 const editKeyDownHandlers = {
   Escape: view,
   Tab: keyDownHandlers.Tab,
-  Enter: keyDownHandlers.ArrowDown
+  Enter: keyDownHandlers.ArrowDown,
+  Backspace: clearEditMode,
+  Delete: clear
 };
 const editShiftKeyDownHandlers = {
   Tab: go(0, -1)
@@ -38815,7 +38908,7 @@ function reducer(state, action) {
           let newData = state.cut && state.copied ? unset(state.copied.start, state.model.data) : state.model.data;
           const commit = [];
           for (const point of selectedRange || []) {
-            const currentCell = get$1(point, state.model.data);
+            const currentCell = get$1(point, state.model.data) || null;
             const updateWithStyle = {
               ...currentCell,
               value: cell?.value
@@ -38824,8 +38917,7 @@ function reducer(state, action) {
               prevCell: currentCell || EmptyCell,
               nextCell: EmptyCell
             });
-            const inputType = currentCell?.inputType?.type ?? 'text';
-            if (allowTextType(inputType)) {
+            if (isPasteAllowed(currentCell)) {
               newData = set$1(point, updateWithStyle, newData);
             }
           }
@@ -38879,8 +38971,7 @@ function reducer(state, action) {
             prevCell: currentCell,
             nextCell: cell || null
           }];
-          const inputType = currentCell?.inputType?.type ?? 'text';
-          if (allowTextType(inputType)) {
+          if (isPasteAllowed(currentCell)) {
             acc.data = set$1(nextPoint, {
               ...currentCell,
               value: cell?.value ?? ''
@@ -40497,6 +40588,7 @@ 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();
@@ -40523,6 +40615,7 @@ const ColumnIndicator = ({
     },
     onClick: handleClick,
     onContextMenu: contextClick,
+    onMouseDown: e => onMouseDrag(e, false),
     tabIndex: 0,
     children: [jsxRuntime.jsx(Typography, {
       fontWeight: "medium",
@@ -40531,10 +40624,10 @@ const ColumnIndicator = ({
       className: "drag-column-selector drag-column-left",
       onMouseDown: e => onMouseDrag(e, false),
       onDoubleClick: () => dispatch(setColumnPosition(column, minColumnWidth)),
-      onClick: () => activate$1({
-        row: -1,
-        column
-      })
+      onClick: () => {
+        // console.log("Inner Div")
+        // activate({ row: -1, column })
+      }
     }), jsxRuntime.jsx("div", {
       className: "drag-column-selector drag-column-right",
       onMouseDown: e => onMouseDrag(e, true),
@@ -41137,7 +41230,7 @@ const ActiveCell = props => {
       },
       value: cell?.value,
       disabled: false
-    }), jsxRuntime.jsx("div", {
+    }), !['file', 'dropDown'].includes(cell?.inputType?.type ?? '') && jsxRuntime.jsx("div", {
       onMouseDown: handleMouseDown,
       className: "select_dot"
     })]
@@ -42212,6 +42305,7 @@ const ExcelFile = ({
   scroller = false,
   columnContextEnable = true,
   rowContextEnable = true,
+  sheetBarContextEnable = true,
   minimumColumnWidth = 100,
   disableDeleteOption = false
 }) => {
@@ -42644,7 +42738,7 @@ const ExcelFile = ({
         })
       }), sheetBar === 'show' && jsxRuntime.jsxs("div", {
         className: "ff-excel-sheet-bar",
-        children: [jsxRuntime.jsx("div", {
+        children: [sheetBarContextEnable && jsxRuntime.jsx("div", {
           className: "ff-excel-add-sheet-set",
           children: jsxRuntime.jsx(Tooltip, {
             title: "Add Sheet",
@@ -42666,7 +42760,9 @@ const ExcelFile = ({
             children: jsxRuntime.jsx("div", {
               onContextMenu: event => {
                 handleSheetChange(name, index);
-                contextClick(event, name, index);
+                if (sheetBarContextEnable) {
+                  contextClick(event, name, index);
+                }
               },
               className: classNames('ff-excel-tab-list', {
                 active: name === selectedSheet.name
@@ -42796,6 +42892,7 @@ const IconRadialChart = ({
     y: 0
   });
   const [showTooltip, setShowTooltip] = React.useState(false);
+  const containerRef = React.useRef(null);
   let currentAngle = -Math.PI / 2;
   const svgSize = 2 * (radius + lineWidth);
   const {
@@ -42813,17 +42910,21 @@ const IconRadialChart = ({
     setShowTooltip(false);
   };
   const handleMouseMove = event => {
-    setTooltipPosition({
-      x: event.clientX + 10,
-      y: event.clientY + 10
-    });
+    if (containerRef.current) {
+      const rect = containerRef.current.getBoundingClientRect();
+      setTooltipPosition({
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top
+      });
+    }
   };
   const renderTooltip = () => {
     return jsxRuntime.jsxs("div", {
       className: "ff-icon-radial-chart-tooltip",
       style: {
-        left: tooltipPosition.x,
-        top: tooltipPosition.y
+        position: 'absolute',
+        left: `${tooltipPosition.x + 15}px`,
+        top: `${tooltipPosition.y - 5}px`
       },
       children: [jsxRuntime.jsx(Typography, {
         children: `${label} : `
@@ -42833,6 +42934,7 @@ const IconRadialChart = ({
     });
   };
   return jsxRuntime.jsxs("div", {
+    ref: containerRef,
     className: "ff-icon-radial-chart-container",
     style: {
       '--fontSize': `${fontSize}px`
@@ -43782,6 +43884,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
   symbol = '$',
   type = 'text',
   clearIcon = true,
+  inputTitle = '',
   ...props
 }, ref) => {
   const [showDropdown, setShowDropdown] = React.useState(false);
@@ -43938,28 +44041,34 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
     children: [jsxRuntime.jsxs("div", {
       className: "ff-add-variable-input",
       ref: containerRef,
-      children: [jsxRuntime.jsx(Input$1, {
-        ...props,
-        name: "add_variable",
-        ref: inputRef,
-        type: type,
-        value: value,
-        onChange: onChange,
-        onPaste: () => {
-          setShowCreateVariableIcon(true);
+      children: [jsxRuntime.jsx(Tooltip, {
+        title: inputTitle,
+        style: {
+          width: '100%'
         },
-        variant: "primary",
-        label: label,
-        placeholder: placeholder,
-        onClick: handleClick,
-        onKeyUp: handleKeyUp,
-        onFocus: () => setIsFocused(true),
-        onBlur: e => handleBlur(e),
-        autoComplete: autoComplete,
-        helperText: helperText,
-        error: error,
-        required: required,
-        ...formProps
+        children: jsxRuntime.jsx(Input$1, {
+          ...props,
+          name: "add_variable",
+          ref: inputRef,
+          type: type,
+          value: value,
+          onChange: onChange,
+          onPaste: () => {
+            setShowCreateVariableIcon(true);
+          },
+          variant: "primary",
+          label: label,
+          placeholder: placeholder,
+          onClick: handleClick,
+          onKeyUp: handleKeyUp,
+          onFocus: () => setIsFocused(true),
+          onBlur: e => handleBlur(e),
+          autoComplete: autoComplete,
+          helperText: helperText,
+          error: error,
+          required: required,
+          ...formProps
+        })
       }), !checkEmpty(value) && !isOnlyHash && jsxRuntime.jsxs("div", {
         className: "ff-variable-icon-container",
         children: [clearIcon && jsxRuntime.jsx(Tooltip, {
@@ -44028,6 +44137,18 @@ const CreateVariableSlider = ({
   const [helperText, setHelperText] = React.useState('');
   const [hashInputValue, setHashInputValue] = React.useState();
   const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [initialValues, setInitialValues] = React.useState({
+    name: '',
+    value: ''
+  });
+  React.useEffect(() => {
+    if (isOpen && mode === 'edit') {
+      setInitialValues({
+        name: variableName,
+        value: variableValue
+      });
+    }
+  }, []);
   const getVariableNameError = value => {
     if (!value || value.length === 0) {
       return 'Variable Name is required';
@@ -44065,6 +44186,10 @@ const CreateVariableSlider = ({
     const isValid = isNonEmpty && matchesPattern && noWhitespaceEdges && lengthValid;
     return isValid;
   }
+  const hasChanges = React.useMemo(() => {
+    if (mode !== 'edit') return true;
+    return variableName !== initialValues.name || variableValue !== initialValues.value;
+  }, [mode, variableName, variableValue, initialValues]);
   const FooterContent = () => {
     return jsxRuntime.jsxs("div", {
       className: "ff-create-slider-footer",
@@ -44082,7 +44207,7 @@ const CreateVariableSlider = ({
             handleSubmit();
           }
         },
-        disabled: !isVariableNameValid(variableName) || isSubmitting
+        disabled: !isVariableNameValid(variableName) || isSubmitting || mode === 'edit' && !hasChanges
       })]
     });
   };
@@ -44323,7 +44448,8 @@ const ProgressBar = ({
   labelTextColor = 'var(--ff-card-status-text-color)',
   showPercentage = false,
   percentageFontSize = 10,
-  percentageTextColor = 'var(--tooltip-text-color)'
+  percentageTextColor = 'var(--tooltip-text-color)',
+  progressBarWidth = '200px'
 }) => {
   const convertMemoryToMB = memory => {
     const trimmed = memory.trim().toLowerCase();
@@ -44368,8 +44494,12 @@ const ProgressBar = ({
     backgroundColor: trackColor,
     height: `${height}px`
   };
+  const containerStyle = {
+    width: progressBarWidth
+  };
   return jsxRuntime.jsxs("div", {
     className: `ff-progress-bar-container ${computedLabel ? 'ff-has-label' : ''}`,
+    style: containerStyle,
     children: [jsxRuntime.jsx("div", {
       className: "ff-progress-bar-track",
       style: trackStyle,
@@ -44504,6 +44634,7 @@ const MediaPreview = ({
   isDisabled = false
 }) => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const videoRef = React.useRef(null);
   const handleExpand = () => {
     setIsModalOpen(true);
     onExpandClick && onExpandClick(fileId);
@@ -44520,6 +44651,20 @@ const MediaPreview = ({
       setIsModalOpen(true);
     }
   }, [previewOnly]);
+  React.useEffect(() => {
+    if (isModalOpen) {
+      setTimeout(() => {
+        if (videoRef.current) {
+          const playPromise = videoRef.current.play();
+          if (playPromise !== undefined) {
+            playPromise.catch(error => {
+              console.error('Autoplay failed:', error);
+            });
+          }
+        }
+      }, 300);
+    }
+  }, [isModalOpen]);
   return jsxRuntime.jsxs("div", {
     children: [!previewOnly && (isMediaIcon ? jsxRuntime.jsx(Icon, {
       name: iconName,
@@ -44548,16 +44693,30 @@ const MediaPreview = ({
         className: "media-wrapper",
         children: [jsxRuntime.jsxs("div", {
           className: "ff-expand-icons",
-          children: [jsxRuntime.jsx(Icon, {
-            name: "download_file_icon",
-            onClick: handleDownload,
-            color: "var(--icons-default-color)",
-            className: "header-icons"
-          }), jsxRuntime.jsx(Icon, {
-            name: "close",
-            onClick: handleClose,
-            color: "var(--icons-default-color)",
-            className: "header-icons"
+          children: [jsxRuntime.jsx(Tooltip, {
+            title: "Download File",
+            children: jsxRuntime.jsx(Icon, {
+              name: "download_file_icon",
+              onClick: handleDownload,
+              color: "var(--icons-default-color)",
+              className: "header-icons"
+            })
+          }), jsxRuntime.jsx(Tooltip, {
+            title: "Expand",
+            children: jsxRuntime.jsx(Icon, {
+              name: "expand",
+              onClick: handleExpand,
+              color: "var(--icons-default-color)",
+              className: "header-icons"
+            })
+          }), jsxRuntime.jsx(Tooltip, {
+            title: "close",
+            children: jsxRuntime.jsx(Icon, {
+              name: "close",
+              onClick: handleClose,
+              color: "var(--icons-default-color)",
+              className: "header-icons"
+            })
           })]
         }), mediaType === 'image' && jsxRuntime.jsx("img", {
           src: MediaSrc,
@@ -44568,7 +44727,8 @@ const MediaPreview = ({
           src: MediaSrc,
           controls: true,
           controlsList: "nodownload",
-          className: "ff-video-preview"
+          className: "ff-video-preview",
+          ref: videoRef
         })]
       })
     })]
@@ -45056,7 +45216,8 @@ const PromptContainer = ({
   onPreviousClick,
   disabled,
   isEditAccess,
-  versionsLength
+  versionsLength,
+  count
 }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
   const [showReadMore, setShowReadMore] = React.useState(false);
@@ -45166,7 +45327,7 @@ const PromptContainer = ({
       }), jsxRuntime.jsxs("div", {
         className: "ff-prompt-icons-rightside",
         children: [jsxRuntime.jsx(Icon, {
-          disabled: disabled,
+          disabled: count === 1,
           className: "ff-prompt-icons-style",
           name: "arrow_left_accordian",
           color: "var(--table-column-text-color)",
@@ -45174,7 +45335,7 @@ const PromptContainer = ({
           height: 18,
           onClick: e => handleNavigationClick(e, onPreviousClick)
         }), numberChildren, jsxRuntime.jsx(Icon, {
-          disabled: disabled,
+          disabled: count === versionsLength,
           className: "ff-prompt-icons-style",
           name: "arrow_right_icon",
           color: "var(--table-column-text-color)",
@@ -51657,7 +51818,7 @@ const BarChart = ({
         }), normalizedData.map((item, index) => {
           const computedBarHeight = item.normalizedValue / maxValue * height;
           const minBarHeight = 2;
-          const barHeight = item.normalizedValue === 0 ? minBarHeight : computedBarHeight;
+          const barHeight = item.normalizedValue < 1 ? minBarHeight : computedBarHeight;
           const barX = index * (barWidth + barGap) + leftPadding + padding;
           const barY = height - barHeight + topPadding;
           const iconWidth = iconSize || 20;
@@ -51808,9 +51969,26 @@ const MultiRadialChart = ({
     visible: false,
     x: 0,
     y: 0,
-    content: ''
+    content: '',
+    isArc: false
   });
   const [hoveredLegend, setHoveredLegend] = React.useState(null);
+  const renderGradients = () => jsxRuntime.jsx("defs", {
+    children: barValues.map((bar, i) => Array.isArray(bar.arcColor) ? jsxRuntime.jsx("linearGradient", {
+      id: `gradient-${i}`,
+      x1: "0%",
+      y1: "0%",
+      x2: "100%",
+      y2: "0%",
+      gradientTransform: "rotate(90)",
+      children: bar.arcColor.map((color, idx) => jsxRuntime.jsx("stop", {
+        offset: `${idx / (bar.arcColor.length - 1) * 100}%`,
+        stopColor: color
+      }, idx))
+    }, `gradient-${i}`) : null)
+  });
+  const getArcColor = (bar, index) => Array.isArray(bar.arcColor) ? `url(#gradient-${index})` : bar.arcColor;
+  const getLegendColor = bar => Array.isArray(bar.arcColor) ? bar.arcColor[0] : bar.arcColor;
   const parseValueToMB = value => {
     if (typeof value === 'string') {
       const match = value.trim().match(/^([\d.]+)\s*([a-zA-Z%]*)$/);
@@ -51869,17 +52047,18 @@ const MultiRadialChart = ({
             className: "ff-legend-item",
             onMouseEnter: e => {
               setHoveredLegend(item.barLabel || item.label);
-              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`);
+              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`, false);
             },
+            onMouseMove: handleMouseMove,
             onMouseLeave: () => {
               setHoveredLegend(null);
-              handleMouseLeave?.();
+              handleMouseLeave();
             },
             children: [jsxRuntime.jsx(Typography, {
               fontSize: 20,
               fontWeight: "semi-bold",
               className: "ff-legend-value",
-              color: item.arcColor,
+              color: getLegendColor(item),
               children: item.key.padStart(2, '0')
             }), jsxRuntime.jsx(Typography, {
               fontSize: 10,
@@ -51899,16 +52078,17 @@ const MultiRadialChart = ({
             className: "ff-legend-item",
             onMouseEnter: e => {
               setHoveredLegend(item.barLabel || item.label);
-              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`);
+              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`, false);
             },
+            onMouseMove: handleMouseMove,
             onMouseLeave: () => {
               setHoveredLegend(null);
-              handleMouseLeave?.();
+              handleMouseLeave();
             },
             children: [jsxRuntime.jsx("span", {
               className: "ff-legend-capsule",
               style: {
-                backgroundColor: item.arcColor
+                backgroundColor: getLegendColor(item)
               },
               children: jsxRuntime.jsx(Typography, {
                 fontSize: 10,
@@ -51926,17 +52106,17 @@ const MultiRadialChart = ({
         return null;
     }
   };
-  const handleMouseEnter = (e, content) => {
+  const handleMouseEnter = (e, content, isArc) => {
     const {
       clientX,
       clientY
     } = e;
-    const container = e.currentTarget.getBoundingClientRect();
     setTooltip({
       visible: true,
-      x: clientX - container.left,
-      y: clientY - container.top,
-      content: content
+      x: clientX,
+      y: clientY,
+      content: content,
+      isArc
     });
   };
   const handleMouseMove = e => {
@@ -51944,11 +52124,10 @@ const MultiRadialChart = ({
       clientX,
       clientY
     } = e;
-    const container = e.currentTarget.getBoundingClientRect();
     setTooltip(prev => ({
       ...prev,
-      x: clientX - container.left,
-      y: clientY - container.top
+      x: clientX,
+      y: clientY
     }));
   };
   const handleMouseLeave = () => {
@@ -51956,7 +52135,8 @@ const MultiRadialChart = ({
       visible: false,
       x: 0,
       y: 0,
-      content: ''
+      content: '',
+      isArc: false
     });
   };
   const textData = (text, maxLength) => {
@@ -51967,25 +52147,32 @@ const MultiRadialChart = ({
     const valueString = tooltip.content.split(':')[0]?.trim();
     if (valueString === undefined) return '';
     const matchingBar = normalizedBarValues.find(val => val.barLabel === valueString);
-    return matchingBar?.arcColor || '';
+    if (!matchingBar) return '';
+    const chartItem = {
+      ...matchingBar,
+      label: matchingBar.barLabel,
+      key: matchingBar.labelValue?.toString() ?? ''
+    };
+    return getLegendColor(chartItem);
   };
+  const DEFAULT_LINE_HEIGHT = 18;
   return jsxRuntime.jsxs("div", {
     className: `ff-multi-radial-chart-container ${legendType === 'numberLegend' ? 'ff-multi-radial-chart-number' : 'ff-multi-radial-chart-pill'}`,
     style: {
       gap: chartToLegendGap
     },
-    children: [jsxRuntime.jsxs("div", {
+    children: [jsxRuntime.jsx("div", {
       className: "relative",
       style: {
         width: svgSize,
         height: svgSize
       },
-      children: [jsxRuntime.jsx("svg", {
+      children: jsxRuntime.jsxs("svg", {
         width: svgSize,
         height: svgSize,
         viewBox: `0 0 ${svgSize} ${svgSize}`,
         className: "absolute top-0 left-0",
-        children: jsxRuntime.jsxs("g", {
+        children: [renderGradients(), jsxRuntime.jsxs("g", {
           transform: `translate(${svgSize / 2 + 1}, ${svgSize / 2 + 1})`,
           children: [reversedBarValues.map((values, i) => {
             const originalIndex = normalizedBarValues.length - 1 - i;
@@ -52019,8 +52206,12 @@ const MultiRadialChart = ({
                   cx: dotX,
                   cy: dotY,
                   r: lineWidth + 1,
-                  fill: values.arcColor,
-                  onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`),
+                  fill: getArcColor({
+                    ...values,
+                    label: values.barLabel || '',
+                    key: values.labelValue?.toString() || ''
+                  }, originalIndex),
+                  onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`, true),
                   onMouseMove: handleMouseMove,
                   onMouseLeave: handleMouseLeave,
                   style: arcStyle
@@ -52039,10 +52230,14 @@ const MultiRadialChart = ({
               }), jsxRuntime.jsx("path", {
                 d: foregroundArcPath,
                 fill: "none",
-                stroke: values.arcColor,
+                stroke: getArcColor({
+                  ...values,
+                  label: values.barLabel || '',
+                  key: values.labelValue?.toString() || ''
+                }, originalIndex),
                 strokeWidth: lineWidth,
                 strokeLinecap: lineCap === 'square' ? 'butt' : 'round',
-                onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`),
+                onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`, true),
                 onMouseMove: handleMouseMove,
                 onMouseLeave: handleMouseLeave,
                 style: {
@@ -52084,7 +52279,7 @@ const MultiRadialChart = ({
                       children: firstWord
                     }), jsxRuntime.jsx("tspan", {
                       x: "0",
-                      dy: 18,
+                      dy: DEFAULT_LINE_HEIGHT,
                       style: {
                         fontSize: `${subLabelFontSize}px`
                       },
@@ -52095,7 +52290,7 @@ const MultiRadialChart = ({
                 }
                 return jsxRuntime.jsx("tspan", {
                   x: "0",
-                  dy: index === 0 ? 0 : 18,
+                  dy: index === 0 ? 0 : DEFAULT_LINE_HEIGHT,
                   className: "ff-center-text",
                   style: {
                     fontSize: `${subLabelFontSize}px`
@@ -52105,16 +52300,19 @@ const MultiRadialChart = ({
               })
             })
           })]
-        })
-      }), tooltip.visible && jsxRuntime.jsx("div", {
-        className: "ff-multi-radial-tooltip",
-        style: {
-          top: tooltip.y + 10,
-          left: tooltip.x + 100,
-          zIndex: 1000
-        },
-        children: tooltip.content
-      })]
+        })]
+      })
+    }), tooltip.visible && jsxRuntime.jsx("div", {
+      className: "ff-multi-radial-tooltip",
+      style: {
+        position: 'fixed',
+        top: `${tooltip.y - (tooltip.isArc ? 5 : -10)}px`,
+        left: `${tooltip.x + (tooltip.isArc ? 60 : 15)}px`,
+        zIndex: 1000,
+        transform: tooltip.isArc ? 'translateX(-50%)' : 'none',
+        pointerEvents: 'none'
+      },
+      children: tooltip.content
     }), isLegendDetails && renderLegend(normalizedBarValues.map(value => ({
       ...value,
       label: value?.barLabel,
@@ -59241,8 +59439,8 @@ const MachineInstances = ({
                   parentNodeIndex
                 })
               })]
-            }, ffid())
-          }, runLevelExecutionDataSet?.runLevelExecutionDataSetId + ffid()))
+            })
+          }, runLevelExecutionDataSet?.runLevelExecutionDataSetId))
         }), childNodeIndex === parentNodeData.machineInstances.length - 1 && jsxRuntime.jsx(jsxRuntime.Fragment, {
           children: !isReadOnlyMode && jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [jsxRuntime.jsx("div", {
@@ -59266,7 +59464,7 @@ const MachineInstances = ({
             })]
           })
         })]
-      }, ffid());
+      });
     })
   });
 };
@@ -59385,7 +59583,7 @@ const ConnectingBranch = ({
                       parentNodeData,
                       parentNodeIndex
                     })
-                  }, ffid()), getParentNodeComponentActionItems({
+                  }), getParentNodeComponentActionItems({
                     parentNodeData,
                     parentNodeIndex
                   })]
@@ -59402,7 +59600,7 @@ const ConnectingBranch = ({
                 isReadOnlyMode: isReadOnlyMode
               })]
             })
-          }, ffid());
+          });
         }), !isReadOnlyMode && jsxRuntime.jsx("div", {
           className: "ff-select-machine-input",
           style: {
@@ -59891,12 +60089,15 @@ const ChildComment = ({
                   })
                 }), isEditDeleteActionAllowed && deleteEnable && jsxRuntime.jsx("div", {
                   className: "action-icon",
-                  onClick: () => handleDeleteNode(comment.id),
                   children: jsxRuntime.jsx(Tooltip, {
                     title: "Delete",
                     children: jsxRuntime.jsx(Icon, {
                       name: "delete",
                       color: "var(--ff-delete-button-attachment)",
+                      onClick: () => {
+                        if (showInput) return;
+                        handleDeleteNode(comment.id);
+                      },
                       disabled: editMode || showInput || isDisable,
                       hoverEffect: true
                     })
@@ -60044,7 +60245,8 @@ const Comments = ({
   rowBreakCharCount = 83,
   isVewMode = false,
   deleteEnable = true,
-  showTextarea = false
+  showTextarea = false,
+  autoFocus = false
 }) => {
   const [input, setInput] = React.useState('');
   const [commentData, setCommentsData] = React.useState([]);
@@ -60288,7 +60490,7 @@ const Comments = ({
         children: [jsxRuntime.jsx("textarea", {
           className: "inputContainer_input first_input",
           rows: input.length < rowBreakCharCount ? 1 : 3,
-          autoFocus: true,
+          autoFocus: autoFocus,
           value: input,
           onChange: e => textAreaInputChange(e),
           placeholder: "Add a comment",
@@ -60335,6 +60537,22 @@ const Comments = ({
   });
 };
 
+const useTriggerControl = () => {
+  const canTriggerRef = React.useRef(true);
+  const canTrigger = () => canTriggerRef.current;
+  const setTriggered = () => {
+    canTriggerRef.current = false;
+  };
+  const resetTrigger = () => {
+    canTriggerRef.current = true;
+  };
+  return {
+    canTrigger,
+    setTriggered,
+    resetTrigger
+  };
+};
+
 const PopUpModal = ({
   isOpen,
   onClose,
@@ -60684,8 +60902,10 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
         onClick: handleClick,
         onKeyUp: handleKeyUp,
         onFocus: e => {
-          setIsFocused(true);
-          onFocus?.(e);
+          setTimeout(() => {
+            setIsFocused(true);
+            onFocus?.(e);
+          }, 500);
         },
         onBlur: e => {
           handleBlur(e);
@@ -73369,6 +73589,7 @@ const PhoneInputField = ({
   const [phone, setPhone] = React.useState(initialValue);
   const [isFocused, setIsFocused] = React.useState(false);
   const [isValid, setIsValid] = React.useState(initialIsValid);
+  const [selectedCountry, setSelectedCountry] = React.useState(country);
   React.useEffect(() => {
     if (initialValue) {
       let formattedPhone = initialValue;
@@ -73378,12 +73599,25 @@ const PhoneInputField = ({
       setPhone(formattedPhone);
     }
   }, [initialValue]);
-  const handlePhoneChange = phone => {
+  const handlePhoneChange = (phone, countryData) => {
+    const newCountryCode = countryData?.countryCode?.toLowerCase();
     const cleanedPhone = phone.replace(/[^0-9+]/g, '');
-    setPhone(cleanedPhone);
-    onChange(cleanedPhone);
-    const isPhoneValid = isValidPhoneNumber(cleanedPhone);
-    setIsValid(isPhoneValid);
+    if (selectedCountry?.toLowerCase() !== newCountryCode) {
+      setPhone(countryData?.dialCode);
+      onChange(countryData?.dialCode);
+      setSelectedCountry(newCountryCode);
+      setIsValid(true);
+      return;
+    }
+    let formattedPhone = cleanedPhone;
+    if (!formattedPhone.startsWith('+')) {
+      formattedPhone = `+${formattedPhone}`;
+    }
+    setPhone(formattedPhone);
+    onChange(formattedPhone);
+    const isPhoneValid = isValidPhoneNumber(formattedPhone);
+    const isOnlyCountryCode = phone && phone.replace(/[^\d]/g, '').length <= 3;
+    setIsValid(isPhoneValid || isOnlyCountryCode);
   };
   const handleFocus = event => {
     setIsFocused(true);
@@ -73392,8 +73626,9 @@ const PhoneInputField = ({
   const handleBlur = event => {
     setIsFocused(false);
     if (onBlur) onBlur(event);
+    const isOnlyCountryCode = phone && phone.replace(/[^\d]/g, '').length <= 3;
     const isPhoneValid = isValidPhoneNumber(phone);
-    setIsValid(isPhoneValid);
+    setIsValid(isPhoneValid || isOnlyCountryCode);
   };
   return jsxRuntime.jsxs("div", {
     id: id,
@@ -74393,7 +74628,10 @@ const StepGroupAccordions = /*#__PURE__*/React.memo(({
                 style: {
                   padding: '4px 18px'
                 }
-              }), prepareData(item, col)]
+              }), prepareData({
+                ...item,
+                marginLeft: indent
+              }, col)]
             }), idx === 0 && ['Group', 'PRE', 'POST', 'Script'].includes(item.type) && jsxRuntime.jsx("div", {
               className: `ff-accordion-arrow ${isStepGroupExpanded?.(item.stepId) ? 'expanded' : ''}`,
               children: jsxRuntime.jsx(Icon, {
@@ -74972,19 +75210,21 @@ function getUpdatedPartialSelect(tableData, prevPartialSelect) {
   return new Set([...prevPartialSelect].filter(id => allCurrentIds.has(id)));
 }
 function getUpdatedExpandedRows(tableData, prevExpandedRows, defaultExpanded) {
-  const needToExpand = {
+  const sectionTitlesToExpand = {
     Steps: 'Steps',
-    Depends: 'Depends on Script',
-    PRE: "Pre conditions",
-    POST: "Post conditions"
+    Depends: 'Depends on Scripts',
+    PRE: 'Pre Conditions',
+    POST: 'Post Conditions'
   };
   const newExpandedRows = {};
   tableData.forEach(section => {
-    newExpandedRows[section.title] = section.title in prevExpandedRows ? prevExpandedRows[section.title] ?? false : section.title === needToExpand[defaultExpanded];
+    const title = section.title;
+    const wasPreviouslyExpanded = title in prevExpandedRows;
+    const shouldExpandByDefault = defaultExpanded === 'All' ? Object.values(sectionTitlesToExpand).includes(title) : title === sectionTitlesToExpand[defaultExpanded];
+    newExpandedRows[title] = wasPreviouslyExpanded ? prevExpandedRows[title] ?? false : shouldExpandByDefault;
   });
   return newExpandedRows;
 }
-//?
 const gettingBlockMap = (tableData, selectedRows, stepPartialSelect) => {
   let dynamicUpdate = getBlockMap(tableData);
   const updatedSelectedRows = new Set(selectedRows.Steps);
@@ -109147,8 +109387,9 @@ const TextEditor = ({
   };
   const EditorComponent = reactDraftWysiwygExports.Editor;
   return jsxRuntime.jsxs("div", {
+    className: "ff-textEditor-container",
     children: [jsxRuntime.jsxs("div", {
-      className: "ff-texteditor-label-asterisk-container",
+      className: "ff-textEditor-label-asterisk-container",
       children: [required && jsxRuntime.jsx(Typography, {
         className: "required-asterisk",
         children: "* "
@@ -109419,6 +109660,115 @@ function getTopVisibleNodeKey(scrollContainerWrapper, treeData) {
 
 const nlpInputDelay = ms => new Promise(resolve => setTimeout(resolve, ms));
 
+const getNavigateToKey = (currentNode, treeData, action) => {
+  // this function will find all the children nodes of the current node
+  const getAllChildrenNodesUsingSearchKey = (treeData, searchKey) => {
+    return treeData.filter(node => node.searchKey && node.searchKey.startsWith(searchKey + '/'));
+  };
+  // this function will find the last child of the current node
+  const findLastChild = (treeData, currentNode) => {
+    // Get all children of the current node using searchKey
+    const children = treeData.filter(node => node.searchKey && node.searchKey.startsWith(currentNode.searchKey + '/'));
+    if (children.length === 0) {
+      // If no children will return the current node's key
+      return currentNode.key;
+    }
+    // it will  Find the last child
+    const lastChild = children[children.length - 1];
+    // If the last child is a container (nested), recursively find the last child
+    if (lastChild?.container) {
+      return findLastChild(treeData, lastChild);
+    } else {
+      // If the last child is not a container, return its key
+      return lastChild?.key;
+    }
+  };
+  // this function will analyze the hierarchy of the treeData based on the searchKey it hel to find the pre and post node in the parent node
+  const analyzeHierarchy = (treeData, searchKey) => {
+    // Split the searchKey into its hierarchy parts
+    const hierarchyParts = searchKey.split('/').filter(part => part !== '');
+    const hierarchyMap = {};
+    // Find each level in the treeData
+    hierarchyParts.forEach((_, index) => {
+      const currentPath = '/' + hierarchyParts.slice(0, index + 1).join('/');
+      // Find the node that matches this exact searchKey path
+      const node = treeData.find(n => n.searchKey === currentPath);
+      if (node) {
+        hierarchyMap[index] = {
+          key: node.key,
+          name: node.name ?? '',
+          type: node.entityType ?? '',
+          searchKey: node.searchKey ?? '',
+          hierarchy: node.hierarchy,
+          isContainer: node.container ?? false,
+          hasPrePost: false
+        };
+        // Check if this node has PRE/POST children
+        const children = treeData.filter(n => n?.searchKey?.startsWith(currentPath + '/') && n?.searchKey?.split('/').length === currentPath?.split('/').length + 1);
+        hierarchyMap[index].hasPrePost = children.some(child => child.entityType === 'PRE' || child.entityType === 'POST');
+      }
+    });
+    return hierarchyMap;
+  };
+  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);
+      if (childrenOfRoot.length > 0) {
+        const lastChildOfRoot = childrenOfRoot[childrenOfRoot.length - 1];
+        if (lastChildOfRoot?.expanded === false) {
+          return {
+            navigateTo: lastChildOfRoot?.key
+          };
+        }
+        if (lastChildOfRoot?.expanded === true) {
+          const lastChildExpand = getAllChildrenNodesUsingSearchKey(treeData, lastChildOfRoot?.searchKey);
+          return {
+            navigateTo: lastChildExpand[lastChildExpand.length - 1]?.key
+          };
+        }
+      }
+    } else {
+      // Handle non-root node case
+      const lastChild = findLastChild(treeData, currentNode);
+      const currentNodeAllChildren = getAllChildrenNodesUsingSearchKey(treeData, currentNode?.searchKey);
+      const hierarchyInfo = analyzeHierarchy(treeData, currentNode?.searchKey);
+      const currentNodeHierarchyInfo = Object.values(hierarchyInfo).find(obj => obj.key === currentNode.key);
+      if (currentNodeAllChildren.length > 0) {
+        const nonPostPreChildren = currentNodeAllChildren.filter(node => node.entityType !== 'POST' && node.entityType !== 'PRE');
+        if (nonPostPreChildren.length > 0) {
+          return {
+            navigateTo: currentNodeHierarchyInfo?.hasPrePost ? nonPostPreChildren[nonPostPreChildren.length - 1]?.key : lastChild
+          };
+        } else {
+          return {
+            navigateTo: currentNodeAllChildren[currentNodeAllChildren.length - 1]?.key
+          };
+        }
+      } else {
+        return {
+          navigateTo: currentNode?.key
+        };
+      }
+    }
+  } else if (action === 'below') {
+    const lastChild = findLastChild(treeData, currentNode);
+    return {
+      navigateTo: lastChild
+    };
+  } else if (action === 'above') {
+    return {
+      navigateTo: currentNode?.key
+    };
+  }
+  return {
+    navigateTo: currentNode?.key
+  };
+};
+
 /*
 	The MIT License (MIT)
 
@@ -115726,7 +116076,9 @@ const ScriptGenerationLoader = ({
 
 exports.AADHAAR_REGEX = AADHAAR_REGEX;
 exports.ALPHABET_ONLY_REGEX = ALPHABET_ONLY_REGEX;
+exports.ALPHANUMERIC_PARENTHESIS_REGEX = ALPHANUMERIC_PARENTHESIS_REGEX;
 exports.ALPHANUMERIC_REGEX = ALPHANUMERIC_REGEX;
+exports.ALPHANUMERIC_WITH_DOT_REGEX = ALPHANUMERIC_WITH_DOT_REGEX;
 exports.ALPHANUMERIC_WITH_ROUND_BRACES_REGEX = ALPHANUMERIC_WITH_ROUND_BRACES_REGEX;
 exports.ALPHA_NUM_EXTENDED_REGEX = ALPHA_NUM_EXTENDED_REGEX;
 exports.ALPHA_NUM_REGEX = ALPHA_NUM_REGEX;
@@ -115741,6 +116093,7 @@ exports.AttachMedia = AttachMedia;
 exports.AttachmentButton = AttachmentButton;
 exports.Avatar = Avatar;
 exports.BASE64_REGEX = BASE64_REGEX;
+exports.BIG_END_WHITESPACE = BIG_END_WHITESPACE;
 exports.BINARY_NUMBER_REGEX = BINARY_NUMBER_REGEX;
 exports.BODY_TAG_TYPE_VALIDATION = BODY_TAG_TYPE_VALIDATION;
 exports.BarChart = BarChart;
@@ -115937,6 +116290,7 @@ exports.formatResponseDate = formatResponseDate;
 exports.getEncryptedData = getEncryptedData;
 exports.getExtension = getExtension;
 exports.getExtensionWithPeriod = getExtensionWithPeriod;
+exports.getNavigateToKey = getNavigateToKey;
 exports.getSequentialPayload = getSequentialPayload;
 exports.getStoreValue = getStoreValue;
 exports.getTopVisibleNodeKey = getTopVisibleNodeKey;
@@ -115965,4 +116319,5 @@ exports.useClickOutside = useClickOutside;
 exports.useFileDropzone = useFileDropzone;
 exports.useKeyboardActions = useKeyboardActions;
 exports.useTheme = useTheme;
+exports.useTriggerControl = useTriggerControl;
 //# sourceMappingURL=index.cjs.map