@wlloyalty/wll-react-sdk 1.0.76 → 1.0.78

package/dist/native.js

@@ -3657,8 +3657,8 @@ var Grid = function (_a) {
         }
         else {
             var horizontalPadding = GRID_GAP;
-            var tileWidth = (SCREEN_WIDTH - horizontalPadding * 2 - (columns - 1) * GRID_GAP) /
-                columns;
+            var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
+            var tileWidth = (availableWidth - (columns - 1) * GRID_GAP) / columns;
             return {
                 width: tileWidth,
                 marginBottom: GRID_GAP,
@@ -3694,12 +3694,11 @@ var Grid = function (_a) {
                 return true;
             };
             if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
-                (tileContainers.length + 1) % columnsPerRow === 0;
+                var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
                 tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
+                        // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
                         getTileWidth(columnsPerRow),
-                        index % columnsPerRow !== columnsPerRow - 1 && {
-                            marginRight: GRID_GAP,
-                        },
+                        !isLastInRow && { marginRight: GRID_GAP },
                     ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
                 currentTiles = [];
             }
@@ -4666,7 +4665,6 @@ var styles = reactNative.StyleSheet.create({
     },
     halfTileContainer: {
         flex: 0.5,
-        aspectRatio: 1,
     },
 });