@festo-ui/react 7.2.0-dev.436 → 7.2.0-dev.441

package/index.js

@@ -1,61 +1,61 @@
-export { default as Accordion } from './lib/components/accordion/Accordion';
-export { default as AccordionHeader } from './lib/components/accordion/accordion-header/AccordionHeader';
-export { default as AccordionItemBody } from './lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody';
-export { default as AccordionItemHeader } from './lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader';
-export { default as AccordionItem } from './lib/components/accordion/accordion-item/AccordionItem';
-export { default as Breadcrumb } from './lib/components/breadcrumb/Breadcrumb';
-export { default as Button } from './lib/components/buttons/button/Button';
-export { default as Card } from './lib/components/card/Card';
-export { default as CardBody } from './lib/components/card/CardBody';
-export { default as CardHeader } from './lib/components/card/CardHeader';
-export { default as CardNotification } from './lib/components/card/CardNotification';
-export { default as ChipContainer } from './lib/components/chips/chip-container/ChipContainer';
-export { ChipType, default as Chip } from './lib/components/chips/chip/Chip';
-export { default as LinkButton } from './lib/components/link-button/LinkButton';
-export { default as LoadingIndicator } from './lib/components/loading-indicator/LoadingIndicator';
-export { default as MobileFlyout } from './lib/components/mobile-flyout/MobileFlyout';
-export { default as MobileFlyoutItem } from './lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem';
-export { default as MobileFlyoutPage } from './lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage';
-export { default as AlertModal } from './lib/components/modals/AlertModal';
-export { default as ConfirmModal } from './lib/components/modals/ConfirmModal';
-export { default as ImageGallery } from './lib/components/modals/image-gallery/ImageGallery';
-export { default as ImageGalleryContent } from './lib/components/modals/image-gallery/ImageGalleryContent';
-export { default as ImageGallerySwiper } from './lib/components/modals/image-gallery/ImageGallerySwiper';
-export { default as ImageGalleryThumbsSwiper } from './lib/components/modals/image-gallery/ImageGalleryThumbsSwiper';
-export { default as ImageGalleryItem } from './lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem';
-export { default as Prompt } from './lib/components/modals/Prompt';
-export { default as Pagination } from './lib/components/pagination/Pagination';
-export { default as PopoverMenu } from './lib/components/popovers/popover-menu/PopoverMenu';
-export { default as Popover } from './lib/components/popovers/popover/Popover';
-export { default as Tooltip } from './lib/components/popovers/tooltip/Tooltip';
-export { default as Progress } from './lib/components/progress/Progress';
-export { default as SearchInput } from './lib/components/search-input/SearchInput';
-export { default as SearchSuggestion } from './lib/components/search-input/SearchSuggestion';
-export { default as Snackbar } from './lib/components/snackbar/Snackbar';
-export { default as SnackbarProvider } from './lib/components/snackbar/SnackbarProvider';
-export { default as useSnackbar } from './lib/components/snackbar/useSnackbar';
-export { default as StepHorizontal } from './lib/components/stepper-horizontal/step-horizontal/StepHorizontal';
-export { default as StepperHorizontal } from './lib/components/stepper-horizontal/StepperHorizontal';
-export { default as StepVertical } from './lib/components/stepper-vertical/step-vertical/StepVertical';
-export { default as StepperVertical } from './lib/components/stepper-vertical/StepperVertical';
-export { default as TabPane } from './lib/components/tab/tab-pane/TabPane';
-export { default as Tabs } from './lib/components/tab/Tabs';
-export { default as TableHeaderCell } from './lib/components/table-header-cell/TableHeaderCell';
-export { default as Checkbox } from './lib/forms/checkbox/Checkbox';
-export { default as ColorIndicator } from './lib/forms/color-indicator/ColorIndicator';
-export { default as ColorPicker } from './lib/forms/color-picker/ColorPicker';
-export { default as DatePicker } from './lib/forms/date-picker/DatePicker';
-export { default as DateRangePicker } from './lib/forms/date-range-picker/DateRangePicker';
-export { default as RadioButton } from './lib/forms/radio/RadioButton';
-export { default as Radio } from './lib/forms/radio/RadioButton';
-export { default as RadioGroup } from './lib/forms/radio/RadioGroup';
-export { default as Segment } from './lib/forms/segment/Segment';
-export { default as SegmentControl } from './lib/forms/segment/segment-control/SegmentControl';
-export { default as Select } from './lib/forms/select/Select';
-export { default as SelectOption } from './lib/forms/select/select-option/SelectOption';
-export { default as Slider } from './lib/forms/slider/Slider';
-export { default as Switch } from './lib/forms/switch/Switch';
-export { default as TextArea } from './lib/forms/text-area/TextArea';
-export { default as TextEditor } from './lib/forms/text-editor/TextEditor';
-export { default as TextInput } from './lib/forms/text-input/TextInput';
-export { default as TimePicker } from './lib/forms/time-picker/TimePicker';
+export { default as Accordion } from "./lib/components/accordion/Accordion.js";
+export { default as AccordionHeader } from "./lib/components/accordion/accordion-header/AccordionHeader.js";
+export { default as AccordionItemBody } from "./lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js";
+export { default as AccordionItemHeader } from "./lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js";
+export { default as AccordionItem } from "./lib/components/accordion/accordion-item/AccordionItem.js";
+export { default as Breadcrumb } from "./lib/components/breadcrumb/Breadcrumb.js";
+export { default as Button } from "./lib/components/buttons/button/Button.js";
+export { default as Card } from "./lib/components/card/Card.js";
+export { default as CardBody } from "./lib/components/card/CardBody.js";
+export { default as CardHeader } from "./lib/components/card/CardHeader.js";
+export { default as CardNotification } from "./lib/components/card/CardNotification.js";
+export { default as ChipContainer } from "./lib/components/chips/chip-container/ChipContainer.js";
+export { ChipType, default as Chip } from "./lib/components/chips/chip/Chip.js";
+export { default as LinkButton } from "./lib/components/link-button/LinkButton.js";
+export { default as LoadingIndicator } from "./lib/components/loading-indicator/LoadingIndicator.js";
+export { default as MobileFlyout } from "./lib/components/mobile-flyout/MobileFlyout.js";
+export { default as MobileFlyoutItem } from "./lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js";
+export { default as MobileFlyoutPage } from "./lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js";
+export { default as AlertModal } from "./lib/components/modals/AlertModal.js";
+export { default as ConfirmModal } from "./lib/components/modals/ConfirmModal.js";
+export { default as ImageGallery } from "./lib/components/modals/image-gallery/ImageGallery.js";
+export { default as ImageGalleryContent } from "./lib/components/modals/image-gallery/ImageGalleryContent.js";
+export { default as ImageGallerySwiper } from "./lib/components/modals/image-gallery/ImageGallerySwiper.js";
+export { default as ImageGalleryThumbsSwiper } from "./lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js";
+export { default as ImageGalleryItem } from "./lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js";
+export { default as Prompt } from "./lib/components/modals/Prompt.js";
+export { default as Pagination } from "./lib/components/pagination/Pagination.js";
+export { default as PopoverMenu } from "./lib/components/popovers/popover-menu/PopoverMenu.js";
+export { default as Popover } from "./lib/components/popovers/popover/Popover.js";
+export { default as Tooltip } from "./lib/components/popovers/tooltip/Tooltip.js";
+export { default as Progress } from "./lib/components/progress/Progress.js";
+export { default as SearchInput } from "./lib/components/search-input/SearchInput.js";
+export { default as SearchSuggestion } from "./lib/components/search-input/SearchSuggestion.js";
+export { default as Snackbar } from "./lib/components/snackbar/Snackbar.js";
+export { default as SnackbarProvider } from "./lib/components/snackbar/SnackbarProvider.js";
+export { default as useSnackbar } from "./lib/components/snackbar/useSnackbar.js";
+export { default as StepHorizontal } from "./lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js";
+export { default as StepperHorizontal } from "./lib/components/stepper-horizontal/StepperHorizontal.js";
+export { default as StepVertical } from "./lib/components/stepper-vertical/step-vertical/StepVertical.js";
+export { default as StepperVertical } from "./lib/components/stepper-vertical/StepperVertical.js";
+export { default as TabPane } from "./lib/components/tab/tab-pane/TabPane.js";
+export { default as Tabs } from "./lib/components/tab/Tabs.js";
+export { default as TableHeaderCell } from "./lib/components/table-header-cell/TableHeaderCell.js";
+export { default as Checkbox } from "./lib/forms/checkbox/Checkbox.js";
+export { default as ColorIndicator } from "./lib/forms/color-indicator/ColorIndicator.js";
+export { default as ColorPicker } from "./lib/forms/color-picker/ColorPicker.js";
+export { default as DatePicker } from "./lib/forms/date-picker/DatePicker.js";
+export { default as DateRangePicker } from "./lib/forms/date-range-picker/DateRangePicker.js";
+export { default as RadioButton } from "./lib/forms/radio/RadioButton.js";
+export { default as Radio } from "./lib/forms/radio/RadioButton.js";
+export { default as RadioGroup } from "./lib/forms/radio/RadioGroup.js";
+export { default as Segment } from "./lib/forms/segment/Segment.js";
+export { default as SegmentControl } from "./lib/forms/segment/segment-control/SegmentControl.js";
+export { default as Select } from "./lib/forms/select/Select.js";
+export { default as SelectOption } from "./lib/forms/select/select-option/SelectOption.js";
+export { default as Slider } from "./lib/forms/slider/Slider.js";
+export { default as Switch } from "./lib/forms/switch/Switch.js";
+export { default as TextArea } from "./lib/forms/text-area/TextArea.js";
+export { default as TextEditor } from "./lib/forms/text-editor/TextEditor.js";
+export { default as TextInput } from "./lib/forms/text-input/TextInput.js";
+export { default as TimePicker } from "./lib/forms/time-picker/TimePicker.js";

