sample-ui-component-library 0.0.12-dev → 0.0.13-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-ui-component-library",
-  "version": "0.0.12-dev",
+  "version": "0.0.13-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/Tabs/Tabs.jsx

@@ -34,7 +34,7 @@ export const Tabs = () => {
         const list = [];
         tabs.forEach((tab, index) => {
             list.push(<Gutter key={tab.uid + "-gutter"} id={tabGroupId + "-" + index} index={index} parentId={tabGroupId} />);
-            list.push(<Tab key={tab.uid} id={tab.uid} parentId={tabGroupId} node={tab} />);
+            list.push(<Tab key={tab.uid} id={"tab-" + tabGroupId + "-" + tab.uid} parentId={tabGroupId} node={tab} />);
         });
         list.push(<Gutter key="last-gutter" id={tabGroupId + "-" + tabs.length} index={tabs.length} parentId={tabGroupId} />);
         setTabsList(list);

package/src/components/FileBrowser/FileBrowserReducer.js

@@ -4,6 +4,9 @@ import {
     flattenTree,
 } from "./helper";
 
+//TODO: I should set a unique id for each reducer state and use it
+// for all the ids of the components to make them unique. I could
+// also manually set the ID like I do in the editor reducer.
 export const initialState = {
     tree: {},
     flattenedTree: {},

package/src/components/FileBrowser/Tree/Tree.jsx

@@ -1,20 +1,12 @@
 import {
     useEffect,
-    useState,
-    useRef
+    useState
 } from "react";
 
 import { TreeNode } from "../TreeNode/TreeNode";
 
 import { useFileBrowser } from "../FileBrowser";
 
-import {
-    setDefaultCollapsed,
-    collapseTree,
-    selectNode,
-    flattenTree,
-} from "../helper";
-
 import "./Tree.scss";
 
 /**
@@ -40,7 +32,7 @@ export const Tree = ({}) => {
                 <TreeNode
                     key={node.uid}
                     node={node}
-                    id={node.uid}
+                    id={"tree-node-" + node.uid}
                 />,
             );
         });