pixel-react 1.13.96 → 1.13.97

package/lib/components/TableTreeFn/Components/TableHead.js

@@ -2,8 +2,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useEffect } from 'react';
 import Checkbox from '../../Checkbox/Checkbox.js';
 import RadioButton from '../../RadioButton/RadioButton.js';
-import { prepareData } from '../../../utils/TableCell/TableCell.js';
-import { formatCellData } from '../Utils/formatDataCell.js';
 
 const TableHead = /*#__PURE__*/React__default.memo(({
   columnsData,
@@ -13,8 +11,7 @@ const TableHead = /*#__PURE__*/React__default.memo(({
   selectedNode,
   tableHeaderBgColor,
   hideOnDisable,
-  transparentHeader,
-  scriptLengthTruncate = 25
+  transparentHeader
 }) => {
   // const hasDefaultValues = useMemo(
   //   () => columnsData.some(({ defaultValue }) => !!defaultValue),
@@ -58,11 +55,16 @@ const TableHead = /*#__PURE__*/React__default.memo(({
             value: rootNode.node.key,
             onChange: e => onCheckBoxChange(e, rootNode.node),
             disabled: rootNode.node.isDisabled
-          }), jsx("span", {
+          }), jsxs("span", {
             className: "tree-table-td-content-text",
-            children: jsx("span", {
-              children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate)
-            })
+            children: [jsx("span", {
+              children: rootNode.node[col.accessor]
+            }), rootNode.cell && index === 0 && jsx("span", {
+              className: "table-tree-root-cell",
+              children: (() => {
+                return rootNode.cell(rootNode.node);
+              })()
+            })]
           }), rootNode.actions && index === 0 && isMounted && rootNodeRowRef.current && jsx("div", {
             className: "table-tree-row-action",
             children: (() => {

package/lib/components/TableTreeFn/Components/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sources":["../../../../src/components/TableTreeFn/Components/TableHead.tsx"],"sourcesContent":[null],"names":["TableHead","React","memo","columnsData","rootNode","selected","onCheckBoxChange","selectedNode","tableHeaderBgColor","hideOnDisable","transparentHeader","scriptLengthTruncate","rootNodeRowRef","useRef","isMounted","setIsMounted","useState","useEffect","_jsxs","className","children","_jsx","map","name","width","style","backgroundColor","node","key","ref","col","index","select","isDisabled","Checkbox","checked","selectedStatus","partial","onChange","e","disabled","RadioButton","includes","value","formatCellData","prepareData","actions","current"],"mappings":"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"}
+{"version":3,"file":"TableHead.js","sources":["../../../../src/components/TableTreeFn/Components/TableHead.tsx"],"sourcesContent":[null],"names":["TableHead","React","memo","columnsData","rootNode","selected","onCheckBoxChange","selectedNode","tableHeaderBgColor","hideOnDisable","transparentHeader","rootNodeRowRef","useRef","isMounted","setIsMounted","useState","useEffect","_jsxs","className","children","_jsx","map","name","width","style","backgroundColor","node","key","ref","col","index","select","isDisabled","Checkbox","checked","selectedStatus","partial","onChange","e","disabled","RadioButton","includes","value","accessor","cell","actions","current"],"mappings":"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"}

package/lib/index.cjs

@@ -9797,10 +9797,25 @@ var DNDSortable = /*#__PURE__*/Object.freeze({
 	verticalListSortingStrategy: verticalListSortingStrategy
 });
 
-const getColumnWidth = (index, column, columns) => {
-  if (index === 0) return `${index * (column?.width || 0)}px`;
-  if (index === 1) return `${columns?.[0]?.width || 0}px`;
-  return 'auto';
+const getColumnLeftPosition = (index, columns, freezeColumns) => {
+  if (index === 0) return '0px';
+  // Calculate cumulative width of all previous columns including padding
+  let leftPosition = 0;
+  const CELL_PADDING = 8; // Each cell has 8px padding
+  for (let i = 0; i < index; i++) {
+    const width = columns[i]?.width;
+    // Add column width plus left padding only
+    leftPosition += width ? parseInt(width.toString(), 10) : DEFAULT_COLUMN_WIDTH;
+    // Add padding between frozen columns
+    if (freezeColumns && i < freezeColumns - 1) {
+      leftPosition += CELL_PADDING;
+    }
+  }
+  return `${leftPosition}px`;
+};
+const DEFAULT_COLUMN_WIDTH = 400;
+const calculateFrozenWidth = (columnData, freezeColumns) => {
+  return columnData.slice(0, freezeColumns).reduce((acc, col) => acc + parseInt(col.width?.toString() || `${DEFAULT_COLUMN_WIDTH}`, 10), 1) + 8 * (freezeColumns - 0.17);
 };
 const SortableRow = ({
   row,
@@ -9815,9 +9830,9 @@ const SortableRow = ({
   editMode,
   isAccordionOpen,
   accordionContent,
-  columnSticky,
   isRowCheckBoxDisable,
-  isRowDisabled = true
+  isRowDisabled = true,
+  freezeColumns
 }) => {
   const {
     attributes,
@@ -9843,15 +9858,19 @@ const SortableRow = ({
       }),
       id: key,
       children: columns.map((column, index) => {
-        const isSticky = columnSticky && (index === 0 || index === 1);
+        const isFrozen = freezeColumns && index < freezeColumns;
         return jsxRuntime.jsx("td", {
           style: {
-            paddingLeft: index === 0 && draggable ? '0px' : '8px',
-            position: isSticky ? 'sticky' : 'static',
-            left: getColumnWidth(index, column, columns),
-            zIndex: isSticky ? 999 : 'auto',
-            backgroundColor: isSticky ? 'var(--input-label-bg-color)' : 'transparent'
+            position: isFrozen ? 'sticky' : 'static',
+            left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
+            zIndex: isFrozen ? 99 : 'auto',
+            backgroundColor: isFrozen ? 'var(--input-label-bg-color)' : 'transparent',
+            width: column.width ? `${column.width}px` : 'auto',
+            padding: '7px 8px',
+            boxSizing: 'border-box',
+            paddingRight: isFrozen ? 0 : '8px'
           },
+          "data-frozen": isFrozen || undefined,
           onClick: () => handleOnclick(column, row),
           className: classNames(column.className, {
             'clickable-cell': column.onClick
@@ -9925,15 +9944,19 @@ const Table$1 = ({
   editComponent,
   getAccordionStatus = () => {},
   accordionContent,
-  columnSticky = false,
   tableRef = null,
   isRowCheckBoxDisable,
   isRowDisabled = true,
-  tableHeaderZindex = 99
+  tableHeaderZindex = 99,
+  freezeColumns
 }) => {
   const observerRef = React.useRef(null);
+  let frozenWidth = 0;
+  if (freezeColumns) {
+    frozenWidth = calculateFrozenWidth(columns, freezeColumns);
+  }
   React.useEffect(() => {
-    const scrollContainer = document.getElementById('ff-table-scroll-container');
+    const scrollContainer = document.getElementById('ff-sortable-table-scroll-container');
     const firstNode = document.getElementById('ff-table-first-node');
     const lastNode = document.getElementById('ff-table-last-node');
     // Exit early if data is empty or elements are missing
@@ -9994,12 +10017,10 @@ const Table$1 = ({
       children: jsxRuntime.jsxs("div", {
         style: {
           height: height,
-          position: 'relative',
-          overflowX: 'auto',
-          whiteSpace: 'nowrap',
-          scrollbarWidth: draggable ? 'none' : 'auto'
+          scrollbarWidth: draggable ? 'none' : 'auto',
+          '--frozen-column-width': freezeColumns ? `${frozenWidth}px` : '0px'
         },
-        id: "ff-table-scroll-container",
+        id: "ff-sortable-table-scroll-container",
         className: classNames(className, {
           'ff-fixed-header-table': withFixedHeader,
           'border-borderRadius': borderWithRadius
@@ -10016,44 +10037,51 @@ const Table$1 = ({
               zIndex: tableHeaderZindex
             },
             children: jsxRuntime.jsx("tr", {
-              children: columns.map((column, index) => jsxRuntime.jsxs("th", {
-                className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`, {
-                  'sticky-column': columnSticky && (index === 0 || index === 1)
-                }),
-                style: {
-                  width: column?.width,
-                  left: getColumnWidth(index, column, columns)
-                },
-                children: [jsxRuntime.jsx("div", {
-                  className: "ff-table-icon",
-                  children: jsxRuntime.jsx(Icon, {
-                    height: 14,
-                    width: 14,
-                    name: headerIconName,
-                    onClick: headerIconOnClick
-                  })
-                }), jsxRuntime.jsxs(Typography, {
-                  style: column?.width && {
-                    width: column?.width
+              children: columns.map((column, index) => {
+                const isFrozen = freezeColumns && index < freezeColumns;
+                return jsxRuntime.jsxs("th", {
+                  className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`),
+                  style: {
+                    position: isFrozen ? 'sticky' : 'static',
+                    left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
+                    zIndex: isFrozen ? 999 : 'auto',
+                    width: column.width ? `${column.width}px` : 'auto',
+                    padding: '7px 8px',
+                    boxSizing: 'border-box',
+                    // Remove right padding from frozen columns to prevent overlap
+                    paddingRight: isFrozen ? 0 : '8px'
                   },
-                  as: "div",
-                  fontWeight: "semi-bold",
-                  className: "ff-label-checkbox-container",
-                  children: [index === 0 && withCheckbox && jsxRuntime.jsx("span", {
-                    className: "ff-table-checkbox",
-                    children: jsxRuntime.jsx(Checkbox, {
-                      onChange: e => {
-                        onSelectClick(e, {
-                          allSelected: e.target.checked
-                        });
-                      },
-                      checked: allSelected !== undefined ? allSelected : false,
-                      partial: !!partialSelected,
-                      disabled: headerCheckboxDisabled
+                  children: [jsxRuntime.jsx("div", {
+                    className: "ff-table-icon",
+                    children: jsxRuntime.jsx(Icon, {
+                      height: 14,
+                      width: 14,
+                      name: headerIconName,
+                      onClick: headerIconOnClick
                     })
-                  }), column.header]
-                })]
-              }, column.header))
+                  }), jsxRuntime.jsxs(Typography, {
+                    style: column?.width && {
+                      width: column?.width
+                    },
+                    as: "div",
+                    fontWeight: "semi-bold",
+                    className: "ff-label-checkbox-container",
+                    children: [index === 0 && withCheckbox && jsxRuntime.jsx("span", {
+                      className: "ff-table-checkbox",
+                      children: jsxRuntime.jsx(Checkbox, {
+                        onChange: e => {
+                          onSelectClick(e, {
+                            allSelected: e.target.checked
+                          });
+                        },
+                        checked: allSelected !== undefined ? allSelected : false,
+                        partial: !!partialSelected,
+                        disabled: headerCheckboxDisabled
+                      })
+                    }), column.header]
+                  })]
+                }, column.header);
+              })
             })
           }), jsxRuntime.jsxs("tbody", {
             className: "ff-fixed-header-table",
@@ -10086,11 +10114,12 @@ const Table$1 = ({
                   withCheckbox: withCheckbox,
                   onSelectClick: onSelectClick,
                   draggable: draggable,
-                  columnSticky: columnSticky,
                   isAccordionOpen: isOpen,
                   accordionContent: accordionContent,
                   isRowCheckBoxDisable: isRowCheckBoxDisable,
-                  isRowDisabled: isRowDisabled
+                  isRowDisabled: isRowDisabled,
+                  freezeColumns: freezeColumns,
+                  frozenWidth: frozenWidth
                 })
               });
             }), jsxRuntime.jsx("tr", {
@@ -15862,7 +15891,8 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
   leftDropDownPositionZindex,
   rightDropDownPositionZindex,
   pattern,
-  inputMode
+  inputMode,
+  disableSelectHover = false
 }, ref) => {
   const isValueFilled = !checkEmpty(value) || dropdownPosition === 'left';
   const handleWheel = e => {
@@ -15900,7 +15930,8 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
           className: classNames('ff-floating-dropdown', {
             'ff-floating-dropdown--disabled': !!disabled,
             'ff-floating-dropdown--error': !!error,
-            'ff-floating-dropdown--left': dropdownPosition === 'left'
+            'ff-floating-dropdown--left': dropdownPosition === 'left',
+            'ff-floating-dropdown--no-hover': disableSelectHover
           }),
           width: 94,
           height: 30
@@ -15956,7 +15987,8 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
         optionsRequired: optionsRequired,
         className: classNames('ff-floating-dropdown', {
           'ff-floating-dropdown--disabled': !!disabled,
-          'ff-floating-dropdown--error': !!error
+          'ff-floating-dropdown--error': !!error,
+          'ff-floating-dropdown--no-hover': disableSelectHover
         }),
         width: 120,
         height: 30
@@ -30014,14 +30046,16 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
   iconName = 'plus_user_icon',
   onClick,
   iconHide = false,
-  isDisable = false
+  isDisable = false,
+  variant
 }, ref) => {
   return jsxRuntime.jsxs("button", {
     disabled: isDisable,
     onClick: onClick,
     className: classNames('ff-plus-icon', {
       'ff-plus-no-icon': iconHide,
-      'ff-plus-disabled': isDisable
+      'ff-plus-disabled': isDisable,
+      'ff-plus-primary': variant === 'primary'
     }),
     ref: ref,
     children: [!iconHide && jsxRuntime.jsx("div", {
@@ -31899,6 +31933,7 @@ const DashboardDonutChart = ({
                   })]
                 })
               }), jsxRuntime.jsx("tbody", {
+                className: "ff-legend-table-tbody",
                 children: legendData?.map(item => jsxRuntime.jsxs("tr", {
                   className: "ff-legend-item",
                   onMouseEnter: () => {
@@ -33881,7 +33916,7 @@ const NlpDropdown = ({
     let dropdownContainerHeight;
     if (checkEmpty(options)) {
       dropdownContainerHeight = optionHeight + 2 * dropDownWrapperPadding;
-    } else if (options.length > 5) {
+    } else if (options.length > 0) {
       dropdownContainerHeight = 5 * optionHeight + 2 * dropDownWrapperPadding;
     } else {
       dropdownContainerHeight = options.length * optionHeight + 2 * dropDownWrapperPadding;
@@ -34199,11 +34234,20 @@ const NlpDropdown = ({
 const ChipsAccordion = /*#__PURE__*/React.forwardRef(({
   chipOptionList,
   selectedChips,
-  optionZIndex = 0
+  optionZIndex = 0,
+  inputRef
 }, ref) => {
   const [filterData, setFilterData] = React.useState([]);
   const [isExpanded, setIsExpanded] = React.useState(false);
   const [IsArrowEnable, setIsArrowEnable] = React.useState(false);
+  const [positionChipContainer, setPositionChipContainer] = React.useState({
+    left: 0,
+    top: 0
+  });
+  const [expandDirection, setExpandDirection] = React.useState('down');
+  const localRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => localRef.current);
+  const portalPosition = usePortalPosition(localRef, isExpanded);
   React.useEffect(() => {
     if (checkEmpty(chipOptionList)) return;
     setFilterData(chipOptionList);
@@ -34218,6 +34262,33 @@ const ChipsAccordion = /*#__PURE__*/React.forwardRef(({
   React.useEffect(() => {
     checkOverflow();
   }, [filterData]);
+  React.useEffect(() => {
+    const handleUpdate = () => {
+      if (!inputRef?.current) return;
+      const {
+        positionX,
+        positionY,
+        width,
+        fromBottom
+      } = portalPosition(inputRef);
+      const estimatedHeight = 160;
+      const expandUp = fromBottom < estimatedHeight;
+      setExpandDirection(expandUp ? 'up' : 'down');
+      setPositionChipContainer({
+        left: positionX + width,
+        top: positionY
+      });
+    };
+    handleUpdate();
+    const observer = new ResizeObserver(() => handleUpdate());
+    if (inputRef?.current) observer.observe(inputRef.current);
+    window.addEventListener('scroll', handleUpdate, true);
+    return () => {
+      if (inputRef?.current) observer.unobserve(inputRef.current);
+      observer.disconnect();
+      window.removeEventListener('scroll', handleUpdate, true);
+    };
+  }, [portalPosition, inputRef]);
   const toggleExpand = () => {
     setIsExpanded(prev => !prev);
     if (isExpanded) {
@@ -34246,15 +34317,23 @@ const ChipsAccordion = /*#__PURE__*/React.forwardRef(({
       window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return jsxRuntime.jsxs("div", {
+  return /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsxs("div", {
     className: "ff-chips-accordion",
     style: {
-      zIndex: optionZIndex + 100
+      left: positionChipContainer.left,
+      top: positionChipContainer.top,
+      zIndex: optionZIndex + 100,
+      transform: expandDirection === 'up' ? 'translateY(calc(-100% + 33px))' : 'none',
+      width: '27.8%',
+      position: 'absolute'
     },
-    ref: ref,
+    ref: localRef,
     children: [jsxRuntime.jsx("div", {
       ref: chipsRowRef,
       className: `ff-chips-row ${isExpanded ? 'expanded' : ''}`,
+      style: {
+        maxHeight: isExpanded ? '280px' : '20px'
+      },
       children: jsxRuntime.jsx("div", {
         className: "chips-container",
         children: filterData?.map(({
@@ -34279,7 +34358,7 @@ const ChipsAccordion = /*#__PURE__*/React.forwardRef(({
         role: "button",
         "aria-expanded": isExpanded,
         children: jsxRuntime.jsx(Icon, {
-          name: "arrows_down_icon",
+          name: expandDirection === 'down' ? 'arrows_down_icon' : 'arrows_top_icon',
           height: 8,
           width: 8,
           onClick: toggleExpand,
@@ -34287,7 +34366,7 @@ const ChipsAccordion = /*#__PURE__*/React.forwardRef(({
         })
       })
     })]
-  });
+  }), document.body);
 });
 
 const nlpInputReducer = (state, action) => {
@@ -34509,6 +34588,29 @@ const NlpInput = ({
     handleSelectAction('FOCUS_INPUT');
   }, []);
   const applyActiveOptionClasses = !isInputFocused && Boolean(option);
+  React.useEffect(() => {
+    const inputEl = InputRef.current;
+    if (!inputEl) return;
+    let scrollContainer = inputEl.parentElement;
+    while (scrollContainer && scrollContainer !== document.body) {
+      const style = getComputedStyle(scrollContainer);
+      if (['scroll', 'auto'].includes(style.overflowY)) {
+        break;
+      }
+      scrollContainer = scrollContainer.parentElement;
+    }
+    if (!scrollContainer) return;
+    const originalOverflow = scrollContainer.style.overflow;
+    const shouldFreeze = showOptions || chipOptionList;
+    if (shouldFreeze) {
+      scrollContainer.style.overflow = 'hidden';
+    } else {
+      scrollContainer.style.overflow = originalOverflow || 'auto';
+    }
+    return () => {
+      scrollContainer.style.overflow = originalOverflow || 'auto';
+    };
+  }, [showOptions, chipOptionList]);
   return jsxRuntime.jsxs("section", {
     className: "main-section",
     children: [jsxRuntime.jsxs("div", {
@@ -34631,7 +34733,8 @@ const NlpInput = ({
         chipOptionList: chipOptionList,
         selectedChips: selectedChips,
         optionZIndex: optionZIndex,
-        ref: ChipRef
+        ref: ChipRef,
+        inputRef: InputRef
       })
     })]
   });
@@ -41892,6 +41995,7 @@ const Spreadsheet = props => {
           setMaxWidth(Math.min(rootRef.current.clientWidth, clientWidth));
         }
       }
+      removeSelect();
     }
   });
   const scrollOption = props.scroller;
@@ -42831,9 +42935,9 @@ const ExcelFile = ({
           scroller: scroller,
           showHider: showHider
         })
-      }), sheetBar === 'show' && jsxRuntime.jsxs("div", {
+      }), sheetBar !== 'hide' && jsxRuntime.jsxs("div", {
         className: "ff-excel-sheet-bar",
-        children: [sheetBarContextEnable && jsxRuntime.jsx("div", {
+        children: [sheetBar === 'show' && jsxRuntime.jsx("div", {
           className: "ff-excel-add-sheet-set",
           children: jsxRuntime.jsx(Tooltip, {
             title: "Add Sheet",
@@ -42867,9 +42971,11 @@ const ExcelFile = ({
               },
               suppressContentEditableWarning: editingSheet === index,
               onDoubleClick: e => {
-                setEditingSheet(index);
-                if (editingSheet === null) {
-                  setTimeout(() => setCursorToEnd(e.target), 0);
+                if (sheetBar === 'show') {
+                  setEditingSheet(index);
+                  if (editingSheet === null) {
+                    setTimeout(() => setCursorToEnd(e.target), 0);
+                  }
                 }
               },
               contentEditable: editable && editingSheet === index,
@@ -46276,19 +46382,6 @@ const SessionDropdown = ({
   });
 };
 
-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,
@@ -46297,8 +46390,7 @@ const TableHead = /*#__PURE__*/React.memo(({
   selectedNode,
   tableHeaderBgColor,
   hideOnDisable,
-  transparentHeader,
-  scriptLengthTruncate = 25
+  transparentHeader
 }) => {
   // const hasDefaultValues = useMemo(
   //   () => columnsData.some(({ defaultValue }) => !!defaultValue),
@@ -46342,11 +46434,16 @@ const TableHead = /*#__PURE__*/React.memo(({
             value: rootNode.node.key,
             onChange: e => onCheckBoxChange(e, rootNode.node),
             disabled: rootNode.node.isDisabled
-          }), jsxRuntime.jsx("span", {
+          }), jsxRuntime.jsxs("span", {
             className: "tree-table-td-content-text",
-            children: jsxRuntime.jsx("span", {
-              children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate)
-            })
+            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);
+              })()
+            })]
           }), rootNode.actions && index === 0 && isMounted && rootNodeRowRef.current && jsxRuntime.jsx("div", {
             className: "table-tree-row-action",
             children: (() => {
@@ -46458,6 +46555,19 @@ const addNewRow = (treeData, newNode, rootNode) => {
   return addLastChild(updatedTreeData);
 };
 
+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;