@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/Gantt/Gantt.js

@@ -1,159 +1,146 @@
-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); }
-import React, { createContext, useRef, useMemo, useCallback, useEffect, useState } from "react";
-import { withTheme } from "@rneui/themed";
-import VariableSizeGrid from "../Grid/VariableSizeGrid";
-import { DateUnit } from "./types";
-import { calculateCurrentColumnIndex, calculateRoundedColumnCount, calculateTotalRows, defaultColumnHeaderHeight, defaultColumnWidth, defaultRowHeight, getDefualtDateTimeRange, scrollToCurrentTime } from "./helper";
-import { ColumnHeaderCon, GanttCellRender, GanttItemWrapper } from "./Accessories";
-import InnerElementType from "./GanttInnerElementType";
-const GanttContext = /*#__PURE__*/createContext(undefined);
-GanttContext.displayName = "GanttContext";
-export { GanttContext };
-const Gantt = ({
-  children,
-  data,
-  style,
-  columnWidth: columnWidthSet,
-  columnHeaderHeight = defaultColumnHeaderHeight,
-  columnHeaderBackgroundColor,
-  columnHeaderBorder,
-  rowHeight: rowHeightSet,
-  range,
-  attachPressCard,
-  attachSwitchDay,
-  unit,
-  ...rest
-}) => {
-  const [scrollLeft, setScrollLeft] = useState(0);
-  const gridRef = useRef(null);
-  const headerRef = useRef(null);
-  const timeLineRef = useRef(null);
-  const rowHeight = rowHeightSet ? rowHeightSet + 8 : defaultRowHeight;
-  const columnWidth = columnWidthSet ?? defaultColumnWidth;
-  const rangeVal = range?.map(str => new Date(str)) ?? getDefualtDateTimeRange();
-  const {
-    roundedColumnCount: columnCount,
-    startDate,
-    endDate
-  } = calculateRoundedColumnCount(rangeVal, unit ?? DateUnit.HELF);
-  const {
-    totalRows: rowCount,
-    gridData
-  } = calculateTotalRows(unit ?? DateUnit.HELF, data, Math.ceil(rest.height / rowHeight), rangeVal);
-  const now = data?.[0]?.now ? new Date(data?.[0]?.now) : new Date();
-  const [curDate, setCurDate] = useState();
-  const [rangeStart, rangeEnd] = rangeVal;
-  const curColumnIndex = calculateCurrentColumnIndex(unit ?? DateUnit.HELF, rangeVal, now >= rangeStart && now <= rangeEnd ? now : new Date(`${rangeStart.getFullYear()}-${`${rangeStart.getMonth() + 1}`.padStart(2, "0")}-${`${rangeStart.getDate()}`.padStart(2, "0")}T${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`));
-  const contextValue = useMemo(() => ({
-    ItemRenderer: children,
-    headerRef,
-    gridRef,
-    timeLineRef,
-    columnHeaderHeight,
-    columnHeaderBackgroundColor,
-    headersRender: ColumnHeaderCon,
-    columnHeaderBorder,
-    columnWidth,
-    width: rest.width || 0,
-    height: rest.height,
-    startDate,
-    endDate,
-    rangeVal,
-    gridDataMap: gridData,
-    columnCount,
-    rowHeight,
-    rowCount,
-    now: data?.[0]?.now ? new Date(data?.[0]?.now) : new Date(),
-    theme: rest.theme
-  }), [children, ColumnHeaderCon, columnHeaderBorder, columnWidth, rest.width, rowHeight, rest.theme]);
-  useEffect(() => {
-    if (curDate) {
-      attachSwitchDay?.(curDate);
-    }
-  }, [curDate]);
-
-  // 同步header与主体grid的scroll状态
-  const handleScroll = useCallback(event => {
-    if (scrollLeft !== event.scrollLeft) {
-      headerRef.current?.scrollTo(event);
-    }
-    setScrollLeft(event.scrollLeft);
-
-    // 计算当前显示屏据中位置列索引
-    const middlePosition = scrollLeft + rest.width / 2;
-    const columnWidth = columnWidthSet ?? defaultColumnWidth;
-    const columnIndex = Math.floor(middlePosition / columnWidth);
-    // 根据列索引计算列对应时间
-    const date = new Date(startDate.getTime() + columnIndex * (unit ?? DateUnit.HELF));
-    const dateVal = new Date(`${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, "0")}-${`${date.getDate()}`.padStart(2, "0")}`);
-    // 如果产生天，月，年变化触发日期切换
-    if (curDate && (curDate.getFullYear() !== dateVal.getFullYear() || curDate.getMonth() !== dateVal.getMonth() || curDate.getDate() !== dateVal.getDate())) {
-      setCurDate(dateVal);
-    }
-  }, [scrollLeft, unit]);
+"use strict";
 
-  // 自动滚动到当前时间点（根据最小时间单位不同位置不同）
-  useEffect(() => {
-    const now = data?.[0]?.now ? new Date(data?.[0]?.now) : new Date();
-    const [rangeStart, rangeEnd] = rangeVal;
-    const date = now >= rangeStart && now <= rangeEnd ? now : new Date(`${rangeStart.getFullYear()}-${`${rangeStart.getMonth() + 1}`.padStart(2, "0")}-${`${rangeStart.getDate()}`.padStart(2, "0")}T${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`);
-    if (!curDate) {
-      setCurDate(new Date(`${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, "0")}-${`${date.getDate()}`.padStart(2, "0")}`));
+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];
     }
-    scrollToCurrentTime(unit, gridRef, columnWidth, rest.width, rangeVal, date);
-  }, [unit, gridRef, columnWidth, rest.width, range, data]);
-  return /*#__PURE__*/React.createElement(GanttContext.Provider, {
-    value: {
-      ...contextValue,
-      rangeVal,
-      unit
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GanttContext = void 0;
+var react_1 = __importStar(require("react"));
+var themed_1 = require("@rneui/themed");
+var VariableSizeGrid_1 = __importDefault(require("../Grid/VariableSizeGrid"));
+var types_1 = require("./types");
+var helper_1 = require("./helper");
+var Accessories_1 = require("./Accessories");
+var GanttInnerElementType_1 = __importDefault(require("./GanttInnerElementType"));
+var GanttContext = (0, react_1.createContext)(undefined);
+exports.GanttContext = GanttContext;
+GanttContext.displayName = "GanttContext";
+var Gantt = function (_a) {
+  var _b, _c, _d, _e, _f;
+  var children = _a.children,
+    data = _a.data,
+    style = _a.style,
+    columnWidthSet = _a.columnWidth,
+    _g = _a.columnHeaderHeight,
+    columnHeaderHeight = _g === void 0 ? helper_1.defaultColumnHeaderHeight : _g,
+    columnHeaderBackgroundColor = _a.columnHeaderBackgroundColor,
+    columnHeaderBorder = _a.columnHeaderBorder,
+    rowHeightSet = _a.rowHeight,
+    range = _a.range,
+    attachPressCard = _a.attachPressCard,
+    attachSwitchDay = _a.attachSwitchDay,
+    unit = _a.unit,
+    rest = __rest(_a, ["children", "data", "style", "columnWidth", "columnHeaderHeight", "columnHeaderBackgroundColor", "columnHeaderBorder", "rowHeight", "range", "attachPressCard", "attachSwitchDay", "unit"]);
+  var _h = (0, react_1.useState)(0),
+    scrollLeft = _h[0],
+    setScrollLeft = _h[1];
+  var gridRef = (0, react_1.useRef)(null);
+  var headerRef = (0, react_1.useRef)(null);
+  var timeLineRef = (0, react_1.useRef)(null);
+  var rowHeight = rowHeightSet ? rowHeightSet + 8 : helper_1.defaultRowHeight;
+  var columnWidth = columnWidthSet !== null && columnWidthSet !== void 0 ? columnWidthSet : helper_1.defaultColumnWidth;
+  var rangeVal = (_b = range === null || range === void 0 ? void 0 : range.map(function (str) {
+    return new Date(str);
+  })) !== null && _b !== void 0 ? _b : (0, helper_1.getDefualtDateTimeRange)();
+  var _j = (0, helper_1.calculateRoundedColumnCount)(rangeVal, unit !== null && unit !== void 0 ? unit : types_1.DateUnit.HELF),
+    columnCount = _j.roundedColumnCount,
+    startDate = _j.startDate,
+    endDate = _j.endDate;
+  var _k = (0, helper_1.calculateTotalRows)(unit !== null && unit !== void 0 ? unit : types_1.DateUnit.HELF, data, Math.ceil(rest.height / rowHeight), rangeVal),
+    rowCount = _k.totalRows,
+    gridData = _k.gridData;
+  var now = ((_c = data === null || data === void 0 ? void 0 : data[0]) === null || _c === void 0 ? void 0 : _c.now) ? new Date((_d = data === null || data === void 0 ? void 0 : data[0]) === null || _d === void 0 ? void 0 : _d.now) : new Date();
+  var _l = (0, react_1.useState)(),
+    curDate = _l[0],
+    setCurDate = _l[1];
+  var rangeStart = rangeVal[0],
+    rangeEnd = rangeVal[1];
+  var curColumnIndex = (0, helper_1.calculateCurrentColumnIndex)(unit !== null && unit !== void 0 ? unit : types_1.DateUnit.HELF, rangeVal, now >= rangeStart && now <= rangeEnd ? now : new Date("".concat(rangeStart.getFullYear(), "-").concat("".concat(rangeStart.getMonth() + 1).padStart(2, "0"), "-").concat("".concat(rangeStart.getDate()).padStart(2, "0"), "T").concat(now.getHours(), ":").concat(now.getMinutes(), ":").concat(now.getSeconds())));
+  var contextValue = (0, react_1.useMemo)(function () {
+    var _a, _b;
+    return {
+      ItemRenderer: children,
+      headerRef: headerRef,
+      gridRef: gridRef,
+      timeLineRef: timeLineRef,
+      columnHeaderHeight: columnHeaderHeight,
+      columnHeaderBackgroundColor: columnHeaderBackgroundColor,
+      headersRender: Accessories_1.ColumnHeaderCon,
+      columnHeaderBorder: columnHeaderBorder,
+      columnWidth: columnWidth,
       width: rest.width || 0,
       height: rest.height,
-      display: "flex",
-      overflow: "hidden",
-      position: "relative",
-      backgroundColor: rest.theme.background ?? "#F9F2E8"
-    }
-  }, /*#__PURE__*/React.createElement(VariableSizeGrid, _extends({}, rest, {
-    ref: gridRef,
-    onScroll: handleScroll,
-    width: rest.width || 0 // Ensure a valid number for width
-    ,
-    height: Math.min(rowCount * rowHeight + columnHeaderHeight, rest.height),
-    rowHeight: () => rowHeight,
-    columnCount: columnCount,
-    rowCount: rowCount,
-    columnWidth: () => defaultColumnWidth,
-    style: {
-      ...style,
-      backgroundColor: rest.theme.background ?? "#F9F2E8",
-      scrollbarWidth: "none",
-      msOverflowStyle: "none"
-    },
-    itemData: {
-      ItemRenderer: GanttCellRender,
-      headersRender: ColumnHeaderCon,
-      attachPressCard,
-      cardRender: children,
-      columnHeaderHeight,
-      curColumnIndex,
-      unit,
-      rangeVal,
-      rowHeight
-    }
-  }), GanttItemWrapper)));
-};
-const TapasGantt = ({
-  children,
-  ...rest
-}) => /*#__PURE__*/React.createElement(Gantt, _extends({}, rest, {
-  innerElementType: InnerElementType
-}), children);
-export default withTheme(TapasGantt);
-//# sourceMappingURL=Gantt.js.map void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.now) : new Date(),
+      startDate: startDate,
+      endDate: endDate,
+      rangeVal: rangeVal,
+      gridDataMap: gridData,
+      columnCount: columnCount,
+      rowHeight: rowHeight,
+      rowCount: rowCount,
+      now: ((_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a.now) ? new Date((_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.now) : new Date(),
       theme: rest.theme
     };
   }, [children, Accessories_1.ColumnHeaderCon, columnHeaderBorder, columnWidth, rest.width, rowHeight, rest.theme]);
@@ -246,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

@@ -362,7 +362,6 @@ export function generateColumnTitle(unit, columnIndex, startTime) {
   }
   return columnTitle;
 }
