@itcase/ui 1.1.5 → 1.1.6

package/dist/components/Flex.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var direction = require('../constants/componentProps/direction.js');
+var alignDirection = require('../constants/componentProps/alignDirection.js');
 var fill = require('../constants/componentProps/fill.js');
 var flexAlign = require('../constants/componentProps/flexAlign.js');
 var flexJustifyContent = require('../constants/componentProps/flexJustifyContent.js');
@@ -13,6 +13,7 @@ var width = require('../constants/componentProps/width.js');
 var position = require('../constants/componentProps/position.js');
 var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var direction = require('../constants/componentProps/direction.js');
 var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
@@ -102,20 +103,20 @@ function Flex(props) {
 }
 Flex.propTypes = {
   id: PropTypes__default.default.string,
-  alignContent: PropTypes__default.default.oneOf(flexAlign.default),
-  alignContentDesktop: PropTypes__default.default.oneOf(flexAlign.default),
-  alignContentMobile: PropTypes__default.default.oneOf(flexAlign.default),
-  alignContentTablet: PropTypes__default.default.oneOf(flexAlign.default),
+  alignContent: PropTypes__default.default.oneOf(flexJustifyContent.default),
+  alignContentDesktop: PropTypes__default.default.oneOf(flexJustifyContent.default),
+  alignContentMobile: PropTypes__default.default.oneOf(flexJustifyContent.default),
+  alignContentTablet: PropTypes__default.default.oneOf(flexJustifyContent.default),
   alignItems: PropTypes__default.default.oneOf(flexAlign.default),
   alignItemsDesktop: PropTypes__default.default.oneOf(flexAlign.default),
   alignItemsMobile: PropTypes__default.default.oneOf(flexAlign.default),
   alignItemsTablet: PropTypes__default.default.oneOf(flexAlign.default),
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
-  direction: PropTypes__default.default.oneOf(direction.default),
-  directionDesktop: PropTypes__default.default.oneOf(direction.default),
-  directionMobile: PropTypes__default.default.oneOf(direction.default),
-  directionTablet: PropTypes__default.default.oneOf(direction.default),
+  direction: PropTypes__default.default.oneOf(alignDirection.default),
+  directionDesktop: PropTypes__default.default.oneOf(alignDirection.default),
+  directionMobile: PropTypes__default.default.oneOf(alignDirection.default),
+  directionTablet: PropTypes__default.default.oneOf(alignDirection.default),
   fill: PropTypes__default.default.oneOf(fill.default),
   fillDesktop: PropTypes__default.default.oneOf(fill.default),
   fillMobile: PropTypes__default.default.oneOf(fill.default),
@@ -183,7 +184,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "flexAlignProps"
+        "value": "flexJustifyContentProps"
       },
       "required": false
     },
@@ -192,7 +193,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "flexAlignProps"
+        "value": "flexJustifyContentProps"
       },
       "required": false
     },
@@ -201,7 +202,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "flexAlignProps"
+        "value": "flexJustifyContentProps"
       },
       "required": false
     },
@@ -210,7 +211,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "flexAlignProps"
+        "value": "flexJustifyContentProps"
       },
       "required": false
     },
@@ -269,7 +270,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "directionProps"
+        "value": "alignDirectionProps"
       },
       "required": false
     },
@@ -278,7 +279,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "directionProps"
+        "value": "alignDirectionProps"
       },
       "required": false
     },
@@ -287,7 +288,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "directionProps"
+        "value": "alignDirectionProps"
       },
       "required": false
     },
@@ -296,7 +297,7 @@ Flex.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "directionProps"
+        "value": "alignDirectionProps"
       },
       "required": false
     },

package/dist/components/Grid.js

@@ -80,6 +80,10 @@ function Grid(props) {
     prefix: 'fill_',
     propsKey: 'fill'
   });
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-color_',
+    propsKey: 'borderColor'
+  });
   useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fillWrapper'
@@ -102,7 +106,7 @@ function Grid(props) {
     gridWrapperInner: gridWrapperInnerStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'grid', useGridSystem && `grid_state_system`, horizontalScroll && `grid_scroll_horizontal`, type && `grid_type_${type}`, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`),
+    className: clsx__default.default(className, 'grid', useGridSystem && `grid_state_system`, horizontalScroll && `grid_scroll_horizontal`, type && `grid_type_${type}`, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, borderColorClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`),
     "data-tour": dataTour,
     id: id,
     style: gridStyles,

package/dist/components/Group.js