package/lib/components/accordion/Accordion.js

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 import { forwardRef, useMemo, useRef, useState } from 'react';
-import AccordionContext from './AccordionContext';
+import AccordionContext from "./AccordionContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 let nextId = 0;
 const Accordion = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/accordion/accordion-item/AccordionItem.js

@@ -1,8 +1,8 @@
 import cn from 'classnames';
 import { useCallback, useContext, useMemo, useRef, forwardRef } from 'react';
-import useControlled from '../../../helper/useControlled';
-import AccordionContext from '../AccordionContext';
-import AccordionItemContext from './AccordionItemContext';
+import useControlled from "../../../helper/useControlled.js";
+import AccordionContext from "../AccordionContext.js";
+import AccordionItemContext from "./AccordionItemContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 let nextId = 0;

package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js

@@ -1,8 +1,8 @@
 import cn from 'classnames';
 import { forwardRef, useContext, useRef } from 'react';
 import { Transition } from 'react-transition-group';
-import useForkRef from '../../../../helper/useForkRef';
-import AccordionItemContext from '../AccordionItemContext';
+import useForkRef from "../../../../helper/useForkRef.js";
+import AccordionItemContext from "../AccordionItemContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const AccordionItemBody = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 import { forwardRef, useContext } from 'react';
-import AccordionItemContext from '../AccordionItemContext';
+import AccordionItemContext from "../AccordionItemContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const AccordionItemHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/lib/components/bottom-sheet/BottomSheet.stories.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import BottomSheet from './BottomSheet';
+import BottomSheet from "./BottomSheet.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/buttons/button/Button.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-import IconWrapper from '../../icon-wrapper/IconWrapper';
+import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Button = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/buttons/button/Button.stories.js

