qbs-react-grid 1.1.17 → 1.1.19

package/es/Table.js

@@ -8,7 +8,7 @@ import debounce from 'lodash/debounce';
 import flatten from 'lodash/flatten';
 import isFunction from 'lodash/isFunction';
 import PropTypes from 'prop-types';
-import React, { useCallback, useImperativeHandle, useReducer, useRef, useState } from 'react';
+import React, { useCallback, useImperativeHandle, useReducer, useRef, useState, useEffect } from 'react';
 import CellGroup from './CellGroup';
 import { CELL_PADDING_HEIGHT, EXPANDED_KEY, ROW_HEADER_HEIGHT, ROW_HEIGHT, SCROLLBAR_WIDTH, SORT_TYPE, TREE_DEPTH } from './constants';
 import EmptyMessage from './EmptyMessage';
@@ -617,6 +617,9 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState2 = useState(Array(data === null || data === void 0 ? void 0 : data.length).fill(1)),
     rowZIndices = _useState2[0],
     setRowZIndices = _useState2[1];
+  useEffect(function () {
+    if ((data === null || data === void 0 ? void 0 : data.length) > 0) setRowZIndices(Array(data === null || data === void 0 ? void 0 : data.length).fill(1));
+  }, [data]);
   var handleParentCallBack = function handleParentCallBack(index) {
     setRowZIndices(function (currentZIndices) {
       return currentZIndices.map(function (_, idx) {
@@ -728,7 +731,10 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
             width: rowWidth,
             height: _nextRowHeight,
             cellHeight: _nextRowHeight,
-            index: _index
+            index: _index,
+            dataLength: data === null || data === void 0 ? void 0 : data.length,
+            handleParentCallBack: handleParentCallBack,
+            zIndexValue: rowZIndices[_index]
           };
           visibleRows.current.push(renderRowData(bodyCells, _rowData2, _rowProps, false));
         }

package/lib/Table.js

@@ -624,6 +624,9 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _useState2 = (0, _react.useState)(Array(data === null || data === void 0 ? void 0 : data.length).fill(1)),
     rowZIndices = _useState2[0],
     setRowZIndices = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if ((data === null || data === void 0 ? void 0 : data.length) > 0) setRowZIndices(Array(data === null || data === void 0 ? void 0 : data.length).fill(1));
+  }, [data]);
   var handleParentCallBack = function handleParentCallBack(index) {
     setRowZIndices(function (currentZIndices) {
       return currentZIndices.map(function (_, idx) {
@@ -735,7 +738,10 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
             width: rowWidth,
             height: _nextRowHeight,
             cellHeight: _nextRowHeight,
-            index: _index
+            index: _index,
+            dataLength: data === null || data === void 0 ? void 0 : data.length,
+            handleParentCallBack: handleParentCallBack,
+            zIndexValue: rowZIndices[_index]
           };
           visibleRows.current.push(renderRowData(bodyCells, _rowData2, _rowProps, false));
         }

package/lib/qbsTable/utilities/scsd.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qbs-react-grid",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "description": "A React table component",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

package/src/Row.tsx

@@ -49,7 +49,6 @@ const Row = React.forwardRef((props: RowProps, ref: React.Ref<HTMLDivElement>) =
   };
   const INDEX = index as number;
   translateDOMPositionXY?.(styles as CSSStyleDeclaration, 0, top);
-
   return (
     <div
       role="row"

package/src/Table.tsx

@@ -3,7 +3,14 @@ import debounce from 'lodash/debounce';
 import flatten from 'lodash/flatten';
 import isFunction from 'lodash/isFunction';
 import PropTypes from 'prop-types';
-import React, { useCallback, useImperativeHandle, useReducer, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useImperativeHandle,
+  useReducer,
+  useRef,
+  useState,
+  useEffect
+} from 'react';
 
 import CellGroup from './CellGroup';
 import {
@@ -945,7 +952,9 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
     return scrollbars;
   };
   const [rowZIndices, setRowZIndices] = useState(Array(data?.length).fill(1));
-
+  useEffect(() => {
+    if (data?.length > 0) setRowZIndices(Array(data?.length).fill(1));
+  }, [data]);
   const handleParentCallBack = (index: number) => {
     setRowZIndices(currentZIndices => currentZIndices.map((_, idx) => (idx === index ? 10 : 1)));
   };
@@ -1072,7 +1081,10 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
             width: rowWidth,
             height: nextRowHeight,
             cellHeight: nextRowHeight,
-            index: index
+            index: index,
+            dataLength: data?.length,
+            handleParentCallBack: handleParentCallBack,
+            zIndexValue: rowZIndices[index]
           };
           visibleRows.current.push(renderRowData(bodyCells, rowData, rowProps, false));
         }