@festo-ui/react 9.0.0-dev.712 → 9.0.0-dev.714

package/lib/components/modals/ModalBase.js

@@ -1,142 +0,0 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-
-import classNames from "classnames";
-import { forwardRef, useEffect, useRef, useCallback } from "react";
-import ReactDOM from "react-dom";
-import { CSSTransition } from "react-transition-group";
-import { RemoveScroll } from "react-remove-scroll";
-import useForkRef from "../../helper/useForkRef.js";
-import LoadingIndicator from "../loading-indicator/LoadingIndicator.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    isOpen,
-    isLoading,
-    onClose,
-    onCloseDone,
-    className,
-    children,
-    ...props
-  } = _ref;
-  const modalRef = useRef(null);
-  const backdropRef = useRef(null);
-  const mouseDownOnBackdropActive = useRef(false);
-  const allRefs = useForkRef(ref, modalRef);
-  const container = modalRef?.current?.ownerDocument || document;
-
-  // Handle Escape key to close modal
-  useEffect(() => {
-    const handleKeyDown = event => {
-      if (event.key === "Escape" && isOpen) {
-        onClose?.();
-      }
-    };
-    container.addEventListener("keydown", handleKeyDown);
-    return () => container.removeEventListener("keydown", handleKeyDown);
-  }, [onClose, isOpen, container]);
-
-  // Focus trap implementation
-  const handleTabKey = useCallback(e => {
-    if (e.key === "Tab" && modalRef.current && isOpen) {
-      // Query for all focusable elements
-      const focusableElements = modalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      const firstElement = focusableElements[0];
-      const lastElement = focusableElements[focusableElements.length - 1];
-
-      // If shift+tab and we're on the first element, move to the last
-      if (e.shiftKey && document.activeElement === firstElement) {
-        e.preventDefault();
-        lastElement?.focus();
-      }
-      // If tab and we're on the last element, move to the first
-      else if (!e.shiftKey && document.activeElement === lastElement) {
-        e.preventDefault();
-        firstElement?.focus();
-      }
-    }
-  }, [isOpen]);
-
-  // Set up the focus trap listener
-  useEffect(() => {
-    if (isOpen) {
-      container.addEventListener("keydown", handleTabKey);
-
-      // Auto-focus first focusable element when modal opens
-      setTimeout(() => {
-        if (modalRef.current) {
-          const focusableElements = modalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-
-          // Focus the first input element, or the first focusable element if no input exists
-          const firstInput = Array.from(focusableElements).find(el => el.tagName.toLowerCase() === "input");
-          if (firstInput) {
-            firstInput.focus();
-          } else if (focusableElements.length > 0) {
-            focusableElements[0].focus();
-          }
-        }
-      }, 100);
-    }
-    return () => {
-      container.removeEventListener("keydown", handleTabKey);
-    };
-  }, [isOpen, handleTabKey, container]);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(CSSTransition, {
-        classNames: "fr-modal-backdrop",
-        in: isOpen,
-        timeout: {
-          exit: 300
-        },
-        appear: true,
-        unmountOnExit: true,
-        nodeRef: backdropRef,
-        component: null,
-        children: /*#__PURE__*/_jsx("div", {
-          ref: backdropRef,
-          className: "fr-modal-backdrop fwe-modal-backdrop"
-        })
-      }), /*#__PURE__*/_jsx(CSSTransition, {
-        classNames: "fr-modal",
-        in: isOpen && !isLoading,
-        onExited: onCloseDone,
-        timeout: {
-          exit: 300,
-          enter: 100
-        },
-        appear: true,
-        unmountOnExit: true,
-        nodeRef: modalRef,
-        component: null,
-        children: /*#__PURE__*/_jsx("div", {
-          className: "fr-modal-overlay-wrapper",
-          onClick: e => e.stopPropagation(),
-          onMouseDown: e => {
-            mouseDownOnBackdropActive.current = e.target === e.currentTarget;
-          },
-          onMouseUp: e => {
-            const closeModal = mouseDownOnBackdropActive.current && e.target === e.currentTarget;
-            mouseDownOnBackdropActive.current = false;
-            if (closeModal) {
-              onClose?.();
-            }
-          },
-          children: /*#__PURE__*/_jsx(RemoveScroll, {
-            ref: allRefs,
-            enabled: isOpen,
-            className: classNames("fr-modal fwe-modal", className),
-            ...props,
-            children: children
-          })
-        })
-      }), isOpen && isLoading && /*#__PURE__*/_jsx("div", {
-        className: "fr-modal-overlay-wrapper",
-        children: /*#__PURE__*/_jsx(LoadingIndicator, {
-          size: "large"
-        })
-      })]
-    }), container.body)
-  });
-});
-export default ModalBase;

