@wlloyalty/wll-react-sdk 1.0.75 → 1.0.76

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