masua 0.11.6 → 0.11.8

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Matthias Giger, 2017 Spope
+Copyright (c) 2025 Matthias Giger, 2017 Spope
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/index.ts

@@ -40,6 +40,7 @@ interface NumberConfiguration extends Configuration {
   singleColumnGutter: number
 }
 
+// biome-ignore lint/suspicious/noConsole: User feedback.
 const log = (message: string, type: 'log' | 'error' = 'log') => console[type](`masua: ${message}.`)
 
 function getCount(state: State) {
@@ -182,6 +183,8 @@ function layout(state: State) {
 
     if (state.columns[nextColumn]) {
       state.columns[nextColumn] += (state.sizes[index] ?? 0) + (state.count > 1 ? state.gutterY : state.singleColumnGutter) // margin-bottom
+    } else {
+      state.columns[nextColumn] = (state.sizes[index] ?? 0) + (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.6",
+  "version": "0.11.8",
   "repository": "github:tobua/masua",
   "homepage": "https://tobua.github.io/masua",
   "license": "MIT",
@@ -14,11 +14,11 @@
     "types": "tsc"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
-    "@types/bun": "^1.1.6",
-    "@types/react": "^18.3.3",
-    "typescript": "^5.5.3",
-    "zero-configuration": "^0.17.0"
+    "@biomejs/biome": "^2.1.4",
+    "@types/bun": "^1.2.19",
+    "@types/react": "^19.1.9",
+    "typescript": "^5.9.2",
+    "zero-configuration": "^1.0.5"
   },
   "peerDependencies": {
     "react": ">= 18",
@@ -90,8 +90,9 @@
     "biome": {
       "extends": "recommended",
       "files": {
-        "ignore": [
-          "demo"
+        "includes": [
+          "**/*",
+          "!demo/**"
         ]
       }
     }

package/react.tsx

@@ -1,5 +1,6 @@
 import { type Configuration, grid } from 'masua'
-import { type JSX, useEffect, useRef } from 'react'
+import type React from 'react'
+import { useEffect, useRef } from 'react'
 
 interface ReactConfiguration extends Configuration {
   disabled: boolean
@@ -17,11 +18,11 @@ const configurationProperties = [
   'wedge',
 ]
 
-export function Grid({ disabled = false, children, ...props }: JSX.IntrinsicElements['div'] & Partial<ReactConfiguration>) {
+export function Grid({ disabled = false, children, ...props }: React.JSX.IntrinsicElements['div'] & Partial<ReactConfiguration>) {
   const gridRef = useRef(null)
   const instance = useRef<ReturnType<typeof grid> | null>(null)
   // TODO props changes on every render, cannot be memoized, should do deep compare.
-  const configurationProps = Object.entries(props).reduce((result: { [key: string]: string }, [key, value]) => {
+  const configurationProps = Object.entries(props).reduce((result: { [resultKey: string]: string }, [key, value]) => {
     if (configurationProperties.includes(key)) {
       result[key] = value
       // @ts-ignore