@@ -1,5 +1,5 @@
 import { IconCoreRangeProduct } from '@festo-ui/react-icons';
-import Button from './Button';
+import Button from "./Button.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const meta = {

package/lib/components/card/CardNotification.js

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import IconWarning from '../icons/warning';
+import IconWarning from "../icons/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function CardNotification(_ref) {

package/lib/components/chips/chip/Chip.js

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import IconWrapper from '../../icon-wrapper/IconWrapper';
+import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export let ChipType;

package/lib/components/link-button/LinkButton.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-import IconWrapper from '../icon-wrapper/IconWrapper';
+import IconWrapper from "../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const LinkButton = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/mobile-flyout/MobileFlyout.js

@@ -1,9 +1,9 @@
 import { forwardRef, useCallback, useMemo, useRef } from 'react';
 import cn from 'classnames';
-import useForkRef from '../../helper/useForkRef';
-import useOnClickOutside from '../../helper/useOnClickOutside';
-import useControlled from '../../helper/useControlled';
-import MobileFlyoutContext from './MobileFlyoutContext';
+import useForkRef from "../../helper/useForkRef.js";
+import useOnClickOutside from "../../helper/useOnClickOutside.js";
+import useControlled from "../../helper/useControlled.js";
+import MobileFlyoutContext from "./MobileFlyoutContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const defaultVisibleValue = ['root'];

