@festo-ui/react 8.2.0-dev.582 → 8.2.0-dev.584

package/lib/components/modals/ModalBase.js

@@ -1,11 +1,11 @@
 /* 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 } from 'react';
-import ReactDOM from 'react-dom';
-import { CSSTransition } from 'react-transition-group';
-import { RemoveScroll } from 'react-remove-scroll';
+import classNames from "classnames";
+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.js";
 import LoadingIndicator from "../loading-indicator/LoadingIndicator.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -24,12 +24,12 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
   const container = modalRef?.current?.ownerDocument || document;
   useEffect(() => {
     const handleKeyDown = event => {
-      if (event.key === 'Escape' && isOpen) {
+      if (event.key === "Escape" && isOpen) {
         onClose?.();
       }
     };
-    container.addEventListener('keydown', handleKeyDown);
-    return () => container.removeEventListener('keydown', handleKeyDown);
+    container.addEventListener("keydown", handleKeyDown);
+    return () => container.removeEventListener("keydown", handleKeyDown);
   }, [onClose, isOpen, container]);
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsxs(_Fragment, {
@@ -70,7 +70,7 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
           children: /*#__PURE__*/_jsx(RemoveScroll, {
             ref: allRefs,
             enabled: isOpen,
-            className: classNames('fr-modal fwe-modal', className),
+            className: classNames("fr-modal fwe-modal", className),
             children: children
           })
         })

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

@@ -1,3 +1,3 @@
-import { ClassNamePropsWithChildren } from '../../helper/types';
+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,5 +1,5 @@
-import { forwardRef } from 'react';
-import cn from 'classnames';
+import { forwardRef } from "react";
+import cn from "classnames";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ModalFooter = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -8,9 +8,9 @@ const ModalFooter = /*#__PURE__*/forwardRef((_ref, ref) => {
   } = _ref;
   return /*#__PURE__*/_jsx("div", {
     ref: ref,
-    className: cn('fwe-modal-footer', className),
+    className: cn("fwe-modal-footer", className),
     children: /*#__PURE__*/_jsx("div", {
-      className: cn('fwe-modal-buttons'),
+      className: cn("fwe-modal-buttons"),
       children: children
     })
   });

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ModalProps } from './Modal';
-interface PromptProps extends Omit<ModalProps, 'head' | 'body' | 'children'> {
+import React from "react";
+import { ModalProps } from "./Modal";
+interface PromptProps extends Omit<ModalProps, "head" | "body" | "children"> {
     title: string;
     subtitle?: string;
     hint?: string;

package/lib/components/modals/Prompt.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState } from "react";
 import TextInput from "../../forms/text-input/TextInput.js";
 import Modal from "./Modal.js";
 import ModalFooter from "./ModalFooter.js";

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

@@ -1,8 +1,8 @@
-import './ImageGallery.scss';
-import { ComponentPropsWithoutRef } from 'react';
-import { ModalBaseProps } from '../ModalBase';
-import { ImageGalleryItemData, ImageGalleryItemDataBase } from './internal/BaseGallery';
-export interface ImageGalleryProps extends ComponentPropsWithoutRef<'div'>, ModalBaseProps {
+import "./ImageGallery.scss";
+import { ComponentPropsWithoutRef } from "react";
+import { ModalBaseProps } from "../ModalBase";
+import { ImageGalleryItemData, ImageGalleryItemDataBase } from "./internal/BaseGallery";
+export interface ImageGalleryProps extends ComponentPropsWithoutRef<"div">, ModalBaseProps {
     /** Index number of initial slide. */
     startIndex: number;
     images?: ImageGalleryItemData[];

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

@@ -1,3 +1,3 @@
-import { Argument } from 'classnames';
+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,6 +1,6 @@
-import cn from 'classnames';
+import cn from "classnames";
 const getClasses = (thumbnailImages, descriptiveContent, className) => {
-  const base = 'fwe-modal-image-gallery';
+  const base = "fwe-modal-image-gallery";
   const thumbnail = `${base}--with-thumbnails`;
   const container = `${base}--with-container`;
   return cn(base, {

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

@@ -1,4 +1,4 @@
-import { forwardRef, useState } from 'react';
+import { forwardRef, useState } from "react";
 import ModalBase from "../ModalBase.js";
 import BaseGallery from "./internal/BaseGallery.js";
 import ImageGalleryContent from "./ImageGalleryContent.js";
@@ -10,7 +10,7 @@ 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') {
+  if (typeof pagination === "number") {
     length = pagination;
   } else if (pagination === true && images?.length) {
     length = images.length;
@@ -73,7 +73,7 @@ const ImageGallery = /*#__PURE__*/forwardRef((_ref, ref) => {
           children: children
         }), images && descriptiveContent === true ? /*#__PURE__*/_jsx(ImageGalleryContent, {
           imageContent: images?.[currentIndex - 1]?.content
-        }) : null, typeof descriptiveContent === 'function' ? descriptiveContent?.(currentIndex - 1) : null]
+        }) : null, typeof descriptiveContent === "function" ? descriptiveContent?.(currentIndex - 1) : null]
       })]
     })
   });

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

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

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

