sample-ui-component-library 0.0.35-dev → 0.0.36-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-ui-component-library",
-  "version": "0.0.35-dev",
+  "version": "0.0.36-dev",
   "description": "A library which contains sample UI elements that can be used for populating layouts.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/Editor/Editor.jsx

@@ -41,20 +41,21 @@ export const Editor = forwardRef(({ }, ref) => {
         dispatch({ type: "ADD_TAB", payload: { tab, index } });
     }, []);
 
-    const getGroupUid = useCallback((id) => {
-        return state.uid;
-    }, [state]);
+    const setTabGroupId = useCallback((id) => {
+        dispatch({ type: "RESET_STATE"});
+        dispatch({ type: "SET_PARENT_TAB_GROUP_ID", payload: id });
+    }, []);
 
     const api = useMemo(() => {
         return {
             state,
             addTab,
+            setTabGroupId,
             selectTab,
             closeTab,
-            moveTab,
-            getGroupUid
+            moveTab
         };
-    }, [state, addTab, selectTab, closeTab, moveTab, getGroupUid]);
+    }, [state, addTab, selectTab, closeTab, moveTab, setTabGroupId]);
 
     useImperativeHandle(ref, () => api, [api]);
 

package/src/components/Editor/Tabs/Tabs.jsx

@@ -20,7 +20,7 @@ export const Tabs = () => {
 
     useEffect(() => {
         if (state.tabs?.length >= 0) {
-            drawTabs(state.tabs, state.uid);
+            drawTabs(state.tabs, state.tabGroupId);
         }
     }, [state.tabs, state.uid]);
 

package/src/components/FileBrowser/FileBrowser.jsx

@@ -37,19 +37,14 @@ export const FileBrowser = forwardRef(({onSelectFile}, ref) => {
     const selectNode = useCallback((node) => {
         dispatch({ type: "SELECT_NODE", payload: node });
     }, []);
-    
-    const getGroupUid = useCallback((id) => {
-        return state.uid;
-    }, [state]);
 
     const api = useMemo(() => {
         return {
             state,
             addFileTree,
-            selectNode,
-            getGroupUid
+            selectNode
         };
-    }, [state, addFileTree, selectNode, getGroupUid]);
+    }, [state, addFileTree, selectNode]);
 
     useImperativeHandle(ref, () => api, [api]);