masua 0.11.1 → 0.11.2

package/index.ts

@@ -39,7 +39,7 @@ interface NumberConfiguration extends Configuration {
   singleColumnGutter: number
 }
 
-const log = (message: string) => console.log(`masua: ${message}.`)
+const log = (message: string, type: 'log' | 'error' = 'log') => console[type](`masua: ${message}.`)
 
 function getCount(state: State) {
   if (state.surroundingGutter) {
@@ -113,7 +113,7 @@ function computeWidth(state: State) {
 // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: TODO decrease complexity
 function layout(state: State) {
   if (!state.container) {
-    console.error('Container not found')
+    log('Container not found', 'error')
     return
   }
   reset(state)
@@ -177,6 +177,7 @@ function layout(state: State) {
     const y = state.columns[nextColumn]
     const child = children[index] as HTMLElement
     child.style.transform = `translate3d(${Math.round(x)}px,${Math.round(y)}px,0)`
+    child.style.position = 'absolute'
 
     state.columns[nextColumn] += state.sizes[index] + (state.count > 1 ? state.gutterY : state.singleColumnGutter) // margin-bottom
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "masua",
   "description": "Simple masonry layout library in TypeScript.",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "repository": "github:tobua/masua",
   "homepage": "https://tobua.github.io/masua",
   "license": "MIT",
@@ -17,7 +17,7 @@
   "devDependencies": {
     "@biomejs/biome": "^1.6.4",
     "@types/bun": "^1.0.12",
-    "@types/react": "^18.2.76",
+    "@types/react": "^18.2.78",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {

package/react.tsx

@@ -1,3 +1,4 @@
+// biome-ignore lint/nursery/noUndeclaredDependencies: This is a reference to the local package.
 import { type Configuration, grid } from 'masua'
 import { type JSX, useEffect, useMemo, useRef } from 'react'