pixel-react 1.13.79 → 1.13.81

package/lib/index.cjs

@@ -871,7 +871,7 @@ const SvgScenariosIcon = (props) => /* @__PURE__ */ React__namespace.createEleme
 
 const SvgRequestIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.62939 11.963H3.07383C1.92716 11.963 0.999756 11.0356 0.999756 9.88889C0.999756 8.74222 1.92716 7.81481 3.07383 7.81481C3.12124 7.81481 3.16864 7.81778 3.21309 7.82341C3.12124 7.54222 3.07383 7.2403 3.07383 6.92592C3.07383 5.29037 4.40124 3.96296 6.03679 3.96296C6.59087 3.96296 7.10939 4.11407 7.55087 4.38074C7.77902 2.63822 9.26939 1.2963 11.0738 1.2963C13.0383 1.2963 14.6294 2.88741 14.6294 4.85185C14.6294 5.09215 14.6057 5.32592 14.5612 5.55081C15.9627 5.91259 16.9998 7.18667 16.9998 8.7037C16.9998 10.5052 15.539 11.963 13.7405 11.963H12.8516", stroke: "currentColor", strokeMiterlimit: 10, strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.51829 10.1852V6.03706C6.37281 6.03706 5.44421 6.96565 5.44421 8.11113V10.1852", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.44421 8.40732H7.51829", stroke: "currentColor", strokeMiterlimit: 10, strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.7776 7.22224C10.7776 7.87676 10.2469 8.40743 9.59238 8.40743H8.70349V6.03706H9.59238C10.2469 6.03706 10.7776 6.56772 10.7776 7.22224Z", stroke: "currentColor", strokeMiterlimit: 10, strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.70337 8.40736V10.1851", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.6664 6.03709H12.8516", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.6664 10.1852H12.8516", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.2589 6.03709V10.1852", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.92566 13.4445L8.40714 11.963L9.88862 13.4445", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.4071 11.963V16.7037", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.8515 15.2222L11.37 16.7036L9.88855 15.2222", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.3701 16.7037V11.963", stroke: "currentColor", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }));
 