package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js

@@ -1,9 +1,8 @@
 import cn from 'classnames';
 import { forwardRef, useContext } from 'react';
-import MobileFlyoutContext from '../MobileFlyoutContext';
-import IconRight2 from '../../icons/right-2';
-import IconWrapper from '../../icon-wrapper/IconWrapper';
-
+import MobileFlyoutContext from "../MobileFlyoutContext.js";
+import IconRight2 from "../../icons/right-2.js";
+import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 /*
  * Augment `forwardRef` only for this module so that storybook can infer controls
  * (despite component being wrapped in forwardRef)

package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 import { forwardRef, useContext } from 'react';
-import MobileFlyoutContext from '../MobileFlyoutContext';
+import MobileFlyoutContext from "../MobileFlyoutContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/modals/AlertModal.js

@@ -1,6 +1,6 @@
 import cn from 'classnames';
-import Modal from './Modal';
-import ModalFooter from './ModalFooter';
+import Modal from "./Modal.js";
+import ModalFooter from "./ModalFooter.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/modals/ConfirmModal.js

@@ -1,6 +1,6 @@
 import cn from 'classnames';
-import Modal from './Modal';
-import ModalFooter from './ModalFooter';
+import Modal from "./Modal.js";
+import ModalFooter from "./ModalFooter.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/modals/Modal.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import ModalBase from './ModalBase';
+import ModalBase from "./ModalBase.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/modals/ModalBase.js

@@ -3,8 +3,8 @@ import { forwardRef, useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import { RemoveScroll } from 'react-remove-scroll';
-import useForkRef from '../../helper/useForkRef';
-import useOnClickOutside from '../../helper/useOnClickOutside';
+import useForkRef from "../../helper/useForkRef.js";
+import useOnClickOutside from "../../helper/useOnClickOutside.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/modals/Prompt.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { TextInput } from '../../forms/text-input/TextInput';
-import Modal from './Modal';
-import ModalFooter from './ModalFooter';
+import { TextInput } from "../../forms/text-input/TextInput.js";
+import Modal from "./Modal.js";
+import ModalFooter from "./ModalFooter.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -1,12 +1,12 @@
 import { forwardRef, useState } from 'react';
-import ModalBase from '../ModalBase';
-import BaseGallery from './internal/BaseGallery';
-import ImageGalleryContent from './ImageGalleryContent';
-import ImageGalleryPagination from './internal/ImageGalleryPagination';
-import getClasses from './ImageGallery.helper';
-import ImageGalleryContainer from './internal/ImageGalleryContainer';
-import CloseButton from './internal/CloseButton';
-import ScaleButton from './internal/ScaleButton';
+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 } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

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

@@ -1,24 +1,15 @@
 /* eslint-disable import/no-relative-packages */
 // @ts-ignore
