@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.
- package/index.css +1 -1
- package/index.d.ts +5 -1
- package/index.js +5 -1
- package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.d.ts +7 -5
- package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.js +28 -36
- package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.d.ts +1 -1
- package/lib/components/modals/image-gallery/ImageGalleryContext.d.ts +11 -0
- package/lib/components/modals/image-gallery/ImageGalleryContext.js +4 -0
- package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts +9 -0
- package/lib/components/modals/image-gallery/ImageGallerySwiper.js +32 -0
- package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +6 -0
- package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +25 -0
- package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +12 -0
- package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +28 -0
- package/lib/components/modals/{imageGallery → image-gallery/internal}/BaseGallery.d.ts +4 -4
- package/lib/components/modals/image-gallery/internal/BaseGallery.js +67 -0
- package/lib/components/modals/image-gallery/internal/CloseButton.d.ts +7 -0
- package/lib/components/modals/image-gallery/internal/CloseButton.js +17 -0
- package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +7 -0
- package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +14 -0
- package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts +7 -0
- package/lib/components/modals/{imageGallery → image-gallery/internal}/ImageGalleryPagination.js +1 -2
- package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts +6 -0
- package/lib/components/modals/image-gallery/internal/ScaleButton.js +19 -0
- package/lib/forms/switch/Switch.js +1 -1
- package/node/index.js +29 -1
- package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.js +28 -36
- package/node/lib/components/modals/image-gallery/ImageGalleryContext.js +10 -0
- package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js +39 -0
- package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +33 -0
- package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +35 -0
- package/node/lib/components/modals/image-gallery/internal/BaseGallery.js +72 -0
- package/node/lib/components/modals/image-gallery/internal/CloseButton.js +24 -0
- package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +19 -0
- package/node/lib/components/modals/{imageGallery → image-gallery/internal}/ImageGalleryPagination.js +1 -2
- package/node/lib/components/modals/image-gallery/internal/ScaleButton.js +25 -0
- package/node/lib/forms/switch/Switch.js +1 -1
- package/package.json +1 -1
- package/lib/components/modals/imageGallery/BaseGallery.js +0 -76
- package/lib/components/modals/imageGallery/ImageGalleryPagination.d.ts +0 -8
- package/lib/components/modals/imageGallery/useClasses.d.ts +0 -0
- package/lib/components/modals/imageGallery/useClasses.js +0 -0
- package/node/lib/components/modals/imageGallery/BaseGallery.js +0 -82
- package/node/lib/components/modals/imageGallery/useClasses.js +0 -1
- /package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.helper.d.ts +0 -0
- /package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.helper.js +0 -0
- /package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.js +0 -0
- /package/lib/components/modals/{imageGallery → image-gallery}/ImageGalleryContent.d.ts +0 -0
- /package/lib/components/modals/{imageGallery → image-gallery}/ImageGalleryContent.js +0 -0
- /package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.helper.js +0 -0
- /package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.js +0 -0
- /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";
|
|
File without changes
|
|
File without changes
|
/package/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.js
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/node/lib/components/modals/{imageGallery → image-gallery}/ImageGallery.stories.helper.js
RENAMED
|
File without changes
|
|
File without changes
|