@festo-ui/react 7.2.0-dev.432 → 7.2.0-dev.435

package/lib/components/modals/{imageGallery → image-gallery/internal}/ImageGalleryPagination.js

@@ -3,12 +3,11 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function ImageGalleryPagination(_ref) {
   let {
-    pagination,
     currentIndex,
     length
   } = _ref;
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: pagination && /*#__PURE__*/_jsxs("div", {
+    children: length && /*#__PURE__*/_jsxs("div", {
       className: "fwe-pagination fwe-pagination--on-dark-bg fwe-pagination--lining-tabular-numbers",
       children: [/*#__PURE__*/_jsx("button", {
         "aria-label": "previous",

package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ScaleButtonProps {
+    onScaleChange?: (value: boolean) => void;
+}
+export default function ScaleButton({ onScaleChange }: ScaleButtonProps): JSX.Element;
+export {};

package/lib/components/modals/image-gallery/internal/ScaleButton.js

@@ -0,0 +1,19 @@
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ScaleButton(_ref) {
+  let {
+    onScaleChange
+  } = _ref;
+  const [isScaled, setScaled] = useState(false);
+  function handleScale() {
+    const newScaled = !isScaled;
+    setScaled(newScaled);
+    onScaleChange?.(newScaled);
+  }
+  return /*#__PURE__*/_jsx("button", {
+    type: "button",
+    "aria-label": "scale up",
+    className: "fwe-image-gallery-scale-btn fwe-ml-auto",
+    onClick: handleScale
+  });
+}

package/lib/forms/switch/Switch.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Switch(_ref) {
   let {
-    labelPosition = 'before',
+    labelPosition = 'after',
     large = false,
     title,
     value,

package/node/index.js

@@ -135,6 +135,30 @@ Object.defineProperty(exports, "ImageGallery", {
     return _ImageGallery.default;
   }
 });
+Object.defineProperty(exports, "ImageGalleryContent", {
+  enumerable: true,
+  get: function () {
+    return _ImageGalleryContent.default;
+  }
+});
+Object.defineProperty(exports, "ImageGalleryItem", {
+  enumerable: true,
+  get: function () {
+    return _ImageGalleryItem.default;
+  }
+});
+Object.defineProperty(exports, "ImageGallerySwiper", {
+  enumerable: true,
+  get: function () {
+    return _ImageGallerySwiper.default;
+  }
+});
+Object.defineProperty(exports, "ImageGalleryThumbsSwiper", {
+  enumerable: true,
+  get: function () {
+    return _ImageGalleryThumbsSwiper.default;
+  }
+});
 Object.defineProperty(exports, "LinkButton", {
   enumerable: true,
   get: function () {
@@ -371,7 +395,11 @@ var _MobileFlyoutItem = _interopRequireDefault(require("./lib/components/mobile-
 var _MobileFlyoutPage = _interopRequireDefault(require("./lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage"));
 var _AlertModal = _interopRequireDefault(require("./lib/components/modals/AlertModal"));
 var _ConfirmModal = _interopRequireDefault(require("./lib/components/modals/ConfirmModal"));
-var _ImageGallery = _interopRequireDefault(require("./lib/components/modals/imageGallery/ImageGallery"));
+var _ImageGallery = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGallery"));
+var _ImageGalleryContent = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGalleryContent"));
+var _ImageGallerySwiper = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGallerySwiper"));
+var _ImageGalleryThumbsSwiper = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGalleryThumbsSwiper"));
+var _ImageGalleryItem = _interopRequireDefault(require("./lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem"));
 var _Prompt = _interopRequireDefault(require("./lib/components/modals/Prompt"));
 var _Pagination = _interopRequireDefault(require("./lib/components/pagination/Pagination"));
 var _PopoverMenu = _interopRequireDefault(require("./lib/components/popovers/popover-menu/PopoverMenu"));

package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.js

@@ -5,14 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ImageGallery = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _ModalBase = _interopRequireDefault(require("../ModalBase"));
-var _BaseGallery = _interopRequireDefault(require("./BaseGallery"));
+var _BaseGallery = _interopRequireDefault(require("./internal/BaseGallery"));
 var _ImageGalleryContent = _interopRequireDefault(require("./ImageGalleryContent"));
-var _ImageGalleryPagination = _interopRequireDefault(require("./ImageGalleryPagination"));
+var _ImageGalleryPagination = _interopRequireDefault(require("./internal/ImageGalleryPagination"));
 var _ImageGallery = _interopRequireDefault(require("./ImageGallery.helper"));
+var _ImageGalleryContainer = _interopRequireDefault(require("./internal/ImageGalleryContainer"));
+var _CloseButton = _interopRequireDefault(require("./internal/CloseButton"));
+var _ScaleButton = _interopRequireDefault(require("./internal/ScaleButton"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getLength(pagination, images) {
+  let length = 0;
+  if (typeof pagination === 'number') {
+    length = pagination;
+  } else if (pagination === true && images?.length) {
+    length = images.length;
+  }
+  return length;
+}
 const ImageGallery = exports.ImageGallery = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isOpen,
@@ -30,7 +41,6 @@ const ImageGallery = exports.ImageGallery = /*#__PURE__*/(0, _react.forwardRef)(
     ...props
   } = _ref;
   const [currentIndex, setCurrentIndex] = (0, _react.useState)(startIndex + 1);
-  const [isScaled, setScaled] = (0, _react.useState)(false);
   function handleChange(index) {
     setCurrentIndex(index + 1);
     onSlideChanged?.(index);
@@ -39,12 +49,9 @@ const ImageGallery = exports.ImageGallery = /*#__PURE__*/(0, _react.forwardRef)(
     setCurrentIndex(startIndex + 1);
     onClose?.();
   }
-  const classes = (0, _ImageGallery.default)(thumbnailImages, descriptiveContent, className);
-  function handleScale() {
-    const newScaled = !isScaled;
-    setScaled(newScaled);
-    onScaleChange?.(newScaled);
-  }
+  const hasDescriptiveContent = Boolean(descriptiveContent);
+  const classes = (0, _ImageGallery.default)(thumbnailImages, hasDescriptiveContent, className);
+  const length = getLength(pagination, images);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalBase.default, {
     onClose: handleClose,
     className: classes,
@@ -56,39 +63,24 @@ const ImageGallery = exports.ImageGallery = /*#__PURE__*/(0, _react.forwardRef)(
         className: "fwe-image-gallery-header",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryPagination.default, {
           currentIndex: currentIndex,
-          length: images.length,
-          pagination: pagination
-        }), showScaleButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          type: "button",
-          "aria-label": "scale up",
-          className: "fwe-image-gallery-scale-btn fwe-ml-auto",
-          onClick: handleScale
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          type: "button",
-          "aria-label": "close",
-          className: (0, _classnames.default)('fwe-image-gallery-close-btn', {
-            'fwe-ml-auto': !showScaleButton,
-            'fwe-ml-3': showScaleButton
-          }),
-          onClick: onClose
+          length: length
+        }), showScaleButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScaleButton.default, {
+          onScaleChange: onScaleChange
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.default, {
+          showScaleButton: showScaleButton,
+          onClose: onClose
         })]
-      }), descriptiveContent ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "fwe-image-gallery-container",
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ImageGalleryContainer.default, {
+        descriptiveContent: hasDescriptiveContent,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseGallery.default, {
           startIndex: startIndex,
           images: images,
           thumbnailImages: thumbnailImages,
           onSlideChanged: handleChange,
           children: children
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContent.default, {
-          imageContent: images[currentIndex - 1]?.content
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseGallery.default, {
-        startIndex: startIndex,
-        images: images,
-        thumbnailImages: thumbnailImages,
-        onSlideChanged: handleChange,
-        children: children
+        }), images && descriptiveContent === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContent.default, {
+          imageContent: images?.[currentIndex - 1]?.content
+        }) : null, typeof descriptiveContent === 'function' ? descriptiveContent?.(currentIndex - 1) : null]
       })]
     })
   });

package/node/lib/components/modals/image-gallery/ImageGalleryContext.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SwiperContext = void 0;
+var _react = require("react");
+const ImageGalleryContext = /*#__PURE__*/(0, _react.createContext)({});
+const SwiperContext = exports.SwiperContext = /*#__PURE__*/(0, _react.createContext)("gallery");
+var _default = exports.default = ImageGalleryContext;

package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGallerySwiper;
+var _react = require("swiper/react");
+var _swiper = require("swiper");
+var _react2 = require("react");
+var _ImageGalleryContext = _interopRequireDefault(require("./ImageGalleryContext"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ImageGallerySwiper(_ref) {
+  let {
+    children
+  } = _ref;
+  const {
+    thumbsSwiper,
+    startIndex,
+    onSlideChanged
+  } = (0, _react2.useContext)(_ImageGalleryContext.default);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Swiper, {
+    initialSlide: startIndex,
+    thumbs: {
+      swiper: thumbsSwiper
+    },
+    modules: [_swiper.Thumbs, _swiper.Navigation],
+    navigation: {
+      nextEl: '.fwe-navigate-btn-up',
+      prevEl: '.fwe-navigate-btn-down'
+    },
+    zoom: true,
+    className: "gallery-swiper fwe-image-gallery",
+    spaceBetween: 0,
+    onSlideChange: slider => onSlideChanged?.(slider.activeIndex),
+    children: children
+  });
+}
+ImageGallerySwiper.displayName = 'Swiper';

package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGalleryThumbsSwiper;
+var _react = require("react");
+var _swiper = require("swiper");
+var _react2 = require("swiper/react");
+var _ImageGalleryContext = _interopRequireWildcard(require("./ImageGalleryContext"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ImageGalleryThumbsSwiper(_ref) {
+  let {
+    children
+  } = _ref;
+  const {
+    setThumbsSwiper
+  } = (0, _react.useContext)(_ImageGalleryContext.default);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContext.SwiperContext.Provider, {
+    value: "thumbs",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Swiper, {
+      freeMode: true,
+      slidesPerView: "auto",
+      className: "thumbs-swiper fwe-image-gallery-thumbs",
+      modules: [_swiper.Thumbs],
+      watchSlidesProgress: true,
+      onSwiper: setThumbsSwiper,
+      children: children
+    })
+  });
+}

package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGalleryItem;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("swiper/react");
+var _react2 = require("react");
+var _ImageGalleryContext = require("../ImageGalleryContext");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ImageGalleryItem(_ref) {
+  let {
+    children,
+    containMode,
+    className,
+    ...props
+  } = _ref;
+  const swiperType = (0, _react2.useContext)(_ImageGalleryContext.SwiperContext);
+  const isThumbsSwiper = swiperType === 'thumbs';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.SwiperSlide, {
+    ...props,
+    className: (0, _classnames.default)(className, {
+      'fr-image-gallery-item--contain': containMode && isThumbsSwiper
+    }),
+    children: isThumbsSwiper ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('swiper-zoom-container', {
+        'fr-image-gallery-item--contain': containMode
+      }),
+      children: children
+    })
+  });
+}
+ImageGalleryItem.displayName = 'SwiperSlide';

package/node/lib/components/modals/image-gallery/internal/BaseGallery.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BaseGallery;
+var _react = require("react");
+var _ImageGalleryContext = _interopRequireDefault(require("../ImageGalleryContext"));
+var _ImageGalleryItem = _interopRequireDefault(require("../image-gallery-item/ImageGalleryItem"));
+var _ImageGalleryThumbsSwiper = _interopRequireDefault(require("../ImageGalleryThumbsSwiper"));
+var _ImageGallerySwiper = _interopRequireDefault(require("../ImageGallerySwiper"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function BaseGallery(_ref) {
+  let {
+    images,
+    thumbnailImages,
+    onSlideChanged,
+    startIndex,
+    children
+  } = _ref;
+  const [thumbsSwiper, setThumbsSwiper] = (0, _react.useState)(null);
+  const contextValue = (0, _react.useMemo)(() => ({
+    thumbsSwiper,
+    setThumbsSwiper,
+    onSlideChanged,
+    startIndex
+  }), [thumbsSwiper, setThumbsSwiper, onSlideChanged, startIndex]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContext.default.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-image-gallery-wrapper",
+      children: children || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGallerySwiper.default, {
+          children: images?.map(_ref2 => {
+            let {
+              containMode,
+              alt,
+              content,
+              ...image
+            } = _ref2;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryItem.default, {
+              containMode: containMode,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                ...image,
+                className: image.className,
+                alt: alt
+              })
+            }, image.src);
+          })
+        }), thumbnailImages && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryThumbsSwiper.default, {
+          children: thumbnailImages.map(_ref3 => {
+            let {
+              containMode,
+              alt,
+              content,
+              ...image
+            } = _ref3;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryItem.default, {
+              containMode: containMode,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                ...image,
+                className: image.className,
+                alt: alt
+              })
+            }, image.src);
+          })
+        })]
+      })
+    })
+  });
+}

