sample-ui-component-library 0.0.8-dev → 0.0.9-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-ui-component-library",
-  "version": "0.0.8-dev",
+  "version": "0.0.9-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/EditorReducer.js

@@ -9,6 +9,15 @@ export const editorReducer = (state, action) => {
 
         case "ADD_TAB": {
             // TODO: Add some validation for the payload here.
+            const tab = state.tabs.find(obj => obj.uid === action.payload.uid);
+            if (tab) {
+                console.warn(`Tab with id ${action.payload.uid} already exists`);
+                return {
+                    ...state,
+                    activeTab: tab
+                };
+            }
+            
             return {
                 ...state,
                 tabs: [...state.tabs, action.payload],

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

@@ -13,7 +13,7 @@ export const Gutter = ({ id, index, parentId }) => {
     const { setNodeRef, isOver } = useDroppable({
         id,
         data: {
-            type: "tab-gutter",
+            type: "EditorTabGutter",
             parentId: parentId,
             index: index,
         },

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

@@ -28,7 +28,7 @@ export const Tab = ({ id, parentId, node }) => {
     const { attributes, listeners, setNodeRef, transform } = useDraggable({
         id,
         data: {
-            type: "tab-draggable",
+            type: "EditorTab",
             parentId: parentId,
             node: node
         },

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

@@ -22,6 +22,7 @@ export const TreeNode = ({ id, node }) => {
         { 
             id,
             data: {
+                type: "FileTreeNode",
                 node: node
             }
          }

package/src/stories/Editor.stories.js

@@ -71,7 +71,7 @@ const Template = (args) => {
             return;
         }
 
-        if (active.data.current.type === "tab-draggable" && over.data.current.type === "tab-gutter") {
+        if (active.data.current.type === "EditorTab" && over.data.current.type === "EditorTabGutter") {
             editorRef.current.moveTab(active.data.current.node.uid, over.data.current.index);
         }
     }