pixel-priya 1.2.2 → 1.2.4

package/lib/index.cjs

@@ -3680,6 +3680,17 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
     }
     onBlur?.(e);
   };
+  const handleWheel = e => {
+    if (type === 'number') {
+      const input = e.currentTarget;
+      const currentValue = parseFloat(input.value);
+      const isScrollDown = e.deltaY > 0;
+      if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+        input.blur();
+        setTimeout(() => input.focus(), 0);
+      }
+    }
+  };
   return jsxRuntime.jsx("fieldset", {
     className: classNames('ff-input-fieldset', {
       'ff-input-fieldset--disabled': disabled
@@ -3740,6 +3751,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
         onClick: onClick,
         onKeyUp: onKeyUp,
         onKeyDown: handleKeyDown,
+        onWheel: handleWheel,
         ...props
       }), type === 'number' && jsxRuntime.jsxs("div", {
         className: classNames('arrow-container', {
@@ -4581,7 +4593,8 @@ const Textarea = ({
   ...props
 }) => {
   const labelClasses = classNames('ff-textarea-label ff-textarea-label--' + variant, {
-    'ff-textarea-label--danger': error
+    'ff-textarea-label--danger': error,
+    'ff-textarea-label--disabled': disabled
   });
   const textareaClasses = classNames(`ff-textarea ff-textarea--${variant}`, className, {
     'ff-textarea--danger': error,
@@ -10447,10 +10460,13 @@ const useFileDropzone = options => {
     invalidFileMessage,
     fileExistMessage,
     validateMIMEType = false,
-    isApiResponseError
+    isApiResponseError,
+    selectedFile,
+    setSelectedFile
   } = options;
+  const file = !selectedFile ? [] : [selectedFile];
   const [files, setFiles] = React.useState({
-    accepted: [],
+    accepted: file,
     rejected: []
   });
   const [isDragActive, setIsDragActive] = React.useState(false);
@@ -10499,6 +10515,9 @@ const useFileDropzone = options => {
     setFiles(prevFiles => {
       const updatedAccepted = prevFiles.accepted.filter(file => file.name !== fileToReplace.name);
       const updatedRejected = prevFiles.rejected.filter(rejection => rejection.file.name !== fileToReplace.name);
+      if (!checkEmpty(errors) && newFile && setSelectedFile) {
+        setSelectedFile([...updatedAccepted, newFile]);
+      }
       return {
         accepted: !checkEmpty(errors) ? updatedAccepted : [...updatedAccepted, newFile],
         rejected: !checkEmpty(errors) ? [...updatedRejected, {
@@ -11047,7 +11066,9 @@ const FileDropzone = ({
     invalidFileMessage,
     fileExistMessage,
     validateMIMEType,
-    isApiResponseError
+    isApiResponseError,
+    selectedFile,
+    setSelectedFile
     // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
   });
   React.useEffect(() => {
@@ -15772,6 +15793,16 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
   rightDropDownPositionZindex
 }, ref) => {
   const isValueFilled = !checkEmpty(value) || dropdownPosition === 'left';
+  const handleWheel = e => {
+    if (type !== 'number') return;
+    const input = e.currentTarget;
+    const currentValue = parseFloat(input.value);
+    const isScrollDown = e.deltaY > 0;
+    if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+      input.blur();
+      setTimeout(() => input.focus(), 0);
+    }
+  };
   return jsxRuntime.jsxs("div", {
     className: classNames('ff-input-with-dropdown-container', {
       'ff-input-with-dropdown-container--filled': isValueFilled
@@ -15831,6 +15862,7 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
           onClick: onClick,
           onKeyUp: onKeyUp,
           onKeyDown: onKeyDown,
+          onWheel: handleWheel,
           onFocus: onFocus,
           className: classNames('ff-floating-input', {
             'ff-floating-input--filled': isValueFilled,
@@ -30375,7 +30407,7 @@ const AppHeader = ({
                         }));
                         return jsxRuntime.jsxs("div", {
                           className: classNames('ff-app-header-quickmenu-container', subMenuItem.quickMenuItems?.length ? 'visible' : ''),
-                          children: [!checkEmpty(quickMenuHiddenItemsArray) && jsxRuntime.jsx("div", {
+                          children: [!checkEmpty(quickMenuItemsArray) && jsxRuntime.jsx("div", {
                             children: jsxRuntime.jsx(Icon, {
                               name: "vertical_separator"
                             })
@@ -33421,6 +33453,9 @@ const NlpDropdown = ({
     } else if (nlpType === 'PROGRAM_ELEMENTS') {
       label = 'PE';
       className = 'ff-pe';
+    } else if (nlpType === 'WORKBENCH_REQUEST') {
+      label = 'WS';
+      className = 'ff-ws';
     } else {
       label = '--';
       className = 'nlp-default';
@@ -33456,13 +33491,7 @@ const NlpDropdown = ({
         });
       } else if (platform === 'Generic') {
         return jsxRuntime.jsx(Icon, {
-          name: "generic_nlp",
-          height: 10,
-          width: 10
-        });
-      } else if (platform === 'Webservice') {
-        return jsxRuntime.jsx(Icon, {
-          name: "web_service_icon",
+          name: "mobile_icon",
           height: 10,
           width: 10
         });
@@ -33473,9 +33502,16 @@ const NlpDropdown = ({
           width: 10
         });
       }
-    } else {
-      return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    } else if (nlpType === 'WORKBENCH_REQUEST') {
+      if (platform === 'Webservice') {
+        return jsxRuntime.jsx(Icon, {
+          name: "web_service_icon",
+          height: 8,
+          width: 8
+        });
+      }
     }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
   };
   useIntersectionObserver(['ff-nlp-dropdown-pagination'], {
     root: document.getElementById('ff-nlp-dropdown-options-wrapper'),
@@ -34955,7 +34991,7 @@ const AttachmentButton = ({
     }), fileError && jsxRuntime.jsx(Toaster, {
       isOpen: !!fileError,
       variant: "info",
-      toastTitle: "Error",
+      toastTitle: "Information",
       toastMessage: fileError,
       zIndex: 10000000
     }), showSelectedFiles && selectedFiles.map((file, index) => jsxRuntime.jsxs("div", {
@@ -37892,12 +37928,25 @@ function reducer(state, action) {
         updatedData.splice(selectedRow, 1);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         let newSelectedRow = selectedRow > 0 ? selectedRow - 1 : 0;
-        let newSelectedColumn = !checkEmpty(selectedColumn) ? selectedColumn : 0;
+        const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
+        const newActive = updatedData.length > 0 ? {
+          row: newSelectedRow,
+          column: newSelectedColumn
+        } : null;
+        console.log('selected', newSelectedRow);
+        const newSelected = updatedData.length > 0 ? new EntireRowsSelection(newSelectedRow, newSelectedRow) : new EmptySelection();
+        const {
+          [selectedRow]: _,
+          ...cleanedRowDimensions
+        } = state.rowDimensions;
         return {
           ...state,
           model: updatedModel,
           selectedRow: newSelectedRow,
-          selectedColumn: newSelectedColumn
+          selectedColumn: newSelectedColumn,
+          selected: newSelected,
+          active: newActive,
+          rowDimensions: cleanedRowDimensions
         };
       }
     case DELETE_COLUMN:
@@ -40381,9 +40430,14 @@ const ActiveCell = props => {
         if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
           const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
           for (const file of selected) {
-            const response = await props.attachmentAction?.addAttachment(file);
-            if (!checkEmpty(response)) {
-              parsedFiles.push(JSON.parse(response));
+            const isDuplicate = parsedFiles.some(existing => existing?.name.split('*')[0] === file?.name);
+            if (isDuplicate) {
+              toast.warning(`Duplicate attachments not allowed within the same row`);
+            } else {
+              const response = await props.attachmentAction?.addAttachment(file);
+              if (!checkEmpty(response)) {
+                parsedFiles.push(JSON.parse(response));
+              }
             }
           }
           handleChange({
@@ -41384,7 +41438,7 @@ const Spreadsheet = props => {
     resizeObserver.observe(table);
   };
   const removeSelection = () => {
-    if (!(state.selectedColumn !== null || state.selectedRow !== null)) {
+    if ((state.selectedColumn === null || state.selectedRow === null) && !state.autoFill.open) {
       removeSelect();
     }
   };
@@ -41580,7 +41634,9 @@ const ExcelContextMenu = ({
     className: "ff-excel-menu",
     style: {
       left: position.x,
-      top: position.y
+      top: position.y,
+      position: 'absolute',
+      zIndex: 9999999999
     },
     children: contextMenu.options.map(option => {
       if (!option.disable && (!checkDelete(option.label) || !disableDeleteOption)) {
@@ -42013,10 +42069,28 @@ const ExcelFile = ({
     const rect = sheetRef.current?.parentElement?.getBoundingClientRect();
     const xOffset = window.scrollX;
     const yOffset = window.scrollY;
-    let sheetRefX = event.clientX - (rect?.left || 0) + xOffset + 10;
-    let sheetRefY = event.clientY - (rect?.top || 0) + yOffset - 5;
+    let sheetRefX = event.clientX - (rect?.left || 0) + xOffset;
+    let sheetRefY = event.clientY - (rect?.top || 0) + yOffset;
     const menuWidth = 300;
-    let menuHeight = 200;
+    const menuHeight = 200;
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const spaceOnRight = windowWidth - event.clientX;
+    const spaceOnLeft = event.clientX;
+    const spaceBelow = windowHeight - event.clientY;
+    const spaceAbove = event.clientY;
+    // Horizontal positioning: left if no space on right
+    if (spaceOnRight < menuWidth && spaceOnLeft >= menuWidth) {
+      sheetRefX = event.clientX - (rect?.left || 0) + xOffset - 150;
+    } else {
+      sheetRefX += 2;
+    }
+    // Vertical positioning: above if no space below
+    if (spaceBelow < menuHeight && spaceAbove >= menuHeight) {
+      sheetRefY = event.clientY - (rect?.top || 0) + yOffset - 20;
+    } else {
+      sheetRefY += 2;
+    }
     if (event.target.classList.contains('ff-excel-tab-list')) {
       setPosition({
         x: sheetRefX,
@@ -42024,13 +42098,12 @@ const ExcelFile = ({
       });
       return;
     }
-    const windowWidth = window.innerWidth;
-    const windowHeight = window.innerHeight;
+    // Ensure menu stays within window bounds
     if (sheetRefX + menuWidth > windowWidth) {
-      sheetRefX = windowWidth - menuWidth - 100;
+      sheetRefX = windowWidth - menuWidth - 2;
     }
-    if (sheetRefY + menuHeight > windowHeight) {
-      sheetRefY = windowHeight - menuHeight - 100;
+    if (sheetRefX < 0) {
+      sheetRefX = 2; // Prevent clipping off left edge
     }
     setPosition({
       x: sheetRefX + contextWidthPositioning,
@@ -43853,15 +43926,15 @@ const ProgressBar = ({
           children: `${Math.round(validProgress)}%`
         })
       })
-    }), computedLabel && jsxRuntime.jsxs(Typography, {
+    }), computedLabel && jsxRuntime.jsx(Typography, {
       as: "div",
       className: "ff-progress-bar-label",
       fontSize: labelFontSize,
       color: labelTextColor,
-      children: [jsxRuntime.jsx(Tooltip, {
+      children: jsxRuntime.jsx(Tooltip, {
         title: isTextTruncated(computedLabel, 10, 'count') ? computedLabel : '',
         children: truncateText(computedLabel, 10, 'count')
-      }), computedLabel]
+      })
     })]
   });
 };
@@ -45243,7 +45316,13 @@ const MediaViewerModal = ({
   src,
   headerTitle,
   onDownload,
-  onExpand
+  onExpand,
+  showHeader = true,
+  showDownload = true,
+  showExpand = true,
+  width = '800px',
+  height = '432px',
+  showControls = true
 }) => {
   const videoRef = React.useRef(null);
   const [currentTime, setCurrentTime] = React.useState(0);
@@ -45291,7 +45370,7 @@ const MediaViewerModal = ({
     isOpen: isOpen,
     onClose: onClose,
     isMaximized: false,
-    showHeader: true,
+    showHeader: showHeader,
     downloadHandler: () => console.log('Download clicked'),
     header: jsxRuntime.jsxs("div", {
       className: "ff-header-content",
@@ -45312,8 +45391,8 @@ const MediaViewerModal = ({
       name: "close",
       onClick: onClose
     }),
-    width: "620px",
-    height: "336px",
+    width: width,
+    height: height,
     zIndex: 999,
     children: jsxRuntime.jsxs("div", {
       className: "ff-video-wrapper",
@@ -45330,20 +45409,20 @@ const MediaViewerModal = ({
         className: "ff-media-image"
       }), jsxRuntime.jsxs("div", {
         className: "ff-top-right-icons",
-        children: [jsxRuntime.jsx(Icon, {
+        children: [showDownload && jsxRuntime.jsx(Icon, {
           width: 20,
           height: 23,
           name: "download_file",
           color: "white",
           onClick: onDownload
-        }), jsxRuntime.jsx(Icon, {
+        }), showExpand && jsxRuntime.jsx(Icon, {
           width: 20,
           height: 23,
           name: "expand_icon",
           color: "white",
           onClick: onExpand
         })]
-      }), mediaType === 'video' && jsxRuntime.jsxs("div", {
+      }), mediaType === 'video' && showControls && jsxRuntime.jsxs("div", {
         className: "ff-media-controls",
         children: [jsxRuntime.jsx("button", {
           onClick: onTogglePlay,
@@ -59285,7 +59364,7 @@ const ChildComment = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] || '');
       const remainder = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainder;
       setInput(newText);
       setHasAtSymbol(false);
@@ -59789,7 +59868,7 @@ const Comments = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] ?? '');
       const remainingText = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainingText;
       setInput(newText);
       setHasAtSymbol(false);
@@ -108811,7 +108890,7 @@ const NoDataContent = ({
     }), jsxRuntime.jsx(Typography, {
       fontSize: textFontSize,
       lineHeight: "36px",
-      fontWeight: "bold",
+      fontWeight: "semi-bold",
       children: text
     })]
   });
@@ -108980,11 +109059,12 @@ const handleTreeExpandAllCollapseAll = (data, key, rootNode, isExpanded, treeAct
   };
 };
 
-function togglePrePostConditions(data, isHide) {
+function togglePrePostConditions(data, isHide, isScript) {
   if (!Array.isArray(data)) {
     throw new Error('Input data must be an array of TreeNode objects.');
   }
-  return data.map(node => ['PRE', 'POST'].includes(node.entityType ?? '') ? {
+  const hideTypeArray = isScript ? ['Script'] : ['PRE', 'POST'];
+  return data.map(node => hideTypeArray.includes(node.entityType ?? '') ? {
     ...node,
     hide: isHide
   } : node);