sample-ui-component-library 0.0.29-dev → 0.0.30-dev

package/package.json

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

@@ -48,10 +48,9 @@ export const MonacoInstance = ({ }) => {
 
     // Editor options for Monaco Editor.
     const editorOptions = {
-        scrollBeyondLastLine: false,
         fontSize: "13px",
         minimap: {
-            enabled: true
+            enabled: false
         },
         padding: {
             top: 10

package/src/components/FileBrowser/FileBrowserReducer.js

@@ -3,7 +3,7 @@ import { setDefaultCollapsed, collapseTree, flattenTree } from "./helper";
 export const initialState = {
     uid: crypto.randomUUID(),
     tree: {},
-    flattenedTree: {},
+    flattenedTree: [],
     selectedNode: null,
     collapsedTree: [],
 };
@@ -11,7 +11,7 @@ export const initialState = {
 export const fileBrowserReducer = (state, action) => {
     switch (action.type) {
         case "ADD_FILE_TREE": {
-            let flattenedTree = setDefaultCollapsed(flattenTree(action.payload));
+            let flattenedTree = setDefaultCollapsed(flattenTree([...action.payload]));
             const collapsedTree = collapseTree(flattenedTree);
             return {
                 ...state,
@@ -46,5 +46,9 @@ export const fileBrowserReducer = (state, action) => {
         case "RESET_STATE": {
             return initialState;
         }
+
+        default:{
+            return state;
+        }
     }
 };

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

@@ -17,9 +17,7 @@ export const Tree = ({}) => {
     const {state} = useFileBrowser();
 
     useEffect(() => {
-        if(state.collapsedTree && state.collapsedTree.length > 0) {
-            drawTree(state.collapsedTree, state.uid);
-        }
+        drawTree(state.collapsedTree ?? []);
     }, [state.collapsedTree]);
 
     /**

package/src/stories/FileBrowser.stories.js

@@ -49,9 +49,6 @@ const Template = (args) => {
 
     useLayoutEffect(() => {
         fileBrowserRef.current.addFileTree(args.tree);
-        setTimeout(() => {
-            fileBrowserRef.current.selectNode("dir-f6459410-1634-4dbc-8d76-35896822158d");
-        }, 3000);
     }, []);
 
 
@@ -82,7 +79,6 @@ const Template = (args) => {
     const onDragStart = (event) => {
         console.log("Drag Started");
         console.log(event.active.data);
-        const dragPreview = fileBrowserRef.current.getPreviewElement(event.active.data.current.node.uid);
         setDragPreviewLabel(event.active.data.current.preview);
         setDragging(true);
     }