-import Asset1 from '../../../../../../web-essentials/stories/assets/gallery-01.webp';
-// @ts-ignore
-import Asset2 from '../../../../../../web-essentials/stories/assets/gallery-02.webp';
-// @ts-ignore
-import Asset3 from '../../../../../../web-essentials/stories/assets/gallery-03.webp';
-// @ts-ignore
-import Asset4 from '../../../../../../web-essentials/stories/assets/gallery-04.webp';
-// @ts-ignore
-import Asset5 from '../../../../../../web-essentials/stories/assets/gallery-05.webp';
-// @ts-ignore
-import Asset6 from '../../../../../../web-essentials/stories/assets/gallery-06.webp';
-// @ts-ignore
-import Asset7 from '../../../../../../web-essentials/stories/assets/gallery-07.webp';
-// @ts-ignore
-import Asset8 from '../../../../../../web-essentials/stories/assets/gallery-08.webp';
-// @ts-ignore
-import Asset9 from '../../../../../../web-essentials/stories/assets/gallery-09.webp';
-// @ts-ignore
-import AssetTen from '../../../../../../web-essentials/stories/assets/gallery-10.webp';
+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 } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import { Swiper } from 'swiper/react';
 import { Navigation, Thumbs } from 'swiper';
 import { useContext } from 'react';
