@wlloyalty/wll-react-sdk 1.0.70 → 1.0.72
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 +5 -8
- package/dist/native.js.map +1 -1
- package/dist/web.js +8 -4
- package/dist/web.js.map +1 -1
- package/package.json +1 -1
package/dist/native.js
CHANGED
|
@@ -3656,7 +3656,9 @@ var Grid = function (_a) {
|
|
|
3656
3656
|
};
|
|
3657
3657
|
}
|
|
3658
3658
|
else {
|
|
3659
|
-
|
|
3659
|
+
// Account for horizontal padding (GRID_GAP on both sides)
|
|
3660
|
+
var adjustedScreenWidth = SCREEN_WIDTH - 2 * GRID_GAP;
|
|
3661
|
+
var tileWidth = (adjustedScreenWidth - (columns - 1) * GRID_GAP) / columns;
|
|
3660
3662
|
return {
|
|
3661
3663
|
width: tileWidth,
|
|
3662
3664
|
marginBottom: GRID_GAP,
|
|
@@ -3765,12 +3767,7 @@ var useSectionStyles = function () {
|
|
|
3765
3767
|
var _a = useResponsive$1(), isDesktop = _a.isDesktop, isTablet = _a.isTablet;
|
|
3766
3768
|
var theme = useWllSdk().theme;
|
|
3767
3769
|
return reactNative.StyleSheet.create({
|
|
3768
|
-
section: {
|
|
3769
|
-
width: '100%',
|
|
3770
|
-
maxWidth: MAX_WIDTH,
|
|
3771
|
-
marginHorizontal: 'auto',
|
|
3772
|
-
marginBottom: useResponsiveValue(theme.sizes.xxxxxl, theme.sizes.xxxxl, isDesktop, isTablet),
|
|
3773
|
-
},
|
|
3770
|
+
section: __assign({ width: '100%', maxWidth: MAX_WIDTH, marginHorizontal: 'auto', marginBottom: useResponsiveValue(theme.sizes.xxxxxl, theme.sizes.xxxxl, isDesktop, isTablet) }, (IS_WEB ? {} : { paddingHorizontal: GRID_GAP })),
|
|
3774
3771
|
});
|
|
3775
3772
|
};
|
|
3776
3773
|
|
|
@@ -3986,7 +3983,7 @@ var GroupSections = function () {
|
|
|
3986
3983
|
}
|
|
3987
3984
|
var sortedSections = sortByPriority(activeSections);
|
|
3988
3985
|
var Container = IS_WEB ? reactNative.View : reactNative.ScrollView;
|
|
3989
|
-
return (jsxRuntimeExports.jsx(Container, { accessible: true, accessibilityLabel: "Group: ".concat(groupData.name || 'Unnamed group'), style: styles$1.container, children: sortedSections.map(function (section) { return (jsxRuntimeExports.jsx(Section, { section: section }, section.id)); }) }));
|
|
3986
|
+
return (jsxRuntimeExports.jsx(Container, { accessible: true, accessibilityLabel: "Group: ".concat(groupData.name || 'Unnamed group'), style: !IS_WEB ? styles$1.container : undefined, children: sortedSections.map(function (section) { return (jsxRuntimeExports.jsx(Section, { section: section }, section.id)); }) }));
|
|
3990
3987
|
};
|
|
3991
3988
|
/**
|
|
3992
3989
|
* A page-level component that represents a Group view in the application.
|