@festo-ui/react 8.2.0-dev.630 → 8.2.0-dev.638

package/lib/components/bottom-sheet/BottomSheet.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
 import BottomSheet from "./BottomSheet";
 declare const meta: Meta<typeof BottomSheet>;
 export default meta;

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,8 +1,8 @@
 import React from "react";
 import classNames from "classnames";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Breadcrumb navigation can be used on pages with multiple navigation levels.
+/**
+ * Breadcrumb navigation can be used on pages with multiple navigation levels.
  */
 function Breadcrumb(_ref) {
   let {

package/lib/components/buttons/button/Button.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
 import Button from "./Button";
 declare const meta: Meta<typeof Button>;
 export default meta;

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

@@ -3,11 +3,11 @@ import { forwardRef, useContext } from "react";
 import { IconRight2 } from "@festo-ui/react-icons";
 import MobileFlyoutContext from "../MobileFlyoutContext.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)
- * https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
- * https://github.com/microsoft/TypeScript/pull/30215
+/*
+ * Augment `forwardRef` only for this module so that storybook can infer controls
+ * (despite component being wrapped in forwardRef)
+ * https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
+ * https://github.com/microsoft/TypeScript/pull/30215
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MobileFlyoutItem = /*#__PURE__*/forwardRef((_ref, ref) => {

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

@@ -1,17 +1,17 @@
 export default class SearchSuggestion {
-  /**
-   * a html-string. e.g.: '<b> hello </b>'
+  /**
+   * a html-string. e.g.: '<b> hello </b>'
    */
 
-  /**
-   * This Value will be used as new query when the user selects the suggestion.
+  /**
+   * This Value will be used as new query when the user selects the suggestion.
    */
 
-  /**
-   * Creates a basic Suggestion from a string. The first query match is highlighted by bold tags.
-   * @param suggestionString The suggested string (should contain the whole query)
-   * @param query The current query. This string will be highlighted.
-   * @returns a html-string.
+  /**
+   * Creates a basic Suggestion from a string. The first query match is highlighted by bold tags.
+   * @param suggestionString The suggested string (should contain the whole query)
+   * @param query The current query. This string will be highlighted.
+   * @returns a html-string.
    */
   static basicSuggestion(suggestionString, query) {
     const i = suggestionString.toLocaleLowerCase().indexOf(query.toLocaleLowerCase());

package/lib/components/tab/useTabScroll.js

@@ -138,29 +138,29 @@ const useTabScroll = (tabLength, componentId, refs) => {
     return Math.max(rightIncrement, 0);
   }
   function findAdjacentTabIndexClosestToEdge(index, tabDimensions, scrollPosition, barWidth) {
-    /**
-     * tabs are laid out in the tab scroller like this:
-     *
-     *    scroll position
-     *    +---+
-     *    |   |   bar width
-     *    |   +-----------------------------------+
-     *    |   |                                   |
-     *    |   v                                   v
-     *    |   +-----------------------------------+
-     *    v   |             tab scroller          |
-     *    +------------+--------------+-------------------+
-     *    |    tab     |      tab     |        tab        |
-     *    +------------+--------------+-------------------+
-     *        |                                   |
-     *        +-----------------------------------+
-     *
-     * to determine the next adjacent index, we look at the tab root left and
-     * tab root right, both relative to the scroll position. if the tab root
-     * left is less than 0, then we know it's out of view to the left. if the
-     * tab root right minus the bar width is greater than 0, we know the tab is
-     * out of view to the right. from there, we either increment or decrement
-     * the index.
+    /**
+     * tabs are laid out in the tab scroller like this:
+     *
+     *    scroll position
+     *    +---+
+     *    |   |   bar width
+     *    |   +-----------------------------------+
+     *    |   |                                   |
+     *    |   v                                   v
+     *    |   +-----------------------------------+
+     *    v   |             tab scroller          |
+     *    +------------+--------------+-------------------+
+     *    |    tab     |      tab     |        tab        |
+     *    +------------+--------------+-------------------+
+     *        |                                   |
+     *        +-----------------------------------+
+     *
+     * to determine the next adjacent index, we look at the tab root left and
+     * tab root right, both relative to the scroll position. if the tab root
+     * left is less than 0, then we know it's out of view to the left. if the
+     * tab root right minus the bar width is greater than 0, we know the tab is
+     * out of view to the right. from there, we either increment or decrement
+     * the index.
      */
     const relativeRootLeft = tabDimensions.rootLeft - scrollPosition;
     const relativeRootRight = tabDimensions.rootRight - scrollPosition - barWidth;

package/lib/helper/useForkRef.js

@@ -1,10 +1,10 @@
 import React from "react";
 import setRef from "./setRef.js"; // https://github.com/facebook/react/issues/13029#issuecomment-497629971
 export default function useForkRef(refA, refB) {
-  /**
-   * This will create a new function if the ref props change and are defined.
-   * This means react will call the old forkRef with `null` and the new forkRef
-   * with the ref. Cleanup naturally emerges from this behavior
+  /**
+   * This will create a new function if the ref props change and are defined.
+   * This means react will call the old forkRef with `null` and the new forkRef
+   * with the ref. Cleanup naturally emerges from this behavior
    */
   return React.useMemo(() => {
     if ((refA === null || refA === undefined) && (refB == null || refB === undefined)) {

package/node/lib/components/breadcrumb/Breadcrumb.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Breadcrumb navigation can be used on pages with multiple navigation levels.
+/**
+ * Breadcrumb navigation can be used on pages with multiple navigation levels.
  */
 function Breadcrumb(_ref) {
   let {

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

@@ -11,11 +11,11 @@ var _MobileFlyoutContext = _interopRequireDefault(require("../MobileFlyoutContex
 var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
- * Augment `forwardRef` only for this module so that storybook can infer controls
- * (despite component being wrapped in forwardRef)
- * https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
- * https://github.com/microsoft/TypeScript/pull/30215
+/*
+ * Augment `forwardRef` only for this module so that storybook can infer controls
+ * (despite component being wrapped in forwardRef)
+ * https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
+ * https://github.com/microsoft/TypeScript/pull/30215
  */
 
 const MobileFlyoutItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {

package/node/lib/components/search-input/SearchSuggestion.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 class SearchSuggestion {
-  /**
-   * a html-string. e.g.: '<b> hello </b>'
+  /**
+   * a html-string. e.g.: '<b> hello </b>'
    */
 
-  /**
-   * This Value will be used as new query when the user selects the suggestion.
+  /**
+   * This Value will be used as new query when the user selects the suggestion.
    */
 
-  /**
-   * Creates a basic Suggestion from a string. The first query match is highlighted by bold tags.
-   * @param suggestionString The suggested string (should contain the whole query)
-   * @param query The current query. This string will be highlighted.
-   * @returns a html-string.
+  /**
+   * Creates a basic Suggestion from a string. The first query match is highlighted by bold tags.
+   * @param suggestionString The suggested string (should contain the whole query)
+   * @param query The current query. This string will be highlighted.
+   * @returns a html-string.
    */
   static basicSuggestion(suggestionString, query) {
     const i = suggestionString.toLocaleLowerCase().indexOf(query.toLocaleLowerCase());

package/node/lib/components/tab/useTabScroll.js

@@ -143,29 +143,29 @@ const useTabScroll = (tabLength, componentId, refs) => {
     return Math.max(rightIncrement, 0);
   }
   function findAdjacentTabIndexClosestToEdge(index, tabDimensions, scrollPosition, barWidth) {
-    /**
-     * tabs are laid out in the tab scroller like this:
-     *
-     *    scroll position
-     *    +---+
-     *    |   |   bar width
-     *    |   +-----------------------------------+
-     *    |   |                                   |
-     *    |   v                                   v
-     *    |   +-----------------------------------+
-     *    v   |             tab scroller          |
-     *    +------------+--------------+-------------------+
-     *    |    tab     |      tab     |        tab        |
-     *    +------------+--------------+-------------------+
-     *        |                                   |
-     *        +-----------------------------------+
-     *
-     * to determine the next adjacent index, we look at the tab root left and
-     * tab root right, both relative to the scroll position. if the tab root
-     * left is less than 0, then we know it's out of view to the left. if the
-     * tab root right minus the bar width is greater than 0, we know the tab is
-     * out of view to the right. from there, we either increment or decrement
-     * the index.
+    /**
+     * tabs are laid out in the tab scroller like this:
+     *
+     *    scroll position
+     *    +---+
+     *    |   |   bar width
+     *    |   +-----------------------------------+
+     *    |   |                                   |
+     *    |   v                                   v
+     *    |   +-----------------------------------+
+     *    v   |             tab scroller          |
+     *    +------------+--------------+-------------------+
+     *    |    tab     |      tab     |        tab        |
+     *    +------------+--------------+-------------------+
+     *        |                                   |
+     *        +-----------------------------------+
+     *
+     * to determine the next adjacent index, we look at the tab root left and
+     * tab root right, both relative to the scroll position. if the tab root
+     * left is less than 0, then we know it's out of view to the left. if the
+     * tab root right minus the bar width is greater than 0, we know the tab is
+     * out of view to the right. from there, we either increment or decrement
+     * the index.
      */
     const relativeRootLeft = tabDimensions.rootLeft - scrollPosition;
     const relativeRootRight = tabDimensions.rootRight - scrollPosition - barWidth;

package/node/lib/helper/useForkRef.js

@@ -9,10 +9,10 @@ var _setRef = _interopRequireDefault(require("./setRef.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // https://github.com/facebook/react/issues/13029#issuecomment-497629971
 function useForkRef(refA, refB) {
-  /**
-   * This will create a new function if the ref props change and are defined.
-   * This means react will call the old forkRef with `null` and the new forkRef
-   * with the ref. Cleanup naturally emerges from this behavior
+  /**
+   * This will create a new function if the ref props change and are defined.
+   * This means react will call the old forkRef with `null` and the new forkRef
+   * with the ref. Cleanup naturally emerges from this behavior
    */
   return _react.default.useMemo(() => {
     if ((refA === null || refA === undefined) && (refB == null || refB === undefined)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "8.2.0-dev.630",
+  "version": "8.2.0-dev.638",
   "author": "Festo UI (styleguide@festo.com)",
   "copyright": "Copyright (c) 2025 Festo SE & Co. KG. All rights reserved.",
   "license": "apache-2.0",