@tap-payments/os-micro-frontend-shared 0.1.391-test.2 → 0.1.391-test.3

package/build/components/TreeDropdown/TreeDropdown.js

@@ -6,13 +6,10 @@ import { initializeTreeMapper, promoteSingleChild, TreeManager, updateSelection
 import TreeDropdownProvider from './context/TreeDropdownProvider';
 const TreeDropdown = forwardRef((props, ref) => {
     const { anchorEl, placement = 'bottom-start', treeDefinition, sx, onChange, multiple = true, exposeOnlySelectedTree = false, IconComponent, onMounted, } = props;
-    const { header, footer, children: initialMenuItems = [], searchProps, levelKey } = treeDefinition;
-    /**
-     * Only keep the initial menu items in a ref to avoid re-rendering the component when the menu items change.
-     */
-    const menuItems = useRef(initialMenuItems).current;
+    const { header, footer, children: menuItems = [], searchProps, levelKey } = treeDefinition;
     const [treeMapper, setTreeMapper] = useState({});
-    const initialized = useRef(false);
+    const onMountedRef = useRef(onMounted);
+    onMountedRef.current = onMounted;
     const formattedMenuItems = useMemo(() => promoteSingleChild(menuItems || []), [menuItems]);
     const getFullTree = useCallback(() => TreeManager.denormalizeTree(menuItems, treeMapper), [menuItems, treeMapper]);
     const getSelectedTree = useCallback(() => TreeManager.extractSelectedBranches(getFullTree()), [getFullTree]);
@@ -48,19 +45,18 @@ const TreeDropdown = forwardRef((props, ref) => {
         }
     }, [treeMapper, onChange, menuItems, exposeOnlySelectedTree]);
     useEffect(() => {
-        if (initialized.current)
-            return;
-        initialized.current = true;
+        var _a;
+        console.log('TreeDropdown mounted');
         const intitialMapper = initializeTreeMapper(menuItems || [], multiple);
         setTreeMapper(intitialMapper);
         const tree = TreeManager.denormalizeTree(menuItems, intitialMapper);
         const selectedTree = TreeManager.extractSelectedBranches(tree);
-        onMounted === null || onMounted === void 0 ? void 0 : onMounted({
+        (_a = onMountedRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountedRef, {
             state: intitialMapper,
             tree,
             selectedTree,
         });
-    }, [menuItems, multiple, onMounted]);
+    }, [menuItems, multiple]);
     useImperativeHandle(ref, () => ({
         treeMapper,
         getFullTree,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.391-test.2",
-  "testVersion": 2,
+  "version": "0.1.391-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",