package/lib/components/modals/ModalFooter.d.ts

@@ -1,3 +0,0 @@
-import { ClassNamePropsWithChildren } from "../../helper/types";
-declare const ModalFooter: (props: ClassNamePropsWithChildren & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-export default ModalFooter;

package/lib/components/modals/ModalFooter.js

@@ -1,18 +0,0 @@
-import { forwardRef } from "react";
-import cn from "classnames";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ModalFooter = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    children,
-    className
-  } = _ref;
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
-    className: cn("fwe-modal-footer", className),
-    children: /*#__PURE__*/_jsx("div", {
-      className: cn("fwe-modal-buttons"),
-      children: children
-    })
-  });
-});
-export default ModalFooter;

package/lib/components/modals/Prompt.js

@@ -1,64 +0,0 @@
-import React, { useEffect, useState } from "react";
-import TextInput from "../../forms/text-input/TextInput.js";
-import Modal from "./Modal.js";
-import ModalFooter from "./ModalFooter.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Prompt(_ref) {
-  let {
-    title,
-    subtitle,
-    hint,
-    label,
-    value,
-    onChange,
-    onOk,
-    onCancel,
-    cancel,
-    ok,
-    ...props
-  } = _ref;
-  const [innerValue, setInnerValue] = useState(value);
-  useEffect(() => {
-    setInnerValue(value);
-  }, [value]);
-  function handleChange(e) {
-    setInnerValue(e.target.value);
-    if (onChange) {
-      onChange(e);
-    }
-  }
-  return /*#__PURE__*/_jsx(Modal, {
-    head: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [subtitle && /*#__PURE__*/_jsx("h2", {
-        className: "fwe-modal-h2",
-        children: subtitle
-      }), /*#__PURE__*/_jsx("h1", {
-        className: "fwe-modal-h1",
-        children: title
-      })]
-    }),
-    body: /*#__PURE__*/_jsx(TextInput, {
-      onChange: handleChange,
-      label: label,
-      hint: hint,
-      value: innerValue,
-      autoFocus: true
-    }),
-    ...props,
-    children: (cancel || ok) && /*#__PURE__*/_jsxs(ModalFooter, {
-      children: [cancel && /*#__PURE__*/_jsx("button", {
-        type: "button",
-        "aria-label": "Cancel",
-        className: "fwe-btn fwe-btn-lg",
-        onClick: onCancel,
-        children: cancel
-      }), ok && /*#__PURE__*/_jsx("button", {
-        type: "button",
-        "aria-label": "Ok",
-        className: "fwe-btn fwe-btn-hero fwe-btn-lg",
-        onClick: () => onOk(innerValue),
-        children: ok
-      })]
-    })
-  });
-}

package/lib/components/modals/image-gallery/ImageGallery.helper.d.ts

@@ -1,3 +0,0 @@
-import { Argument } from "classnames";
-declare const getClasses: (thumbnailImages: Argument, descriptiveContent: Argument, className: Argument) => string;
-export default getClasses;

package/lib/components/modals/image-gallery/ImageGallery.helper.js

@@ -1,11 +0,0 @@
-import cn from "classnames";
-const getClasses = (thumbnailImages, descriptiveContent, className) => {
-  const base = "fwe-modal-image-gallery";
-  const thumbnail = `${base}--with-thumbnails`;
-  const container = `${base}--with-container`;
-  return cn(base, {
-    [thumbnail]: [thumbnailImages],
-    [container]: descriptiveContent
-  }, className);
-};
-export default getClasses;

package/lib/components/modals/image-gallery/ImageGallery.js

