@wlloyalty/wll-react-sdk 1.0.78 → 1.0.80
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 +7 -2
- package/dist/native.js.map +1 -1
- package/dist/web.js +11 -5
- package/dist/web.js.map +1 -1
- package/package.json +1 -1
package/dist/web.js
CHANGED
|
@@ -20568,7 +20568,8 @@ var Grid = function (_a) {
|
|
|
20568
20568
|
} else {
|
|
20569
20569
|
var horizontalPadding = GRID_GAP;
|
|
20570
20570
|
var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
|
|
20571
|
-
var
|
|
20571
|
+
var gapSpace = (columns - 1) * GRID_GAP;
|
|
20572
|
+
var tileWidth = Math.floor((availableWidth - gapSpace) / columns);
|
|
20572
20573
|
return {
|
|
20573
20574
|
width: tileWidth,
|
|
20574
20575
|
marginBottom: GRID_GAP,
|
|
@@ -20602,8 +20603,10 @@ var Grid = function (_a) {
|
|
|
20602
20603
|
key: "container-".concat(index),
|
|
20603
20604
|
style: [
|
|
20604
20605
|
// @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
|
|
20605
|
-
getTileWidth(columnsPerRow), !isLastInRow && {
|
|
20606
|
+
getTileWidth(columnsPerRow), IS_WEB && !isLastInRow && {
|
|
20606
20607
|
marginRight: GRID_GAP
|
|
20608
|
+
}, {
|
|
20609
|
+
overflow: 'hidden'
|
|
20607
20610
|
}]
|
|
20608
20611
|
}, /*#__PURE__*/React.createElement(TileContainer, {
|
|
20609
20612
|
tiles: currentTiles
|
|
@@ -20624,7 +20627,8 @@ var styles$2 = StyleSheet$1.create({
|
|
|
20624
20627
|
grid: {
|
|
20625
20628
|
flexDirection: 'row',
|
|
20626
20629
|
flexWrap: 'wrap',
|
|
20627
|
-
width: '100%'
|
|
20630
|
+
width: '100%',
|
|
20631
|
+
justifyContent: 'space-between' // Ensure tiles are evenly spaced
|
|
20628
20632
|
}
|
|
20629
20633
|
});
|
|
20630
20634
|
|
|
@@ -21986,11 +21990,13 @@ var styles = StyleSheet$1.create({
|
|
|
21986
21990
|
container: {
|
|
21987
21991
|
flexDirection: 'column',
|
|
21988
21992
|
flex: 1,
|
|
21989
|
-
aspectRatio: 1
|
|
21993
|
+
aspectRatio: 1,
|
|
21994
|
+
width: '100%' // Ensure the container takes full width
|
|
21990
21995
|
},
|
|
21991
21996
|
tileContainer: {
|
|
21992
21997
|
flex: 1,
|
|
21993
|
-
aspectRatio: 1
|
|
21998
|
+
aspectRatio: 1,
|
|
21999
|
+
width: '100%' // Ensure each tile takes full width of its container
|
|
21994
22000
|
},
|
|
21995
22001
|
halfTileContainer: {
|
|
21996
22002
|
flex: 0.5
|