@contember/react-board 1.3.0-alpha.15 → 1.3.0-alpha.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-board",
   "license": "Apache-2.0",
-  "version": "1.3.0-alpha.15",
+  "version": "1.3.0-alpha.16",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -22,7 +22,7 @@
   "typings": "./dist/types/index.d.ts",
   "scripts": {
     "build": "yarn build:js:dev && yarn build:js:prod",
-    "build:js:dev": "vite build --mode development",
+    "build:js:dev": "NODE_ENV=development vite build --mode development",
     "build:js:prod": "vite build --mode production",
     "ae:build": "api-extractor run --local",
     "ae:test": "api-extractor run",
@@ -34,10 +34,10 @@
     "directory": "packages/react-board"
   },
   "dependencies": {
-    "@contember/binding": "1.3.0-alpha.15",
-    "@contember/react-binding": "1.3.0-alpha.15",
-    "@contember/react-multipass-rendering": "1.3.0-alpha.15",
-    "@contember/react-utils": "1.3.0-alpha.15"
+    "@contember/binding": "1.3.0-alpha.16",
+    "@contember/react-binding": "1.3.0-alpha.16",
+    "@contember/react-multipass-rendering": "1.3.0-alpha.16",
+    "@contember/react-utils": "1.3.0-alpha.16"
   },
   "peerDependencies": {
     "react": "^17 || ^18",

package/src/components/BoardColumnLabel.tsx

@@ -2,5 +2,5 @@ import { useBoardCurrentColumn } from '../contexts'
 
 export const BoardColumnLabel = () => {
 	const value = useBoardCurrentColumn().value
-	return value && 'label' in value ? value.label : null
+	return value && 'label' in value ? <>{value.label}</> : null
 }

package/src/components/BoardEachColumn.tsx

@@ -10,20 +10,22 @@ export const BoardEachColumn = ({ children }: {
 }) => {
 	const columns = useBoardColumns()
 
-	return columns.map(column => {
-		if (column.id === BoardNullColumnPlaceholder) {
-			return null
-		}
-		return (
-			<BoardCurrentColumnContext.Provider value={column} key={column.id}>
-				{column.value instanceof EntityAccessor ? (
-					<Entity accessor={column.value}>
-						{children}
-					</Entity>
-				) : children}
-			</BoardCurrentColumnContext.Provider>
-		)
-	})
+	return <>
+		{columns.map(column => {
+			if (column.id === BoardNullColumnPlaceholder) {
+				return null
+			}
+			return (
+				<BoardCurrentColumnContext.Provider value={column} key={column.id}>
+					{column.value instanceof EntityAccessor ? (
+						<Entity accessor={column.value}>
+							{children}
+						</Entity>
+					) : children}
+				</BoardCurrentColumnContext.Provider>
+			)
+		})}
+	</>
 }
 BoardEachColumn.staticRender = ({ children }: { children: ReactNode }) => {
 	return <BoardColumn>{children}</BoardColumn>

package/src/components/BoardEachItem.tsx

@@ -9,17 +9,19 @@ export const BoardEachItem = ({ children }: {
 }) => {
 	const currentColumn = useBoardCurrentColumn()
 
-	return currentColumn.items.map((item, index) => {
-		return (
-			<BoardEachItemInner
-				key={item.id}
-				item={item}
-				column={currentColumn}
-			>
-				{children}
-			</BoardEachItemInner>
-		)
-	})
+	return <>
+		{currentColumn.items.map((item, index) => {
+			return (
+				<BoardEachItemInner
+					key={item.id}
+					item={item}
+					column={currentColumn}
+				>
+					{children}
+				</BoardEachItemInner>
+			)
+		})}
+	</>
 }
 BoardEachItem.staticRender = ({ children }: { children: ReactNode }) => {
 	return <BoardItem>{children}</BoardItem>