@festo-ui/react 5.1.0-dev.186 → 5.1.0-dev.190

package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { PolymorphicRef } from '../../../helper/types';
-export { Ref, ReactElement, RefAttributes } from 'react';
 declare module 'react' {
-    function forwardRef<T, P = {}>(render: (props: P, ref: Ref<T>) => ReactElement | null): (props: P & RefAttributes<T>) => ReactElement | null;
+    function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 interface MobileFlyoutItemBaseProps {
     icon?: string;
@@ -15,5 +14,5 @@ declare const MobileFlyoutItem: <C extends import("react").ElementType<any> = "a
     children?: import("react").ReactNode;
 } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, "component" | keyof MobileFlyoutItemBaseProps> & {
     ref?: PolymorphicRef<C> | undefined;
-} & import("react").RefAttributes<unknown>) => ReactElement | null;
+} & import("react").RefAttributes<unknown>) => React.ReactElement | null;
 export default MobileFlyoutItem;

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

@@ -1,16 +1,15 @@
 import cn from 'classnames';
 import { forwardRef, useContext } from 'react';
 import MobileFlyoutContext from '../MobileFlyoutContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export { Ref, ReactElement, RefAttributes } from 'react';
+
 /*
  * 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 } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const MobileFlyoutItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     component,

package/lib/components/modals/ModalBase.js

@@ -15,10 +15,8 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
     children
   } = _ref;
   const backdropRef = useRef(null);
-  const modalRef = useRef(null);
   const divRef = useRef(null);
-  const combinedRef = useForkRef(ref, modalRef);
-  const allRefs = useForkRef(combinedRef, divRef);
+  const allRefs = useForkRef(ref, divRef);
   const container = divRef?.current?.ownerDocument || document;
   useOnClickOutside(divRef, () => onClose?.());
   useEffect(() => {
@@ -47,7 +45,7 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
           className: "fr-modal-backdrop fwe-modal-backdrop"
         })
       }), /*#__PURE__*/_jsx(CSSTransition, {
-        ref: modalRef,
+        nodeRef: divRef,
         unmountOnExit: true,
         classNames: "fr-modal",
         appear: true,

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

@@ -3,24 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ReactElement", {
-  enumerable: true,
-  get: function () {
-    return _react.ReactElement;
-  }
-});
-Object.defineProperty(exports, "Ref", {
-  enumerable: true,
-  get: function () {
-    return _react.Ref;
-  }
-});
-Object.defineProperty(exports, "RefAttributes", {
-  enumerable: true,
-  get: function () {
-    return _react.RefAttributes;
-  }
-});
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");

package/node/lib/components/modals/ModalBase.js

@@ -20,10 +20,8 @@ const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children
   } = _ref;
   const backdropRef = (0, _react.useRef)(null);
-  const modalRef = (0, _react.useRef)(null);
   const divRef = (0, _react.useRef)(null);
-  const combinedRef = (0, _useForkRef.default)(ref, modalRef);
-  const allRefs = (0, _useForkRef.default)(combinedRef, divRef);
+  const allRefs = (0, _useForkRef.default)(ref, divRef);
   const container = divRef?.current?.ownerDocument || document;
   (0, _useOnClickOutside.default)(divRef, () => onClose?.());
   (0, _react.useEffect)(() => {
@@ -52,7 +50,7 @@ const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           className: "fr-modal-backdrop fwe-modal-backdrop"
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-        ref: modalRef,
+        nodeRef: divRef,
         unmountOnExit: true,
         classNames: "fr-modal",
         appear: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "5.1.0-dev.186",
+  "version": "5.1.0-dev.190",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "exports": {