@beppla/tapas-ui 1.4.35 → 1.5.2

package/module/Grid/StaticFixedSizeGrid.js

@@ -0,0 +1,377 @@
+"use strict";
+
+import React, { createContext, forwardRef, useRef, useContext, useMemo, useCallback, useState } from "react";
+import { withTheme } from "@rneui/themed";
+import VariableSizeGrid from "./VariableSizeGrid";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// type ScrollDirection = "forward" | "backward";
+
+const StickyListContext = /*#__PURE__*/createContext(undefined);
+StickyListContext.displayName = "StickyListContext";
+const useStickyListContext = () => {
+  const context = useContext(StickyListContext);
+  if (!context) {
+    throw new Error("useStickyListContext must be used within a StickyListProvider");
+  }
+  return context;
+};
+const ItemWrapper = ({
+  data,
+  columnIndex,
+  rowIndex,
+  style
+}) => {
+  const {
+    ItemRenderer,
+    stickyColumnIndices,
+    headersRender,
+    columnHeaderHeight,
+    border,
+    theme,
+    hasActions
+  } = data;
+  if (stickyColumnIndices && columnIndex !== undefined && stickyColumnIndices.includes(columnIndex)) {
+    return null;
+  }
+
+  // 检测当前列是否有 actions 按钮
+  const shouldShowActions = hasActions && hasActions(columnIndex ?? 0, rowIndex ?? 0);
+
+  // 确保传递正确的参数给children函数
+  const childrenProps = {
+    columnIndex: columnIndex ?? 0,
+    rowIndex: rowIndex ?? 0,
+    style: {
+      ...style,
+      // 根据 hasActions 决定是否允许 overflow: "visible"
+      overflow: shouldShowActions ? "visible" : "hidden",
+      borderBottom: border ? `1px solid ${theme.grey3 ?? "rgba(0, 0, 0, 0.12)"}` : "none",
+      top: style.top + (headersRender ? columnHeaderHeight ?? 40 : 0)
+    }
+  };
+  return ItemRenderer(childrenProps);
+};
+const StickyColumnCell = ({
+  data,
+  columnIndex,
+  rowIndex,
+  style
+}) => {
+  const {
+    ItemRenderer,
+    stickyColumnIndices,
+    border,
+    theme,
+    hasActions
+  } = data;
+
+  // 检测当前列是否有 actions 按钮
+  const currentColumnIndex = stickyColumnIndices[columnIndex] ?? 0;
+  const shouldShowActions = hasActions && hasActions(currentColumnIndex, rowIndex);
+  const childrenProps = {
+    columnIndex: currentColumnIndex,
+    rowIndex: rowIndex ?? 0,
+    style: {
+      ...style,
+      overflow: shouldShowActions ? "visible" : "hidden",
+      borderBottom: border ? `1px solid ${theme?.grey3 ?? "rgba(0, 0, 0, 0.12)"}` : "none"
+    }
+  };
+  return ItemRenderer(childrenProps);
+};
+const StickyColumn = ({
+  style,
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: "column-header-sticky",
+  style: style,
+  children: children
+});
+const ColumnHeaders = ({
+  style,
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: "sticky",
+  style: style,
+  children: children
+});
+const InnerElementType = /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  hasActions,
+  ...rest
+}, ref) => {
+  const {
+    headersRender,
+    stickyColumnIndices,
+    columnCount,
+    ItemRenderer,
+    columnWidth,
+    rowHeight,
+    rowCount,
+    columnHeaderBackgroundColor,
+    columnHeaderHeight,
+    width,
+    height,
+    theme,
+    border,
+    headerRef,
+    scrollLeft
+  } = useStickyListContext();
+  const stickyColumnsWidth = stickyColumnIndices?.reduce((acc, currentIndex) => acc + columnWidth(currentIndex), 0) ?? 0;
+  const totalWidth = useMemo(() => {
+    let sum = 0;
+    for (let i = 0; i < columnCount; i++) {
+      sum += columnWidth(i);
+    }
+    return sum;
+  }, [columnCount, columnWidth, width]);
+
+  // 确保 hasActions 在作用域中
+  const hasActionsFn = hasActions || (() => false);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [headersRender && /*#__PURE__*/_jsx(ColumnHeaders, {
+      style: {
+        backgroundColor: theme?.background ?? "#F9F2E8",
+        zIndex: 5,
+        top: 0,
+        left: 0,
+        width: width,
+        height: columnHeaderHeight || 40,
+        position: "sticky",
+        display: "flex",
+        flexDirection: "row",
+        overflow: "hidden"
+      },
+      children: /*#__PURE__*/_jsx(VariableSizeGrid, {
+        ref: headerRef,
+        columnCount: columnCount,
+        columnWidth: columnWidth,
+        height: columnHeaderHeight || 40,
+        rowCount: 1,
+        rowHeight: () => columnHeaderHeight || 40,
+        width: width - stickyColumnsWidth
+        // onScroll={handleScroll}
+        ,
+        itemData: {
+          ItemRenderer: headersRender,
+          stickyColumnIndices,
+          columnHeaderHeight
+        },
+        style: {
+          // 保持列头的 overflow: "hidden" 以确保正确的滚动行为
+          overflow: "hidden",
+          backgroundColor: columnHeaderBackgroundColor || (theme?.colors?.grey4 ?? "rgba(0, 0, 0, 0.08)")
+        },
+        children: ItemWrapper
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      ...rest,
+      style: {
+        ...style,
+        width: totalWidth
+      },
+      children: [scrollLeft > 0 && /*#__PURE__*/_jsx(StickyColumn, {
+        style: {
+          backgroundColor: theme?.background ?? "#F9F2E8",
+          zIndex: 5,
+          top: 0,
+          width: 1,
+          // 左侧阴影条宽度应该是 1
+          height: height,
+          left: 0,
+          marginTop: headersRender ? -1 * (columnHeaderHeight || 40) : 0,
+          position: "sticky",
+          boxShadow: "2px 0px 6px 4px rgba(0, 0, 0, 0.12)"
+        }
+      }), !stickyColumnIndices && scrollLeft !== totalWidth - width && /*#__PURE__*/_jsx(StickyColumn, {
+        style: {
+          backgroundColor: theme?.background ?? "#F9F2E8",
+          zIndex: 5,
+          top: 0,
+          width: 1,
+          height: height,
+          left: width + 2 - (border ? 1 : 0),
+          marginTop: scrollLeft === 0 ? headersRender ? -1 * (columnHeaderHeight || 40) : 0 : -1 * height,
+          position: "sticky",
+          boxShadow: "-2px 0px 6px 4px rgba(0, 0, 0, 0.12)"
+        }
+      }), headersRender && stickyColumnIndices && /*#__PURE__*/_jsx(StickyColumn, {
+        style: {
+          backgroundColor: theme?.background ?? "#F9F2E8",
+          zIndex: 5,
+          top: 0,
+          width: stickyColumnsWidth,
+          height: columnHeaderHeight || 40,
+          left: width - stickyColumnsWidth - (border ? 1 : 0),
+          // 使用总宽度计算位置
+          marginTop: scrollLeft === 0 ? -1 * (columnHeaderHeight || 40) : -1 * height,
+          position: "sticky",
+          boxShadow: "-2px -3px 6px rgba(0, 0, 0, 0.12)",
+          borderLeft: border ? `1px solid ${theme?.grey3 ?? "rgba(0, 0, 0, 0.12)"}` : "none"
+        },
+        children: /*#__PURE__*/_jsx(VariableSizeGrid, {
+          columnCount: stickyColumnIndices.length,
+          columnWidth: index => columnWidth(stickyColumnIndices?.[index] ?? 0),
+          height: columnHeaderHeight || 40,
+          rowCount: 1,
+          rowHeight: () => columnHeaderHeight || 40,
+          width: stickyColumnsWidth,
+          itemData: {
+            ItemRenderer: headersRender,
+            stickyColumnIndices
+          },
+          style: {
+            overflow: "hidden",
+            backgroundColor: columnHeaderBackgroundColor || (theme?.colors?.grey4 ?? "rgba(0, 0, 0, 0.08)")
+          },
+          children: StickyColumnCell
+        })
+      }), stickyColumnIndices && /*#__PURE__*/_jsx(StickyColumn, {
+        style: {
+          backgroundColor: theme?.background ?? "#F9F2E8",
+          zIndex: 2,
+          top: headersRender ? columnHeaderHeight || 40 : 0,
+          left: width - stickyColumnsWidth - (border ? 1 : 0),
+          // 使用总宽度计算位置
+          width: stickyColumnsWidth,
+          height: "100%",
+          position: "sticky",
+          boxShadow: "-2px 0 6px rgba(0, 0, 0, 0.12)",
+          borderLeft: border ? `1px solid ${theme?.grey3 ?? "rgba(0, 0, 0, 0.12)"}` : "none"
+        },
+        children: /*#__PURE__*/_jsx(VariableSizeGrid, {
+          columnCount: stickyColumnIndices.length,
+          columnWidth: index => columnWidth(stickyColumnIndices?.[index] ?? 0),
+          height: style.height,
+          rowCount: rowCount,
+          rowHeight: rowHeight,
+          width: stickyColumnsWidth,
+          itemData: {
+            ItemRenderer,
+            stickyColumnIndices,
+            border,
+            hasActions: hasActionsFn
+          },
+          style: {
+            overflow: hasActions ? "visible" : "hidden"
+          },
+          children: StickyColumnCell
+        })
+      }), children]
+    })]
+  });
+});
+const StickyList = ({
+  children,
+  headersRender,
+  stickyColumnIndices,
+  style,
+  columnHeaderHeight = 40,
+  columnHeaderBackgroundColor,
+  rowHeight,
+  onScroll,
+  hideBorder,
+  hideborderRadius,
+  gridRef,
+  border = false,
+  hasActions,
+  // eslint-disable-line @typescript-eslint/no-unused-vars
+  ...rest
+}) => {
+  const headerRef = useRef(null);
+  const [gridScrollLeft, setGridScrollLeft] = useState(0);
+  const rafRef = useRef(null);
+  const handleScroll = useCallback(event => {
+    // 同步 header 滚动（立即执行）
+    headerRef.current?.scrollTo({
+      ...event,
+      scrollTop: headerRef.current.scrollTop
+    });
+    onScroll && onScroll(event);
+    // 用 RAF 节流 setState，避免每帧多次触发重渲染
+    if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    rafRef.current = requestAnimationFrame(() => {
+      setGridScrollLeft(event.scrollLeft);
+      rafRef.current = null;
+    });
+  }, [onScroll]);
+  const contextValue = useMemo(() => ({
+    ItemRenderer: children,
+    headerRef,
+    gridRef,
+    height: rest.height,
+    columnHeaderHeight,
+    columnHeaderBackgroundColor,
+    headersRender,
+    stickyColumnIndices,
+    columnWidth: rest.columnWidth,
+    width: rest.width,
+    columnCount: rest.columnCount,
+    rowHeight,
+    border,
+    scrollLeft: gridScrollLeft,
+    rowCount: rest.rowCount,
+    theme: rest.theme
+  }), [gridScrollLeft, children, headersRender, stickyColumnIndices, rest.columnWidth, rest.width, rest.columnCount, rest.height, rowHeight, rest.theme]);
+  return /*#__PURE__*/_jsx(StickyListContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(VariableSizeGrid, {
+      ...rest,
+      ref: gridRef,
+      onScroll: handleScroll,
+      height: Math.min(rest.rowCount * rowHeight(0) + columnHeaderHeight, rest.height),
+      rowHeight: rowHeight ?? 56,
+      style: {
+        height: rest.height,
+        backgroundColor: rest.theme.background ?? "#F9F2E8",
+        ...style,
+        width: rest.width,
+        // 使用正确的 grid 宽度，而不是 style 中的宽度
+        border: border ? `1px solid ${rest.theme.grey3 ?? "rgba(0, 0, 0, 0.12)"}` : "none",
+        borderBottomWidth: hideBorder?.includes("bottom") ? 0 : 1,
+        borderTopWidth: hideBorder?.includes("top") ? 0 : 1,
+        borderLeftWidth: hideBorder?.includes("left") ? 0 : 1,
+        borderRightWidth: hideBorder?.includes("right") || hideBorder?.includes("rigth") ? 0 : 1,
+        borderTopLeftRadius: hideborderRadius?.includes("topLeft") ? 0 : rest.theme.radius.mini ?? 4,
+        borderTopRightRadius: hideborderRadius?.includes("topRight") ? 0 : rest.theme.radius.mini ?? 4,
+        scrollbarWidth: "none",
+        msOverflowStyle: "none"
+        // 移除 overflow: "visible"，恢复 Grid 的正常滚动功能
+        // Modal 下拉菜单不需要这个设置
+      },
+      itemData: {
+        ItemRenderer: children,
+        headersRender,
+        stickyColumnIndices,
+        columnHeaderHeight,
+        border,
+        theme: rest.theme
+      },
+      children: ItemWrapper
+    })
+  });
+};
+const StickyFixedSizeGrid = ({
+  headersRender,
+  children,
+  hasActions,
+  ...rest
+}) => {
+  // 稳定化 innerElementType，避免每次渲染创建新组件
+  const innerElementType = useMemo(() => /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(InnerElementType, {
+    ...props,
+    ref: ref,
+    hasActions: hasActions
+  })), [hasActions]);
+  return /*#__PURE__*/_jsx(StickyList, {
+    ...rest,
+    innerElementType: innerElementType,
+    headersRender: headersRender,
+    hasActions: hasActions,
+    children: children
+  });
+};
+export default withTheme(StickyFixedSizeGrid);
+//# sourceMappingURL=StaticFixedSizeGrid.js.map

