@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Grid/StaticFixedSizeGrid.js

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

package/commonjs/Grid/VariableSizeGrid.js

@@ -1,55 +1,54 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 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;
+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;
   if (lastMeasuredRowIndex >= rowCount) {
     lastMeasuredRowIndex = rowCount - 1;
   }
   if (lastMeasuredRowIndex >= 0) {
-    const itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
+    var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
     // @ts-ignore
     totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
   }
-  const numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
-  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
+  var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
+  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
   return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
 };
-const getEstimatedTotalWidth = ({
-  columnCount
-}, {
-  columnMetadataMap,
-  estimatedColumnWidth,
-  lastMeasuredColumnIndex
-}) => {
-  let totalSizeOfMeasuredRows = 0;
+var getEstimatedTotalWidth = function (_a, _b) {
+  var columnCount = _a.columnCount;
+  var columnMetadataMap = _b.columnMetadataMap,
+    estimatedColumnWidth = _b.estimatedColumnWidth,
+    lastMeasuredColumnIndex = _b.lastMeasuredColumnIndex;
+  var totalSizeOfMeasuredRows = 0;
   if (lastMeasuredColumnIndex >= columnCount) {
     lastMeasuredColumnIndex = columnCount - 1;
   }
   if (lastMeasuredColumnIndex >= 0) {
     // @ts-ignore
-    const itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
+    var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
     // @ts-ignore
     totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
   }
-  const numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
-  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
+  var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
+  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
   return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
 };
-const getItemMetadata = (itemType, props, index, instanceProps) => {
-  let itemMetadataMap, itemSize, lastMeasuredIndex;
+var getItemMetadata = function (itemType, props, index, instanceProps) {
+  var itemMetadataMap, itemSize, lastMeasuredIndex;
   if (itemType === 'column') {
     itemMetadataMap = instanceProps.columnMetadataMap;
     itemSize = props.columnWidth;
@@ -60,18 +59,18 @@ const getItemMetadata = (itemType, props, index, instanceProps) => {
     lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
   }
   if (index > lastMeasuredIndex) {
-    let offset = 0;
+    var offset = 0;
     // @ts-ignore
     if (lastMeasuredIndex >= 0) {
-      const itemMetadata = itemMetadataMap[lastMeasuredIndex];
+      var itemMetadata = itemMetadataMap[lastMeasuredIndex];
       // @ts-ignore
       offset = itemMetadata.offset + itemMetadata.size;
     }
-    for (let i = lastMeasuredIndex + 1; i <= index; i++) {
-      let size = itemSize(i);
+    for (var i = lastMeasuredIndex + 1; i <= index; i++) {
+      var size = itemSize(i);
       itemMetadataMap[i] = {
-        offset,
-        size
+        offset: offset,
+        size: size
       };
       offset += size;
     }
@@ -84,8 +83,8 @@ const getItemMetadata = (itemType, props, index, instanceProps) => {
   // @ts-ignore
   return itemMetadataMap[index];
 };
-const findNearestItem = (itemType, props, instanceProps, offset) => {
-  let itemMetadataMap, lastMeasuredIndex;
+var findNearestItem = function (itemType, props, instanceProps, offset) {
+  var itemMetadataMap, lastMeasuredIndex;
   if (itemType === 'column') {
     itemMetadataMap = instanceProps.columnMetadataMap;
     lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
@@ -93,7 +92,7 @@ const findNearestItem = (itemType, props, instanceProps, offset) => {
     itemMetadataMap = instanceProps.rowMetadataMap;
     lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
   }
-  const lastMeasuredItemOffset = lastMeasuredIndex > 0 ?
+  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ?
   // @ts-ignore
   itemMetadataMap[lastMeasuredIndex].offset : 0;
   if (lastMeasuredItemOffset >= offset) {
@@ -106,10 +105,10 @@ const findNearestItem = (itemType, props, instanceProps, offset) => {
     return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
   }
 };
-const findNearestItemBinarySearch = (itemType, props, instanceProps, high, low, offset) => {
+var findNearestItemBinarySearch = function (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;
+    var middle = low + Math.floor((high - low) / 2);
+    var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
     if (currentOffset === offset) {
       return middle;
     } else if (currentOffset < offset) {
@@ -124,24 +123,23 @@ const findNearestItemBinarySearch = (itemType, props, instanceProps, high, low,
     return 0;
   }
 };
-const findNearestItemExponentialSearch = (itemType, props, instanceProps, index, offset) => {
-  const itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
-  let interval = 1;
+var findNearestItemExponentialSearch = function (itemType, props, instanceProps, index, offset) {
+  var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
+  var 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);
-
+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);
   // 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);
+  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);
   if (align === 'smart') {
     if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
       align = 'auto';
@@ -171,18 +169,20 @@ const getOffsetForIndexAndAlignment = (itemType, props, index, align, scrollOffs
       }
   }
 };
-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;
+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;
     while (stopIndex < columnCount - 1 && offset < maxOffset) {
       stopIndex++;
       offset += getItemMetadata('column', props, stopIndex, instanceProps).size;
@@ -190,41 +190,52 @@ const VariableSizeGrid = (0, _Grid.default)({
     // @ts-ignore
     return stopIndex;
   },
-  getColumnWidth: (props, index, instanceProps) => {
+  getColumnWidth: function (
+  // @ts-ignore
+  props, index, instanceProps) {
     // @ts-ignore
     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) => {
+  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) {
     // @ts-ignore
     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;
+  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;
     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 = {
+  initInstanceProps: function (props, instance) {
+    var _a = props,
+      estimatedColumnWidth = _a.estimatedColumnWidth,
+      estimatedRowHeight = _a.estimatedRowHeight;
+    var instanceProps = {
       columnMetadataMap: {},
       estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,
       estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,
@@ -232,30 +243,35 @@ const VariableSizeGrid = (0, _Grid.default)({
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    instance.resetAfterColumnIndex = (columnIndex, shouldForceUpdate = true) => {
+    instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {
+      if (shouldForceUpdate === void 0) {
+        shouldForceUpdate = true;
+      }
       instance.resetAfterIndices({
-        columnIndex,
-        shouldForceUpdate
+        columnIndex: columnIndex,
+        shouldForceUpdate: shouldForceUpdate
       });
     };
-    instance.resetAfterRowIndex = (rowIndex, shouldForceUpdate = true) => {
+    instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {
+      if (shouldForceUpdate === void 0) {
+        shouldForceUpdate = true;
+      }
       instance.resetAfterIndices({
-        rowIndex,
-        shouldForceUpdate
+        rowIndex: rowIndex,
+        shouldForceUpdate: shouldForceUpdate
       });
     };
-    instance.resetAfterIndices = ({
-      columnIndex,
-      rowIndex,
-      shouldForceUpdate = true
-    }) => {
+    instance.resetAfterIndices = function (_a) {
+      var columnIndex = _a.columnIndex,
+        rowIndex = _a.rowIndex,
+        _b = _a.shouldForceUpdate,
+        shouldForceUpdate = _b === void 0 ? true : _b;
       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.
@@ -268,29 +284,6 @@ const VariableSizeGrid = (0, _Grid.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.`);
-      }
-    }
-  }
-});
-var _default = exports.default = VariableSizeGrid;
-//# sourceMappingURL=VariableSizeGrid.js.maple 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;
@@ -304,4 +297,3 @@ var _default = exports.default = VariableSizeGrid;
   }
 });
 exports.default = VariableSizeGrid;
-//# sourceMappingURL=VariableSizeGrid.js.map

package/commonjs/Grid/helper.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getScrollbarSize = getScrollbarSize;
 exports.getRTLOffsetType = getRTLOffsetType;
-var size = -1;
+exports.getScrollbarSize = getScrollbarSize;
+let size = -1;
 function getScrollbarSize(recalculate) {
-  if (size === -1 || (recalculate !== null && recalculate !== void 0 ? recalculate : false)) {
-    var div = document.createElement('div');
-    var style = div.style;
+  if (size === -1 || (recalculate ?? false)) {
+    const div = document.createElement('div');
+    const style = div.style;
     style.width = '50px';
     style.height = '50px';
     style.overflow = 'scroll';
@@ -19,7 +19,8 @@ function getScrollbarSize(recalculate) {
   }
   return size;
 }
-var cachedRTLResult = null;
+let cachedRTLResult = null;
+
 // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
 // Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
 // Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
@@ -27,15 +28,15 @@ var cachedRTLResult = null;
 // and then verify that the subsequent "scroll" event matches the negative offset.
 // If it does not match, then we can assume a non-standard RTL scroll implementation.
 function getRTLOffsetType(recalculate) {
-  if (cachedRTLResult === null || (recalculate !== null && recalculate !== void 0 ? recalculate : false)) {
-    var outerDiv = document.createElement('div');
-    var outerStyle = outerDiv.style;
+  if (cachedRTLResult === null || (recalculate ?? false)) {
+    const outerDiv = document.createElement('div');
+    const outerStyle = outerDiv.style;
     outerStyle.width = '50px';
     outerStyle.height = '50px';
     outerStyle.overflow = 'scroll';
     outerStyle.direction = 'rtl';
-    var innerDiv = document.createElement('div');
-    var innerStyle = innerDiv.style;
+    const innerDiv = document.createElement('div');
+    const innerStyle = innerDiv.style;
     innerStyle.width = '100px';
     innerStyle.height = '100px';
     outerDiv.appendChild(innerDiv);
@@ -55,4 +56,6 @@ function getRTLOffsetType(recalculate) {
   }
   return cachedRTLResult;
 }
-//# sourceMappingURL=helper.js.map
+  }
+  return cachedRTLResult;
+}

package/commonjs/Grid/timer.js

@@ -28,4 +28,3 @@ function requestTimeout(callback, delay) {
   };
   return timeoutID;
 }
-//# sourceMappingURL=timer.js.map