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

package/package.json

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

@@ -10,7 +10,6 @@ import {
 import "./FileBrowser.scss";
 
 import { Tree } from "./Tree/Tree";
-import { TreeNodePreview } from "./TreeNode/TreeNode";
 
 import { FileBrowserContext } from "./FileBrowserContext";
 
@@ -37,25 +36,14 @@ export const FileBrowser = forwardRef(({onSelectFile}, ref) => {
     const selectNode = useCallback((node) => {
         dispatch({ type: "SELECT_NODE", payload: node });
     }, []);
-    
-    const getPreviewElement = useCallback((tabId) => {
-        // Get the preview element for a tab by its id for use in drag-and-drop operations.
-        const tab = state.flattenedTree.find(t => t.uid === tabId);
-        if (!tab) {
-            console.error(`getPreviewElement: tab with id ${tabId} not found.`);
-            return null;
-        }
-        return <TreeNodePreview node={tab} />;
-    }, [state]);
 
     const api = useMemo(() => {
         return {
             state,
             addFileTree,
-            selectNode,
-            getPreviewElement
+            selectNode
         };
-    }, [state, addFileTree, selectNode, getPreviewElement]);
+    }, [state, addFileTree, selectNode]);
 
     useImperativeHandle(ref, () => api, [api]);
 

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

@@ -40,7 +40,7 @@ export const Tree = ({}) => {
                 <TreeNode
                     key={node.uid}
                     node={node}
-                    id={node.name}
+                    id={node.uid}
                 />,
             );
         });

package/src/components/FileBrowser/TreeNode/TreeNode.jsx

@@ -1,10 +1,7 @@
 import { FileCode, ChevronRight, ChevronDown, Braces, FiletypeScss, FiletypeJs, FiletypePy } from "react-bootstrap-icons";
 import PropTypes from 'prop-types';
 import {
-    DndContext,
-    DragOverlay,
-    useDraggable,
-    useDroppable,
+    useDraggable
 } from "@dnd-kit/core";
 
 import { useFileBrowser } from "../FileBrowser";
@@ -24,7 +21,7 @@ export const TreeNode = ({ id, node }) => {
             data: {
                 type: "FileTreeNode",
                 node: node,
-                preview: <TreeNodePreview node={node}/ >
+                preview: <TreeNodePreview node={node} />
             }
          }
     );