-import ImageGalleryContext from './ImageGalleryContext';
+import ImageGalleryContext from "./ImageGalleryContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ImageGallerySwiper(_ref) {
   let {

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

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { Thumbs } from 'swiper';
 import { Swiper } from 'swiper/react';
-import ImageGalleryContext, { SwiperContext } from './ImageGalleryContext';
+import ImageGalleryContext, { SwiperContext } from "./ImageGalleryContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ImageGalleryThumbsSwiper(_ref) {
   let {

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

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import { SwiperSlide } from 'swiper/react';
 import { useContext } from 'react';
-import { SwiperContext } from '../ImageGalleryContext';
+import { SwiperContext } from "../ImageGalleryContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ImageGalleryItem(_ref) {
   let {

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

@@ -1,8 +1,8 @@
 import { useMemo, useState } from 'react';
-import ImageGalleryContext from '../ImageGalleryContext';
-import ImageGalleryItem from '../image-gallery-item/ImageGalleryItem';
-import ImageGalleryThumbsSwiper from '../ImageGalleryThumbsSwiper';
-import ImageGallerySwiper from '../ImageGallerySwiper';
+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 } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/popovers/legend/Legend.js

@@ -1,4 +1,4 @@
-import Popover from '../popover/Popover';
+import Popover from "../popover/Popover.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Legend(_ref) {

package/lib/components/popovers/popover/Popover.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { usePopper } from 'react-popper';
 import classNames from 'classnames';
-import useOnClickOutside from '../../../helper/useOnClickOutside';
-import useForkRef from '../../../helper/useForkRef';
+import useOnClickOutside from "../../../helper/useOnClickOutside.js";
+import useForkRef from "../../../helper/useForkRef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/lib/components/popovers/popover-menu/PopoverMenu.js

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import classNames from 'classnames';
-import Popover from '../popover/Popover';
-import IconWrapper from '../../icon-wrapper/IconWrapper';
+import Popover from "../popover/Popover.js";
+import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function PopoverMenu(_ref) {
@@ -47,6 +47,7 @@ function PopoverMenu(_ref) {
       onStatusChange: setShowPopper,
       ...props,
       children: /*#__PURE__*/_jsx("button", {
+        "data-testid": "fwe-popover-menu-button",
         type: "button",
         className: "menu-button",
         children: children

package/lib/components/search-input/SearchInput.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
-import useSearchInput from './useSearchInput';
-import useOnClickOutside from '../../helper/useOnClickOutside';
-import ClearButton from './ClearButton';
+import useSearchInput from "./useSearchInput.js";
+import useOnClickOutside from "../../helper/useOnClickOutside.js";
+import ClearButton from "./ClearButton.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function SearchInput(_ref) {

package/lib/components/search-input/useSearchInput.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import useControlled from '../../helper/useControlled';
+import useControlled from "../../helper/useControlled.js";
 export default function useSearchInput(inputRef, cappedSuggestions, value) {
   let defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
   let onChange = arguments.length > 4 ? arguments[4] : undefined;

package/lib/components/snackbar/SnackbarProvider.js

@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import classNames from 'classnames';
-import Snackbar from './Snackbar';
-import SnackbarContext from './SnackbarContext';
+import Snackbar from "./Snackbar.js";
+import SnackbarContext from "./SnackbarContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function SnackbarProvider(props) {

package/lib/components/snackbar/useSnackbar.js

@@ -1,3 +1,3 @@
 import { useContext } from 'react';
-import SnackbarContext from './SnackbarContext';
+import SnackbarContext from "./SnackbarContext.js";
 export default (() => useContext(SnackbarContext));

package/lib/components/tab/Tabs.js

@@ -1,10 +1,8 @@
 import classNames from 'classnames';
 import React, { forwardRef, isValidElement, useEffect, useRef, useState } from 'react';
-import useForkRef from '../../helper/useForkRef';
-import useTabScroll from './useTabScroll';
-import IconWrapper from '../icon-wrapper/IconWrapper';
-
-// legacy: recommended for desktop only applications
+import useForkRef from "../../helper/useForkRef.js";
+import useTabScroll from "./useTabScroll.js";
+import IconWrapper from "../icon-wrapper/IconWrapper.js"; // legacy: recommended for desktop only applications
 // responsive: desktop, tablet, mobile with scrollable tabs
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/forms/checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React from 'react';
-import useControlled from '../../helper/useControlled';
+import useControlled from "../../helper/useControlled.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Checkbox(_ref) {

package/lib/forms/color-indicator/ColorIndicator.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classNames from 'classnames';
-import Popover from '../../components/popovers/popover/Popover';
+import Popover from "../../components/popovers/popover/Popover.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/lib/forms/color-picker/ColorPicker.js

@@ -3,10 +3,10 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import Draggable from 'react-draggable';
 import classNames from 'classnames';
-import ColorHelper from './ColorHelper';
-import useId from '../../helper/useId';
-import IconCheckSmall from '../../components/icons/check-small';
-import IconCollapse from '../../components/icons/collapse';
+import ColorHelper from "./ColorHelper.js";
+import useId from "../../helper/useId.js";
+import IconCheckSmall from "../../components/icons/check-small.js";
+import IconCollapse from "../../components/icons/collapse.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/lib/forms/date-picker/DatePicker.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import flatpickr from 'flatpickr';
-import useId from '../../helper/useId';
+import useId from "../../helper/useId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function DatePicker(_ref) {

package/lib/forms/date-range-picker/DateRangePicker.js

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import flatpickr from 'flatpickr';
-import rangePlugin from 'flatpickr/dist/plugins/rangePlugin';
+import rangePlugin from 'flatpickr/dist/plugins/rangePlugin.js';
 import { useEffect, useRef, useState } from 'react';
-import useId from '../../helper/useId';
+import useId from "../../helper/useId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function DateRangePicker(_ref) {

package/lib/forms/radio/RadioButton.js

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import classNames from 'classnames';
-import RadioGroupContext from './RadioGroupContext';
-import useId from '../../helper/useId';
+import RadioGroupContext from "./RadioGroupContext.js";
+import useId from "../../helper/useId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Radio(props) {