@@ -135,23 +135,23 @@ function Group(props) {
   }, children) : children);
 }
 Group.propTypes = {
-  id: PropTypes__default.default.string,
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
+  columns: PropTypes__default.default.number,
+  contentAlign: PropTypes__default.default.oneOf([null, 'center']),
   direction: PropTypes__default.default.oneOf(direction.default),
   fill: PropTypes__default.default.oneOf(fill.default),
-  contentAlign: PropTypes__default.default.oneOf([null, 'center']),
-  tag: PropTypes__default.default.string,
-  stacking: PropTypes__default.default.oneOf(stacking.default),
-  wrap: PropTypes__default.default.oneOf(wrap.default),
+  horizontalScroll: PropTypes__default.default.bool,
+  htmlFor: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
+  id: PropTypes__default.default.string,
+  set: PropTypes__default.default.string,
   shape: PropTypes__default.default.oneOf(shape.default),
   spaceBetweenItems: PropTypes__default.default.string,
+  stacking: PropTypes__default.default.oneOf(stacking.default),
+  tag: PropTypes__default.default.string,
   width: PropTypes__default.default.oneOf(width.default),
-  columns: PropTypes__default.default.number,
-  set: PropTypes__default.default.string,
-  horizontalScroll: PropTypes__default.default.bool,
-  onClick: PropTypes__default.default.func,
-  htmlFor: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number])
+  wrap: PropTypes__default.default.oneOf(wrap.default),
+  onClick: PropTypes__default.default.func
 };
 Group.defaultProps = {
   tag: 'div'
@@ -172,24 +172,38 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "id": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "children": {
+    "columns": {
       "description": "",
       "type": {
-        "name": "any"
+        "name": "number"
       },
       "required": false
     },
-    "className": {
+    "contentAlign": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "value": [{
+          "value": "null",
+          "computed": false
+        }, {
+          "value": "'center'",
+          "computed": false
+        }]
       },
       "required": false
     },
@@ -211,35 +225,36 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "contentAlign": {
+    "horizontalScroll": {
       "description": "",
       "type": {
-        "name": "enum",
+        "name": "bool"
+      },
+      "required": false
+    },
+    "htmlFor": {
+      "description": "",
+      "type": {
+        "name": "union",
         "value": [{
-          "value": "null",
-          "computed": false
+          "name": "string"
         }, {
-          "value": "'center'",
-          "computed": false
+          "name": "number"
         }]
       },
       "required": false
     },
-    "stacking": {
+    "id": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "stackingProps"
+        "name": "string"
       },
       "required": false
     },
-    "wrap": {
+    "set": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "wrapProps"
+        "name": "string"
       },
       "required": false
     },
@@ -259,33 +274,30 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "width": {
+    "stacking": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "columns": {
-      "description": "",
-      "type": {
-        "name": "number"
+        "value": "stackingProps"
       },
       "required": false
     },
-    "set": {
+    "width": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
       },
       "required": false
     },
-    "horizontalScroll": {
+    "wrap": {
       "description": "",
       "type": {
-        "name": "bool"
+        "name": "enum",
+        "computed": true,
+        "value": "wrapProps"
       },
       "required": false
     },
@@ -295,18 +307,6 @@ Group.__docgenInfo = {
         "name": "func"
       },
       "required": false
-    },
-    "htmlFor": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "string"
-        }, {
-          "name": "number"
-        }]
-      },
-      "required": false
     }
   }
 };

package/dist/components/Image.js