@@ -13,17 +13,17 @@ import AssetTen from "../../../../../../web-essentials/stories/assets/gallery-10
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const images = [{
   src: Asset1,
-  alt: 'Asset1',
+  alt: "Asset1",
   imageContent: {
-    title: 'Asset 1',
-    body: 'Asset 1 description'
+    title: "Asset 1",
+    body: "Asset 1 description"
   }
 }, {
   src: Asset2,
-  alt: 'Asset2',
+  alt: "Asset2",
   containMode: true,
   imageContent: {
-    title: 'Asset 2',
+    title: "Asset 2",
     body: /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx("p", {
         children: "Asset 2 description with some html inside."
@@ -38,60 +38,60 @@ const images = [{
   }
 }, {
   src: Asset3,
-  alt: 'Asset3',
+  alt: "Asset3",
   containMode: true,
   imageContent: {
-    title: 'Asset 3',
-    body: 'Asset 3 description'
+    title: "Asset 3",
+    body: "Asset 3 description"
   }
 }, {
   src: Asset4,
-  alt: 'Asset4',
+  alt: "Asset4",
   imageContent: {
-    title: 'Asset 4',
-    body: 'Asset 4 description'
+    title: "Asset 4",
+    body: "Asset 4 description"
   }
 }, {
   src: Asset5,
-  alt: 'Asset5',
+  alt: "Asset5",
   imageContent: {
-    title: 'Asset 5',
-    body: 'Asset 5 description'
+    title: "Asset 5",
+    body: "Asset 5 description"
   }
 }, {
   src: Asset6,
-  alt: 'Asset6',
+  alt: "Asset6",
   imageContent: {
-    title: 'Asset 6',
-    body: 'Asset 6 description'
+    title: "Asset 6",
+    body: "Asset 6 description"
   }
 }, {
   src: Asset7,
-  alt: 'Asset7',
+  alt: "Asset7",
   imageContent: {
-    title: 'Asset 7',
-    body: 'Asset 7 description'
+    title: "Asset 7",
+    body: "Asset 7 description"
   }
 }, {
   src: Asset8,
-  alt: 'Asset8',
+  alt: "Asset8",
   imageContent: {
-    title: 'Asset 8',
-    body: 'Asset 8 description'
+    title: "Asset 8",
+    body: "Asset 8 description"
   }
 }, {
   src: Asset9,
-  alt: 'Asset9',
+  alt: "Asset9",
   imageContent: {
-    title: 'Asset 9',
-    body: 'Asset 9 description'
+    title: "Asset 9",
+    body: "Asset 9 description"
   }
 }, {
   src: AssetTen,
-  alt: 'Asset10',
+  alt: "Asset10",
   imageContent: {
-    title: 'Asset 10',
-    body: 'Asset 1ß description'
+    title: "Asset 10",
+    body: "Asset 1ß description"
   }
 }];
 export default images;

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

@@ -1,4 +1,4 @@
-import { Swiper as SwiperClass } from 'swiper';
+import { Swiper as SwiperClass } from "swiper";
 interface ContextProps {
     thumbsSwiper: SwiperClass | null;
     setThumbsSwiper: React.Dispatch<React.SetStateAction<SwiperClass | null>>;

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

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

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

@@ -1,6 +1,6 @@
-import { Swiper } from 'swiper/react';
-import { Navigation, Thumbs } from 'swiper';
-import { useContext } from 'react';
+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) {
@@ -19,8 +19,8 @@ export default function ImageGallerySwiper(_ref) {
     },
     modules: [Thumbs, Navigation],
     navigation: {
-      nextEl: '.fwe-navigate-btn-up',
-      prevEl: '.fwe-navigate-btn-down'
+      nextEl: ".fwe-navigate-btn-up",
+      prevEl: ".fwe-navigate-btn-down"
     },
     zoom: true,
     className: "gallery-swiper fwe-image-gallery",
@@ -29,4 +29,4 @@ export default function ImageGallerySwiper(_ref) {
     children: children
   });
 }
-ImageGallerySwiper.displayName = 'Swiper';
+ImageGallerySwiper.displayName = "Swiper";

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

@@ -1,6 +1,6 @@
-import { useContext } from 'react';
-import { Thumbs } from 'swiper';
-import { Swiper } from 'swiper/react';
+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) {

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

@@ -1,5 +1,5 @@
-import { SwiperSlideProps } from 'swiper/react';
-import './ImageGalleryItem.scss';
+import { SwiperSlideProps } from "swiper/react";
+import "./ImageGalleryItem.scss";
 interface ImageGalleryItemProps extends SwiperSlideProps {
     children: React.ReactNode;
     containMode?: boolean;

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

@@ -1,6 +1,6 @@
-import cn from 'classnames';
-import { SwiperSlide } from 'swiper/react';
-import { useContext } from 'react';
+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) {
@@ -11,18 +11,18 @@ export default function ImageGalleryItem(_ref) {
     ...props
   } = _ref;
   const swiperType = useContext(SwiperContext);
-  const isThumbsSwiper = swiperType === 'thumbs';
+  const isThumbsSwiper = swiperType === "thumbs";
   return /*#__PURE__*/_jsx(SwiperSlide, {
     ...props,
     className: cn(className, {
-      'fr-image-gallery-item--contain': containMode && isThumbsSwiper
+      "fr-image-gallery-item--contain": containMode && isThumbsSwiper
     }),
     children: isThumbsSwiper ? children : /*#__PURE__*/_jsx("div", {
-      className: cn('swiper-zoom-container', {
-        'fr-image-gallery-item--contain': containMode
+      className: cn("swiper-zoom-container", {
+        "fr-image-gallery-item--contain": containMode
       }),
       children: children
     })
   });
 }
-ImageGalleryItem.displayName = 'SwiperSlide';
+ImageGalleryItem.displayName = "SwiperSlide";

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

@@ -1,7 +1,7 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ClassNamePropsWithChildren } from '../../../../helper/types';
-import { ImageDescriptiveContent } from '../ImageGalleryContent';
-export interface ImageGalleryItemDataBase extends ComponentPropsWithoutRef<'img'>, Record<string, unknown> {
+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 = {

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

@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react';
+import { useMemo, useState } from "react";
 import ImageGalleryContext from "../ImageGalleryContext.js";
 import ImageGalleryItem from "../image-gallery-item/ImageGalleryItem.js";
 import ImageGalleryThumbsSwiper from "../ImageGalleryThumbsSwiper.js";

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

@@ -1,4 +1,4 @@
-import cn from 'classnames';
+import cn from "classnames";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function CloseButton(_ref) {
   let {
@@ -8,9 +8,9 @@ export default function CloseButton(_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
+    className: cn("fwe-image-gallery-close-btn", {
+      "fwe-ml-auto": !showScaleButton,
+      "fwe-ml-3": showScaleButton
     }),
     onClick: onClose
   });

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

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ScaleButton(_ref) {
   let {

package/lib/components/pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
-import { ClassNameProps } from '../../helper/types';
-import './Pagination.scss';
+import { ClassNameProps } from "../../helper/types";
+import "./Pagination.scss";
 export declare enum PaginationType {
     Simple = "SIMPLE",
     Numeric = "NUMERIC",

package/lib/components/pagination/Pagination.js

@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react';
-import classNames from 'classnames';
+import React, { useEffect, useState } from "react";
+import classNames from "classnames";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export let PaginationType = /*#__PURE__*/function (PaginationType) {
   PaginationType["Simple"] = "SIMPLE";
@@ -49,18 +49,18 @@ function Pagination(props) {
     handleChange(newPageCurrent);
   }
   function handleKeyPress(event, index) {
-    if (event.key === 'Enter' || event.key === ' ') {
+    if (event.key === "Enter" || event.key === " ") {
       onDotClick(index);
     }
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [type !== PaginationType.Dots && /*#__PURE__*/_jsxs("div", {
-      className: classNames('fwe-pagination fwe-p-m', {
-        'fwe-d-none': pageMax < 2
+      className: classNames("fwe-pagination fwe-p-m", {
+        "fwe-d-none": pageMax < 2
       }, className),
       children: [/*#__PURE__*/_jsx("button", {
-        className: classNames('fwe-navigate-btn-down', {
-          'fwe-disabled': innerPageCurrent <= 1
+        className: classNames("fwe-navigate-btn-down", {
+          "fwe-disabled": innerPageCurrent <= 1
         }),
         onClick: onBtnDown,
         type: "button",
@@ -74,25 +74,25 @@ function Pagination(props) {
           children: pageMax
         })]
       }), /*#__PURE__*/_jsx("button", {
-        className: classNames('fwe-navigate-btn-up', {
-          'fwe-disabled': innerPageCurrent >= pageMax,
-          'fwe-ml-4': type === PaginationType.Simple
+        className: classNames("fwe-navigate-btn-up", {
+          "fwe-disabled": innerPageCurrent >= pageMax,
+          "fwe-ml-4": type === PaginationType.Simple
         }),
         onClick: onBtnUp,
         type: "button",
         "aria-label": "navigate-btn-up"
       })]
     }), type === PaginationType.Dots && /*#__PURE__*/_jsx("div", {
-      className: classNames('fwe-p-m', {
-        'fwe-d-none': pageMax < 2
+      className: classNames("fwe-p-m", {
+        "fwe-d-none": pageMax < 2
       }, className),
       children: /*#__PURE__*/_jsx("div", {
         className: "fwe-pagination",
         children: dotArray.map(index => /*#__PURE__*/_jsx("span", {
           tabIndex: 0,
           role: "button",
-          className: classNames('fwe-page-dot', {
-            'fwe-selected': index + 1 === innerPageCurrent
+          className: classNames("fwe-page-dot", {
+            "fwe-selected": index + 1 === innerPageCurrent
           }),
           onClick: () => onDotClick(index),
           "aria-label": "page-dot",

package/lib/components/popovers/legend/Legend.d.ts

@@ -1,10 +1,10 @@
-import { PopoverProps } from '../popover/Popover';
-import './Legend.scss';
+import { PopoverProps } from "../popover/Popover";
+import "./Legend.scss";
 interface Item {
     name: string;
     text: string;
 }
-export interface LegendProps extends Omit<PopoverProps, 'popoverContent'> {
+export interface LegendProps extends Omit<PopoverProps, "popoverContent"> {
     items: Item[];
 }
 declare function Legend({ items, ...props }: LegendProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/popovers/popover/Popover.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Placement } from '@popperjs/core';
-import { ClassNamePropsWithChildren } from '../../../helper/types';
-import './Popover.scss';
+import React from "react";
+import { Placement } from "@popperjs/core";
+import { ClassNamePropsWithChildren } from "../../../helper/types";
+import "./Popover.scss";
 export interface PopoverProps extends ClassNamePropsWithChildren {
     popoverContent: React.ReactNode;
     position?: Placement;

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

@@ -1,6 +1,6 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { usePopper } from 'react-popper';
-import classNames from 'classnames';
+import React, { useEffect, useRef, useState } from "react";
+import { usePopper } from "react-popper";
+import classNames from "classnames";
 import useOnClickOutside from "../../../helper/useOnClickOutside.js";
 import useForkRef from "../../../helper/useForkRef.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -35,19 +35,19 @@ function Popover(_ref) {
   } = usePopper(referenceElement.current, popperElement, {
     placement: position,
     modifiers: [{
-      name: 'arrow',
+      name: "arrow",
       options: {
         element: arrowElement
       }
     }, {
-      name: 'offset',
+      name: "offset",
       options: {
         offset: [0, 24]
       }
     }, {
-      name: 'flip',
+      name: "flip",
       options: {
-        fallbackPlacements: flip ? fallbackPositions : [position || 'auto']
+        fallbackPlacements: flip ? fallbackPositions : [position || "auto"]
       }
     }]
   });
@@ -66,15 +66,15 @@ function Popover(_ref) {
   }
   useOnClickOutside(popperElRef, closePopover, referenceElement);
   function handleKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.key === "Enter") {
       handleChange(undefined, true);
     }
-    if (event.key === 'Escape') {
+    if (event.key === "Escape") {
       handleChange(undefined, false);
     }
   }
   function handleKeyUp(event) {
-    if (event.key === ' ') {
+    if (event.key === " ") {
       handleChange(undefined, true);
     }
   }
@@ -90,7 +90,7 @@ function Popover(_ref) {
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [wrapper ? wrapper(childrenWrapper) : childrenWrapper, showPopper && /*#__PURE__*/_jsxs("div", {
-      className: classNames('fwe-popover-container', containerClassName),
+      className: classNames("fwe-popover-container", containerClassName),
       ref: combinedRef,
       style: styles.popper,
       ...attributes.popper,

package/lib/components/popovers/popover-menu/PopoverMenu.d.ts

@@ -1,12 +1,12 @@
-import { PopoverProps } from '../popover/Popover';
-import './PopoverMenu.scss';
+import { PopoverProps } from "../popover/Popover";
+import "./PopoverMenu.scss";
 interface PopoverMenuItem {
     text: string;
     icon: React.ReactNode;
     action?: (data: unknown) => void;
     data: unknown;
 }
-export interface PopoverMenuProps extends Omit<PopoverProps, 'popoverContent' | 'open' | 'onStatusChange'> {
+export interface PopoverMenuProps extends Omit<PopoverProps, "popoverContent" | "open" | "onStatusChange"> {
     menu: PopoverMenuItem[];
 }
 declare function PopoverMenu({ children, menu, className, ...props }: PopoverMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { useState } from 'react';
-import classNames from 'classnames';
+import { useState } from "react";
+import classNames from "classnames";
 import Popover from "../popover/Popover.js";
 import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -38,7 +38,7 @@ function PopoverMenu(_ref) {
     }, item.icon + item.text))
   });
   return /*#__PURE__*/_jsx("div", {
-    className: classNames('fwe-popover-menu', className),
+    className: classNames("fwe-popover-menu", className),
     children: /*#__PURE__*/_jsx(Popover, {
       popoverContent: content,
       position: "right",

package/lib/components/popovers/tooltip/Tooltip.d.ts

@@ -5,5 +5,5 @@ export interface PopoverMenuProps extends ClassNamePropsWithChildren {
     title: string | JSX.Element;
     position?: Placement;
 }
-declare function Tooltip({ children, className, title, position, }: Readonly<PopoverMenuProps>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ children, className, title, position }: Readonly<PopoverMenuProps>): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/lib/components/progress/Progress.d.ts

@@ -1,7 +1,7 @@
-import { ClassNameProps } from '../../helper/types';
+import { ClassNameProps } from "../../helper/types";
 interface ProgressProps extends ClassNameProps {
     progress: number;
-    background?: 'white' | 'black' | 'background';
+    background?: "white" | "black" | "background";
     error?: boolean;
 }
 declare function Progress({ background, error, progress, className }: ProgressProps): import("react/jsx-runtime").JSX.Element;