@capillarytech/blaze-ui 5.0.6 → 5.0.7

package/CapConditionPreview/tests/USE_CASES_CapConditionPreview.md

@@ -0,0 +1,65 @@
+# Test Cases: CapConditionPreview (Antd v3→v6)
+
+**Component:** CapConditionPreview  
+**Complexity:** medium (≤20 test cases)  
+**Source:** blaze-ui/components/CapConditionPreview/
+
+---
+
+## Google Sheets
+
+**Spreadsheet ID:** `1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg`  
+**Tab:** CapConditionPreview
+
+### Steps (run in your environment)
+
+1. Check connection: `COMPOSIO_CHECK_ACTIVE_CONNECTION` toolkit="googlesheets"
+2. Create tab: `GOOGLESHEETS_ADD_SHEET` with title `CapConditionPreview`, gridProperties `{ "rowCount": 100, "columnCount": 7 }`
+3. Write data: `GOOGLESHEETS_VALUES_UPDATE` with range `CapConditionPreview!A1` and the values table below.
+
+---
+
+## Use cases table (for Storybook + migration validation)
+
+| ID | Use Case | Props/Config | Expected Visual/Behavior | Priority | Storybook Story | Notes |
+|----|----------|--------------|---------------------------|----------|-----------------|--------|
+| UC-001 | All data type and operator variants | type: NUMBER \| STRING \| LIST \| MULTI_SELECT \| STRING_LIST \| ENTRY_TRIGGER_EVENT_ATTRIBUTE \| DATE; operator: EQ, GT, LT, GTE, LTE, IN_RANGE, NEQ, IN, NOT_IN, IS_EXACT_DATE, IS_BEFORE_DATE, IS_AFTER_DATE, IS_INBETWEEN_DATES, IS_BEFORE_DAYS, IS_AFTER_DAYS; operand/listData/dateTypeData as needed | Correct label and value for each type and operator (e.g. "greater than" + "42" for NUMBER+GT; "Include whose … is on 1/15/2024" for DATE SINGLE) | P0 | TypeAndOperatorVariants | Grouped all type + operator combos into one test |
+| UC-002 | Include vs Exclude and hideNumberAndProductFields | isExcluded: true \| false; hideNumberAndProductFields: true \| false | "Exclude" vs "Include"; when hideNumberAndProductFields true, operand/operator block hidden for STRING/NUMBER/etc., condition name and "whose" still visible | P0 | VisualStates | Default, excluded, and journey/store profile modes |
+| UC-003 | Store upload states (STORE_FILTER) | additionalFields.STORE_FILTER with storeSource: UPLOAD; storeUploadIsInProgress \| isStoreUploadFailed \| isStoreUploadInvalid \| success (operand count) | Progress icon + "Upload in progress"; error icon + "Upload failed" or "Invalid file uploaded"; or "N Stores" when success | P0 | StoreUploadStates | Grouped in progress / failed / invalid / success |
+| UC-004 | ViewMoreLink and SKU download interactions | ViewMoreLink with onClick; setPopoverVisible, onClickConfigure, blockId; MULTI_SELECT + listData (SKU) for download link | Click View more → setPopoverVisible(false) and onClickConfigure(blockId); click "uploaded" → CSV download with SKU list and skuFileName | P0 | Interactions | All interactive handlers in one test |
+| UC-005 | Content: normal, empty, long | operand/listData: normal values; empty listData or []; long operand string; additionalFields: {} vs multiple entries | Renders without crash; empty list shows attachment icon or empty state; long text truncates or wraps; multiple additional conditions show "and" + lineItemMsg | P1 | ContentVariants | Normal, empty, long, multiple conditions |
+| UC-006 | Styling (className) | className: "custom-class" | Root has class "custom-class" and "cap-condition-wrapper"; layout and styled labels (pill background) unchanged | P1 | Styling | className only; no style prop on component |
+| UC-007 | Additional fields (EXTENDED_FIELD, CUSTOM_FIELD, STORE_FILTER, multiple) | additionalFields: EXTENDED_FIELD, CUSTOM_FIELD, STORE_FILTER; expression with operator/operand; multiple keys | Correct description, operator label, and OperandValues for each; "only for lineitems with" and "and" between items when multiple | P0 | AdditionalFields | Grouped all additional field variants |
+| UC-008 | DATE_TYPE sub-variants (RANGE, SINGLE, DAYS_AFTER, DAYS_BEFORE) | type: DATE; dateTypeData: RANGE (startDate, endDate), SINGLE (date or contextData.profileName), DAYS_AFTER/DAYS_BEFORE (days, contextData) | RANGE: "between" + two formatted dates; SINGLE: date or "End date of {profileName} event date attribute"; DAYS_AFTER/BEFORE: "{days} days after/before" + End date of profile | P0 | DateTypeVariants | Grouped RANGE, SINGLE, DAYS_AFTER, DAYS_BEFORE |
+| UC-009 | DATE_TYPE edge cases | dateTypeData: null, undefined; dateType: null, "", "INVALID_TYPE"; startDate/endDate/date: null, undefined, "", invalid string | No date content rendered when null/undefined/invalid; no crash; empty dates show "and" only where applicable | P1 | DateTypeEdgeCases | Production-safe null/undefined/invalid handling |
+| UC-010 | STRING_LIST single vs multiple | type: STRING_LIST; operand: [single] vs [v1, v2, …] | Single: "value1" only; multiple: "value1 +N more" with correct count | P1 | StringListContent | Grouped single and multiple values |
+| UC-011 | MULTI_SELECT: SKU (download) vs non-SKU vs store upload | type: MULTI_SELECT; listData; additionalFields SKU vs none vs STORE_FILTER with UPLOAD | SKU: TruncateList + "uploaded" download link; non-SKU: TruncateList only; store upload: StoreUploadMsg + View more | P0 | MultiSelectVariants | SKU download, list-only, store upload |
+| UC-012 | Entry trigger event attribute | type: ENTRY_TRIGGER_EVENT_ATTRIBUTE; entryTriggerEventAttribute: string; operator | Shows operator label and "Entry trigger event attribute" + attribute name (e.g. "fact1") | P1 | EntryTriggerAttribute | Single test for entry trigger block |
+| UC-013 | Event handlers and callbacks | ViewMoreLink onClick, setPopoverVisible, onClickConfigure; download (setAttribute href/download) | All callbacks invoked with correct args; download link gets correct data URI and filename | P1 | EventHandlers | Grouped all handlers; no mock of Cap components |
+| UC-014 | OperandsMapping labels (i18n) | All operator keys: equalMsg, greaterThanMsg, lessThanMsg, greaterThanOrEqualMsg, lessThanorEqualMsg, inRangeMsg, notEqualMsg, inMsg, notInMsg, date msgs | Correct translated label for each operator in UI | P1 | OperandsMapping | Grouped all operator label props |
+| UC-015 | Empty or missing operand / listData | operand: null, undefined, ""; listData: null, []; type NUMBER/STRING/LIST/MULTI_SELECT | No crash; missing values render empty or fallback (e.g. attachment icon for MULTI_SELECT with no listData) | P1 | EmptyOperand | Edge case for missing data |
+| UC-016 | DATE_TYPE_SINGLE with contextData vs raw date | dateTypeData: SINGLE with date only vs contextData only vs both (contextData takes precedence) | Raw date: formatted date; contextData: "End date of {profileName} event date attribute"; both: contextData branch shown | P1 | DateSingleContext | Precedence and profile name display |
+| UC-017 | Format date for preview (YYYY-MM-DD, ISO, invalid) | dateTypeData with date: "2024-01-15", "2024-01-15T00:00:00.000Z", "invalid" | YYYY-MM-DD and ISO format as en-US locale; invalid returns empty string, no broken UI | P1 | FormatDateForPreview | Timezone-safe and invalid handling |
+| UC-018 | Migration parity (v3 → v6) | Same props as v3 usage; FormattedMessage (react-intl); no antd in component | Same copy and structure as v3; FormattedMessage resolves; no antd dependency in CapConditionPreview | P0 | MigrationParity | i18n and structure parity |
+| UC-019 | Default and optional props | listData=null, hideNumberAndProductFields=false; omit optional msg props (use defaults from LocaleHoc) | Sensible defaults; no crash when optional props omitted; LocaleHoc provides messages | P2 | DefaultProps | Grouped default/optional behavior |
+| UC-020 | Multiple additional conditions (and + lineItemMsg) | additionalFields with 2+ entries (e.g. EXTENDED_FIELD + CUSTOM_FIELD) | First condition without "and"; subsequent with "and" + lineItemMsg; each shows description + operator + OperandValues | P1 | MultipleAdditionalConditions | And/lineItemMsg grouping |
+
+---
+
+## Requirements checklist
+
+- Stay within strict limit for complexity level: **medium ≤20** (20 rows).
+- Group similar scenarios aggressively (types, operators, store states, date variants, events).
+- Each test is manually verifiable in Storybook and with RTL.
+- Focus on real-world usage (conditions, store filter, SKU, dates).
+- Prioritize P0/P1 over P2.
+- Grouping rationale noted in Notes column.
+
+---
+
+## Testing notes (Do / Don't)
+
+- **Do:** Use React Testing Library with Jest; prefer `data-testid` for querying; clear mocks between tests if applicable.
+- **Don't:** Mock Cap UI Library components unless instructed; avoid over-reliance on getByRole; don’t write overly complex tests.
+
+**If approaching limit, merge more test cases. Quality > quantity.**