-const SvgFillFilter = (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_2947_13043)" }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14282 6.30732C5.14282 5.03869 6.08816 4 7.32222 4H16.6777C17.8878 4 18.8571 5.01358 18.8571 6.23432V7.8404C18.8571 8.27652 18.7291 8.71582 18.5689 9.07888C18.4079 9.44375 18.1838 9.80062 17.9288 10.0632C17.9178 10.0746 17.9065 10.0856 17.8948 10.0962L14.8472 12.8703C14.8417 12.8753 14.8361 12.8803 14.8305 12.8851C14.736 12.9662 14.6204 13.1252 14.5278 13.35C14.4367 13.5711 14.392 13.7981 14.392 13.9727V17.1119C14.392 17.4828 14.2776 17.8595 14.1219 18.1679C13.9707 18.4675 13.7324 18.7973 13.4 19.0071L12.4159 19.6587L12.4032 19.6669C10.9977 20.5578 9.04094 19.5725 9.04094 17.7689V13.8997C9.04094 13.7747 9.0025 13.5829 8.91694 13.3626C8.8383 13.1601 8.73932 12.9835 8.65486 12.8689L5.99269 9.98245C5.73901 9.71868 5.53517 9.38141 5.39397 9.05698C5.25415 8.73569 5.14282 8.35128 5.14282 7.98641V6.30732Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("circle", { cx: 17, cy: 4.36511, r: 3, fill: "#FD9C35" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_2947_13043" }, /* @__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 SvgFillFilter = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.142822 2.30732C0.142822 1.03869 1.08816 0 2.32222 0H11.6777C12.8878 0 13.8571 1.01358 13.8571 2.23432V3.8404C13.8571 4.27652 13.7291 4.71582 13.5689 5.07888C13.4079 5.44375 13.1838 5.80062 12.9288 6.06324C12.9178 6.07458 12.9065 6.08557 12.8948 6.09619L9.84719 8.87034C9.84169 8.87534 9.83612 8.88027 9.83048 8.88511C9.73599 8.96621 9.62041 9.12516 9.52782 9.34997C9.43674 9.5711 9.39199 9.79813 9.39199 9.97272V13.1119C9.39199 13.4828 9.27765 13.8595 9.12194 14.1679C8.97074 14.4675 8.73245 14.7973 8.39996 15.0071L7.41592 15.6587L7.4032 15.6669C5.99766 16.5578 4.04094 15.5725 4.04094 13.7689V9.89972C4.04094 9.77465 4.0025 9.58294 3.91694 9.36263C3.8383 9.16011 3.73932 8.98353 3.65486 8.86891L0.992695 5.98245C0.739011 5.71868 0.535167 5.38141 0.39397 5.05698C0.254146 4.73569 0.142822 4.35128 0.142822 3.98641V2.30732Z", fill: "#71347B" }));
 
 const SvgStatusFillFilterIcon = (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", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.142822 2.30732C0.142822 1.03869 1.08816 0 2.32222 0H11.6777C12.8878 0 13.8571 1.01358 13.8571 2.23432V3.8404C13.8571 4.27652 13.7291 4.71582 13.5689 5.07888C13.4079 5.44375 13.1838 5.80062 12.9288 6.06324C12.9178 6.07458 12.9065 6.08557 12.8948 6.09619L9.84719 8.87034C9.84169 8.87534 9.83612 8.88027 9.83048 8.88511C9.73599 8.96621 9.62041 9.12516 9.52782 9.34997C9.43674 9.5711 9.39199 9.79813 9.39199 9.97272V13.1119C9.39199 13.4828 9.27765 13.8595 9.12194 14.1679C8.97074 14.4675 8.73245 14.7973 8.39996 15.0071L7.41592 15.6587L7.4032 15.6669C5.99766 16.5578 4.04094 15.5725 4.04094 13.7689V9.89972C4.04094 9.77465 4.0025 9.58294 3.91694 9.36263C3.8383 9.16011 3.73932 8.98353 3.65486 8.86891L0.992695 5.98245C0.739011 5.71868 0.535167 5.38141 0.39397 5.05698C0.254146 4.73569 0.142822 4.35128 0.142822 3.98641V2.30732Z", fill: "currentColor" }));
 
@@ -1017,6 +1017,8 @@ const SvgEclipsePlugin = (props) => /* @__PURE__ */ React__namespace.createEleme
 
 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" }));
 