@@ -1,81 +0,0 @@
-import { forwardRef, useState } from "react";
-import ModalBase from "../ModalBase.js";
-import BaseGallery from "./internal/BaseGallery.js";
-import ImageGalleryContent from "./ImageGalleryContent.js";
-import ImageGalleryPagination from "./internal/ImageGalleryPagination.js";
-import getClasses from "./ImageGallery.helper.js";
-import ImageGalleryContainer from "./internal/ImageGalleryContainer.js";
-import CloseButton from "./internal/CloseButton.js";
-import ScaleButton from "./internal/ScaleButton.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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 = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    isOpen,
-    startIndex,
-    images,
-    thumbnailImages,
-    descriptiveContent,
-    children,
-    className,
-    pagination,
-    showScaleButton,
-    onClose,
-    onSlideChanged,
-    onScaleChange,
-    ...props
-  } = _ref;
-  const [currentIndex, setCurrentIndex] = useState(startIndex + 1);
-  function handleChange(index) {
-    setCurrentIndex(index + 1);
-    onSlideChanged?.(index);
-  }
-  function handleClose() {
-    setCurrentIndex(startIndex + 1);
-    onClose?.();
-  }
-  const hasDescriptiveContent = Boolean(descriptiveContent);
-  const classes = getClasses(thumbnailImages, hasDescriptiveContent, className);
-  const length = getLength(pagination, images);
-  return /*#__PURE__*/_jsx(ModalBase, {
-    onClose: handleClose,
-    className: classes,
-    ...props,
-    isOpen: isOpen,
-    ref: ref,
-    children: isOpen && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "fwe-image-gallery-header",
-        children: [/*#__PURE__*/_jsx(ImageGalleryPagination, {
-          currentIndex: currentIndex,
-          length: length
-        }), showScaleButton ? /*#__PURE__*/_jsx(ScaleButton, {
-          onScaleChange: onScaleChange
-        }) : null, /*#__PURE__*/_jsx(CloseButton, {
-          showScaleButton: showScaleButton,
-          onClose: onClose
-        })]
-      }), /*#__PURE__*/_jsxs(ImageGalleryContainer, {
-        descriptiveContent: hasDescriptiveContent,
-        children: [/*#__PURE__*/_jsx(BaseGallery, {
-          startIndex: startIndex,
-          images: images,
-          thumbnailImages: thumbnailImages,
-          onSlideChanged: handleChange,
-          children: children
-        }), images && descriptiveContent === true ? /*#__PURE__*/_jsx(ImageGalleryContent, {
-          imageContent: images?.[currentIndex - 1]?.content
-        }) : null, typeof descriptiveContent === "function" ? descriptiveContent?.(currentIndex - 1) : null]
-      })]
-    })
-  });
-});
-export default ImageGallery;

package/lib/components/modals/image-gallery/ImageGallery.stories.helper.d.ts

@@ -1,3 +0,0 @@
-import { ImageGalleryItemData } from "./internal/BaseGallery";
-declare const images: ImageGalleryItemData[];
-export default images;

package/lib/components/modals/image-gallery/ImageGallery.stories.helper.js

@@ -1,97 +0,0 @@
-/* eslint-disable import/no-relative-packages */
-// @ts-ignore
-import Asset1 from "../../../../../../web-essentials/stories/assets/gallery-01.webp.js"; // @ts-ignore
-import Asset2 from "../../../../../../web-essentials/stories/assets/gallery-02.webp.js"; // @ts-ignore
-import Asset3 from "../../../../../../web-essentials/stories/assets/gallery-03.webp.js"; // @ts-ignore
-import Asset4 from "../../../../../../web-essentials/stories/assets/gallery-04.webp.js"; // @ts-ignore
-import Asset5 from "../../../../../../web-essentials/stories/assets/gallery-05.webp.js"; // @ts-ignore
-import Asset6 from "../../../../../../web-essentials/stories/assets/gallery-06.webp.js"; // @ts-ignore
-import Asset7 from "../../../../../../web-essentials/stories/assets/gallery-07.webp.js"; // @ts-ignore
-import Asset8 from "../../../../../../web-essentials/stories/assets/gallery-08.webp.js"; // @ts-ignore
-import Asset9 from "../../../../../../web-essentials/stories/assets/gallery-09.webp.js"; // @ts-ignore
-import AssetTen from "../../../../../../web-essentials/stories/assets/gallery-10.webp.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const images = [{
-  src: Asset1,
-  alt: "Asset1",
-  imageContent: {
-    title: "Asset 1",
-    body: "Asset 1 description"
-  }
-}, {
-  src: Asset2,
-  alt: "Asset2",
-  containMode: true,
-  imageContent: {
-    title: "Asset 2",
-    body: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("p", {
-        children: "Asset 2 description with some html inside."
-      }), /*#__PURE__*/_jsxs("ul", {
-        children: [/*#__PURE__*/_jsx("li", {
-          children: "bullet point 1"
-        }), /*#__PURE__*/_jsx("li", {
-          children: "bullet point 2"
-        })]
-      })]
-    })
-  }
-}, {
-  src: Asset3,
-  alt: "Asset3",
-  containMode: true,
-  imageContent: {
-    title: "Asset 3",
-    body: "Asset 3 description"
-  }
-}, {
-  src: Asset4,
-  alt: "Asset4",
-  imageContent: {
-    title: "Asset 4",
-    body: "Asset 4 description"
-  }
-}, {
-  src: Asset5,
-  alt: "Asset5",
-  imageContent: {
-    title: "Asset 5",
-    body: "Asset 5 description"
-  }
-}, {
-  src: Asset6,
-  alt: "Asset6",
-  imageContent: {
-    title: "Asset 6",
-    body: "Asset 6 description"
-  }
-}, {
-  src: Asset7,
-  alt: "Asset7",
-  imageContent: {
-    title: "Asset 7",
-    body: "Asset 7 description"
-  }
-}, {
-  src: Asset8,
-  alt: "Asset8",
-  imageContent: {
-    title: "Asset 8",
-    body: "Asset 8 description"
-  }
-}, {
-  src: Asset9,
-  alt: "Asset9",
-  imageContent: {
-    title: "Asset 9",
-    body: "Asset 9 description"
-  }
-}, {
-  src: AssetTen,
-  alt: "Asset10",
-  imageContent: {
-    title: "Asset 10",
-    body: "Asset 1ß description"
-  }
-}];
-export default images;