package/module/Grid/StaticFixedSizeGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","forwardRef","useRef","useContext","useMemo","useCallback","useState","withTheme","VariableSizeGrid","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StickyListContext","undefined","displayName","useStickyListContext","context","Error","ItemWrapper","data","columnIndex","rowIndex","style","ItemRenderer","stickyColumnIndices","headersRender","columnHeaderHeight","border","theme","hasActions","includes","shouldShowActions","childrenProps","overflow","borderBottom","grey3","top","StickyColumnCell","currentColumnIndex","StickyColumn","children","className","ColumnHeaders","InnerElementType","rest","ref","columnCount","columnWidth","rowHeight","rowCount","columnHeaderBackgroundColor","width","height","headerRef","scrollLeft","stickyColumnsWidth","reduce","acc","currentIndex","totalWidth","sum","i","hasActionsFn","backgroundColor","background","zIndex","left","position","display","flexDirection","itemData","colors","grey4","marginTop","boxShadow","borderLeft","length","index","StickyList","onScroll","hideBorder","hideborderRadius","gridRef","gridScrollLeft","setGridScrollLeft","rafRef","handleScroll","event","current","scrollTo","scrollTop","cancelAnimationFrame","requestAnimationFrame","contextValue","Provider","value","Math","min","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderTopLeftRadius","radius","mini","borderTopRightRadius","scrollbarWidth","msOverflowStyle","StickyFixedSizeGrid","innerElementType","props"],"sourceRoot":"../../../components","sources":["Grid/StaticFixedSizeGrid.tsx"],"mappings":"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","ignoreList":[]}

