@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/Grid/VariableSizeGrid.js

@@ -1,54 +1,48 @@
-"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"));
-var DEFAULT_ESTIMATED_ITEM_SIZE = 50;
-var getEstimatedTotalHeight = function (_a, _b) {
-  var rowCount = _a.rowCount;
-  var rowMetadataMap = _b.rowMetadataMap,
-    estimatedRowHeight = _b.estimatedRowHeight,
-    lastMeasuredRowIndex = _b.lastMeasuredRowIndex;
-  var totalSizeOfMeasuredRows = 0;
+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) {
-    var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
+    const itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
     // @ts-ignore
     totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
   }
-  var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
-  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
+  const numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
+  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
   return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
 };
-var getEstimatedTotalWidth = function (_a, _b) {
-  var columnCount = _a.columnCount;
-  var columnMetadataMap = _b.columnMetadataMap,
-    estimatedColumnWidth = _b.estimatedColumnWidth,
-    lastMeasuredColumnIndex = _b.lastMeasuredColumnIndex;
-  var totalSizeOfMeasuredRows = 0;
+const getEstimatedTotalWidth = ({
+  columnCount
+}, {
+  columnMetadataMap,
+  estimatedColumnWidth,
+  lastMeasuredColumnIndex
+}) => {
+  let totalSizeOfMeasuredRows = 0;
   if (lastMeasuredColumnIndex >= columnCount) {
     lastMeasuredColumnIndex = columnCount - 1;
   }
   if (lastMeasuredColumnIndex >= 0) {
     // @ts-ignore
-    var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
+    const itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
     // @ts-ignore
     totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
   }
-  var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
-  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
+  const numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
+  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
   return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
 };
-var getItemMetadata = function (itemType, props, index, instanceProps) {
-  var itemMetadataMap, itemSize, lastMeasuredIndex;
+const getItemMetadata = (itemType, props, index, instanceProps) => {
+  let itemMetadataMap, itemSize, lastMeasuredIndex;
   if (itemType === 'column') {
     itemMetadataMap = instanceProps.columnMetadataMap;
     itemSize = props.columnWidth;
@@ -59,18 +53,18 @@ var getItemMetadata = function (itemType, props, index, instanceProps) {
     lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
   }
   if (index > lastMeasuredIndex) {
-    var offset = 0;
+    let offset = 0;
     // @ts-ignore
     if (lastMeasuredIndex >= 0) {
-      var itemMetadata = itemMetadataMap[lastMeasuredIndex];
+      const itemMetadata = itemMetadataMap[lastMeasuredIndex];
       // @ts-ignore
       offset = itemMetadata.offset + itemMetadata.size;
     }
-    for (var i = lastMeasuredIndex + 1; i <= index; i++) {
-      var size = itemSize(i);
+    for (let i = lastMeasuredIndex + 1; i <= index; i++) {
+      let size = itemSize(i);
       itemMetadataMap[i] = {
-        offset: offset,
-        size: size
+        offset,
+        size
       };
       offset += size;
     }
@@ -83,8 +77,8 @@ var getItemMetadata = function (itemType, props, index, instanceProps) {
   // @ts-ignore
   return itemMetadataMap[index];
 };
-var findNearestItem = function (itemType, props, instanceProps, offset) {
-  var itemMetadataMap, lastMeasuredIndex;
+const findNearestItem = (itemType, props, instanceProps, offset) => {
+  let itemMetadataMap, lastMeasuredIndex;
   if (itemType === 'column') {
     itemMetadataMap = instanceProps.columnMetadataMap;
     lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
@@ -92,7 +86,7 @@ var findNearestItem = function (itemType, props, instanceProps, offset) {
     itemMetadataMap = instanceProps.rowMetadataMap;
     lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
   }
-  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ?
+  const lastMeasuredItemOffset = lastMeasuredIndex > 0 ?
   // @ts-ignore
   itemMetadataMap[lastMeasuredIndex].offset : 0;
   if (lastMeasuredItemOffset >= offset) {
@@ -105,10 +99,10 @@ var findNearestItem = function (itemType, props, instanceProps, offset) {
     return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
   }
 };
-var findNearestItemBinarySearch = function (itemType, props, instanceProps, high, low, offset) {
+const findNearestItemBinarySearch = (itemType, props, instanceProps, high, low, offset) => {
   while (low <= high) {
-    var middle = low + Math.floor((high - low) / 2);
-    var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
+    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) {
@@ -123,23 +117,24 @@ var findNearestItemBinarySearch = function (itemType, props, instanceProps, high
     return 0;
   }
 };
-var findNearestItemExponentialSearch = function (itemType, props, instanceProps, index, offset) {
-  var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
-  var interval = 1;
+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);
 };
-var getOffsetForIndexAndAlignment = function (itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) {
-  var size = itemType === 'column' ? props.width : props.height;
-  var itemMetadata = getItemMetadata(itemType, props, index, instanceProps);
+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.
-  var estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);
-  var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
-  var minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);
+  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';
@@ -169,20 +164,18 @@ var getOffsetForIndexAndAlignment = function (itemType, props, index, align, scr
       }
   }
 };
-var VariableSizeGrid = (0, Grid_base_1.default)({
-  getColumnOffset: function (props, index, instanceProps) {
-    return getItemMetadata('column', props, index, instanceProps).offset;
-  },
-  getColumnStartIndexForOffset: function (props, scrollLeft, instanceProps) {
-    return findNearestItem('column', props, instanceProps, scrollLeft);
-  },
-  getColumnStopIndexForStartIndex: function (props, startIndex, scrollLeft, instanceProps) {
-    var columnCount = props.columnCount,
-      width = props.width;
-    var itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);
-    var maxOffset = scrollLeft + width;
-    var offset = itemMetadata.offset + itemMetadata.size;
-    var stopIndex = startIndex;
+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;
@@ -190,52 +183,41 @@ var VariableSizeGrid = (0, Grid_base_1.default)({
     // @ts-ignore
     return stopIndex;
   },
-  getColumnWidth: function (
-  // @ts-ignore
-  props, index, instanceProps) {
+  getColumnWidth: (props, index, instanceProps) => {
     // @ts-ignore
     return instanceProps.columnMetadataMap[index].size;
   },
-  getEstimatedTotalHeight: getEstimatedTotalHeight,
-  getEstimatedTotalWidth: getEstimatedTotalWidth,
-  getOffsetForColumnAndAlignment: function (props, index, align, scrollOffset, instanceProps, scrollbarSize) {
-    return getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize);
-  },
-  getOffsetForRowAndAlignment: function (props, index, align, scrollOffset, instanceProps, scrollbarSize) {
-    return getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize);
-  },
-  getRowOffset: function (
-  // @ts-ignore
-  props, index, instanceProps) {
-    return getItemMetadata('row', props, index, instanceProps).offset;
-  },
-  getRowHeight: function (
-  // @ts-ignore
-  props, index, instanceProps) {
+  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) => {
     // @ts-ignore
     return instanceProps.rowMetadataMap[index].size;
   },
-  getRowStartIndexForOffset: function (props, scrollTop, instanceProps) {
-    return findNearestItem('row', props, instanceProps, scrollTop);
-  },
-  getRowStopIndexForStartIndex: function (props, startIndex, scrollTop, instanceProps) {
-    var rowCount = props.rowCount,
-      height = props.height;
-    var itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);
-    var maxOffset = scrollTop + height;
-    var offset = itemMetadata.offset + itemMetadata.size;
-    var stopIndex = startIndex;
+  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: function (props, instance) {
-    var _a = props,
-      estimatedColumnWidth = _a.estimatedColumnWidth,
-      estimatedRowHeight = _a.estimatedRowHeight;
-    var instanceProps = {
+  initInstanceProps(props, instance) {
+    const {
+      estimatedColumnWidth,
+      estimatedRowHeight
+    } = props;
+    const instanceProps = {
       columnMetadataMap: {},
       estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,
       estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,
@@ -243,35 +225,30 @@ var VariableSizeGrid = (0, Grid_base_1.default)({
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {
-      if (shouldForceUpdate === void 0) {
-        shouldForceUpdate = true;
-      }
+    instance.resetAfterColumnIndex = (columnIndex, shouldForceUpdate = true) => {
       instance.resetAfterIndices({
-        columnIndex: columnIndex,
-        shouldForceUpdate: shouldForceUpdate
+        columnIndex,
+        shouldForceUpdate
       });
     };
-    instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {
-      if (shouldForceUpdate === void 0) {
-        shouldForceUpdate = true;
-      }
+    instance.resetAfterRowIndex = (rowIndex, shouldForceUpdate = true) => {
       instance.resetAfterIndices({
-        rowIndex: rowIndex,
-        shouldForceUpdate: shouldForceUpdate
+        rowIndex,
+        shouldForceUpdate
       });
     };
-    instance.resetAfterIndices = function (_a) {
-      var columnIndex = _a.columnIndex,
-        rowIndex = _a.rowIndex,
-        _b = _a.shouldForceUpdate,
-        shouldForceUpdate = _b === void 0 ? true : _b;
+    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.
@@ -284,6 +261,31 @@ var VariableSizeGrid = (0, Grid_base_1.default)({
     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;
+      // 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: function (_a) {
     var columnWidth = _a.columnWidth,
       rowHeight = _a.rowHeight;
@@ -297,4 +299,3 @@ var VariableSizeGrid = (0, Grid_base_1.default)({
   }
 });
 exports.default = VariableSizeGrid;
-//# sourceMappingURL=VariableSizeGrid.js.map

package/module/Grid/helper.js

@@ -55,4 +55,3 @@ function getRTLOffsetType(recalculate) {
   }
   return cachedRTLResult;
 }
-//# sourceMappingURL=helper.js.map

package/module/Grid/timer.js

@@ -1,21 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cancelTimeout = cancelTimeout;
-exports.requestTimeout = requestTimeout;
-var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
-var now = hasNativePerformanceNow ? function () {
-  return performance.now();
-} : function () {
-  return Date.now();
-};
-function cancelTimeout(timeoutID) {
+const hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
+const now = hasNativePerformanceNow ? () => performance.now() : () => Date.now();
+export function cancelTimeout(timeoutID) {
   cancelAnimationFrame(timeoutID.id);
 }
-function requestTimeout(callback, delay) {
-  var start = now();
+export function requestTimeout(callback, delay) {
+  const start = now();
   function tick() {
     if (now() - start >= delay) {
       callback.call(null);
@@ -23,9 +12,16 @@ function requestTimeout(callback, delay) {
       timeoutID.id = requestAnimationFrame(tick);
     }
   }
+  const timeoutID = {
+    id: requestAnimationFrame(tick)
+  };
+  return timeoutID;
+}
+      timeoutID.id = requestAnimationFrame(tick);
+    }
+  }
   var timeoutID = {
     id: requestAnimationFrame(tick)
   };
   return timeoutID;
 }
-//# sourceMappingURL=timer.js.map