package/lib/components/modals/image-gallery/ImageGalleryContent.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export default function ImageGalleryContent(_ref) {
-  let {
-    imageContent
-  } = _ref;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: imageContent && /*#__PURE__*/_jsxs("div", {
-      className: "fwe-image-gallery-content",
-      children: [/*#__PURE__*/_jsx("h3", {
-        children: imageContent.title
-      }), imageContent.body]
-    })
-  });
-}

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

@@ -1,4 +0,0 @@
-import { createContext } from "react";
-const ImageGalleryContext = /*#__PURE__*/createContext({});
-export const SwiperContext = /*#__PURE__*/createContext("gallery");
-export default ImageGalleryContext;

package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts

@@ -1,8 +0,0 @@
-interface ImageGallerySwiperProps {
-    children: React.ReactNode;
-}
-declare function ImageGallerySwiper({ children }: ImageGallerySwiperProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ImageGallerySwiper {
-    var displayName: string;
-}
-export default ImageGallerySwiper;

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

@@ -1,32 +0,0 @@
-import { Swiper } from "swiper/react";
-import { Navigation, Thumbs } from "swiper";
-import { useContext } from "react";
-import ImageGalleryContext from "./ImageGalleryContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ImageGallerySwiper(_ref) {
-  let {
-    children
-  } = _ref;
-  const {
-    thumbsSwiper,
-    startIndex,
-    onSlideChanged
-  } = useContext(ImageGalleryContext);
-  return /*#__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: children
-  });
-}
-ImageGallerySwiper.displayName = "Swiper";

package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts

@@ -1,5 +0,0 @@
-interface ImageGalleryThumbsSwiperProps {
-    children: React.ReactNode;
-}
-export default function ImageGalleryThumbsSwiper({ children }: ImageGalleryThumbsSwiperProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,25 +0,0 @@
-import { useContext } from "react";
-import { Thumbs } from "swiper";
-import { Swiper } from "swiper/react";
-import ImageGalleryContext, { SwiperContext } from "./ImageGalleryContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ImageGalleryThumbsSwiper(_ref) {
-  let {
-    children
-  } = _ref;
-  const {
-    setThumbsSwiper
-  } = useContext(ImageGalleryContext);
-  return /*#__PURE__*/_jsx(SwiperContext.Provider, {
-    value: "thumbs",
-    children: /*#__PURE__*/_jsx(Swiper, {
-      freeMode: true,
-      slidesPerView: "auto",
-      className: "thumbs-swiper fwe-image-gallery-thumbs",
-      modules: [Thumbs],
-      watchSlidesProgress: true,
-      onSwiper: setThumbsSwiper,
-      children: children
-    })
-  });
-}

package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts

