@wlloyalty/wll-react-sdk 1.0.76 → 1.0.78

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/web.js CHANGED
@@ -20567,7 +20567,8 @@ var Grid = function (_a) {
20567
20567
  };
20568
20568
  } else {
20569
20569
  var horizontalPadding = GRID_GAP;
20570
- var tileWidth = (SCREEN_WIDTH - horizontalPadding * 2 - (columns - 1) * GRID_GAP) / columns;
20570
+ var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
20571
+ var tileWidth = (availableWidth - (columns - 1) * GRID_GAP) / columns;
20571
20572
  return {
20572
20573
  width: tileWidth,
20573
20574
  marginBottom: GRID_GAP,
@@ -20596,10 +20597,12 @@ var Grid = function (_a) {
20596
20597
  return true;
20597
20598
  };
20598
20599
  if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
20599
- (tileContainers.length + 1) % columnsPerRow === 0;
20600
+ var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
20600
20601
  tileContainers.push(/*#__PURE__*/React.createElement(View$2, {
20601
20602
  key: "container-".concat(index),
20602
- style: [getTileWidth(columnsPerRow), index % columnsPerRow !== columnsPerRow - 1 && {
20603
+ style: [
20604
+ // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
20605
+ getTileWidth(columnsPerRow), !isLastInRow && {
20603
20606
  marginRight: GRID_GAP
20604
20607
  }]
20605
20608
  }, /*#__PURE__*/React.createElement(TileContainer, {
@@ -21990,8 +21993,7 @@ var styles = StyleSheet$1.create({
21990
21993
  aspectRatio: 1
21991
21994
  },
21992
21995
  halfTileContainer: {
21993
- flex: 0.5,
21994
- aspectRatio: 1
21996
+ flex: 0.5
21995
21997
  }
21996
21998
  });
21997
21999