+const SvgCloudClock = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.00244 0.669189C2.9708 0.669189 0.498535 3.14145 0.498535 6.1731C0.498535 9.20474 2.9708 11.6721 6.00244 11.6721C9.03408 11.6721 11.5015 9.20474 11.5015 6.1731C11.5019 6.10702 11.4891 6.04153 11.4641 5.9804C11.439 5.91927 11.402 5.86372 11.3554 5.81695C11.3087 5.77019 11.2532 5.73313 11.1921 5.70794C11.1311 5.68274 11.0656 5.66991 10.9995 5.67017C10.9338 5.67042 10.8687 5.68364 10.8081 5.70907C10.7475 5.73449 10.6924 5.77162 10.6462 5.81834C10.5999 5.86505 10.5633 5.92043 10.5385 5.98131C10.5137 6.04218 10.5011 6.10735 10.5015 6.1731C10.5015 8.6643 8.49364 10.6721 6.00244 10.6721C3.51124 10.6721 1.49854 8.6643 1.49854 6.1731C1.49854 3.68189 3.51124 1.66919 6.00244 1.66919C6.13437 1.66868 6.26076 1.61604 6.35405 1.52275C6.44734 1.42946 6.49997 1.30307 6.50049 1.17114C6.50075 1.10548 6.48807 1.04041 6.46318 0.979652C6.43829 0.918891 6.40167 0.863627 6.35542 0.817016C6.30918 0.770405 6.2542 0.73336 6.19364 0.707996C6.13307 0.682632 6.0681 0.669445 6.00244 0.669189ZM7.8999 1.04517C7.70472 1.04706 7.52041 1.16362 7.44189 1.35571C7.3365 1.61154 7.45815 1.90435 7.71436 2.00903C7.72021 2.01149 7.72399 2.0147 7.72891 2.01678C7.98473 2.12507 8.28001 2.00393 8.38613 1.74725C8.49196 1.49244 8.3712 1.20006 8.1166 1.09393C8.10942 1.09091 8.10148 1.0858 8.09512 1.08316C8.03117 1.05681 7.96497 1.0445 7.8999 1.04517ZM9.52686 2.1272C9.39508 2.12828 9.26913 2.18117 9.17627 2.27466C8.97997 2.47009 8.97997 2.7882 9.17627 2.98364C9.18043 2.9878 9.18288 2.99025 9.18704 2.99441C9.38146 3.19173 9.69957 3.19361 9.89603 2.99838C10.0923 2.80294 10.0923 2.48483 9.89603 2.2894C9.89092 2.28429 9.88658 2.27976 9.88148 2.27484C9.78772 2.18045 9.65991 2.12731 9.52686 2.1272ZM6.00244 2.67017C5.93637 2.66978 5.87088 2.68249 5.80975 2.70757C5.74862 2.73264 5.69306 2.76958 5.6463 2.81626C5.59953 2.86294 5.56248 2.91842 5.53729 2.9795C5.51209 3.04058 5.49925 3.10605 5.49951 3.17212V6.1731C5.49978 6.26589 5.52586 6.35679 5.57484 6.4356C5.62382 6.51442 5.69377 6.57806 5.77686 6.61938L7.77686 7.61938C7.8357 7.64888 7.89978 7.66646 7.96543 7.67113C8.03108 7.6758 8.09701 7.66746 8.15943 7.6466C8.22186 7.62573 8.27954 7.59274 8.32919 7.54953C8.37883 7.50631 8.41946 7.45372 8.44873 7.39478C8.47822 7.33594 8.49581 7.27185 8.50048 7.2062C8.50515 7.14055 8.49681 7.07462 8.47594 7.0122C8.45508 6.94977 8.42209 6.89209 8.37887 6.84244C8.33566 6.7928 8.28307 6.75217 8.22412 6.7229L6.50049 5.86255V3.17212C6.50075 3.10646 6.48807 3.04139 6.46318 2.98063C6.43829 2.91987 6.40167 2.8646 6.35542 2.81799C6.30918 2.77138 6.2542 2.73434 6.19364 2.70897C6.13307 2.68361 6.0681 2.67042 6.00244 2.67017ZM10.6196 3.74536C10.5542 3.74498 10.4876 3.75746 10.4233 3.78442C10.1666 3.89055 10.0455 4.18583 10.1538 4.44165C10.1563 4.4477 10.1595 4.4511 10.1616 4.4562C10.2662 4.71232 10.5591 4.83503 10.8149 4.72964C11.071 4.62496 11.1937 4.33214 11.0883 4.07632C11.0855 4.06951 11.083 4.06385 11.0806 4.0578C11.0021 3.86418 10.816 3.7465 10.6196 3.74536Z", fill: "#5B5B5B" }));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1458,6 +1460,7 @@ Components['video_live_icon'] = SvgVideoRecording;
 Components['screen_capture_icon'] = SvgCaptureImage;
 Components['eclipse_plugin'] = SvgEclipsePlugin;
 Components['ai_token'] = SvgAiToken;