@@ -1,11 +0,0 @@
-import { SwiperSlideProps } from "swiper/react";
-import "./ImageGalleryItem.scss";
-interface ImageGalleryItemProps extends SwiperSlideProps {
-    children: React.ReactNode;
-    containMode?: boolean;
-}
-declare function ImageGalleryItem({ children, containMode, className, ...props }: ImageGalleryItemProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ImageGalleryItem {
-    var displayName: string;
-}
-export default ImageGalleryItem;

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

@@ -1,28 +0,0 @@
-import cn from "classnames";
-import { SwiperSlide } from "swiper/react";
-import { useContext } from "react";
-import { SwiperContext } from "../ImageGalleryContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ImageGalleryItem(_ref) {
-  let {
-    children,
-    containMode,
-    className,
-    ...props
-  } = _ref;
-  const swiperType = useContext(SwiperContext);
-  const isThumbsSwiper = swiperType === "thumbs";
-  return /*#__PURE__*/_jsx(SwiperSlide, {
-    ...props,
-    className: cn(className, {
-      "fr-image-gallery-item--contain": containMode && isThumbsSwiper
-    }),
-    children: isThumbsSwiper ? children : /*#__PURE__*/_jsx("div", {
-      className: cn("swiper-zoom-container", {
-        "fr-image-gallery-item--contain": containMode
-      }),
-      children: children
-    })
-  });
-}
-ImageGalleryItem.displayName = "SwiperSlide";

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

@@ -1,17 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import { ClassNamePropsWithChildren } from "../../../../helper/types";
-import { ImageDescriptiveContent } from "../ImageGalleryContent";
-export interface ImageGalleryItemDataBase extends ComponentPropsWithoutRef<"img">, Record<string, unknown> {
-    containMode?: boolean;
-}
-export type ImageGalleryItemData = {
-    content?: ImageDescriptiveContent;
-} & ImageGalleryItemDataBase;
-interface BaseGalleryProps extends ClassNamePropsWithChildren {
-    images?: ImageGalleryItemData[];
-    thumbnailImages?: ImageGalleryItemDataBase[];
-    onSlideChanged?: (value: number) => void;
-    startIndex?: number;
-}
-export default function BaseGallery({ images, thumbnailImages, onSlideChanged, startIndex, children, }: BaseGalleryProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,65 +0,0 @@
-import { useMemo, useState } from "react";
-import ImageGalleryContext from "../ImageGalleryContext.js";
-import ImageGalleryItem from "../image-gallery-item/ImageGalleryItem.js";
-import ImageGalleryThumbsSwiper from "../ImageGalleryThumbsSwiper.js";
-import ImageGallerySwiper from "../ImageGallerySwiper.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BaseGallery(_ref) {
-  let {
-    images,
-    thumbnailImages,
-    onSlideChanged,
-    startIndex,
-    children
-  } = _ref;
-  const [thumbsSwiper, setThumbsSwiper] = useState(null);
-  const contextValue = useMemo(() => ({
-    thumbsSwiper,
-    setThumbsSwiper,
-    onSlideChanged,
-    startIndex
-  }), [thumbsSwiper, setThumbsSwiper, onSlideChanged, startIndex]);
-  return /*#__PURE__*/_jsx(ImageGalleryContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx("div", {
-      className: "fwe-image-gallery-wrapper",
-      children: children || /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(ImageGallerySwiper, {
-          children: images?.map(_ref2 => {
-            let {
-              containMode,
-              alt,
-              content,
-              ...image
-            } = _ref2;
-            return /*#__PURE__*/_jsx(ImageGalleryItem, {
-              containMode: containMode,
-              children: /*#__PURE__*/_jsx("img", {
-                ...image,
-                className: image.className,
-                alt: alt
-              })
-            }, image.src);
-          })
-        }), thumbnailImages && /*#__PURE__*/_jsx(ImageGalleryThumbsSwiper, {
-          children: thumbnailImages.map(_ref3 => {
-            let {
-              containMode,
-              alt,
-              content,
-              ...image
-            } = _ref3;
-            return /*#__PURE__*/_jsx(ImageGalleryItem, {
-              containMode: containMode,
-              children: /*#__PURE__*/_jsx("img", {
-                ...image,
-                className: image.className,
-                alt: alt
-              })
-            }, image.src);
-          })
-        })]
-      })
-    })
-  });
-}

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

@@ -1,17 +0,0 @@
-import cn from "classnames";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function CloseButton(_ref) {
-  let {
-    onClose,
-    showScaleButton
-  } = _ref;
-  return /*#__PURE__*/_jsx("button", {
-    type: "button",
-    "aria-label": "close",
-    className: cn("fwe-image-gallery-close-btn", {
-      "fwe-ml-auto": !showScaleButton,
-      "fwe-ml-3": showScaleButton
-    }),
-    onClick: onClose
-  });
-}