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

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 (52) hide show
  1. package/index.css +1 -1
  2. package/index.d.ts +5 -1
  3. package/index.js +5 -1
  4. package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.d.ts +7 -5
  5. package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.js +28 -36
  6. package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.d.ts +1 -1
  7. package/lib/components/modals/image-gallery/ImageGalleryContext.d.ts +11 -0
  8. package/lib/components/modals/image-gallery/ImageGalleryContext.js +4 -0
  9. package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts +9 -0
  10. package/lib/components/modals/image-gallery/ImageGallerySwiper.js +32 -0
  11. package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +6 -0
  12. package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +25 -0
  13. package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +12 -0
  14. package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +28 -0
  15. package/lib/components/modals/{imageGallery → image-gallery/internal}/BaseGallery.d.ts +4 -4
  16. package/lib/components/modals/image-gallery/internal/BaseGallery.js +67 -0
  17. package/lib/components/modals/image-gallery/internal/CloseButton.d.ts +7 -0
  18. package/lib/components/modals/image-gallery/internal/CloseButton.js +17 -0
  19. package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +7 -0
  20. package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +14 -0
  21. package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts +7 -0
  22. package/lib/components/modals/{imageGallery → image-gallery/internal}/ImageGalleryPagination.js +1 -2
  23. package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts +6 -0
  24. package/lib/components/modals/image-gallery/internal/ScaleButton.js +19 -0
  25. package/lib/forms/switch/Switch.js +1 -1
  26. package/node/index.js +29 -1
  27. package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.js +28 -36
  28. package/node/lib/components/modals/image-gallery/ImageGalleryContext.js +10 -0
  29. package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js +39 -0
  30. package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +33 -0
  31. package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +35 -0
  32. package/node/lib/components/modals/image-gallery/internal/BaseGallery.js +72 -0
  33. package/node/lib/components/modals/image-gallery/internal/CloseButton.js +24 -0
  34. package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +19 -0
  35. package/node/lib/components/modals/{imageGallery → image-gallery/internal}/ImageGalleryPagination.js +1 -2
  36. package/node/lib/components/modals/image-gallery/internal/ScaleButton.js +25 -0
  37. package/node/lib/forms/switch/Switch.js +1 -1
  38. package/package.json +1 -1
  39. package/lib/components/modals/imageGallery/BaseGallery.js +0 -76
  40. package/lib/components/modals/imageGallery/ImageGalleryPagination.d.ts +0 -8
  41. package/lib/components/modals/imageGallery/useClasses.d.ts +0 -0
  42. package/lib/components/modals/imageGallery/useClasses.js +0 -0
  43. package/node/lib/components/modals/imageGallery/BaseGallery.js +0 -82
  44. package/node/lib/components/modals/imageGallery/useClasses.js +0 -1
  45. /package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.helper.d.ts +0 -0
  46. /package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.helper.js +0 -0
  47. /package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.js +0 -0
  48. /package/lib/components/modals/{imageGallery → image-gallery}/ImageGalleryContent.d.ts +0 -0
  49. /package/lib/components/modals/{imageGallery → image-gallery}/ImageGalleryContent.js +0 -0
  50. /package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.helper.js +0 -0
  51. /package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.js +0 -0
  52. /package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGalleryContent.js +0 -0
@@ -1,82 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = BaseGallery;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _react = require("react");
9
- var _swiper = require("swiper");
10
- var _react2 = require("swiper/react");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function BaseGallery(_ref) {
14
- let {
15
- images,
16
- thumbnailImages,
17
- onSlideChanged,
18
- startIndex
19
- } = _ref;
20
- const [thumbsSwiper, setThumbsSwiper] = (0, _react.useState)(null);
21
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
22
- className: "fwe-image-gallery-wrapper",
23
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Swiper, {
24
- initialSlide: startIndex,
25
- thumbs: {
26
- swiper: thumbsSwiper
27
- },
28
- modules: [_swiper.Thumbs, _swiper.Navigation],
29
- navigation: {
30
- nextEl: '.fwe-navigate-btn-up',
31
- prevEl: '.fwe-navigate-btn-down'
32
- },
33
- zoom: true,
34
- className: "gallery-swiper fwe-image-gallery",
35
- spaceBetween: 0,
36
- onSlideChange: slider => onSlideChanged?.(slider.activeIndex),
37
- children: images.map(_ref2 => {
38
- let {
39
- containMode,
40
- alt,
41
- content,
42
- ...image
43
- } = _ref2;
44
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.SwiperSlide, {
45
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
46
- className: "swiper-zoom-container",
47
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
48
- ...image,
49
- className: (0, _classnames.default)({
50
- 'fwe-object-fit-contain fwe-p-m': containMode
51
- }, image.className),
52
- alt: alt
53
- })
54
- })
55
- }, image.src);
56
- })
57
- }), thumbnailImages && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Swiper, {
58
- freeMode: true,
59
- slidesPerView: "auto",
60
- className: "thumbs-swiper fwe-image-gallery-thumbs",
61
- modules: [_swiper.Thumbs],
62
- watchSlidesProgress: true,
63
- onSwiper: setThumbsSwiper,
64
- children: thumbnailImages.map(_ref3 => {
65
- let {
66
- containMode,
67
- alt,
68
- ...image
69
- } = _ref3;
70
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.SwiperSlide, {
71
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
72
- ...image,
73
- className: (0, _classnames.default)({
74
- 'fwe-object-fit-contain fwe-p-xxxs': containMode
75
- }, image.className),
76
- alt: alt
77
- })
78
- }, image.src);
79
- })
80
- })]
81
- });
82
- }
@@ -1 +0,0 @@
1
- "use strict";