sample-ui-component-library 0.0.63-dev → 0.0.65-dev

package/package.json

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

@@ -100,6 +100,10 @@ export const Editor = forwardRef(({ onSelectAbstraction, onSelectTab, onUpdateCo
         dispatch({ type: "SAVE_ALL", payload: {} });
     }, []);
 
+    const layoutEditor = useCallback(() => {
+        editorRef.current && editorRef.current.layoutModel();
+    }, []);
+
     const api_entries = {
         state,
         addTab,
@@ -115,7 +119,8 @@ export const Editor = forwardRef(({ onSelectAbstraction, onSelectTab, onUpdateCo
         getActiveTab,
         setUpdatedContent,
         setContent,
-        saveAll
+        saveAll,
+        layoutEditor
     }
 
     const api = useMemo(() => {

package/src/components/Editor/MonacoInstance/MonacoInstance.jsx

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