package/node/lib/components/modals/image-gallery/internal/CloseButton.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CloseButton;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CloseButton(_ref) {
+  let {
+    onClose,
+    showScaleButton
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    type: "button",
+    "aria-label": "close",
+    className: (0, _classnames.default)('fwe-image-gallery-close-btn', {
+      'fwe-ml-auto': !showScaleButton,
+      'fwe-ml-3': showScaleButton
+    }),
+    onClick: onClose
+  });
+}

package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGalleryContainer;
+var _jsxRuntime = require("react/jsx-runtime");
+function ImageGalleryContainer(_ref) {
+  let {
+    children,
+    descriptiveContent
+  } = _ref;
+  return descriptiveContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fwe-image-gallery-container",
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+}

package/node/lib/components/modals/{imageGallery → image-gallery/internal}/ImageGalleryPagination.js

@@ -7,12 +7,11 @@ exports.default = ImageGalleryPagination;
 var _jsxRuntime = require("react/jsx-runtime");
 function ImageGalleryPagination(_ref) {
   let {
-    pagination,
     currentIndex,
     length
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: pagination && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "fwe-pagination fwe-pagination--on-dark-bg fwe-pagination--lining-tabular-numbers",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         "aria-label": "previous",

package/node/lib/components/modals/image-gallery/internal/ScaleButton.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScaleButton;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function ScaleButton(_ref) {
+  let {
+    onScaleChange
+  } = _ref;
+  const [isScaled, setScaled] = (0, _react.useState)(false);
+  function handleScale() {
+    const newScaled = !isScaled;
+    setScaled(newScaled);
+    onScaleChange?.(newScaled);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    type: "button",
+    "aria-label": "scale up",
+    className: "fwe-image-gallery-scale-btn fwe-ml-auto",
+    onClick: handleScale
+  });
+}

package/node/lib/forms/switch/Switch.js

@@ -11,7 +11,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Switch(_ref) {
   let {
-    labelPosition = 'before',
+    labelPosition = 'after',
     large = false,
     title,
     value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "7.2.0-dev.432",
+  "version": "7.2.0-dev.435",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "exports": {

package/lib/components/modals/imageGallery/BaseGallery.js

@@ -1,76 +0,0 @@
-import cn from 'classnames';
-import { useState } from 'react';
-import { Navigation, Thumbs } from 'swiper';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function BaseGallery(_ref) {
-  let {
-    images,
-    thumbnailImages,
-    onSlideChanged,
-    startIndex
-  } = _ref;
-  const [thumbsSwiper, setThumbsSwiper] = useState(null);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "fwe-image-gallery-wrapper",
-    children: [/*#__PURE__*/_jsx(Swiper, {
-      initialSlide: startIndex,
-      thumbs: {
-        swiper: thumbsSwiper
-      },
-      modules: [Thumbs, Navigation],
-      navigation: {
-        nextEl: '.fwe-navigate-btn-up',
-        prevEl: '.fwe-navigate-btn-down'
-      },
-      zoom: true,
-      className: "gallery-swiper fwe-image-gallery",
-      spaceBetween: 0,
-      onSlideChange: slider => onSlideChanged?.(slider.activeIndex),
-      children: images.map(_ref2 => {
-        let {
-          containMode,
-          alt,
-          content,
-          ...image
-        } = _ref2;
-        return /*#__PURE__*/_jsx(SwiperSlide, {
-          children: /*#__PURE__*/_jsx("div", {
-            className: "swiper-zoom-container",
-            children: /*#__PURE__*/_jsx("img", {
-              ...image,
-              className: cn({
-                'fwe-object-fit-contain fwe-p-m': containMode
-              }, image.className),
-              alt: alt
-            })
-          })
-        }, image.src);
-      })
-    }), thumbnailImages && /*#__PURE__*/_jsx(Swiper, {
-      freeMode: true,
-      slidesPerView: "auto",
-      className: "thumbs-swiper fwe-image-gallery-thumbs",
-      modules: [Thumbs],
-      watchSlidesProgress: true,
-      onSwiper: setThumbsSwiper,
-      children: thumbnailImages.map(_ref3 => {
-        let {
-          containMode,
-          alt,
-          ...image
-        } = _ref3;
-        return /*#__PURE__*/_jsx(SwiperSlide, {
-          children: /*#__PURE__*/_jsx("img", {
-            ...image,
-            className: cn({
-              'fwe-object-fit-contain fwe-p-xxxs': containMode
-            }, image.className),
-            alt: alt
-          })
-        }, image.src);
-      })
-    })]
-  });
-}

package/lib/components/modals/imageGallery/ImageGalleryPagination.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface ImageGalleryPaginationProps {
-    pagination?: boolean;
-    currentIndex: number;
-    length: number;
-}
-export default function ImageGalleryPagination({ pagination, currentIndex, length, }: ImageGalleryPaginationProps): JSX.Element;
-export {};