pixel-react 1.14.61 → 1.14.63

package/lib/index.cjs

@@ -7241,7 +7241,8 @@ const Select$1 = ({
   borderRadius = '0px',
   noResultsMessage,
   dropDownRef,
-  dropDownHeight = 160
+  dropDownHeight = 160,
+  onSearchText
 }) => {
   const selectWidth = typeof width === 'number' ? `${width}px` : width;
   const memoizedOptionsList = React.useMemo(() => optionsList, [optionsList]);
@@ -7286,6 +7287,7 @@ const Select$1 = ({
     const {
       value
     } = event.target;
+    onSearchText?.(value);
     const filteredOptions = optionsList.filter(option => {
       const valueData = getValue$1(option, valueAccessor);
       return typeof valueData === 'string' ? valueData.toLowerCase().includes(value.toLowerCase().trim()) : valueData === Number(value);
@@ -36555,14 +36557,14 @@ const MachineInputField = ({
       }),
       children: options.map(({
         label,
-        type = 'local',
+        type,
         version
       }) => jsxRuntime.jsxs("div", {
         className: classNames('ff-machine-icon-text-wrapper', {
           'ff-machine-icon-text-wrapper-reverse': contentReverse
         }),
         children: [jsxRuntime.jsx(Icon, {
-          name: getIcon[type?.toLowerCase()] || 'local',
+          name: getIcon[type?.toLowerCase()] || '',
           className: "ff-machine-icon"
         }), jsxRuntime.jsx(Tooltip, {
           title: label,
@@ -36665,9 +36667,9 @@ const Branches = ({
   const showMiddleArrow = index => machineInstances.length - 1 !== index && machineColumnCount > 1;
   const getGridTemplateColumnStyle = () => {
     if (machineColumnCount === 1) {
-      return `24px minmax(420px, auto) 24px`;
+      return `24px minmax(min-content, auto) 24px`;
     }
-    return `24px minmax(420px, auto) repeat(${machineColumnCount - 1}, 40px minmax(420px, auto)) 24px`;
+    return `24px minmax(min-content, auto) repeat(${machineColumnCount - 1}, 40px minmax(min-content, auto)) 24px`;
   };
   const getMachineLabelOptionList = (type = '', machineInstance) => {
     const {
@@ -36696,7 +36698,7 @@ const Branches = ({
     if (scriptType.toLowerCase() === 'manual') {
       baseOptions.push({
         label: hostName || '',
-        type: 'local'
+        type: executionEnv?.toLowerCase() === 'local' ? 'local' : ''
       });
     }
     // Web-specific options
@@ -36709,7 +36711,7 @@ const Branches = ({
     }];
     // Mobile-specific options
     const mobileOptions = deviceInfo?.reduce((acc, device) => {
-      if (device?.name) {
+      if (device) {
         acc.push({
           label: device?.name,
           type: scriptType.toLowerCase() === 'manual' ? 'android' : device?.platform,
@@ -42556,13 +42558,28 @@ const ColumnIndicator = ({
   scrollToColumn
 }) => {
   const dispatch = useDispatch();
+  const excelData = useSelector(state => state.model.data);
+  const activeCell = useSelector(state => state.active);
   const minColumnWidth = minimumColumnWidth;
   const columnWidth = useSelector(state => state.columnDimensions[column]?.width || minColumnWidth);
   const matrixData = useSelector(state => state.model.data);
   const {
     columnCount
   } = getMatrixDimensions(matrixData);
+  const prevExcelDataRef = React__namespace.useRef(excelData);
+  const isCellDataChanged = React__namespace.useCallback(() => {
+    if (activeCell) {
+      if (prevExcelDataRef.current?.[activeCell.row]?.[activeCell.column] === EmptyCell || prevExcelDataRef.current?.[0]?.length !== excelData?.[0]?.length) {
+        prevExcelDataRef.current = excelData;
+      }
+      const prevValue = prevExcelDataRef.current?.[activeCell.row]?.[activeCell.column]?.value;
+      const newValue = excelData?.[activeCell.row]?.[activeCell.column]?.value;
+      return prevValue === newValue;
+    }
+    return false;
+  }, [activeCell, excelData, prevExcelDataRef, EmptyCell]);
   const options = React.useMemo(() => {
+    const checkVisible = cell?.contextDisable?.['Delete Column'] && isCellDataChanged();
     return [{
       label: 'Add Column Left',
       value: 'Add Column Left',
@@ -42600,10 +42617,10 @@ const ColumnIndicator = ({
         onDeleteColumn?.(selectedColumn ?? column);
       },
       disableTooltip: '',
-      visible: cell?.contextDisable?.['Delete Column'] ?? false,
+      visible: checkVisible ? true : false,
       disable: false
     }] : [])];
-  }, [selectedColumn, cell, addColumnLeft, addColumnRight, deleteColumn, minColumnWidth, columnCount, maxColLimit, disableDeleteOption, onAddColumn, onDeleteColumn, column]);
+  }, [selectedColumn, cell, addColumnLeft, addColumnRight, deleteColumn, minColumnWidth, columnCount, maxColLimit, disableDeleteOption, onAddColumn, onDeleteColumn, column, isCellDataChanged]);
   const onMouseDrag = React__namespace.useCallback((event, isRight) => {
     const getTargetColumn = isRight ? column - 1 : column;
     const targetColumn = Math.max(getTargetColumn, 0);
@@ -42637,7 +42654,7 @@ const ColumnIndicator = ({
     });
   }, [column, selectedColumn, columnContextEnable, options]);
   React__namespace.useEffect(() => {
-    if (selectedColumn !== undefined && contextMenu?.contextType === 'column' || !contextMenu?.contextType) {
+    if (selectedColumn !== undefined || !contextMenu?.contextType) {
       setContextMenu(prev => ({
         open: prev.open,
         contextType: 'column',
@@ -43719,6 +43736,10 @@ const getTextAlignment = alignment => {
       return 'center';
     case 'JUSTIFY':
       return 'justify';
+    case 'BOTTOM':
+      return 'end';
+    case 'TOP':
+      return 'start';
     default:
       return 'left';
   }
@@ -43733,6 +43754,10 @@ const getTextAlignmentBack = alignment => {
       return 'CENTER';
     case 'justify':
       return 'JUSTIFY';
+    case 'end':
+      return 'BOTTOM';
+    case 'start':
+      return 'TOP';
     default:
       return 'LEFT';
   }
@@ -43781,7 +43806,8 @@ function convertStyleToFrontend(backendStyle) {
     borderRight: borderRight,
     borderBottom: borderBottom,
     borderLeft: borderLeft,
-    textAlign: getTextAlignment(backendStyle.alignment.horizontal)
+    textAlign: getTextAlignment(backendStyle.alignment.horizontal),
+    alignContent: getTextAlignment(backendStyle.alignment.vertical)
   };
 }
 const getBorderStyle = border => {
@@ -43815,7 +43841,7 @@ const convertStyleToBackend = frontendStyle => {
     },
     alignment: {
       horizontal: getTextAlignmentBack(frontendStyle.textAlign),
-      vertical: 'BOTTOM',
+      vertical: getTextAlignmentBack(frontendStyle.alignContent),
       wrapText: false
     }
   };