@festo-ui/react 7.3.0-dev.475 → 7.3.0-dev.476

package/lib/forms/select/internal/SelectOptionsContainer.d.ts

@@ -1,6 +1,6 @@
-import { Key, Ref } from 'react';
-import { SelectConfiguration } from '../../../helper/types';
-import { SelectOptionType } from '../select-option/SelectOption';
+import { Key, Ref } from "react";
+import { SelectConfiguration } from "../../../helper/types";
+import { SelectOptionType } from "../select-option/SelectOption";
 interface SelectOptionsContainerProps<T> {
     options?: SelectOptionType<T>[];
     config?: SelectConfiguration;

package/lib/forms/select/internal/SelectOptionsContainer.js

@@ -1,5 +1,5 @@
-import { createRef, forwardRef, isValidElement, useEffect, useRef, useState } from 'react';
-import { usePopper } from 'react-popper';
+import { createRef, forwardRef, isValidElement, useEffect, useRef, useState } from "react";
+import { usePopper } from "react-popper";
 import SelectScrollContainer from "./SelectScrollContainer.js";
 import ListItem from "./ListItem.js";
 import getChildren from "./utils.js";
@@ -17,21 +17,21 @@ function SelectOptionsContainerComponent(_ref, ref) {
     children
   } = _ref;
   const [popperElement, setPopperElement] = useState(null);
-  const refObject = typeof ref !== 'function' ? ref?.current : null;
+  const refObject = typeof ref !== "function" ? ref?.current : null;
   const {
     styles,
     attributes
   } = usePopper(refObject, popperElement, {
-    placement: 'bottom-start',
+    placement: "bottom-start",
     modifiers: [{
-      name: 'offset',
+      name: "offset",
       options: {
         offset: [0, 3]
       }
     }, {
-      name: 'flip',
+      name: "flip",
       options: {
-        fallbackPlacements: ['bottom-start', 'top-start']
+        fallbackPlacements: ["bottom-start", "top-start"]
       }
     }]
   });
@@ -68,10 +68,10 @@ function SelectOptionsContainerComponent(_ref, ref) {
       });
     }
   }, [selectedIndex, init]);
-  const onCloseRef = useRef(onClose);
-  useEffect(() => () => {
-    onCloseRef.current();
-  }, []);
+
+  // here was the unmount code. I removed it because it was causing problem during debug (StrictMode)
+  // Tuan: Please check if it's necessary to add it back
+
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       "aria-hidden": true,

package/node/lib/forms/select/internal/SelectOptionsContainer.js

@@ -22,21 +22,21 @@ function SelectOptionsContainerComponent(_ref, ref) {
     children
   } = _ref;
   const [popperElement, setPopperElement] = (0, _react.useState)(null);
-  const refObject = typeof ref !== 'function' ? ref?.current : null;
+  const refObject = typeof ref !== "function" ? ref?.current : null;
   const {
     styles,
     attributes
   } = (0, _reactPopper.usePopper)(refObject, popperElement, {
-    placement: 'bottom-start',
+    placement: "bottom-start",
     modifiers: [{
-      name: 'offset',
+      name: "offset",
       options: {
         offset: [0, 3]
       }
     }, {
-      name: 'flip',
+      name: "flip",
       options: {
-        fallbackPlacements: ['bottom-start', 'top-start']
+        fallbackPlacements: ["bottom-start", "top-start"]
       }
     }]
   });
@@ -73,10 +73,10 @@ function SelectOptionsContainerComponent(_ref, ref) {
       });
     }
   }, [selectedIndex, init]);
-  const onCloseRef = (0, _react.useRef)(onClose);
-  (0, _react.useEffect)(() => () => {
-    onCloseRef.current();
-  }, []);
+
+  // here was the unmount code. I removed it because it was causing problem during debug (StrictMode)
+  // Tuan: Please check if it's necessary to add it back
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "aria-hidden": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "7.3.0-dev.475",
+  "version": "7.3.0-dev.476",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "type": "module",