@threekit-tools/treble 0.0.89-next-004 → 0.0.89-next-005

package/dist/hooks/useRoomBuilder/draw.js

@@ -36,8 +36,8 @@ function drawGrid(canvas, styles) {
     if (!ctx)
         return;
     ctx.strokeStyle = styles.lineColor;
-    var numHorizontalLines = Math.ceil(canvas.width / styles.gridStepGap);
-    var numVerticalLines = Math.ceil(canvas.height / styles.gridStepGap);
+    var numHorizontalLines = Math.ceil(canvas.height / styles.gridStepGap);
+    var numVerticalLines = Math.ceil(canvas.width / styles.gridStepGap);
     for (var i = 0; i < numHorizontalLines; i++) {
         var y = i * styles.gridStepGap;
         ctx.lineWidth =

package/dist/hooks/useRoomBuilder/index.d.ts

@@ -4,6 +4,7 @@ import type { IElementName, IElementPublic, IRoomBuilderHookProps } from './type
 import { IModes, IUnits, IElements } from './types';
 import { IThemes } from './themes';
 interface IUseRoomBuilder {
+    drawRoom: () => void;
     canvasRef: React.RefObject<HTMLCanvasElement>;
     [IElements.WALL]?: IHydratedAttributeArray;
     [IElements.WINDOW]?: IHydratedAttributeArray;

package/dist/hooks/useRoomBuilder/index.js

@@ -258,6 +258,7 @@ var useRoomBuilder = function (props) {
         setSelectedElement(null);
     };
     return {
+        drawRoom: drawRoom,
         canvasRef: canvasRef,
         selectedElement: selectedElement === null
             ? selectedElement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.89-next-004",
+  "version": "0.0.89-next-005",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [