@festo-ui/react 5.0.0-dev.149 → 5.0.0-dev.151

package/node/lib/components/modals/imageGallery/ImageGallery.stories.helper.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _gallery = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-01.webp"));
+var _gallery2 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-02.webp"));
+var _gallery3 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-03.webp"));
+var _gallery4 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-04.webp"));
+var _gallery5 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-05.webp"));
+var _gallery6 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-06.webp"));
+var _gallery7 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-07.webp"));
+var _gallery8 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-08.webp"));
+var _gallery9 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-09.webp"));
+var _gallery10 = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-10.webp"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable import/no-relative-packages */
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+// @ts-ignore
+
+const images = [{
+  src: _gallery.default,
+  alt: 'Asset1',
+  content: {
+    title: 'Asset 1',
+    body: 'Asset 1 description'
+  }
+}, {
+  src: _gallery2.default,
+  alt: 'Asset2',
+  containMode: true,
+  content: {
+    title: 'Asset 2',
+    body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Asset 2 description with some html inside."
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: "bullet point 1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: "bullet point 2"
+        })]
+      })]
+    })
+  }
+}, {
+  src: _gallery3.default,
+  alt: 'Asset3',
+  containMode: true,
+  content: {
+    title: 'Asset 3',
+    body: 'Asset 3 description'
+  }
+}, {
+  src: _gallery4.default,
+  alt: 'Asset4',
+  content: {
+    title: 'Asset 4',
+    body: 'Asset 4 description'
+  }
+}, {
+  src: _gallery5.default,
+  alt: 'Asset5',
+  content: {
+    title: 'Asset 5',
+    body: 'Asset 5 description'
+  }
+}, {
+  src: _gallery6.default,
+  alt: 'Asset6',
+  content: {
+    title: 'Asset 6',
+    body: 'Asset 6 description'
+  }
+}, {
+  src: _gallery7.default,
+  alt: 'Asset7',
+  content: {
+    title: 'Asset 7',
+    body: 'Asset 7 description'
+  }
+}, {
+  src: _gallery8.default,
+  alt: 'Asset8',
+  content: {
+    title: 'Asset 8',
+    body: 'Asset 8 description'
+  }
+}, {
+  src: _gallery9.default,
+  alt: 'Asset9',
+  content: {
+    title: 'Asset 9',
+    body: 'Asset 9 description'
+  }
+}, {
+  src: _gallery10.default,
+  alt: 'Asset10',
+  content: {
+    title: 'Asset 10',
+    body: 'Asset 1ß description'
+  }
+}];
+var _default = images;
+exports.default = _default;

package/node/lib/components/modals/imageGallery/ImageGalleryContent.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGalleryContent;
+var _jsxRuntime = require("react/jsx-runtime");
+function ImageGalleryContent(_ref) {
+  let {
+    imageContent
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: imageContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-image-gallery-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+        children: imageContent.title
+      }), imageContent.body]
+    })
+  });
+}

package/node/lib/components/modals/imageGallery/ImageGalleryPagination.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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", {
+      className: "fwe-pagination fwe-pagination--on-dark-bg",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        "aria-label": "previous",
+        type: "button",
+        className: "fwe-navigate-btn-down"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fwe-page-current",
+        children: currentIndex
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fwe-page-max",
+        children: length
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        "aria-label": "next",
+        type: "button",
+        className: "fwe-navigate-btn-up"
+      })]
+    })
+  });
+}

package/node/lib/components/modals/imageGallery/useClasses.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "5.0.0-dev.149",
+  "version": "5.0.0-dev.151",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "peerDependencies": {
@@ -22,10 +22,10 @@
     "flatpickr": "^4.6.9",
     "quill": "1.3.7",
     "react-draggable": "^4.4.4",
-    "react-outside-click-handler": "^1.3.0",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.2",
     "sass": "^1.57.1",
+    "swiper": "^9.4.1",
     "xss": "^1.0.10"
   },
   "browserslist": [