@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Gantt/Accessories.js

@@ -1,22 +1,42 @@
-import React from "react";
-import { View, Text, Pressable } from "react-native";
-import { DateUnit } from "./types";
-import { useContext } from "react";
-import { GanttContext } from "./Gantt";
-import { Avatar } from "@rneui/themed";
-import { calculateItemWidth, calculateTimeOffsetForTimeLine, calculateTimeOffsetInCell, defaultColumnHeaderHeight, defaultColumnWidth, defaultRowHeight, generateColumnTitle } from "./helper";
+"use strict";
 
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeLineText = exports.Timeline = exports.GanttCellRender = exports.ColumnHeaderCellRnder = exports.ColumnHeaderCon = exports.GanttItemWrapper = exports.useGanttContext = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var types_1 = require("./types");
+var react_2 = require("react");
+var Gantt_1 = require("./Gantt");
+var themed_1 = require("@rneui/themed");
+var helper_1 = require("./helper");
 /**
  * 甘特Context
  */
-export const useGanttContext = () => {
-  const context = useContext(GanttContext);
+var useGanttContext = function () {
+  var context = (0, react_2.useContext)(Gantt_1.GanttContext);
   if (!context) {
     throw new Error("useGanttContext must be used within a GanttProvider");
   }
   return context;
 };
-
+exports.useGanttContext = useGanttContext;
 /**
  * 甘特Grid中的单元格容器模板
  * @param data - 附带循环模板数据
@@ -24,19 +44,17 @@ export const useGanttContext = () => {
  * @param rowIndex - 行索引
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-export const GanttItemWrapper = ({
-  data,
-  columnIndex,
-  rowIndex,
-  style
-}) => {
-  const {
-    ItemRenderer,
-    cardRender,
-    rangeVal,
-    attachPressCard
-  } = data;
-  return /*#__PURE__*/React.createElement(ItemRenderer, {
+var GanttItemWrapper = function (_a) {
+  var _b;
+  var data = _a.data,
+    columnIndex = _a.columnIndex,
+    rowIndex = _a.rowIndex,
+    style = _a.style;
+  var ItemRenderer = data.ItemRenderer,
+    cardRender = data.cardRender,
+    rangeVal = data.rangeVal,
+    attachPressCard = data.attachPressCard;
+  return react_1.default.createElement(ItemRenderer, {
     columnIndex: columnIndex,
     rowIndex: rowIndex,
     rowHeight: data.rowHeight,
@@ -50,27 +68,27 @@ export const GanttItemWrapper = ({
     startDate: data.startDate,
     endDate: data.endDate,
     unit: data.unit,
-    style: {
-      ...style,
+    style: __assign(__assign({}, style), {
       overflow: "hidden",
-      top: style.top + (data.headersRender ? data.columnHeaderHeight ?? defaultColumnHeaderHeight : 0)
-    }
+      top: style.top + (data.headersRender ? (_b = data.columnHeaderHeight) !== null && _b !== void 0 ? _b : helper_1.defaultColumnHeaderHeight : 0)
+    })
   });
 };
-
+exports.GanttItemWrapper = GanttItemWrapper;
 /**
  * 列头模板容器
  * @param children - 子元素
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-export const ColumnHeaderCon = ({
-  style,
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "sticky",
-  style: style
-}, children);
-
+var ColumnHeaderCon = function (_a) {
+  var style = _a.style,
+    children = _a.children;
+  return react_1.default.createElement("div", {
+    className: "sticky",
+    style: style
+  }, children);
+};
+exports.ColumnHeaderCon = ColumnHeaderCon;
 /**
  * 列头单元格模板
  * @param theme - 皮肤主题
@@ -78,87 +96,93 @@ export const ColumnHeaderCon = ({
  * @param rowIndex - 行索引
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-export const ColumnHeaderCellRnder = ({
-  columnIndex,
-  curColumnIndex,
-  curColumnText,
-  currentTime = new Date(),
-  columnWidth = 165,
-  startDate,
-  unit = DateUnit.HELF,
-  style,
-  theme
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "column-headers",
-  style: {
-    ...style,
-    overflow: "visible"
-  }
-}, /*#__PURE__*/React.createElement("span", {
-  style: {
-    position: "absolute",
-    left: columnIndex === 0 ? 0 : -20,
-    width: 40,
-    textAlign: "center",
-    fontSize: theme?.fonts.sizeS ?? 12,
-    lineHeight: "24px",
-    fontWeight: 400,
-    color: theme?.colorTextPlaceholder ?? "rgba(0,0,0,.26)"
-  }
-}, columnIndex !== undefined && startDate ? generateColumnTitle(unit, columnIndex, startDate) : "N/A"), curColumnIndex === columnIndex && /*#__PURE__*/React.createElement(TimeLineText, {
-  theme: theme,
-  text: curColumnText ?? "N/A",
-  date: currentTime,
-  unit: unit,
-  columnWidth: columnWidth
-}));
-
+var ColumnHeaderCellRnder = function (_a) {
+  var _b, _c;
+  var columnIndex = _a.columnIndex,
+    curColumnIndex = _a.curColumnIndex,
+    curColumnText = _a.curColumnText,
+    _d = _a.currentTime,
+    currentTime = _d === void 0 ? new Date() : _d,
+    _e = _a.columnWidth,
+    columnWidth = _e === void 0 ? 165 : _e,
+    startDate = _a.startDate,
+    _f = _a.unit,
+    unit = _f === void 0 ? types_1.DateUnit.HELF : _f,
+    style = _a.style,
+    theme = _a.theme;
+  return react_1.default.createElement("div", {
+    className: "column-headers",
+    style: __assign(__assign({}, style), {
+      overflow: "visible"
+    })
+  }, react_1.default.createElement("span", {
+    style: {
+      position: "absolute",
+      left: columnIndex === 0 ? 0 : -20,
+      width: 40,
+      textAlign: "center",
+      fontSize: (_b = theme === null || theme === void 0 ? void 0 : theme.fonts.sizeS) !== null && _b !== void 0 ? _b : 12,
+      lineHeight: "24px",
+      fontWeight: 400,
+      color: (_c = theme === null || theme === void 0 ? void 0 : theme.colorTextPlaceholder) !== null && _c !== void 0 ? _c : "rgba(0,0,0,.26)"
+    }
+  }, columnIndex !== undefined && startDate ? (0, helper_1.generateColumnTitle)(unit, columnIndex, startDate) : "N/A"), curColumnIndex === columnIndex && react_1.default.createElement(exports.TimeLineText, {
+    theme: theme,
+    text: curColumnText !== null && curColumnText !== void 0 ? curColumnText : "N/A",
+    date: currentTime,
+    unit: unit,
+    columnWidth: columnWidth
+  }));
+};
+exports.ColumnHeaderCellRnder = ColumnHeaderCellRnder;
 /**
  * 甘特Grid单元格模板(无内容只是背景占位)
  * @param style - 模板样式（含模板在grid中对左，对上坐标）
  */
-export const GanttCellRender = ({
-  style,
-  curColumnIndex,
-  columnIndex = -1,
-  rowIndex = -1,
-  columnWidth = defaultColumnWidth,
-  rowHeight = defaultRowHeight,
-  theme,
-  rangeVal,
-  attachPressCard,
-  unit = DateUnit.HELF,
-  ItemRenderer
-}) => {
-  let renderItem = false;
-  let itemInfo;
-  let itemLeft = 0;
-  let itemWidth = 0;
+var GanttCellRender = function (_a) {
+  var _b, _c;
+  var style = _a.style,
+    curColumnIndex = _a.curColumnIndex,
+    _d = _a.columnIndex,
+    columnIndex = _d === void 0 ? -1 : _d,
+    _e = _a.rowIndex,
+    rowIndex = _e === void 0 ? -1 : _e,
+    _f = _a.columnWidth,
+    columnWidth = _f === void 0 ? helper_1.defaultColumnWidth : _f,
+    _g = _a.rowHeight,
+    rowHeight = _g === void 0 ? helper_1.defaultRowHeight : _g,
+    theme = _a.theme,
+    rangeVal = _a.rangeVal,
+    attachPressCard = _a.attachPressCard,
+    _h = _a.unit,
+    unit = _h === void 0 ? types_1.DateUnit.HELF : _h,
+    ItemRenderer = _a.ItemRenderer;
+  var renderItem = false;
+  var itemInfo;
+  var itemLeft = 0;
+  var itemWidth = 0;
   if (ItemRenderer) {
-    const {
-      gridDataMap
-    } = useGanttContext();
+    var gridDataMap = (0, exports.useGanttContext)().gridDataMap;
     if (rowIndex >= 0 && columnIndex >= 0) {
-      itemInfo = gridDataMap.get(rowIndex)?.get(columnIndex);
+      itemInfo = (_b = gridDataMap.get(rowIndex)) === null || _b === void 0 ? void 0 : _b.get(columnIndex);
       if (itemInfo) {
         renderItem = true;
-        itemLeft = calculateTimeOffsetInCell(unit, columnWidth, itemInfo.startTime);
-        itemWidth = calculateItemWidth(unit, columnWidth, itemInfo.startTime, itemInfo.endTime);
+        itemLeft = (0, helper_1.calculateTimeOffsetInCell)(unit, columnWidth, itemInfo.startTime);
+        itemWidth = (0, helper_1.calculateItemWidth)(unit, columnWidth, itemInfo.startTime, itemInfo.endTime);
       }
     }
   }
-  const goRenderCard = ItemRenderer && renderItem && itemInfo && (rangeVal && (!rangeVal[0] || itemInfo.startTime >= rangeVal[0]) && (!rangeVal[1] || itemInfo.endTime <= rangeVal[1]) || !rangeVal);
-  return /*#__PURE__*/React.createElement("div", {
-    key: `Gantt-cell-${rowIndex}-${columnIndex}`,
-    style: {
-      ...style,
+  var goRenderCard = ItemRenderer && renderItem && itemInfo && (rangeVal && (!rangeVal[0] || itemInfo.startTime >= rangeVal[0]) && (!rangeVal[1] || itemInfo.endTime <= rangeVal[1]) || !rangeVal);
+  return react_1.default.createElement("div", {
+    key: "Gantt-cell-".concat(rowIndex, "-").concat(columnIndex),
+    style: __assign(__assign({}, style), {
       display: "flex",
       whiteSpace: "nowrap",
       borderLeft: "1px solid rgba(0, 0, 0, 0.12)",
       overflow: "visible",
-      backgroundColor: (columnIndex ?? 0) < (curColumnIndex ?? 0) ? theme?.grey5 ?? "rgba(0, 0, 0, 0.04)" : "initial"
-    }
-  }, goRenderCard && itemInfo && /*#__PURE__*/React.createElement(Pressable, {
+      backgroundColor: (columnIndex !== null && columnIndex !== void 0 ? columnIndex : 0) < (curColumnIndex !== null && curColumnIndex !== void 0 ? curColumnIndex : 0) ? (_c = theme === null || theme === void 0 ? void 0 : theme.grey5) !== null && _c !== void 0 ? _c : "rgba(0, 0, 0, 0.04)" : "initial"
+    })
+  }, goRenderCard && itemInfo && react_1.default.createElement(react_native_1.Pressable, {
     style: {
       position: "absolute",
       display: "flex",
@@ -169,34 +193,34 @@ export const GanttCellRender = ({
       overflow: "hidden",
       zIndex: 2
     },
-    key: `Gantt-cell-inner-${rowIndex}-${columnIndex}`,
-    onPress: () => attachPressCard?.({
-      columnIndex,
-      rowIndex,
-      dataIndex: itemInfo.taskIndex
-    })
-  }, /*#__PURE__*/React.createElement(ItemRenderer, {
+    key: "Gantt-cell-inner-".concat(rowIndex, "-").concat(columnIndex),
+    onPress: function () {
+      return attachPressCard === null || attachPressCard === void 0 ? void 0 : attachPressCard({
+        columnIndex: columnIndex,
+        rowIndex: rowIndex,
+        dataIndex: itemInfo.taskIndex
+      });
+    }
+  }, react_1.default.createElement(ItemRenderer, {
     columnIndex: columnIndex,
     rowIndex: rowIndex,
     dataIndex: itemInfo.taskIndex
   })));
 };
-
+exports.GanttCellRender = GanttCellRender;
 /**
  * 甘特Grid根据最小时间单位显示的当前时间线
  * @param text - 时间线具体值
  * @param style - 样式
  * @param theme - 皮肤主题
  */
-export const Timeline = /*#__PURE__*/React.forwardRef(({
-  style
-}, ref) => {
-  return /*#__PURE__*/React.createElement(View, {
+exports.Timeline = react_1.default.forwardRef(function (_a, ref) {
+  var style = _a.style;
+  return react_1.default.createElement(react_native_1.View, {
     style: style,
     ref: ref
   });
 });
-
 /**
  * 甘特Grid根据最小时间单位显示的当前时间线 显示的文本组件 （含在列头）
  * @param text - 时间线具体值
@@ -205,38 +229,40 @@ export const Timeline = /*#__PURE__*/React.forwardRef(({
  * @param columnWidth - 列宽
  * @param theme - 皮肤主题
  */
-export const TimeLineText = ({
-  theme,
-  text,
-  unit,
-  date,
-  columnWidth
-}) => /*#__PURE__*/React.createElement(View, {
-  style: {
-    position: "absolute",
-    display: "flex",
-    flexDirection: "column",
-    width: 40,
-    height: 24,
-    bottom: -2.25,
-    left: calculateTimeOffsetForTimeLine(unit, columnWidth, date) - 20
-  }
-}, /*#__PURE__*/React.createElement(Text, {
-  style: {
-    color: theme?.colorTextAccent ?? "#F55523",
-    fontSize: 12,
-    width: 40,
-    height: 18,
-    lineHeight: 18,
-    fontWeight: "bold",
-    textAlign: "center"
-  }
-}, text), /*#__PURE__*/React.createElement(Avatar, {
-  size: 7,
-  rounded: true,
-  containerStyle: {
-    alignSelf: "center",
-    backgroundColor: theme?.colorTextAccent ?? "#F55523"
-  }
-}));
-//# sourceMappingURL=Accessories.js.map
+var TimeLineText = function (_a) {
+  var _b, _c;
+  var theme = _a.theme,
+    text = _a.text,
+    unit = _a.unit,
+    date = _a.date,
+    columnWidth = _a.columnWidth;
+  return react_1.default.createElement(react_native_1.View, {
+    style: {
+      position: "absolute",
+      display: "flex",
+      flexDirection: "column",
+      width: 40,
+      height: 24,
+      bottom: -2.25,
+      left: (0, helper_1.calculateTimeOffsetForTimeLine)(unit, columnWidth, date) - 20
+    }
+  }, react_1.default.createElement(react_native_1.Text, {
+    style: {
+      color: (_b = theme === null || theme === void 0 ? void 0 : theme.colorTextAccent) !== null && _b !== void 0 ? _b : "#F55523",
+      fontSize: 12,
+      width: 40,
+      height: 18,
+      lineHeight: 18,
+      fontWeight: "bold",
+      textAlign: "center"
+    }
+  }, text), react_1.default.createElement(themed_1.Avatar, {
+    size: 7,
+    rounded: true,
+    containerStyle: {
+      alignSelf: "center",
+      backgroundColor: (_c = theme === null || theme === void 0 ? void 0 : theme.colorTextAccent) !== null && _c !== void 0 ? _c : "#F55523"
+    }
+  }));
+};
+exports.TimeLineText = TimeLineText;

package/module/Gantt/Gantt.js

@@ -233,4 +233,3 @@ var TapasGantt = function (_a) {
   }), children);
 };
 exports.default = (0, themed_1.withTheme)(TapasGantt);
-//# sourceMappingURL=Gantt.js.map

package/module/Gantt/GanttInnerElementType.js

@@ -172,4 +172,3 @@ var InnerElementType = (0, react_1.forwardRef)(function (_a, ref) {
   }), children));
 });
 exports.default = InnerElementType;
-//# sourceMappingURL=GanttInnerElementType.js.map

package/module/Gantt/helper.js

@@ -374,4 +374,3 @@ function generateColumnTitle(unit, columnIndex, startTime) {
   }
   return columnTitle;
 }
-//# sourceMappingURL=helper.js.map

package/module/Gantt/types.js

@@ -7,6 +7,5 @@ export let DateUnit = /*#__PURE__*/function (DateUnit) {
   DateUnit[DateUnit["HELF"] = 1800000] = "HELF";
   return DateUnit;
 }({});
-//# sourceMappingURL=types.js.mapHELF"] = 1800000] = "HELF";
+
 })(DateUnit || (exports.DateUnit = DateUnit = {}));
-//# sourceMappingURL=types.js.map

package/module/Grid/FixedSizeGrid.js

@@ -1,35 +1,51 @@
-import createGridComponent from './Grid.base';
-/* eslint-disable @typescript-eslint/no-explicit-any */
+"use strict";
 
-const FixedSizeGrid = createGridComponent({
-  getColumnOffset: ({
-    columnWidth
-  }, index) => index * columnWidth,
-  getColumnWidth: ({
-    columnWidth
-  }) => columnWidth,
-  getRowOffset: ({
-    rowHeight
-  }, index) => index * rowHeight,
-  getRowHeight: ({
-    rowHeight
-  }) => rowHeight,
-  getEstimatedTotalHeight: ({
-    rowCount,
-    rowHeight
-  }) => rowHeight * rowCount,
-  getEstimatedTotalWidth: ({
-    columnCount,
-    columnWidth
-  }) => columnWidth * columnCount,
-  getOffsetForColumnAndAlignment: ({
-    columnCount,
-    columnWidth,
-    width
-  }, columnIndex, align, scrollLeft, instanceProps, scrollbarSize) => {
-    const lastColumnOffset = Math.max(0, columnCount * columnWidth - width);
-    const maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
-    const minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var Grid_base_1 = __importDefault(require("./Grid.base"));
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var FixedSizeGrid = (0, Grid_base_1.default)({
+  getColumnOffset: function (_a, index) {
+    var columnWidth = _a.columnWidth;
+    return index * columnWidth;
+  },
+  getColumnWidth: function (_a) {
+    var columnWidth = _a.columnWidth;
+    return columnWidth;
+  },
+  getRowOffset: function (_a, index) {
+    var rowHeight = _a.rowHeight;
+    return index * rowHeight;
+  },
+  getRowHeight: function (_a) {
+    var rowHeight = _a.rowHeight;
+    return rowHeight;
+  },
+  getEstimatedTotalHeight: function (_a) {
+    var rowCount = _a.rowCount,
+      rowHeight = _a.rowHeight;
+    return rowHeight * rowCount;
+  },
+  getEstimatedTotalWidth: function (_a) {
+    var columnCount = _a.columnCount,
+      columnWidth = _a.columnWidth;
+    return columnWidth * columnCount;
+  },
+  getOffsetForColumnAndAlignment: function (_a, columnIndex, align, scrollLeft,
+  //@ts-ignore
+  instanceProps, scrollbarSize) {
+    var columnCount = _a.columnCount,
+      columnWidth = _a.columnWidth,
+      width = _a.width;
+    var lastColumnOffset = Math.max(0, columnCount * columnWidth - width);
+    var maxOffset = Math.min(lastColumnOffset, columnIndex * columnWidth);
+    var minOffset = Math.max(0, columnIndex * columnWidth - width + scrollbarSize + columnWidth);
     if (align === 'smart') {
       if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
         align = 'auto';
@@ -46,7 +62,7 @@ const FixedSizeGrid = createGridComponent({
         {
           // "Centered" offset is usually the average of the min and max.
           // But near the edges of the list, this doesn't hold true.
-          const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
           if (middleOffset < Math.ceil(width / 2)) {
             return 0; // near the beginning
           } else if (middleOffset > lastColumnOffset + Math.floor(width / 2)) {
@@ -70,14 +86,15 @@ const FixedSizeGrid = createGridComponent({
         }
     }
   },
-  getOffsetForRowAndAlignment: ({
-    rowHeight,
-    height,
-    rowCount
-  }, rowIndex, align, scrollTop, instanceProps, scrollbarSize) => {
-    const lastRowOffset = Math.max(0, rowCount * rowHeight - height);
-    const maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
-    const minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);
+  getOffsetForRowAndAlignment: function (_a, rowIndex, align, scrollTop,
+  //@ts-ignore
+  instanceProps, scrollbarSize) {
+    var rowHeight = _a.rowHeight,
+      height = _a.height,
+      rowCount = _a.rowCount;
+    var lastRowOffset = Math.max(0, rowCount * rowHeight - height);
+    var maxOffset = Math.min(lastRowOffset, rowIndex * rowHeight);
+    var minOffset = Math.max(0, rowIndex * rowHeight - height + scrollbarSize + rowHeight);
     if (align === 'smart') {
       if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
         align = 'auto';
@@ -94,7 +111,7 @@ const FixedSizeGrid = createGridComponent({
         {
           // "Centered" offset is usually the average of the min and max.
           // But near the edges of the list, this doesn't hold true.
-          const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
           if (middleOffset < Math.ceil(height / 2)) {
             return 0; // near the beginning
           } else if (middleOffset > lastRowOffset + Math.floor(height / 2)) {
@@ -118,55 +135,32 @@ const FixedSizeGrid = createGridComponent({
         }
     }
   },
-  getColumnStartIndexForOffset: ({
-    columnWidth,
-    columnCount
-  }, scrollLeft) => Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth))),
-  getColumnStopIndexForStartIndex: ({
-    columnWidth,
-    columnCount,
-    width
-  }, startIndex, scrollLeft) => {
-    const left = startIndex * columnWidth;
-    const numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);
-    return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive
-    ));
+  getColumnStartIndexForOffset: function (_a, scrollLeft) {
+    var columnWidth = _a.columnWidth,
+      columnCount = _a.columnCount;
+    return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));
   },
-  getRowStartIndexForOffset: ({
-    rowHeight,
-    rowCount
-  }, scrollTop) => Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight))),
-  getRowStopIndexForStartIndex: ({
-    rowHeight,
-    rowCount,
-    height
-  }, startIndex, scrollTop) => {
-    const top = startIndex * rowHeight;
-    const numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
-    return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
+  getColumnStopIndexForStartIndex: function (_a, startIndex, scrollLeft) {
+    var columnWidth = _a.columnWidth,
+      columnCount = _a.columnCount,
+      width = _a.width;
+    var left = startIndex * columnWidth;
+    var numVisibleColumns = Math.ceil((width + scrollLeft - left) / columnWidth);
+    return Math.max(0, Math.min(columnCount - 1, startIndex + numVisibleColumns - 1 // -1 is because stop index is inclusive
     ));
   },
-  //@ts-ignore
-  initInstanceProps(_props) {
-    // Noop
+  getRowStartIndexForOffset: function (_a, scrollTop) {
+    var rowHeight = _a.rowHeight,
+      rowCount = _a.rowCount;
+    return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));
   },
-  shouldResetStyleCacheOnItemSizeChange: true,
-  validateProps: ({
-    columnWidth,
-    rowHeight
-  }) => {
-    if (process.env.NODE_ENV !== 'production') {
-      if (typeof columnWidth !== 'number') {
-        throw Error('An invalid "columnWidth" prop has been specified. ' + 'Value should be a number. ' + `"${columnWidth === null ? 'null' : typeof columnWidth}" was specified.`);
-      }
-      if (typeof rowHeight !== 'number') {
-        throw Error('An invalid "rowHeight" prop has been specified. ' + 'Value should be a number. ' + `"${rowHeight === null ? 'null' : typeof rowHeight}" was specified.`);
-      }
-    }
-  }
-});
-export default FixedSizeGrid;
-//# sourceMappingURL=FixedSizeGrid.js.map.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
+  getRowStopIndexForStartIndex: function (_a, startIndex, scrollTop) {
+    var rowHeight = _a.rowHeight,
+      rowCount = _a.rowCount,
+      height = _a.height;
+    var top = startIndex * rowHeight;
+    var numVisibleRows = Math.ceil((height + scrollTop - top) / rowHeight);
+    return Math.max(0, Math.min(rowCount - 1, startIndex + numVisibleRows - 1 // -1 is because stop index is inclusive
     ));
   },
   //@ts-ignore
@@ -188,4 +182,3 @@ export default FixedSizeGrid;
   }
 });
 exports.default = FixedSizeGrid;
-//# sourceMappingURL=FixedSizeGrid.js.map