oa-componentbook 0.18.253 → 0.18.254

package/build/widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget.js

@@ -53,14 +53,12 @@ function AddSparePartCollapseWidget(_ref) {
   const [formValues, setFormValues] = (0, _react.useState)({});
   const [searchValue, setSearchValue] = (0, _react.useState)('');
   const notificationRef = (0, _react.useRef)(null);
-  const itemRefs = (0, _react.useRef)({}); // Create a ref to store references to item panels
-
+  const itemRefs = (0, _react.useRef)({});
   const openNotification = parameters => {
     var _notificationRef$curr;
     return notificationRef === null || notificationRef === void 0 || (_notificationRef$curr = notificationRef.current) === null || _notificationRef$curr === void 0 ? void 0 : _notificationRef$curr.openNotification(parameters);
   };
   (0, _react.useEffect)(() => {
-    // Pre-fill form values and select the items that are already selected
     const initialFormValues = {};
     const initialSelectedItems = new Set();
     selectedItems.forEach(item => {
@@ -75,12 +73,10 @@ function AddSparePartCollapseWidget(_ref) {
     setSelectedItemIds(initialSelectedItems);
   }, [selectedItems]);
   (0, _react.useEffect)(() => {
-    // Combine selected items at the top followed by other items
     const sortedItems = [...selectedItems.map(item => items.find(i => i.id === item.scopeId)).filter(Boolean), ...items.filter(item => !selectedItems.some(selected => selected.scopeId === item.id))];
     setFilteredItems(sortedItems);
   }, [items, selectedItems]);
   (0, _react.useEffect)(() => {
-    // Uncheck item if any required field is empty
     const newSelectedItemIds = new Set(selectedItemIds);
     selectedItemIds.forEach(itemId => {
       const fields = formValues[itemId];
@@ -135,16 +131,18 @@ function AddSparePartCollapseWidget(_ref) {
       newSelectedItems.add(itemId);
     }
     setSelectedItemIds(newSelectedItems);
-    if (itemRefs.current[itemId]) {
-      itemRefs.current[itemId].scrollIntoView({
-        behavior: 'smooth',
-        block: 'center'
-      });
-    }
     setSearchValue(''); // Clear search value on item selection
-    // Reset the filtered items to show all items with selected items at the top
+
     const sortedItems = [...selectedItems.map(item => items.find(i => i.id === item.scopeId)).filter(Boolean), ...items.filter(item => !selectedItems.some(selected => selected.scopeId === item.id))];
     setFilteredItems(sortedItems);
+    setTimeout(() => {
+      if (itemRefs.current[itemId]) {
+        itemRefs.current[itemId].scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+      }
+    }, 0);
   };
   const isNumeric = value => /^\d*$/.test(value); // Regular expression to check if the value is numeric
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.18.253",
+  "version": "0.18.254",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",