-//# sourceMappingURL=helper.js.maponst zeroOffset = columnWidth / 2;
   // currentTimeOffset -= zeroOffset;
   return currentTimeOffset;
 }
@@ -408,4 +407,3 @@ function generateColumnTitle(unit, columnIndex, startTime) {
   }
   return columnTitle;
 }
-//# sourceMappingURL=helper.js.map

package/module/Gantt/types.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateUnit = void 0;
-var DateUnit;
-(function (DateUnit) {
+export let DateUnit = /*#__PURE__*/function (DateUnit) {
   DateUnit[DateUnit["YEAR"] = 31536000000] = "YEAR";
   DateUnit[DateUnit["MONTH"] = 2678400000] = "MONTH";
   DateUnit[DateUnit["WEEK"] = 604800000] = "WEEK";
   DateUnit[DateUnit["DAY"] = 86400000] = "DAY";
   DateUnit[DateUnit["HOUR"] = 3600000] = "HOUR";
   DateUnit[DateUnit["HELF"] = 1800000] = "HELF";
+  return DateUnit;
+}({});
 })(DateUnit || (exports.DateUnit = DateUnit = {}));
-//# sourceMappingURL=types.js.map

package/module/Grid/FixedSizeGrid.js

@@ -1,51 +1,35 @@
-"use strict";
-
-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"));
+import createGridComponent from './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);
+
+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);
     if (align === 'smart') {
       if (scrollLeft >= minOffset - width && scrollLeft <= maxOffset + width) {
         align = 'auto';
@@ -62,7 +46,7 @@ var FixedSizeGrid = (0, Grid_base_1.default)({
         {
           // "Centered" offset is usually the average of the min and max.
           // But near the edges of the list, this doesn't hold true.
-          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+          const 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)) {
@@ -86,15 +70,14 @@ var FixedSizeGrid = (0, Grid_base_1.default)({
         }
     }
   },
-  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);
+  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);
     if (align === 'smart') {
       if (scrollTop >= minOffset - height && scrollTop <= maxOffset + height) {
         align = 'auto';
@@ -111,7 +94,7 @@ var FixedSizeGrid = (0, Grid_base_1.default)({
         {
           // "Centered" offset is usually the average of the min and max.
           // But near the edges of the list, this doesn't hold true.
-          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+          const 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)) {
@@ -135,35 +118,57 @@ var FixedSizeGrid = (0, Grid_base_1.default)({
         }
     }
   },
-  getColumnStartIndexForOffset: function (_a, scrollLeft) {
-    var columnWidth = _a.columnWidth,
-      columnCount = _a.columnCount;
-    return Math.max(0, Math.min(columnCount - 1, Math.floor(scrollLeft / columnWidth)));
-  },
-  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);
+  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
     ));
   },
-  getRowStartIndexForOffset: function (_a, scrollTop) {
-    var rowHeight = _a.rowHeight,
-      rowCount = _a.rowCount;
-    return Math.max(0, Math.min(rowCount - 1, Math.floor(scrollTop / rowHeight)));
-  },
-  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);
+  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
     ));
   },
   //@ts-ignore
+  initInstanceProps(_props) {
+    // Noop
+  },
+  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;
+    ));
+  },
+  //@ts-ignore
   initInstanceProps: function (_props) {
     // Noop
   },
@@ -182,4 +187,3 @@ var FixedSizeGrid = (0, Grid_base_1.default)({
   }
 });
 exports.default = FixedSizeGrid;
-//# sourceMappingURL=FixedSizeGrid.js.map