sample-ui-component-library 0.0.64-dev → 0.0.66-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sample-ui-component-library",
-  "version": "0.0.64-dev",
+  "version": "0.0.66-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

@@ -151,9 +151,11 @@ export const MonacoInstance = forwardRef(({ onSelectAbstraction }, ref) => {
             }
         }, []);
 
+        // Programatically trigger layout of editor and render overlays.
         const layoutModel = useCallback(() => {
             editorRef.current?.layout();
-        }, []);
+            updateOverlays();
+        }, [editorRef, state.activeTab, state.mode, onSelectAbstraction]);
 
         const api = useMemo(() => {
             return {

package/src/stories/Editor.stories.js

@@ -145,8 +145,11 @@ const Template = (args) => {
         if (tool === "mapping-mode") {
             editorRef.current.setMode(EDITOR_MODES.MAPPING);
         } else if (tool === "implementation-mode") {    
-            editorRef.current.setMode(EDITOR_MODES.DESIGN);
-        }
+            console.log("draing");
+            editorRef.current.layoutEditor();
+            // editorRef.current.setMode(EDITOR_MODES.MAPPING);
+            // editorRef.current.setMode(EDITOR_MODES.DESIGN);
+        } 
     }, [editorRef]);
 
     const onSelectAbstraction = useCallback((entry) => {