@wlloyalty/wll-react-sdk 1.0.92 → 1.0.93
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.
|
@@ -5,3 +5,15 @@ export declare const TravelRewardsSection: import("@storybook/csf").AnnotatedSto
|
|
|
5
5
|
section?: import("../../..").TSection;
|
|
6
6
|
sectionId?: string;
|
|
7
7
|
}>;
|
|
8
|
+
export declare const SingleTileSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
|
|
9
|
+
section?: import("../../..").TSection;
|
|
10
|
+
sectionId?: string;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const TwoTileSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
|
|
13
|
+
section?: import("../../..").TSection;
|
|
14
|
+
sectionId?: string;
|
|
15
|
+
}>;
|
|
16
|
+
export declare const ThreeTileSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
|
|
17
|
+
section?: import("../../..").TSection;
|
|
18
|
+
sectionId?: string;
|
|
19
|
+
}>;
|
package/dist/web.js
CHANGED
|
@@ -20710,7 +20710,8 @@ var Grid = function (_a) {
|
|
|
20710
20710
|
return {
|
|
20711
20711
|
width: "calc(".concat(100 / columns, "% - ").concat((columns - 1) * GRID_GAP / columns, "px)"),
|
|
20712
20712
|
marginBottom: GRID_GAP,
|
|
20713
|
-
height: 'auto'
|
|
20713
|
+
height: 'auto',
|
|
20714
|
+
aspectRatio: 1
|
|
20714
20715
|
};
|
|
20715
20716
|
} else {
|
|
20716
20717
|
var availableWidth = SCREEN_WIDTH - GRID_GAP * 2;
|
|
@@ -20744,11 +20745,14 @@ var Grid = function (_a) {
|
|
|
20744
20745
|
return true;
|
|
20745
20746
|
};
|
|
20746
20747
|
if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
|
|
20748
|
+
var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
|
|
20747
20749
|
tileContainers.push(/*#__PURE__*/React.createElement(View$2, {
|
|
20748
20750
|
key: "container-".concat(index),
|
|
20749
20751
|
style: [
|
|
20750
20752
|
// @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
|
|
20751
|
-
getTileWidth(columnsPerRow)
|
|
20753
|
+
getTileWidth(columnsPerRow), !isLastInRow && {
|
|
20754
|
+
marginRight: GRID_GAP
|
|
20755
|
+
}]
|
|
20752
20756
|
}, /*#__PURE__*/React.createElement(TileContainer, {
|
|
20753
20757
|
tiles: currentTiles
|
|
20754
20758
|
})));
|
|
@@ -20768,8 +20772,7 @@ var styles$2 = StyleSheet$1.create({
|
|
|
20768
20772
|
grid: {
|
|
20769
20773
|
flexDirection: 'row',
|
|
20770
20774
|
flexWrap: 'wrap',
|
|
20771
|
-
width: '100%'
|
|
20772
|
-
justifyContent: 'space-between'
|
|
20775
|
+
width: '100%'
|
|
20773
20776
|
}
|
|
20774
20777
|
});
|
|
20775
20778
|
|