package/module/Grid/VariableSizeGrid.js

@@ -0,0 +1,275 @@
+"use strict";
+
+import createGridComponent from './Grid.base';
+const DEFAULT_ESTIMATED_ITEM_SIZE = 50;
+const getEstimatedTotalHeight = ({
+  rowCount
+}, {
+  rowMetadataMap,
+  estimatedRowHeight,
+  lastMeasuredRowIndex
+}) => {
+  let totalSizeOfMeasuredRows = 0;
+  if (lastMeasuredRowIndex >= rowCount) {
+    lastMeasuredRowIndex = rowCount - 1;
+  }
+  if (lastMeasuredRowIndex >= 0) {
+    const itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
+    if (itemMetadata) {
+      totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
+    }
+  }
+  const numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
+  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
+  return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
+};
+const getEstimatedTotalWidth = ({
+  columnCount
+}, {
+  columnMetadataMap,
+  estimatedColumnWidth,
+  lastMeasuredColumnIndex
+}) => {
+  let totalSizeOfMeasuredRows = 0;
+  if (lastMeasuredColumnIndex >= columnCount) {
+    lastMeasuredColumnIndex = columnCount - 1;
+  }
+  if (lastMeasuredColumnIndex >= 0) {
+    const itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
+    if (itemMetadata) {
+      totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
+    }
+  }
+  const numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
+  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
+  return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
+};
+const getItemMetadata = (itemType, props, index, instanceProps) => {
+  let itemMetadataMap, itemSize, lastMeasuredIndex;
+  if (itemType === 'column') {
+    itemMetadataMap = instanceProps.columnMetadataMap;
+    itemSize = props.columnWidth;
+    lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
+  } else {
+    itemMetadataMap = instanceProps.rowMetadataMap;
+    itemSize = props.rowHeight;
+    lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
+  }
+  if (index > lastMeasuredIndex) {
+    let offset = 0;
+    if (lastMeasuredIndex >= 0) {
+      const itemMetadata = itemMetadataMap[lastMeasuredIndex];
+      if (itemMetadata) {
+        offset = itemMetadata.offset + itemMetadata.size;
+      }
+    }
+    for (let i = lastMeasuredIndex + 1; i <= index; i++) {
+      let size = itemSize(i);
+      itemMetadataMap[i] = {
+        offset,
+        size
+      };
+      offset += size;
+    }
+    if (itemType === 'column') {
+      instanceProps.lastMeasuredColumnIndex = index;
+    } else {
+      instanceProps.lastMeasuredRowIndex = index;
+    }
+  }
+  return itemMetadataMap[index];
+};
+const findNearestItem = (itemType, props, instanceProps, offset) => {
+  let itemMetadataMap, lastMeasuredIndex;
+  if (itemType === 'column') {
+    itemMetadataMap = instanceProps.columnMetadataMap;
+    lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
+  } else {
+    itemMetadataMap = instanceProps.rowMetadataMap;
+    lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
+  }
+  const lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex]?.offset ?? 0 : 0;
+  if (lastMeasuredItemOffset >= offset) {
+    // If we've already measured items within this range just use a binary search as it's faster.
+    return findNearestItemBinarySearch(itemType, props, instanceProps, lastMeasuredIndex, 0, offset);
+  } else {
+    // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
+    // The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
+    // The overall complexity for this approach is O(log n).
+    return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
+  }
+};
+const findNearestItemBinarySearch = (itemType, props, instanceProps, high, low, offset) => {
+  while (low <= high) {
+    const middle = low + Math.floor((high - low) / 2);
+    const currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
+    if (currentOffset === offset) {
+      return middle;
+    } else if (currentOffset < offset) {
+      low = middle + 1;
+    } else if (currentOffset > offset) {
+      high = middle - 1;
+    }
+  }
+  if (low > 0) {
+    return low - 1;
+  } else {
+    return 0;
+  }
+};
+const findNearestItemExponentialSearch = (itemType, props, instanceProps, index, offset) => {
+  const itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
+  let interval = 1;
+  while (index < itemCount && getItemMetadata(itemType, props, index, instanceProps).offset < offset) {
+    index += interval;
+    interval *= 2;
+  }
+  return findNearestItemBinarySearch(itemType, props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
+};
+const getOffsetForIndexAndAlignment = (itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) => {
+  const size = itemType === 'column' ? props.width : props.height;
+  const itemMetadata = getItemMetadata(itemType, props, index, instanceProps);
+
+  // Get estimated total size after ItemMetadata is computed,
+  // To ensure it reflects actual measurements instead of just estimates.
+  const estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);
+  const maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
+  const minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);
+  if (align === 'smart') {
+    if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
+      align = 'auto';
+    } else {
+      align = 'center';
+    }
+  }
+  switch (align) {
+    case 'start':
+      return maxOffset;
+    case 'end':
+      return minOffset;
+    case 'center':
+      return Math.round(minOffset + (maxOffset - minOffset) / 2);
+    case 'auto':
+    default:
+      if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
+        return scrollOffset;
+      } else if (minOffset > maxOffset) {
+        // Because we only take into account the scrollbar size when calculating minOffset
+        // this value can be larger than maxOffset when at the end of the list
+        return minOffset;
+      } else if (scrollOffset < minOffset) {
+        return minOffset;
+      } else {
+        return maxOffset;
+      }
+  }
+};
+const VariableSizeGrid = createGridComponent({
+  getColumnOffset: (props, index, instanceProps) => getItemMetadata('column', props, index, instanceProps).offset,
+  getColumnStartIndexForOffset: (props, scrollLeft, instanceProps) => findNearestItem('column', props, instanceProps, scrollLeft),
+  getColumnStopIndexForStartIndex: (props, startIndex, scrollLeft, instanceProps) => {
+    const {
+      columnCount,
+      width
+    } = props;
+    const itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);
+    const maxOffset = scrollLeft + width;
+    let offset = itemMetadata.offset + itemMetadata.size;
+    let stopIndex = startIndex;
+    while (stopIndex < columnCount - 1 && offset < maxOffset) {
+      stopIndex++;
+      offset += getItemMetadata('column', props, stopIndex, instanceProps).size;
+    }
+    return stopIndex;
+  },
+  getColumnWidth: (_props, index, instanceProps) => {
+    return instanceProps.columnMetadataMap[index].size;
+  },
+  getEstimatedTotalHeight,
+  getEstimatedTotalWidth,
+  getOffsetForColumnAndAlignment: (props, index, align, scrollOffset, instanceProps, scrollbarSize) => getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize),
+  getOffsetForRowAndAlignment: (props, index, align, scrollOffset, instanceProps, scrollbarSize) => getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize),
+  getRowOffset: (_props, index, instanceProps) => getItemMetadata('row', _props, index, instanceProps).offset,
+  getRowHeight: (_props, index, instanceProps) => {
+    return instanceProps.rowMetadataMap[index].size;
+  },
+  getRowStartIndexForOffset: (props, scrollTop, instanceProps) => findNearestItem('row', props, instanceProps, scrollTop),
+  getRowStopIndexForStartIndex: (props, startIndex, scrollTop, instanceProps) => {
+    const {
+      rowCount,
+      height
+    } = props;
+    const itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);
+    const maxOffset = scrollTop + height;
+    let offset = itemMetadata.offset + itemMetadata.size;
+    let stopIndex = startIndex;
+    while (stopIndex < rowCount - 1 && offset < maxOffset) {
+      stopIndex++;
+      offset += getItemMetadata('row', props, stopIndex, instanceProps).size;
+    }
+    return stopIndex;
+  },
+  initInstanceProps(props, instance) {
+    const {
+      estimatedColumnWidth,
+      estimatedRowHeight
+    } = props;
+    const instanceProps = {
+      columnMetadataMap: {},
+      estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,
+      estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,
+      lastMeasuredColumnIndex: -1,
+      lastMeasuredRowIndex: -1,
+      rowMetadataMap: {}
+    };
+    instance.resetAfterColumnIndex = (columnIndex, shouldForceUpdate = true) => {
+      instance.resetAfterIndices({
+        columnIndex,
+        shouldForceUpdate
+      });
+    };
+    instance.resetAfterRowIndex = (rowIndex, shouldForceUpdate = true) => {
+      instance.resetAfterIndices({
+        rowIndex,
+        shouldForceUpdate
+      });
+    };
+    instance.resetAfterIndices = ({
+      columnIndex,
+      rowIndex,
+      shouldForceUpdate = true
+    }) => {
+      if (typeof columnIndex === 'number') {
+        instanceProps.lastMeasuredColumnIndex = Math.min(instanceProps.lastMeasuredColumnIndex, columnIndex - 1);
+      }
+      if (typeof rowIndex === 'number') {
+        instanceProps.lastMeasuredRowIndex = Math.min(instanceProps.lastMeasuredRowIndex, rowIndex - 1);
+      }
+
+      // We could potentially optimize further by only evicting styles after this index,
+      // But since styles are only cached while scrolling is in progress-
+      // It seems an unnecessary optimization.
+      // It's unlikely that resetAfterIndex() will be called while a user is scrolling.
+      instance._getItemStyleCache(-1);
+      if (shouldForceUpdate) {
+        instance.forceUpdate();
+      }
+    };
+    return instanceProps;
+  },
+  shouldResetStyleCacheOnItemSizeChange: false,
+  validateProps: ({
+    columnWidth,
+    rowHeight
+  }) => {
+    if (process.env.NODE_ENV !== 'production') {
+      if (typeof columnWidth !== 'function') {
+        throw Error('An invalid "columnWidth" prop has been specified. ' + 'Value should be a function. ' + `"${columnWidth === null ? 'null' : typeof columnWidth}" was specified.`);
+      } else if (typeof rowHeight !== 'function') {
+        throw Error('An invalid "rowHeight" prop has been specified. ' + 'Value should be a function. ' + `"${rowHeight === null ? 'null' : typeof rowHeight}" was specified.`);
+      }
+    }
+  }
+});
+export default VariableSizeGrid;
+//# sourceMappingURL=VariableSizeGrid.js.map