@beppla/tapas-ui 1.4.35 → 1.5.2

package/commonjs/Grid/StaticFixedSizeGrid.js

@@ -0,0 +1,383 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _themed = require("@rneui/themed");
+var _VariableSizeGrid = _interopRequireDefault(require("./VariableSizeGrid"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// type ScrollDirection = "forward" | "backward";
+
+const StickyListContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+StickyListContext.displayName = "StickyListContext";
+const useStickyListContext = () => {
+  const context = (0, _react.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__*/(0, _jsxRuntime.jsx)("div", {
+  className: "column-header-sticky",
+  style: style,
+  children: children
+});
+const ColumnHeaders = ({
+  style,
+  children
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  className: "sticky",
+  style: style,
+  children: children
+});
+const InnerElementType = /*#__PURE__*/(0, _react.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 = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [headersRender && /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_VariableSizeGrid.default, {
+        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__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: ref,
+      ...rest,
+      style: {
+        ...style,
+        width: totalWidth
+      },
+      children: [scrollLeft > 0 && /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_VariableSizeGrid.default, {
+          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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_VariableSizeGrid.default, {
+          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 = (0, _react.useRef)(null);
+  const [gridScrollLeft, setGridScrollLeft] = (0, _react.useState)(0);
+  const rafRef = (0, _react.useRef)(null);
+  const handleScroll = (0, _react.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 = (0, _react.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__*/(0, _jsxRuntime.jsx)(StickyListContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VariableSizeGrid.default, {
+      ...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 = (0, _react.useMemo)(() => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(InnerElementType, {
+    ...props,
+    ref: ref,
+    hasActions: hasActions
+  })), [hasActions]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StickyList, {
+    ...rest,
+    innerElementType: innerElementType,
+    headersRender: headersRender,
+    hasActions: hasActions,
+    children: children
+  });
+};
+var _default = exports.default = (0, _themed.withTheme)(StickyFixedSizeGrid);
+//# sourceMappingURL=StaticFixedSizeGrid.js.map

package/commonjs/Grid/StaticFixedSizeGrid.js.map

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

package/commonjs/Grid/VariableSizeGrid.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Grid = _interopRequireDefault(require("./Grid.base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 = (0, _Grid.default)({
+  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.`);
+      }
+    }
+  }
+});
+var _default = exports.default = VariableSizeGrid;
+//# sourceMappingURL=VariableSizeGrid.js.map