pixel-sharan 1.13.71 → 1.13.75

package/lib/index.cjs

@@ -1988,7 +1988,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();
@@ -3559,6 +3559,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   placeholder = 'Enter input',
   value = type === 'number' ? 0 : '',
   helperText = '',
+  isHelperTextRequired = false,
   error,
   noBorder,
   className = '',
@@ -3804,11 +3805,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
@@ -31421,6 +31424,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',
@@ -31472,7 +31500,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
@@ -31485,11 +31513,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))
             })]
           })]
@@ -34411,7 +34439,7 @@ const IconRadioGroup = ({
 };
 
 const MachineInputField = ({
-  width = '',
+  width = '100%',
   options = [],
   runCount = 0,
   className = '',
@@ -34569,9 +34597,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 {
@@ -37663,6 +37691,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 {
@@ -37697,24 +37735,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) {
@@ -40604,118 +40644,158 @@ const ActiveCell = props => {
   const [allOption, setAllOption] = React__namespace.useState();
   const [selectedFiles, setSelectedFiles] = React__namespace.useState([]);
   const handleFilesChange = async (newFiles, selected, actionType) => {
-    if (newFiles.length > 5) {
-      toast.info('Cannot upload more than 5 files.');
-      return;
-    }
-    console.log('newFiles:', newFiles, 'selected:', selected, 'actionType:', actionType);
-    if (props.attachmentAction?.addAttachment && selected && actionType === 'ADD' && cell?.inputType?.type === 'file') {
-      try {
-        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 (nonDuplicateFiles.length === 0) {
-          if (duplicateCount > 0) {
-            toast.warning(`Duplicate attachments not allowed within the same row`);
-          }
-          return;
-        }
-        console.log('nonDuplicateFiles:', nonDuplicateFiles);
-        // Upload files with better error handling
-        const uploadPromises = nonDuplicateFiles.map(async file => {
-          try {
-            console.log(`Starting upload for file: ${file.name}`);
-            const response = await props?.attachmentAction?.addAttachment(file);
-            console.log(`Raw response for ${file.name}:`, response, typeof response);
-            // Check if response is falsy or empty
-            if (!response || typeof response === 'string' && response.trim().length === 0) {
-              console.error(`Empty or null response for ${file.name}`);
-              return null;
+    if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
+      const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
+      // Combine selected and newFiles, ensuring selected is an array
+      const allFiles = [...(selected || []), ...newFiles];
+      // Check total file count (existing + all files)
+      const totalFiles = parsedFiles.length + allFiles.length;
+      if (totalFiles > 5) {
+        toast.info('Cannot upload more than 5 files.');
+        return;
+      }
+      if (props.attachmentAction?.addAttachment) {
+        try {
+          let successCount = 0;
+          let failureCount = 0;
+          let duplicateCount = 0;
+          // Filter out duplicate files (check against parsedFiles and within allFiles)
+          const uniqueFiles = allFiles.filter((file, index, self) => {
+            // Check against existing parsedFiles
+            const isDuplicateInParsed = parsedFiles.some(existing => existing?.name.split('*')[0] === file?.name);
+            // Check for duplicates within allFiles (keep first occurrence)
+            const isDuplicateInSelf = self.findIndex(f => f.name === file.name) !== index;
+            if (isDuplicateInParsed || isDuplicateInSelf) {
+              duplicateCount++;
+              return false;
             }
-            // Handle string responses
-            if (typeof response === 'string') {
-              try {
-                const parsedResponse = JSON.parse(response);
-                console.log(`Parsed response for ${file.name}:`, parsedResponse);
-                // Validate parsed response structure
-                if (parsedResponse && parsedResponse.id && parsedResponse.name) {
-                  console.log(`Successfully processed ${file.name}`);
-                  return parsedResponse;
+            return true;
+          });
+          if (uniqueFiles.length === 0) {
+            if (duplicateCount > 0) {
+              toast.warning(`Duplicate attachments not allowed within the same row`);
+            }
+            return;
+          }
+          // Upload files with error handling
+          const uploadPromises = uniqueFiles.map(async file => {
+            try {
+              const response = await props?.attachmentAction?.addAttachment(file);
+              // Check for invalid response
+              if (!response || typeof response === 'string' && response.trim().length === 0) {
+                return {
+                  file,
+                  status: 'failed',
+                  reason: 'no response'
+                };
+              }
+              // Handle string responses
+              if (typeof response === 'string') {
+                try {
+                  const parsedResponse = JSON.parse(response);
+                  // Check for response code 400
+                  if (parsedResponse.responseCode === 400) {
+                    return {
+                      file,
+                      status: 'failed',
+                      reason: 'invalid file'
+                    };
+                  }
+                  // Validate parsed response structure
+                  if (parsedResponse && parsedResponse.id && parsedResponse.name) {
+                    return {
+                      file,
+                      status: 'success',
+                      data: parsedResponse
+                    };
+                  } else {
+                    return {
+                      file,
+                      status: 'failed',
+                      reason: 'invalid response'
+                    };
+                  }
+                } catch (parseError) {
+                  return {
+                    file,
+                    status: 'failed',
+                    reason: 'parse error'
+                  };
+                }
+              }
+              // Handle object responses
+              if (typeof response === 'object' && response !== null) {
+                const typedResponse = response;
+                if (typedResponse?.id && typedResponse?.name) {
+                  return {
+                    file,
+                    status: 'success',
+                    data: typedResponse
+                  };
                 } else {
-                  console.error(`Invalid response structure for ${file.name}:`, parsedResponse);
-                  return null;
+                  return {
+                    file,
+                    status: 'failed',
+                    reason: 'invalid response'
+                  };
                 }
-              } catch (parseError) {
-                console.error(`JSON parse failed for ${file.name}:`, parseError, 'Raw response:', response);
-                return null;
               }
+              return {
+                file,
+                status: 'failed',
+                reason: 'unknown'
+              };
+            } catch (error) {
+              console.error(`Upload failed for ${file.name}:`, error);
+              return {
+                file,
+                status: 'failed',
+                reason: 'upload error'
+              };
             }
-            // Handle object responses
-            if (typeof response === 'object' && response !== null) {
-              const typedResponse = response;
-              console.log(`Object response for ${file.name}:`, typedResponse);
-              if (typedResponse?.id && typedResponse?.name) {
-                console.log(`Successfully processed ${file.name} (object response)`);
-                return typedResponse;
+          });
+          const results = await Promise.allSettled(uploadPromises);
+          results.forEach(result => {
+            if (result.status === 'fulfilled' && result.value) {
+              const {
+                status,
+                data
+              } = result.value;
+              if (status === 'success' && data) {
+                parsedFiles.push(data);
+                successCount++;
+              } else if (result.value.reason === 'invalid file') {
+                failureCount++;
               } else {
-                console.error(`Invalid object response structure for ${file.name}:`, typedResponse);
-                return null;
+                failureCount++;
               }
+            } else {
+              failureCount++;
             }
-            console.error(`Unexpected response type for ${file.name}:`, typeof response, response);
-            return null;
-          } catch (error) {
-            console.error(`Upload failed for ${file.name}:`, error);
-            return null;
+          });
+          // Update cell value
+          const newValue = parsedFiles.length > 0 ? JSON.stringify(parsedFiles) : '';
+          handleChange({
+            ...cell,
+            value: newValue,
+            style: cell?.style,
+            inputType: cell?.inputType
+          });
+          setSelectedFiles(parsedFiles.map(file => new File([new Blob()], file.name)));
+          // Show toast messages
+          if (duplicateCount > 0) {
+            toast.warning(`Duplicate attachments not allowed within the same row`);
           }
-        });
-        const results = await Promise.allSettled(uploadPromises);
-        console.log('Promise.allSettled results:', results);
-        results.forEach((result, index) => {
-          const fileName = nonDuplicateFiles[index]?.name;
-          console.log(`Processing result for ${fileName}:`, result);
-          if (result.status === 'fulfilled' && result.value && result.value.id && result.value.name) {
-            parsedFiles.push(result.value);
-            successCount++;
-            console.log(`Successfully added ${fileName} to parsedFiles`);
-          } else {
-            console.error(`Failed to process file ${fileName}:`, result);
-            failureCount++;
+          if (successCount > 0) {
+            toast.success(`${successCount} file${successCount > 1 ? 's' : ''} uploaded successfully.`);
           }
-        });
-        // Update cell value
-        const newValue = parsedFiles.length > 0 ? JSON.stringify(parsedFiles) : '';
-        console.log('Updating cell with value:', newValue);
-        handleChange({
-          ...cell,
-          value: newValue,
-          style: cell?.style,
-          inputType: cell?.inputType
-        });
-        setSelectedFiles(parsedFiles.map(file => new File([new Blob()], file.name)));
-        // Show appropriate toast messages
-        if (duplicateCount > 0) {
-          toast.warning(`Duplicate attachments not allowed within the same row`);
-        }
-        if (successCount > 0 && failureCount === 0) {
-          toast.success(`${successCount} file${successCount > 1 ? 's' : ''} uploaded successfully.`);
-        } else if (successCount > 0 && failureCount > 0) {
-          toast.info(`${successCount} file${successCount > 1 ? 's' : ''} uploaded successfully. ${failureCount} file${failureCount > 1 ? 's' : ''} failed.`);
-        } else if (failureCount > 0) {
-          toast.error(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`);
+          if (failureCount > 0) {
+            toast.info(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`);
+          }
+        } catch (error) {
+          console.error('Attachment operation failed:', error);
+          toast.error('Attachment operation failed');
         }
-      } catch (error) {
-        console.error('Attachment operation failed:', error);
-        toast.error('Attachment operation failed');
       }
     } else if (actionType === 'DELETE' && cell?.inputType?.type === 'file') {
       try {
@@ -40727,7 +40807,6 @@ const ActiveCell = props => {
           if (index !== -1 && fileId && props.attachmentAction?.deleteAttachment) {
             try {
               const response = await props.attachmentAction.deleteAttachment(fileId);
-              console.log(`Delete response for ${file.name}:`, response);
               if (response) {
                 updatedFileDetails.splice(index, 1);
                 handleChange({
@@ -40737,7 +40816,6 @@ const ActiveCell = props => {
                   inputType: cell?.inputType
                 });
                 setSelectedFiles(prevSelectedFiles => [...prevSelectedFiles.filter(f => f.name !== file.name)]);
-                console.log(`Successfully deleted ${file.name}`);
               } else {
                 console.error(`Delete failed for ${file.name}: No response`);
               }
@@ -40752,120 +40830,6 @@ const ActiveCell = props => {
       }
     }
   };
-  // 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 && actionType === 'ADD' && cell?.inputType?.type === 'file') {
-  //     try {
-  //       const parsedFiles: Types.AttachmentApi[] = !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 (nonDuplicateFiles.length === 0) {
-  //         if (duplicateCount > 0) {
-  //           toast.warning(`Duplicate attachments not allowed within the same row`);
-  //         }
-  //         return;
-  //       }
-  //       // Upload files
-  //       const uploadPromises = nonDuplicateFiles?.map(async (file) => {
-  //         try {
-  //           const response = await props?.attachmentAction?.addAttachment(file);
-  //           console.log(`Raw response for ${file.name}:`, response); // Debug log
-  //           if (response && typeof response === 'string' && !checkEmpty(response)) {
-  //             const parsedResponse = JSON.parse(response);
-  //             console.log(`Parsed response for ${file.name}:`, parsedResponse); // Debug log
-  //             if (parsedResponse && parsedResponse.id && parsedResponse.name) {
-  //               return parsedResponse;
-  //             }
-  //             console.error(`Invalid response format for ${file.name}:`, parsedResponse);
-  //             return null;
-  //           }
-  //           console.error(`Invalid or empty response for ${file.name}:`, response);
-  //           return null;
-  //         } catch (error) {
-  //           console.error(`Upload failed for ${file.name}:`, error);
-  //           return null;
-  //         }
-  //       });
-  //       const results = await Promise.allSettled(uploadPromises);
-  //       console.log('res',results);
-  //       results.forEach((result, index) => {
-  //         if (result.status === 'fulfilled' && result.value && result.value.id && result.value.name) {
-  //           parsedFiles.push(result.value as Types.AttachmentApi);
-  //           successCount++;
-  //         } else {
-  //           console.error(`Failed to process file ${nonDuplicateFiles[index]?.name}:`, result);
-  //           failureCount++;
-  //         }
-  //       });
-  //       // Update cell value
-  //       handleChange({
-  //         ...cell,
-  //         value: JSON.stringify(parsedFiles),
-  //         style: cell?.style,
-  //         inputType: cell?.inputType,
-  //       });
-  //       setSelectedFiles(parsedFiles.map((file) => new File([new Blob()], file.name)));
-  //       // Original toast messages
-  //       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.`);
-  //       }
-  //     } catch (error) {
-  //       console.error('Attachment operation failed:', error);
-  //       toast.error('Attachment operation failed');
-  //     }
-  //   } else if (actionType === 'DELETE' && cell?.inputType?.type === 'file') {
-  //     try {
-  //       const parsedValue = cell && JSON.parse(cell.value);
-  //       const updatedFileDetails = [...parsedValue];
-  //       for (const file of selected || []) {
-  //         const index = updatedFileDetails.findIndex(
-  //           (originalFile: Types.AttachmentApi) => originalFile.name === file.name
-  //         );
-  //         const fileId = updatedFileDetails[index]?.id;
-  //         if (index !== -1 && fileId && props.attachmentAction?.deleteAttachment) {
-  //           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 handleClick = e => {
     const selectedList = e.target.innerText;
     if (selectedList) {