@@ -139,7 +139,6 @@ Image.propTypes = {
   shapeDesktop: PropTypes__default.default.oneOf(shape.default),
   shapeMobile: PropTypes__default.default.oneOf(shape.default),
   shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  size: PropTypes__default.default.string,
   src: PropTypes__default.default.string,
   style: PropTypes__default.default.object,
   title: PropTypes__default.default.string,
@@ -348,13 +347,6 @@ Image.__docgenInfo = {
       },
       "required": false
     },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "src": {
       "description": "",
       "type": {

package/dist/components/MenuItem.js

@@ -151,7 +151,7 @@ function MenuItem(props) {
     size: textSize,
     textColor: textColor || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textColorActive: isActive && (textColorActive || appearance && menuItemConfig.appearance[appearance].textColorActive.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    textColorHover: textColorHover || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    textColorHover: textColorHover || appearance && menuItemConfig.appearance[appearance].textColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textGradient: textGradient,
     textStyle: textStyle,
     textWeight: textWeight,

package/dist/components/Response.js

@@ -162,7 +162,7 @@ function Response(props) {
     className: "response__message",
     size: messageTextSize || responseConfig.appearance[appearance]?.messageTextSize || 'xxl',
     textColor: messageTextColor || responseConfig.appearance[appearance]?.messageTextColor
-  }, message)), (primaryButtonLabel || responseConfig.appearance[appearance]?.primaryButtonLabel || primaryButton || secondaryButtonLabel || responseConfig.appearance[appearance]?.secondaryButtonLabel || secondaryButton) && /*#__PURE__*/React__default.default.createElement(index.Group, {
+  }, message)), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || responseConfig.appearance[appearance]) && /*#__PURE__*/React__default.default.createElement(index.Group, {
     className: "response__button",
     width: "fill"
   }, primaryButtonLabel || responseConfig.appearance[appearance].primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(index$3.Button, {
@@ -172,7 +172,7 @@ function Response(props) {
     className: "response__button-item",
     fill: primaryButtonFill,
     fillHover: primaryButtonFillHover,
-    label: primaryButtonLabel || responseConfig.appearance[appearance].primaryButtonLabel,
+    label: primaryButtonLabel || responseConfig.appearance[appearance]?.primaryButtonLabel,
     labelTextColor: primaryButtonLabelTextColor,
     labelTextSize: primaryButtonLabelTextSize || responseConfig.appearance[appearance]?.primaryButtonLabelTextSize,
     shape: primaryButtonShape || responseConfig.appearance[appearance]?.primaryButtonShape,
@@ -186,7 +186,7 @@ function Response(props) {
     className: "response__button-item",
     fill: secondaryButtonFill,
     fillHover: secondaryButtonFillHover,
-    label: secondaryButtonLabel || responseConfig.appearance[appearance].secondaryButtonLabel,
+    label: secondaryButtonLabel || responseConfig.appearance[appearance]?.secondaryButtonLabel,
     labelTextColor: secondaryButtonLabelTextColor,
     labelTextSize: secondaryButtonLabelTextSize || responseConfig.appearance[appearance]?.secondaryButtonLabelTextSize,
     shape: secondaryButtonShape || responseConfig.appearance[appearance]?.secondaryButtonShape,

package/dist/components/ScrollOnDrag.js

@@ -126,6 +126,7 @@ function ScrollOnDrag(props) {
   const {
     children,
     className,
+    isScrollHidden,
     speed
   } = props;
   const ref = React.useRef(null);
@@ -175,7 +176,7 @@ function ScrollOnDrag(props) {
     styles: groupStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", Object.assign({
-    className: clsx__default.default(className, 'scrolldrag', borderColorClass, borderTypeClass, borderWidthClass, elevationClass, fillClass, fillHoverClass, heightClass, widthClass)
+    className: clsx__default.default(className, 'scrolldrag', isScrollHidden === true && 'scrolldrag_scroll_hidden', borderColorClass, borderTypeClass, borderWidthClass, elevationClass, fillClass, fillHoverClass, heightClass, widthClass)
   }, events, {
     ref: ref,
     style: groupStyles
@@ -191,6 +192,8 @@ ScrollOnDrag.propTypes = {
   fill: PropTypes__default.default.oneOf(fill.default),
   fillHover: PropTypes__default.default.oneOf(fillHover.default),
   height: PropTypes__default.default.oneOf(height.default),
+  isScrollHidden: PropTypes__default.default.bool,
+  speed: PropTypes__default.default.number,
   width: PropTypes__default.default.oneOf(width.default)
 };
 ScrollOnDrag.__docgenInfo = {
@@ -275,6 +278,20 @@ ScrollOnDrag.__docgenInfo = {
       },
       "required": false
     },
+    "isScrollHidden": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
+    "speed": {
+      "description": "",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
     "width": {
       "description": "",
       "type": {

package/dist/components/Swiper.js

@@ -1259,6 +1259,13 @@ function updateProgress(translate) {
   swiper.emit('progress', progress);
 }
 
+const toggleSlideClasses = (slideEl, condition, className) => {
+  if (condition && !slideEl.classList.contains(className)) {
+    slideEl.classList.add(className);
+  } else if (!condition && slideEl.classList.contains(className)) {
+    slideEl.classList.remove(className);
+  }
+};
 function updateSlidesClasses() {
   const swiper = this;
   const {
@@ -1272,9 +1279,6 @@ function updateSlidesClasses() {
   const getFilteredSlide = selector => {
     return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];
   };
-  slides.forEach(slideEl => {
-    slideEl.classList.remove(params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
-  });
   let activeSlide;
   let prevSlide;
   let nextSlide;
@@ -1297,35 +1301,25 @@ function updateSlidesClasses() {
     }
   }
   if (activeSlide) {
-    // Active classes
-    activeSlide.classList.add(params.slideActiveClass);
-    if (gridEnabled) {
-      if (nextSlide) {
-        nextSlide.classList.add(params.slideNextClass);
-      }
-      if (prevSlide) {
-        prevSlide.classList.add(params.slidePrevClass);
-      }
-    } else {
+    if (!gridEnabled) {
       // Next Slide
       nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
       if (params.loop && !nextSlide) {
         nextSlide = slides[0];
       }
-      if (nextSlide) {
-        nextSlide.classList.add(params.slideNextClass);
-      }
 
       // Prev Slide
       prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
       if (params.loop && !prevSlide === 0) {
         prevSlide = slides[slides.length - 1];
       }
-      if (prevSlide) {
-        prevSlide.classList.add(params.slidePrevClass);
-      }
     }
   }
+  slides.forEach(slideEl => {
+    toggleSlideClasses(slideEl, slideEl === activeSlide, params.slideActiveClass);
+    toggleSlideClasses(slideEl, slideEl === nextSlide, params.slideNextClass);
+    toggleSlideClasses(slideEl, slideEl === prevSlide, params.slidePrevClass);
+  });
   swiper.emitSlidesClasses();
 }
 
@@ -1703,6 +1697,7 @@ function translateTo(translate, speed, runCallbacks, translateBounds, internal)
           swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
           swiper.onTranslateToWrapperTransitionEnd = null;
           delete swiper.onTranslateToWrapperTransitionEnd;
+          swiper.animating = false;
           if (runCallbacks) {
             swiper.emit('transitionEnd');
           }
@@ -1810,9 +1805,6 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
   if (index === void 0) {
     index = 0;
   }
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -1832,9 +1824,12 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
     wrapperEl,
     enabled
   } = swiper;
-  if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial || swiper.destroyed) {
+  if (!enabled && !internal && !initial || swiper.destroyed || swiper.animating && params.preventInteractionOnTransition) {
     return false;
   }
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
   let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
   if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
@@ -1961,9 +1956,6 @@ function slideToLoop(index, speed, runCallbacks, internal) {
   if (index === void 0) {
     index = 0;
   }
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -1973,6 +1965,9 @@ function slideToLoop(index, speed, runCallbacks, internal) {
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const gridEnabled = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
   let newIndex = index;
   if (swiper.params.loop) {
@@ -2004,6 +1999,9 @@ function slideToLoop(index, speed, runCallbacks, internal) {
       if (centeredSlides) {
         needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
       }
+      if (internal && centeredSlides && swiper.params.slidesPerView !== 'auto' && !gridEnabled) {
+        needLoopFix = false;
+      }
       if (needLoopFix) {
         const direction = centeredSlides ? targetSlideIndex < swiper.activeIndex ? 'prev' : 'next' : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView ? 'next' : 'prev';
         swiper.loopFix({
@@ -2029,9 +2027,6 @@ function slideToLoop(index, speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideNext(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2042,6 +2037,9 @@ function slideNext(speed, runCallbacks, internal) {
     animating
   } = swiper;
   if (!enabled || swiper.destroyed) return swiper;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   let perGroup = params.slidesPerGroup;
   if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
     perGroup = Math.max(swiper.slidesPerViewDynamic('current', true), 1);
@@ -2070,9 +2068,6 @@ function slideNext(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slidePrev(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2086,6 +2081,9 @@ function slidePrev(speed, runCallbacks, internal) {
     animating
   } = swiper;
   if (!enabled || swiper.destroyed) return swiper;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const isVirtual = swiper.virtual && params.virtual.enabled;
   if (params.loop) {
     if (animating && !isVirtual && params.loopPreventsSliding) return false;
@@ -2138,22 +2136,19 @@ function slidePrev(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideReset(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
 }
 
 /* eslint no-unused-vars: "off" */
 function slideToClosest(speed, runCallbacks, internal, threshold) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2162,6 +2157,9 @@ function slideToClosest(speed, runCallbacks, internal, threshold) {
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   let index = swiper.activeIndex;
   const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
   const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
@@ -3340,6 +3338,8 @@ function setBreakpoint() {
   const breakpointParams = breakpointOnlyParams || swiper.originalParams;
   const wasMultiRow = isGridEnabled(swiper, params);
   const isMultiRow = isGridEnabled(swiper, breakpointParams);
+  const wasGrabCursor = swiper.params.grabCursor;
+  const isGrabCursor = breakpointParams.grabCursor;
   const wasEnabled = params.enabled;
   if (wasMultiRow && !isMultiRow) {
     el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
@@ -3351,6 +3351,11 @@ function setBreakpoint() {
     }
     swiper.emitContainerClasses();
   }
+  if (wasGrabCursor && !isGrabCursor) {
+    swiper.unsetGrabCursor();
+  } else if (!wasGrabCursor && isGrabCursor) {
+    swiper.setGrabCursor();
+  }
 
   // Toggle navigation, pagination, scrollbar
   ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
@@ -4676,7 +4681,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.0.7
+ * Swiper React 11.1.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4684,7 +4689,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: February 27, 2024
+ * Released on: March 28, 2024
  */