package/CapConditionPreview/types.d.ts

@@ -0,0 +1,82 @@
+import type { ReactNode } from 'react';
+/** Context data for date conditions (e.g. profile name) */
+export interface DateTypeContextData {
+    profileName?: string;
+}
+/** Shape of dateTypeData prop for DATE type conditions */
+export interface DateTypeData {
+    dateType?: 'RANGE' | 'SINGLE' | 'DAYS_AFTER' | 'DAYS_BEFORE';
+    startDate?: string | null;
+    endDate?: string | null;
+    date?: string | null;
+    days?: number;
+    contextData?: DateTypeContextData | null;
+}
+/** Expression inside additionalFields entries */
+export interface LinkedConditionExpression {
+    operator?: string;
+    operand?: string[];
+    storeSource?: string;
+    isStoreUploadFailed?: boolean;
+    isStoreUploadInvalid?: boolean;
+    storeUploadIsInProgress?: boolean;
+}
+/** Single entry in additionalFields */
+export interface AdditionalFieldEntry {
+    description?: string;
+    factId?: string;
+    expression?: LinkedConditionExpression;
+}
+/** DstData passed to component (e.g. couponSeriesNames fallback) */
+export interface DstData {
+    couponSeriesNames?: string[];
+}
+/** View more link component props */
+export interface ViewMoreLinkProps {
+    onClick: () => void;
+    children: ReactNode;
+}
+export interface CapConditionPreviewProps {
+    className?: string;
+    type?: string;
+    operand?: number | string | string[];
+    operator?: string;
+    dstData?: DstData;
+    listData?: string[] | null;
+    additionalFields?: Record<string, AdditionalFieldEntry>;
+    isExcluded?: boolean;
+    conditionName?: string;
+    /** Message strings (typically from translations) */
+    excludeMsg?: string;
+    includeMsg?: string;
+    whoseMsg?: string;
+    isMsg?: string;
+    andMsg?: string;
+    equalMsg?: string;
+    greaterThanMsg?: string;
+    lessThanMsg?: string;
+    greaterThanOrEqualMsg?: string;
+    lessThanorEqualMsg?: string;
+    inRangeMsg?: string;
+    notEqualMsg?: string;
+    lineItemMsg?: string;
+    addedSKUsMsg?: string;
+    skuFileName?: string;
+    uploadedMsg?: string;
+    inMsg?: string;
+    notInMsg?: string;
+    /** When true, hides operand/operator block (e.g. for Store profile, Custom fields in journey) */
+    hideNumberAndProductFields?: boolean;
+    viewMoreMsg?: string;
+    storesMsg?: string;
+    uploadInProgressMsg?: string;
+    ViewMoreLink?: React.ComponentType<ViewMoreLinkProps>;
+    onClickConfigure?: (blockId: string) => void;
+    blockId?: string;
+    setPopoverVisible?: (visible: boolean) => void;
+    uploadFailedErrorMsg?: string;
+    uploadInvalidErrorMsg?: string;
+    entryTriggerEventAttribute?: string;
+    dateTypeData?: DateTypeData | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapConditionPreview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapConditionPreview/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,2DAA2D;AAC3D,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,0DAA0D;AAC1D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,aAAa,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;CAC1C;AAED,iDAAiD;AACjD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,uCAAuC;AACvC,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACxC;AAED,oEAAoE;AACpE,MAAM,WAAW,OAAO;IACtB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,qCAAqC;AACrC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC"}

package/CapListLayout/index.js

@@ -10118,12 +10118,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
  */
@@ -10132,7 +10134,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 {
@@ -10140,27 +10142,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);
@@ -10170,7 +10188,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)(() => {
@@ -10183,10 +10201,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();
     }
 
@@ -10196,31 +10217,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
   }));
@@ -20353,7 +20404,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`,
@@ -23002,6 +23053,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: