@wlloyalty/wll-react-sdk 1.0.76 → 1.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/native.js CHANGED
@@ -3657,8 +3657,8 @@ var Grid = function (_a) {
3657
3657
  }
3658
3658
  else {
3659
3659
  var horizontalPadding = GRID_GAP;
3660
- var tileWidth = (SCREEN_WIDTH - horizontalPadding * 2 - (columns - 1) * GRID_GAP) /
3661
- columns;
3660
+ var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
3661
+ var tileWidth = (availableWidth - (columns - 1) * GRID_GAP) / columns;
3662
3662
  return {
3663
3663
  width: tileWidth,
3664
3664
  marginBottom: GRID_GAP,
@@ -3694,12 +3694,11 @@ var Grid = function (_a) {
3694
3694
  return true;
3695
3695
  };
3696
3696
  if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
3697
- (tileContainers.length + 1) % columnsPerRow === 0;
3697
+ var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
3698
3698
  tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
3699
+ // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
3699
3700
  getTileWidth(columnsPerRow),
3700
- index % columnsPerRow !== columnsPerRow - 1 && {
3701
- marginRight: GRID_GAP,
3702
- },
3701
+ !isLastInRow && { marginRight: GRID_GAP },
3703
3702
  ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
3704
3703
  currentTiles = [];
3705
3704
  }