+Components['cloud_clock'] = SvgCloudClock;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -1963,7 +1966,7 @@ const Drawer = ({
     const handleKeyDown = e => {
       if (e.key === 'Enter' && isOpen && primaryButtonProps?.onClick && !primaryButtonProps.disabled) {
         const activeElement = document.activeElement;
-        if (activeElement && activeElement.tagName === 'INPUT') {
+        if (activeElement && activeElement.tagName === 'INPUT' && ['ff-add-module-input', 'ff-search-input'].includes(activeElement.className)) {
           return;
         }
         primaryButtonProps.onClick();
@@ -3534,6 +3537,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   placeholder = 'Enter input',
   value = type === 'number' ? 0 : '',
   helperText = '',
+  isHelperTextRequired = false,
   error,
   noBorder,
   className = '',
@@ -3746,14 +3750,20 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
           height: 7,
           width: 12,
           color: value == maxValue ? 'var(--private-chip-bg-color)' : 'var(--text-area-default-color)',
-          onClick: () => handleIncrementDecrement('increment'),
+          onClick: () => {
+            if (disabled) return;
+            handleIncrementDecrement('increment');
+          },
           disabled: disabled
         }), jsxRuntime.jsx(Icon, {
           name: "arrow_down",
           height: 7,
           width: 12,
           color: value == minValue ? 'var(--private-chip-bg-color)' : 'var(--text-area-default-color)',
-          onClick: () => handleIncrementDecrement('decrement'),
+          onClick: () => {
+            if (disabled) return;
+            handleIncrementDecrement('decrement');
+          },
           disabled: disabled
         })]
       }), showSearchIcon && !(type === 'number') && jsxRuntime.jsx("div", {
@@ -3779,11 +3789,13 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
       }), reserveHelperTextSpace && jsxRuntime.jsx("span", {
         className: classNames('ff-input-message', {
           'ff-input-message--space': !!reserveHelperTextSpace,
+          'ff-input-message--showHelperText': !!isHelperTextRequired,
           'ff-input-message--danger': (displayErrorImmediately || touched) && !!error
         }),
-        children: (displayErrorImmediately || touched) && error ? helperText : ''
-      }), !reserveHelperTextSpace && (displayErrorImmediately || touched) && helperText && error && jsxRuntime.jsx("span", {
+        children: (displayErrorImmediately || touched) && (error || isHelperTextRequired) ? helperText : ''
+      }), !reserveHelperTextSpace && (displayErrorImmediately || touched) && helperText && (error || isHelperTextRequired) && jsxRuntime.jsx("span", {
         className: classNames('ff-input-message', {
+          'ff-input-message--showHelperText': !!isHelperTextRequired,
           'ff-input-message--danger': !!error
         }),
         children: helperText
@@ -16345,6 +16357,19 @@ const OverviewModal = ({
   return /*#__PURE__*/ReactDOM.createPortal(modalContent, document.body);
 };
 
+const formatCellData = (content, maxLength) => {
+  if (typeof content === 'string') {
+    return truncateText(content, maxLength);
+  }
+  if (/*#__PURE__*/React.isValidElement(content)) {
+    return /*#__PURE__*/React.cloneElement(content, {}, formatCellData(content.props.children, maxLength));
+  }
+  if (Array.isArray(content)) {
+    return content.map(child => formatCellData(child, maxLength));
+  }
+  return content;
+};
+
 const TableHead = /*#__PURE__*/React.memo(({
   columnsData,
   rootNode,
@@ -16353,7 +16378,8 @@ const TableHead = /*#__PURE__*/React.memo(({
   selectedNode,
   tableHeaderBgColor,
   hideOnDisable,
-  transparentHeader
+  transparentHeader,
+  scriptLengthTruncate = 25
 }) => {
   // const hasDefaultValues = useMemo(
   //   () => columnsData.some(({ defaultValue }) => !!defaultValue),
@@ -16397,16 +16423,11 @@ const TableHead = /*#__PURE__*/React.memo(({
             value: rootNode.node.key,
             onChange: e => onCheckBoxChange(e, rootNode.node),
             disabled: rootNode.node.isDisabled
-          }), jsxRuntime.jsxs("span", {
+          }), jsxRuntime.jsx("span", {
             className: "tree-table-td-content-text",
-            children: [jsxRuntime.jsx("span", {
-              children: rootNode.node[col.accessor]
-            }), rootNode.cell && index === 0 && jsxRuntime.jsx("span", {
-              className: "table-tree-root-cell",
-              children: (() => {
-                return rootNode.cell(rootNode.node);
-              })()
-            })]
+            children: jsxRuntime.jsx("span", {
+              children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate)
+            })
           }), rootNode.actions && index === 0 && isMounted && rootNodeRowRef.current && jsxRuntime.jsx("div", {
             className: "table-tree-row-action",
             children: (() => {
@@ -16856,19 +16877,6 @@ const EditLabel = ({
 
 const SvgSpinner = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("style", null, "\r\n    .spinner_DupU {\r\n      animation: spinner_sM3D 1.2s infinite;\r\n      fill: #71347b;\r\n    }\r\n    .spinner_GWtZ { animation-delay: .1s; }\r\n    .spinner_dwN6 { animation-delay: .2s; }\r\n    .spinner_46QP { animation-delay: .3s; }\r\n    .spinner_PD82 { animation-delay: .4s; }\r\n    .spinner_eUgh { animation-delay: .5s; }\r\n    .spinner_eUaP { animation-delay: .6s; }\r\n    .spinner_j38H { animation-delay: .7s; }\r\n    .spinner_tVmX { animation-delay: .8s; }\r\n    .spinner_DQhX { animation-delay: .9s; }\r\n    .spinner_GIL4 { animation-delay: 1s; }\r\n    .spinner_n0Yb { animation-delay: 1.1s; }\r\n\r\n    @keyframes spinner_sM3D {\r\n      0%, 50% {\r\n        animation-timing-function: cubic-bezier(0, 1, 0, 1);\r\n        r: 0;\r\n      }\r\n      10% {\r\n        animation-timing-function: cubic-bezier(.53, 0, .61, .73);\r\n        r: 2px;\r\n      }\r\n    }\r\n  "), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU", cx: 12, cy: 3, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_GWtZ", cx: 16.5, cy: 4.21, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_n0Yb", cx: 7.5, cy: 4.21, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_dwN6", cx: 19.79, cy: 7.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_GIL4", cx: 4.21, cy: 7.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_46QP", cx: 21, cy: 12, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_DQhX", cx: 3, cy: 12, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_PD82", cx: 19.79, cy: 16.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_tVmX", cx: 4.21, cy: 16.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_eUgh", cx: 16.5, cy: 19.79, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_j38H", cx: 7.5, cy: 19.79, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_eUaP", cx: 12, cy: 21, r: 0 }));
 
-const formatCellData = (content, maxLength) => {
-  if (typeof content === 'string') {
-    return truncateText(content, maxLength);
-  }
-  if (/*#__PURE__*/React.isValidElement(content)) {
-    return /*#__PURE__*/React.cloneElement(content, {}, formatCellData(content.props.children, maxLength));
-  }
-  if (Array.isArray(content)) {
-    return content.map(child => formatCellData(child, maxLength));
-  }
-  return content;
-};
-
 const renderSpaces = (level, parentSiblings = [], isLast, isContainer) => {
   let siblingsArray = parentSiblings;
   let isLastNode = isLast;
@@ -17315,7 +17323,8 @@ const TreeTable = /*#__PURE__*/React.forwardRef(({
           selectedNode: selectedNode,
           tableHeaderBgColor: tableHeaderBgColor,
           hideOnDisable: hideOnDisable,
-          transparentHeader: transparentHeader
+          transparentHeader: transparentHeader,
+          scriptLengthTruncate: scriptLengthTruncate
         }), jsxRuntime.jsx(TableBody, {
           flattenedTreeData: addLastChild(treeData),
           rootNode: rootNode?.node,
@@ -31232,6 +31241,31 @@ const DashboardDonutChart = ({
     document.body.removeChild(svgContainer);
     return `${truncatedText}...`;
   };
+  const getCenterText = () => {
+    if (legendType === 'tableLegend' && hoveredItemIndex !== null) {
+      const hoveredItem = chartValues.find(item => item.originalIndex === hoveredItemIndex);
+      return total === 0 ? '0%' : `${Math.round((hoveredItem?.value || 0) / total * 100)}%`;
+    }
+    if (legendType === 'memoryLegend') {
+      return `${totalMemory}`;
+    }
+    if (isOnClick && hoveredItemIndex !== null) {
+      const hoveredItem = chartValues.find(item => item.originalIndex === hoveredItemIndex);
+      return `${hoveredItem?.value}`;
+    }
+    return `${legendType === 'tableLegend' ? `${chartValues.length}` : Number.isInteger(total) ? total : total?.toFixed(2)} ${showUnit && unit ? unit.toUpperCase() : ''}`;
+  };
+  const getSubLabelText = () => {
+    if (legendType === 'tableLegend' && hoveredItemIndex !== null) {
+      const hoveredItem = chartValues.find(item => item.originalIndex === hoveredItemIndex);
+      return truncateChartText(hoveredItem?.key || '');
+    }
+    if (isOnClick && hoveredItemIndex !== null) {
+      const hoveredItem = chartValues.find(item => item.originalIndex === hoveredItemIndex);
+      return truncateChartText(hoveredItem?.key || '');
+    }
+    return truncateChartText(legendDetailsType);
+  };
   return jsxRuntime.jsxs("div", {
     className: classNames('ff-dashboard-donut-chart-section', {
       'ff-dashboard-donut-chart-section-table-legend': legendType === 'tableLegend',
@@ -31283,7 +31317,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}` : `${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", {
+              children: wrapText(getCenterText(), 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
@@ -31296,11 +31330,11 @@ const DashboardDonutChart = ({
               style: {
                 fontSize: `${subLabelFontSize}px`
               },
-              children: wrapText(legendType === 'tableLegend' && hoveredItemIndex !== null && chartValues.find(item => item.originalIndex === hoveredItemIndex) ? chartValues.find(item => item.originalIndex === hoveredItemIndex)?.key || '' : isOnClick && hoveredItemIndex !== null && chartValues.find(item => item.originalIndex === hoveredItemIndex)?.key ? `${chartValues.find(item => item.originalIndex === hoveredItemIndex)?.key}` : legendDetailsType, LABEL_MAX_WIDTH, subLabelFontSize).map((line, index) => jsxRuntime.jsx("tspan", {
+              children: wrapText(getSubLabelText(), LABEL_MAX_WIDTH, subLabelFontSize).map((line, index) => jsxRuntime.jsx("tspan", {
                 x: "0",
                 dy: index === 0 ? 0 : subLabelFontSize,
                 fill: selectedItemIndex !== null && chartValues.find(item => item.originalIndex === selectedItemIndex)?.color || hoveredItemIndex !== null && isOnClick && chartValues.find(item => item.originalIndex === hoveredItemIndex)?.color || '',
-                children: selectedItemIndex !== null && chartValues.find(item => item.originalIndex === selectedItemIndex) ? index === 0 ? truncateChartText(chartValues.find(item => item.originalIndex === selectedItemIndex)?.key || '') : null : truncateChartText(line)
+                children: line
               }, index))
             })]
           })]
@@ -33912,7 +33946,7 @@ const IconRadioGroup = ({
 };
 
 const MachineInputField = ({
-  width = '',
+  width = '100%',
   options = [],
   runCount = 0,
   className = '',
@@ -34070,9 +34104,9 @@ const Branches = ({
   const showMiddleArrow = index => machineInstances.length - 1 !== index && machineColumnCount > 1;
   const getGridTemplateColumnStyle = () => {
     if (machineColumnCount === 1) {
-      return `24px ${machineColumnWidth}px 24px`;
+      return `24px auto 24px`;
     }
-    return `24px ${machineColumnWidth}px repeat(${machineColumnCount - 1}, 40px ${machineColumnWidth}px) 24px`;
+    return `24px minmax(180px, auto) repeat(${machineColumnCount - 1}, 40px minmax(180px, auto)) 24px`;
   };
   const getMachineLabelOptionList = (type = '', machineInstance) => {
     const {
@@ -37164,6 +37198,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 {
@@ -37198,24 +37242,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(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(state.active, state.model.data);
+    const clearedCell = clearEditCell(cell);
     changes.push({
       prevCell: cell || null,
       nextCell: clearedCell || null
     });
-    newData = set(point, clearedCell, newData);
+    newData = set(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) {
@@ -40282,7 +40328,6 @@ const ActiveCell = props => {
       selectedFiles: selectedFiles,
       onFilesChange: handleFilesChange,
       disabled: false,
-      maxFileSizeMB: 5,
       maxFiles: 5,
       buttonLabel: "+ Attachments",
       buttonVariant: "tertiary",
@@ -40299,7 +40344,8 @@ const ActiveCell = props => {
     }) : jsxRuntime.jsx("textarea", {
       className: "ff-spreadsheet-cell-textarea",
       style: {
-        ...cell?.style
+        ...cell?.style,
+        textDecoration: 'normal'
       },
       value: cell?.value,
       disabled: false
@@ -60056,7 +60102,8 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
       position: "absolute",
       width: dropdownWidth,
       optionsList: variableList.filter(file => file.name.toLowerCase().includes(result?.searchString)),
-      onSelectVariable: handleDropdownClick
+      onSelectVariable: handleDropdownClick,
+      height: "230px"
     }), showDropdown && (isHash || onlyDropdown) && jsxRuntime.jsx(OptionsDropdown, {
       position: "relative",
       width: dropdownWidth,
@@ -73457,7 +73504,7 @@ const scrollToView = id => {
   }
 };
 
-const PrePostTable = ({
+const PrePostTable = /*#__PURE__*/React.forwardRef(({
   data = [],
   columns = [],
   headerType,
@@ -73487,7 +73534,7 @@ const PrePostTable = ({
   handleAccordion,
   loading,
   scriptType = false
-}) => {
+}, ref) => {
   const observerRef = React.useRef(null);
   const [ViewComponent, setViewComponent] = React.useState(null);
   const [viewModeId, setViewModeId] = React.useState(null);
@@ -73522,6 +73569,9 @@ const PrePostTable = ({
       });
     }
   };
+  // const resetStepGroupAccordion = () => {
+  //   setExpandStepGroup(new Map());
+  // };
   React.useEffect(() => {
     const scrollContainer = document.getElementById('ff-table-scroll-container');
     const firstNode = document.getElementById('ff-table-first-node');
@@ -73576,6 +73626,13 @@ const PrePostTable = ({
   React.useEffect(() => {
     scrollToView('getInFocus');
   }, [AddNlp, viewModeId]);
+  if (ref) {
+    React.useImperativeHandle(ref, () => ({
+      resetStepGroupAccordion: () => {
+        setExpandStepGroup(new Map());
+      }
+    }));
+  }
   return jsxRuntime.jsx(DndContext, {
     collisionDetection: closestCorners,
     onDragStart: () => {
@@ -73688,7 +73745,7 @@ const PrePostTable = ({
       })
     })
   });
-};
+});
 
 const StepGroupAccordions = /*#__PURE__*/React.memo(({
   data = [],
@@ -74794,6 +74851,9 @@ const StepLandingTable = /*#__PURE__*/React.forwardRef(({
     },
     deleteRow: rowData => {
       setSelectedRows(prev => Object.fromEntries(Object.entries(prev)?.map(([key, ids]) => [key, new Set([...ids].filter(id => id !== rowData?.stepId))])));
+    },
+    resetStepGroupAccordion: () => {
+      setExpandStepGroup(new Map());
     }
   }));
   React.useEffect(() => {