@shopgate/pwa-common 7.33.3 → 7.34.0-beta.2

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.
Files changed (5) hide show
  1. package/components/Swiper/index.js +15 -4
  2. package/constants/Portals.d.ts +13 -0
  3. package/constants/Portals.d.ts.map +1 -1
  4. package/constants/Portals.js +13 -0
  5. package/package.json +2 -2
package/components/Swiper/index.js CHANGED
@@ -14,6 +14,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
14
14
  const INSET_LEFT = 'var(--swiper-pagination-inset-left, 0px)';
15
15
  const INSET_RIGHT = 'var(--swiper-pagination-inset-right, 0px)';
16
16
  const INSET_WIDTH = `calc(100% - ${INSET_LEFT} - ${INSET_RIGHT})`;
17
+ const BELOW_PAGINATION_TYPES = {
18
+ bulletsBelow: 'bullets',
19
+ fractionBelow: 'fraction'
20
+ };
17
21
  const useStyles = makeStyles()(theme => ({
18
22
  container: {
19
23
  position: 'relative',
@@ -26,6 +30,13 @@ const useStyles = makeStyles()(theme => ({
26
30
  position: 'relative',
27
31
  height: 32,
28
32
  lineHeight: '40px'
33
+ },
34
+ '& .swiper-pagination.swiper-pagination-fraction': {
35
+ position: 'relative',
36
+ top: 'auto',
37
+ right: 'auto',
38
+ margin: '8px auto 0',
39
+ lineHeight: '16px'
29
40
  }
30
41
  }
31
42
  },
@@ -156,7 +167,7 @@ const Swiper = ({
156
167
  classes,
157
168
  cx
158
169
  } = useStyles();
159
- const isBulletsBelow = paginationTypeProp === 'bulletsBelow';
170
+ const belowPaginationType = BELOW_PAGINATION_TYPES[paginationTypeProp];
160
171
  const useFraction = maxIndicators && maxIndicators < children.length;
161
172
  const paginationType = useFraction ? 'fraction' : 'bullets';
162
173
  const showPagination = indicators && children.length > 1;
@@ -201,7 +212,7 @@ const Swiper = ({
201
212
  ...(showPagination && {
202
213
  pagination: {
203
214
  el: undefined,
204
- type: isBulletsBelow ? 'bullets' : paginationTypeProp || paginationType,
215
+ type: belowPaginationType || paginationTypeProp || paginationType,
205
216
  bulletClass: classNames.bulletClass || 'swiper-pagination-bullet',
206
217
  bulletActiveClass: classNames.bulletActiveClass || 'swiper-pagination-bullet-active',
207
218
  dynamicBullets: true,
@@ -212,7 +223,7 @@ const Swiper = ({
212
223
  allowSlidePrev: !disabled,
213
224
  allowSlideNext: !disabled,
214
225
  onSlideChange: handleSlideChange
215
- }), [additionalModules, classNames.container, classNames.bulletClass, classNames.bulletActiveClass, classes.innerContainer, classes.zoomFix, swiperProps, autoPlay, interval, navigation, showPagination, paginationTypeProp, paginationType, indicators, children.length, disabled, handleSlideChange, isBulletsBelow, cx]);
226
+ }), [additionalModules, classNames.container, classNames.bulletClass, classNames.bulletActiveClass, classes.innerContainer, classes.zoomFix, swiperProps, autoPlay, interval, navigation, showPagination, paginationTypeProp, paginationType, indicators, children.length, disabled, handleSlideChange, belowPaginationType, cx]);
216
227
  useEffect(() => {
217
228
  if (!internalProps.autoplay && !swiperProps.autoplay) {
218
229
  if (swiperRef.current?.swiper?.autoplay) {
@@ -278,7 +289,7 @@ const Swiper = ({
278
289
  }, [delay, loopProp, onBreakpoint]);
279
290
  return /*#__PURE__*/_jsx("div", {
280
291
  className: cx(classes.container, className, 'common__swiper', {
281
- 'pagination-below': isBulletsBelow
292
+ 'pagination-below': !!belowPaginationType
282
293
  }),
283
294
  "aria-hidden": ariaHidden,
284
295
  children: /*#__PURE__*/_jsxs(OriginalSwiper, {
package/constants/Portals.d.ts CHANGED
@@ -101,6 +101,19 @@ export const APP_BAR_BELOW_AFTER: "app-bar.below.after";
101
101
  export const APP_BAR_CART_BUTTON: "app-bar.cart-button";
102
102
  export const APP_BAR_CART_BUTTON_BEFORE: "app-bar.cart-button.before";
103
103
  export const APP_BAR_CART_BUTTON_AFTER: "app-bar.cart-button.after";
104
+ export const APP_BAR_LOGO: "app-bar.logo";
105
+ export const APP_BAR_LOGO_BEFORE: "app-bar.logo.before";
106
+ export const APP_BAR_LOGO_AFTER: "app-bar.logo.after";
107
+ export const APP_BAR_ACTIONS_LEFT: "app-bar.actions.left";
108
+ export const APP_BAR_ACTIONS_LEFT_BEFORE: "app-bar.actions.left.before";
109
+ export const APP_BAR_ACTIONS_LEFT_AFTER: "app-bar.actions.left.after";
110
+ export const APP_BAR_ACTIONS_RIGHT: "app-bar.actions.right";
111
+ export const APP_BAR_ACTIONS_RIGHT_BEFORE: "app-bar.actions.right.before";
112
+ export const APP_BAR_ACTIONS_RIGHT_AFTER: "app-bar.actions.right.after";
113
+ export const APP_BAR_ACTION: "app-bar.action";
114
+ export const APP_BAR_HEADLINE: "app-bar.headline";
115
+ export const APP_BAR_HEADLINE_BEFORE: "app-bar.headline.before";
116
+ export const APP_BAR_HEADLINE_AFTER: "app-bar.headline.after";
104
117
  export const APP_BAR_CONTENT: "app-bar.content";
105
118
  export const APP_BAR_CONTENT_BEFORE: "app-bar.content.before";
106
119
  export const APP_BAR_CONTENT_AFTER: "app-bar.content.after";
package/constants/Portals.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Portals.d.ts","sourceRoot":"","sources":["../../constants/Portals.js"],"names":[],"mappings":"AAsCA,qBAAsB,QAAQ,CAAC;AAC/B,oBAAqB,OAAO,CAAC;AAC7B,mBAAoB,MAAM,CAAC;AAC3B,qBAAsB,QAAQ,CAAC;AAC/B,oBAAqB,OAAO,CAAC;AAC7B,oBAAqB,OAAO,CAAC;AAE7B,wCAA+C;AAC/C,sCAA6C;AAE7C,wDAAkE;AAClE,0CAAiD;AACjD,sDAAgE;AAEhE,wDAAkE;AAClE,0CAAiD;AACjD,sDAAgE;AAEhE,oDAA8D;AAC9D,sCAA6C;AAC7C,kDAA4D;AAE5D,8DAA2E;AAC3E,gDAA0D;AAC1D,4DAAyE;AAEzE,4EAA4F;AAC5F,8DAA2E;AAC3E,0EAA0F;AAE1F,gFAA6F;AAC7F,kEAA4E;AAC5E,8EAA2F;AAE3F,gEAA0E;AAC1E,8DAAwE;AAExE,0DAAiE;AACjE,wEAAkF;AAClF,sEAAgF;AAEhF,sEAAgF;AAChF,oFAAiG;AACjG,kFAA+F;AAE/F,0DAAoE;AACpE,4CAAmD;AACnD,wDAAkE;AAElE,gEAA0E;AAC1E,kDAAyD;AACzD,8DAAwE;AAExE,4DAAsE;AACtE,8CAAqD;AACrD,0DAAoE;AAEpE,gEAA0E;AAC1E,kDAAyD;AACzD,8DAAwE;AAExE,kFAA4F;AAC5F,oEAA2E;AAC3E,gFAA0F;AAE1F,gEAA0E;AAC1E,kDAAyD;AACzD,8DAAwE;AAExE,oFAA8F;AAC9F,sEAA6E;AAC7E,kFAA4F;AAE5F,8FAAwG;AACxG,gFAAuF;AACvF,4FAAsG;AAEtG,gGAA0G;AAC1G,kFAAyF;AACzF,8FAAwG;AAExG,sEAAgF;AAChF,wDAA+D;AAC/D,oEAA8E;AAE9E,8DAAwE;AACxE,gDAAuD;AACvD,4DAAsE;AAEtE,oEAA8E;AAC9E,sDAA6D;AAC7D,kEAA4E;AAE5E,sEAAgF;AAChF,wDAA+D;AAC/D,oEAA8E;AAE9E,8DAAwE;AACxE,gDAAuD;AACvD,4DAAsE;AAEtE,8DAAwE;AACxE,gDAAuD;AACvD,4DAAsE;AAEtE,wDAAkE;AAClE,0CAAiD;AACjD,sDAAgE;AAEhE,0DAAoE;AACpE,4CAAmD;AACnD,wDAAkE;AAElE,4DAAsE;AACtE,8CAAqD;AACrD,0DAAoE;AAEpE,0CAAiD;AACjD,wDAAkE;AAClE,sDAAgE;AAEhE,8CAAqD;AACrD,4DAAsE;AACtE,0DAAoE;AAEpE,4CAAmD;AACnD,0DAAoE;AACpE,wDAAkE;AAElE,4CAAmD;AACnD,0DAAoE;AACpE,wDAAkE;AAElE,wDAA+D;AAC/D,sEAAgF;AAChF,oEAA8E;AAE9E,gDAAuD;AACvD,8DAAqE;AACrE,4DAAmE"}
1
+ {"version":3,"file":"Portals.d.ts","sourceRoot":"","sources":["../../constants/Portals.js"],"names":[],"mappings":"AAsCA,qBAAsB,QAAQ,CAAC;AAC/B,oBAAqB,OAAO,CAAC;AAC7B,mBAAoB,MAAM,CAAC;AAC3B,qBAAsB,QAAQ,CAAC;AAC/B,oBAAqB,OAAO,CAAC;AAC7B,oBAAqB,OAAO,CAAC;AAE7B,wCAA+C;AAC/C,sCAA6C;AAE7C,wDAAkE;AAClE,0CAAiD;AACjD,sDAAgE;AAEhE,wDAAkE;AAClE,0CAAiD;AACjD,sDAAgE;AAEhE,oDAA8D;AAC9D,sCAA6C;AAC7C,kDAA4D;AAE5D,8DAA2E;AAC3E,gDAA0D;AAC1D,4DAAyE;AAEzE,4EAA4F;AAC5F,8DAA2E;AAC3E,0EAA0F;AAE1F,gFAA6F;AAC7F,kEAA4E;AAC5E,8EAA2F;AAE3F,gEAA0E;AAC1E,8DAAwE;AAExE,0DAAiE;AACjE,wEAAkF;AAClF,sEAAgF;AAEhF,sEAAgF;AAChF,oFAAiG;AACjG,kFAA+F;AAE/F,0DAAoE;AACpE,4CAAmD;AACnD,wDAAkE;AAElE,gEAA0E;AAC1E,kDAAyD;AACzD,8DAAwE;AAExE,4DAAsE;AACtE,8CAAqD;AACrD,0DAAoE;AAEpE,gEAA0E;AAC1E,kDAAyD;AACzD,8DAAwE;AAExE,kFAA4F;AAC5F,oEAA2E;AAC3E,gFAA0F;AAE1F,gEAA0E;AAC1E,kDAAyD;AACzD,8DAAwE;AAExE,oFAA8F;AAC9F,sEAA6E;AAC7E,kFAA4F;AAE5F,8FAAwG;AACxG,gFAAuF;AACvF,4FAAsG;AAEtG,gGAA0G;AAC1G,kFAAyF;AACzF,8FAAwG;AAExG,sEAAgF;AAChF,wDAA+D;AAC/D,oEAA8E;AAE9E,8DAAwE;AACxE,gDAAuD;AACvD,4DAAsE;AAEtE,oEAA8E;AAC9E,sDAA6D;AAC7D,kEAA4E;AAE5E,sEAAgF;AAChF,wDAA+D;AAC/D,oEAA8E;AAE9E,8DAAwE;AACxE,gDAAuD;AACvD,4DAAsE;AAEtE,8DAAwE;AACxE,gDAAuD;AACvD,4DAAsE;AAEtE,wDAAkE;AAClE,0CAAiD;AACjD,sDAAgE;AAEhE,0DAAoE;AACpE,4CAAmD;AACnD,wDAAkE;AAElE,4DAAsE;AACtE,8CAAqD;AACrD,0DAAoE;AAEpE,0CAAiD;AACjD,wDAAkE;AAClE,sDAAgE;AAEhE,8CAAqD;AACrD,4DAAsE;AACtE,0DAAoE;AAEpE,4CAAmD;AACnD,0DAAoE;AACpE,wDAAkE;AAElE,4CAAmD;AACnD,0DAAoE;AACpE,wDAAkE;AAElE,wDAA+D;AAC/D,sEAAgF;AAChF,oEAA8E;AAE9E,0CAA8C;AAC9C,wDAA+D;AAC/D,sDAA6D;AAE7D,0DAAiE;AACjE,wEAA+E;AAC/E,sEAA6E;AAE7E,4DAAmE;AACnE,0EAAiF;AACjF,wEAA+E;AAE/E,8CAAkD;AAElD,kDAAsD;AACtD,gEAAuE;AACvE,8DAAqE;AAErE,gDAAuD;AACvD,8DAAqE;AACrE,4DAAmE"}
package/constants/Portals.js CHANGED
@@ -139,6 +139,19 @@ export const APP_BAR_BELOW_AFTER = `${APP_BAR}.${BELOW}.${AFTER}`;
139
139
  export const APP_BAR_CART_BUTTON = `${APP_BAR}.${CART_BUTTON}`;
140
140
  export const APP_BAR_CART_BUTTON_BEFORE = `${APP_BAR}.${CART_BUTTON}.${BEFORE}`;
141
141
  export const APP_BAR_CART_BUTTON_AFTER = `${APP_BAR}.${CART_BUTTON}.${AFTER}`;
142
+ export const APP_BAR_LOGO = `${APP_BAR}.logo`;
143
+ export const APP_BAR_LOGO_BEFORE = `${APP_BAR_LOGO}.${BEFORE}`;
144
+ export const APP_BAR_LOGO_AFTER = `${APP_BAR_LOGO}.${AFTER}`;
145
+ export const APP_BAR_ACTIONS_LEFT = `${APP_BAR}.actions.${LEFT}`;
146
+ export const APP_BAR_ACTIONS_LEFT_BEFORE = `${APP_BAR_ACTIONS_LEFT}.${BEFORE}`;
147
+ export const APP_BAR_ACTIONS_LEFT_AFTER = `${APP_BAR_ACTIONS_LEFT}.${AFTER}`;
148
+ export const APP_BAR_ACTIONS_RIGHT = `${APP_BAR}.actions.${RIGHT}`;
149
+ export const APP_BAR_ACTIONS_RIGHT_BEFORE = `${APP_BAR_ACTIONS_RIGHT}.${BEFORE}`;
150
+ export const APP_BAR_ACTIONS_RIGHT_AFTER = `${APP_BAR_ACTIONS_RIGHT}.${AFTER}`;
151
+ export const APP_BAR_ACTION = `${APP_BAR}.action`;
152
+ export const APP_BAR_HEADLINE = `${APP_BAR}.headline`;
153
+ export const APP_BAR_HEADLINE_BEFORE = `${APP_BAR_HEADLINE}.${BEFORE}`;
154
+ export const APP_BAR_HEADLINE_AFTER = `${APP_BAR_HEADLINE}.${AFTER}`;
142
155
  export const APP_BAR_CONTENT = `${APP_BAR}.${CONTENT}`;
143
156
  export const APP_BAR_CONTENT_BEFORE = `${APP_BAR_CONTENT}.${BEFORE}`;
144
157
  export const APP_BAR_CONTENT_AFTER = `${APP_BAR_CONTENT}.${AFTER}`;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopgate/pwa-common",
3
- "version": "7.33.3",
3
+ "version": "7.34.0-beta.2",
4
4
  "description": "Common library for the Shopgate Connect PWA.",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Shopgate <support@shopgate.com>",
@@ -44,7 +44,7 @@
44
44
  "swiper": "12.2.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@shopgate/pwa-core": "7.33.3",
47
+ "@shopgate/pwa-core": "7.34.0-beta.2",
48
48
  "@types/lodash": "^4.17.25",
49
49
  "@types/react-portal": "^3.0.9",
50
50
  "lodash": "^4.18.1",