@capillarytech/blaze-ui 5.0.6 → 5.0.8

package/CapVerticalGroupTable/index.js

@@ -9775,12 +9775,14 @@ var _lodash = __webpack_require__(42551);
 var _react = _interopRequireWildcard(__webpack_require__(9206));
 var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _styles = _interopRequireDefault(__webpack_require__(40845));
+var _utils = __webpack_require__(99394);
 var _jsxRuntime = __webpack_require__(74848);
-const _excluded = ["id", "className", "children", "infiniteScroll", "pagination", "dataSource", "offset_limit", "setPagination", "scroll", "showLoader"];
+const _excluded = ["id", "className", "children", "infiniteScroll", "virtual", "pagination", "dataSource", "offset_limit", "setPagination", "scroll", "showLoader", "columns", "rowSelection", "locale"];
 /**
  * CapTable - Migrated to Ant Design v5
  * A table component that supports:
- * - Infinite scrolling with virtualization
+ * - Infinite scrolling with manual scroll event handling
+ * - Optional virtual scrolling for large datasets (requires explicit column widths)
  * - Sequential data loading
  * - Optimized scroll performance
  */
@@ -9789,7 +9791,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const SCROLL_THRESHOLD = 80; // Percentage of scroll to trigger load
-const DEBOUNCE_DELAY = 250; // ms to wait between scroll events
+const THROTTLE_DELAY = 50; // ms to wait between scroll events (matching original cap-ui-library)
 const DEFAULT_SCROLL_HEIGHT = 400;
 const CapTable = _ref => {
   let {
@@ -9797,27 +9799,43 @@ const CapTable = _ref => {
       className,
       children,
       infiniteScroll,
+      virtual,
+      pagination: _pagination,
       dataSource,
       offset_limit,
       setPagination,
       scroll,
-      showLoader
+      showLoader,
+      columns,
+      rowSelection,
+      locale
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const scrollRef = (0, _react.useRef)(null);
   const [hasMore, setHasMore] = (0, _react.useState)(true);
-  const currentOffsetRef = (0, _react.useRef)(0);
+
+  // Transform deprecated props
+  const transformedColumns = (0, _react.useMemo)(() => (0, _utils.transformColumns)(columns), [columns]);
+  const transformedRowSelection = (0, _react.useMemo)(() => (0, _utils.transformRowSelection)(rowSelection), [rowSelection]);
+  const transformedPagination = (0, _react.useMemo)(() => (0, _utils.transformPagination)(_pagination), [_pagination]);
+  const filterCheckAllLocale = (0, _react.useMemo)(() => (0, _utils.getFilterCheckAllLocale)(columns), [columns]);
+
+  // Merge locale with filterCheckAll if needed
+  const mergedLocale = (0, _react.useMemo)(() => {
+    if (!filterCheckAllLocale) return locale;
+    return _extends({}, locale, filterCheckAllLocale);
+  }, [locale, filterCheckAllLocale]);
   const loadMore = (0, _react.useCallback)(() => {
     if (!showLoader && hasMore && setPagination && offset_limit) {
-      const nextOffset = currentOffsetRef.current + 1;
+      // Increment offset by limit (matching original cap-ui-library behavior)
+      const nextOffset = offset_limit.offset + (offset_limit.limit || 10);
       const newOffsetLimit = _extends({}, offset_limit, {
         offset: nextOffset
       });
-      currentOffsetRef.current = nextOffset;
       setPagination(newOffsetLimit);
     }
   }, [showLoader, hasMore, setPagination, offset_limit]);
-  const handleScroll = (0, _react.useCallback)((0, _lodash.debounce)(event => {
+  const handleScroll = (0, _react.useCallback)((0, _lodash.throttle)(event => {
     const target = event.target;
     if (!target || !infiniteScroll || !hasMore || showLoader) return;
     const scrollTop = Math.ceil(target.scrollTop);
@@ -9827,7 +9845,7 @@ const CapTable = _ref => {
     if (scrolledPercentage >= SCROLL_THRESHOLD) {
       loadMore();
     }
-  }, DEBOUNCE_DELAY), [infiniteScroll, showLoader, hasMore, loadMore]);
+  }, THROTTLE_DELAY), [infiniteScroll, showLoader, hasMore, loadMore]);
 
   // Setup scroll listener and handle initial load
   (0, _react.useEffect)(() => {
@@ -9840,10 +9858,13 @@ const CapTable = _ref => {
       passive: true
     });
 
-    // Check if initial load needed
-    const shouldLoadInitially = tableBody.scrollHeight <= tableBody.clientHeight && !showLoader && hasMore;
-    if (shouldLoadInitially) {
-      currentOffsetRef.current = 0;
+    // Check if initial load needed (matching original cap-ui-library behavior)
+    // Only trigger if: dataSource >= limit AND content doesn't overflow scroll area
+    const limit = (offset_limit == null ? void 0 : offset_limit.limit) || 10;
+    const hasEnoughData = dataSource && dataSource.length >= limit;
+    const scrollY = scroll != null && scroll.y ? Number(scroll.y) : 0;
+    const isNotOverflowing = scrollY && tableBody.scrollHeight <= scrollY;
+    if (hasEnoughData && isNotOverflowing && !showLoader && hasMore) {
       loadMore();
     }
 
@@ -9853,31 +9874,61 @@ const CapTable = _ref => {
       (_scrollRef$current = scrollRef.current) == null || _scrollRef$current.removeEventListener('scroll', handleScroll);
       handleScroll.cancel();
     };
-  }, [id, handleScroll, showLoader, hasMore, loadMore]);
+  }, [id, handleScroll, showLoader, hasMore, loadMore, dataSource, offset_limit, scroll]);
 
-  // Handle data changes
+  // Handle data changes - reset hasMore when data changes
   (0, _react.useEffect)(() => {
-    if (!(dataSource != null && dataSource.length)) {
-      currentOffsetRef.current = 0;
-      setHasMore(true);
-    } else {
-      setHasMore(true);
-    }
+    setHasMore(true);
   }, [dataSource]);
   const tableClassName = (0, _classnames.default)(_styles.default['cap-table-v2'], className, {
     [_styles.default['show-loader']]: showLoader
   });
+
+  // Calculate scroll.x for virtual tables if not explicitly provided
+  // Virtual tables require a numeric scroll.x to calculate row widths correctly
+  const scrollX = (0, _react.useMemo)(() => {
+    // If explicitly provided, use that value
+    if ((scroll == null ? void 0 : scroll.x) !== undefined) {
+      return scroll.x;
+    }
+
+    // For virtual tables, calculate total width from column widths
+    if (virtual && transformedColumns) {
+      const totalWidth = transformedColumns.reduce((sum, col) => {
+        if (typeof col.width === 'number') {
+          return sum + col.width;
+        }
+        if (typeof col.width === 'string') {
+          const parsed = parseInt(col.width, 10);
+          return sum + (isNaN(parsed) ? 0 : parsed);
+        }
+        return sum;
+      }, 0);
+
+      // Warn in development if columns don't have widths
+      if (totalWidth === 0 && "production" === 'development') // removed by dead control flow
+{}
+      return totalWidth > 0 ? totalWidth : undefined;
+    }
+    return undefined;
+  }, [scroll == null ? void 0 : scroll.x, virtual, transformedColumns]);
+
+  // Use transformed pagination or false for infinite scroll
+  const finalPagination = infiniteScroll ? false : transformedPagination;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Table, _extends({
     id: id,
     className: tableClassName,
     dataSource: dataSource,
-    pagination: false,
+    columns: transformedColumns,
+    rowSelection: transformedRowSelection,
+    pagination: finalPagination,
+    locale: mergedLocale,
     scroll: {
-      x: scroll == null ? void 0 : scroll.x,
+      x: scrollX,
       y: (scroll == null ? void 0 : scroll.y) || DEFAULT_SCROLL_HEIGHT,
       scrollToFirstRowOnChange: false
     },
-    virtual: infiniteScroll
+    virtual: virtual
   }, rest, {
     children: children
   }));
@@ -19799,7 +19850,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-table-v2 .ant-table{border:.071rem solid #dfe2e7}.cap-table-v2 .ant-table .ant-table-thead>tr>th{font-size:.857rem;line-height:1.142rem;text-align:left;padding:1.142rem 1.714rem}.cap-table-v2 .ant-table .ant-table-thead>tr>th .ant-table-column-sorter{vertical-align:unset}.cap-table-v2 .ant-table .ant-table-tbody>tr>td{padding:1.142rem 1.714rem;border-bottom:.071rem solid #dfe2e7}.cap-table-v2 .ant-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.cap-table-v2 .ant-table .ant-table-body table{table-layout:fixed;width:100%}.cap-table-v2.show-loader .ant-table-body>table>tbody::after{content:"Loading...";display:flex;justify-content:center;position:absolute;width:100%;align-items:center;height:4.286rem;text-align:center;font-size:1.143rem;color:cap-g04;border-top:.071rem solid #dfe2e7}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-table-v2{width:100%}.cap-table-v2 .ant-table-tbody .ant-table-row.ant-table-row-selected>.ant-table-cell{background:#fafafa}.cap-table-v2 .ant-table-tbody .ant-table-row.ant-table-row-selected:hover>.ant-table-cell{background:#faf9f4}.cap-table-v2 .ant-table{border:.071rem solid #dfe2e7}.cap-table-v2 .ant-table .ant-table-thead>tr>th{font-size:.857rem;line-height:1.142rem;text-align:left;padding:1.142rem 1.714rem}.cap-table-v2 .ant-table .ant-table-thead>tr>th .ant-table-column-sorter{vertical-align:unset}.cap-table-v2 .ant-table .ant-table-tbody>tr>td{padding:1.142rem 1.714rem;border-bottom:.071rem solid #dfe2e7}.cap-table-v2 .ant-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.cap-table-v2.show-loader .ant-table-body>table>tbody::after{content:"Loading...";display:flex;justify-content:center;position:absolute;width:100%;align-items:center;height:4.286rem;text-align:center;font-size:1.143rem;color:cap-g04;border-top:.071rem solid #dfe2e7}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-table-v2": `cap-table-v2`,
@@ -22360,6 +22411,123 @@ function toNumber(value) {
 module.exports = toNumber;
 
 
+/***/ }),
+
+/***/ 99394:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.getFilterCheckAllLocale = getFilterCheckAllLocale;
+exports.transformColumns = transformColumns;
+exports.transformPagination = transformPagination;
+exports.transformRowSelection = transformRowSelection;
+const _excluded = ["position"],
+  _excluded2 = ["filterDropdownOpen", "onFilterDropdownOpenChange"],
+  _excluded3 = ["onSelectInvert", "onChange"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * Transform deprecated pagination.position to pagination.placement
+ */
+function transformPagination(pagination) {
+  if (!pagination || pagination === false) return pagination;
+  const _ref = pagination,
+    {
+      position
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  if (position && Array.isArray(position)) {
+    // Map position array to placement (use first position as placement)
+    const positionToPlacement = {
+      topLeft: 'topLeft',
+      topCenter: 'topLeft',
+      topRight: 'topRight',
+      bottomLeft: 'bottomLeft',
+      bottomCenter: 'bottomLeft',
+      bottomRight: 'bottomRight'
+    };
+    const placement = positionToPlacement[position[0]] || 'bottomRight';
+    return _extends({}, rest, {
+      position: [placement]
+    });
+  }
+  return pagination;
+}
+
+/**
+ * Transform deprecated column props:
+ * - filterDropdownOpen → filterDropdownProps.open
+ * - onFilterDropdownOpenChange → filterDropdownProps.onOpenChange
+ * - filterCheckall → locale.filterCheckAll (handled at table level)
+ */
+function transformColumns(columns) {
+  if (!columns) return columns;
+  return columns.map(column => {
+    const _ref2 = column,
+      {
+        filterDropdownOpen,
+        onFilterDropdownOpenChange
+      } = _ref2,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    const transformed = _extends({}, rest);
+
+    // Transform filterDropdownOpen and onFilterDropdownOpenChange to filterDropdownProps
+    if (filterDropdownOpen !== undefined || onFilterDropdownOpenChange !== undefined) {
+      transformed.filterDropdownProps = _extends({}, transformed.filterDropdownProps, filterDropdownOpen !== undefined && {
+        open: filterDropdownOpen
+      }, onFilterDropdownOpenChange !== undefined && {
+        onOpenChange: onFilterDropdownOpenChange
+      });
+    }
+    return transformed;
+  });
+}
+
+/**
+ * Transform deprecated rowSelection.onSelectInvert to onChange
+ */
+function transformRowSelection(rowSelection) {
+  if (!rowSelection) return rowSelection;
+  const _ref3 = rowSelection,
+    {
+      onSelectInvert,
+      onChange
+    } = _ref3,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+  if (onSelectInvert && !onChange) {
+    // Wrap onSelectInvert in onChange
+    return _extends({}, rest, {
+      onChange: selectedRowKeys => {
+        onSelectInvert(selectedRowKeys);
+      }
+    });
+  }
+  return _extends({}, rest, {
+    onChange
+  });
+}
+
+/**
+ * Check if any column has deprecated filterCheckall and return locale override
+ */
+function getFilterCheckAllLocale(columns) {
+  if (!columns) return undefined;
+  for (const column of columns) {
+    const {
+      filterCheckall
+    } = column;
+    if (filterCheckall !== undefined) {
+      return {
+        filterCheckAll: filterCheckall
+      };
+    }
+  }
+  return undefined;
+}
+
 /***/ }),
 
 /***/ 99780: