@dxos/plugin-kanban 0.13.0 → 0.14.0

package/dist/lib/components.mjs

@@ -6,6 +6,7 @@ import { forwardRef, useCallback, useContext, useMemo, useState } from "react";
 import { Obj } from "@dxos/echo";
 import { useObject } from "@dxos/echo-react";
 import { Board, Mosaic, useBoard } from "@dxos/react-ui-mosaic";
+import * as Layout from "@dxos/react-ui/Layout";
 import * as Util from "@dxos/react-ui/Util";
 import { useKanbanBoardModel, useKanbanColumnEventHandler, useKanbanItemEventHandler } from "#hooks";
 import * as Surface from "@dxos/app-framework/Surface";
@@ -16,7 +17,6 @@ import * as Button from "@dxos/react-ui/Button";
 import * as Card from "@dxos/react-ui/Card";
 import * as DragHandle from "@dxos/react-ui/DragHandle";
 import * as Focus from "@dxos/react-ui/Focus";
-import * as Layout from "@dxos/react-ui/Layout";
 import { jsx, jsxs } from "react/jsx-runtime";
 var [KanbanBoardContext, useKanbanBoard] = Hooks.createContext("KanbanBoard.Context", {
 	kanbanId: "never",
@@ -177,8 +177,9 @@ var KanbanBoardRoot = ({ children, kanban, projection, items, change, itemTile =
 			color: "neutral"
 		};
 	}, [projection, pivotFieldId]);
-	if (columns.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-1 items-center justify-center p-8 text-center text-fg-muted",
+	if (columns.length === 0) return /* @__PURE__ */ jsx(Layout.Flex, {
+		center: true,
+		classNames: "flex-1 p-8 text-center text-fg-muted",
 		children: t("select-pivot.placeholder")
 	});
 	return /* @__PURE__ */ jsx(KanbanBoardContext, {

package/dist/lib/components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.mjs","names":[],"sources":["../../src/components/KanbanBoard/context.ts","../../src/components/KanbanBoard/KanbanCard.tsx","../../src/components/KanbanBoard/KanbanColumn.tsx","../../src/components/KanbanBoard/KanbanBoard.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType } from 'react';\n\nimport { type Obj } from '@dxos/echo';\nimport { type MosaicTileProps } from '@dxos/react-ui-mosaic';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport { type ProjectionModel } from '@dxos/schema';\n\nimport { KanbanConstants, KanbanLayout } from '#types';\n\nconst KANBAN_BOARD_NAME = 'KanbanBoard.Context';\n\n/**\n * Card tile props. Defined here (rather than in `KanbanCard.tsx`) so the\n * context type can reference it without forming a cycle through that\n * module's runtime exports — webkit treats the resulting TDZ as a hard\n * error while other engines are lenient.\n */\nexport type KanbanCardProps = Pick<MosaicTileProps<Obj.Unknown>, 'location' | 'data' | 'debug' | 'draggable'>;\n\n/**\n * Column tile props. See note on {@link KanbanCardProps}.\n */\nexport type KanbanColumnProps = Pick<\n  MosaicTileProps<KanbanLayout.ColumnStructure>,\n  'location' | 'data' | 'debug' | 'draggable'\n>;\n\n/**\n * Context value for the Kanban board.\n * Items are Echo objects (Obj.Unknown).\n */\nexport type KanbanBoardContextValue = {\n  kanbanId: string;\n  projection: ProjectionModel | undefined;\n  columnFieldPath: string | undefined;\n  change: KanbanLayout.KanbanChangeCallback<Obj.Unknown>;\n  pivotFieldId: string | undefined;\n  getPivotAttributes: (columnValue: string) => { title: string; color: string };\n  itemTile?: ComponentType<KanbanCardProps>; // TODO(burdon): Prop.\n  onCardAdd?: (columnValue: string | undefined) => string | undefined;\n  onCardRemove?: (card: Obj.Unknown) => void;\n};\n\nexport const [KanbanBoardContext, useKanbanBoard] = Hooks.createContext<KanbanBoardContextValue>(KANBAN_BOARD_NAME, {\n  kanbanId: 'never',\n  projection: undefined,\n  columnFieldPath: undefined,\n  change: { kanban: () => {}, setItemField: () => {} },\n  pivotFieldId: undefined,\n  getPivotAttributes: (id: string) =>\n    id === KanbanConstants.UNCATEGORIZED_VALUE\n      ? KanbanConstants.UNCATEGORIZED_ATTRIBUTES\n      : { title: id, color: 'neutral' },\n  itemTile: (() => null) as ComponentType<KanbanCardProps>,\n});\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react';\n\nimport * as Surface from '@dxos/app-framework/Surface';\nimport * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport * as ToolkitHooks from '@dxos/app-toolkit/Hooks';\nimport { Obj } from '@dxos/echo';\nimport { ActionMenu, createMenuAction } from '@dxos/react-ui-menu';\nimport { Mosaic, useBoard } from '@dxos/react-ui-mosaic';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Card from '@dxos/react-ui/Card';\nimport * as DragHandle from '@dxos/react-ui/DragHandle';\nimport * as Focus from '@dxos/react-ui/Focus';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Layout from '@dxos/react-ui/Layout';\n\nimport { meta } from '#meta';\n\nimport { type KanbanCardProps, useKanbanBoard } from './context.ts';\n\nexport { type KanbanCardProps };\n\nconst KANBAN_CARD_TILE_NAME = 'KanbanBoard.Card';\n\n/**\n * Mosaic Tile for Kanban card.\n * Uses Surface for content; requires plugin manager context.\n */\nexport const KanbanCard = forwardRef<HTMLDivElement, KanbanCardProps>(\n  ({ data, location, debug, draggable }, forwardedRef) => {\n    const { t } = Hooks.useTranslation(meta.profile.key);\n    const { model } = useBoard(KANBAN_CARD_TILE_NAME);\n    const { projection, columnFieldPath, onCardRemove } = useKanbanBoard(KANBAN_CARD_TILE_NAME);\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n    const dragHandleRef = useCallback((el: HTMLButtonElement | null) => setDragHandle(el), []);\n\n    // Card.Root already takes the forwarded ref; walk from the header to resolve the origin plank.\n    const [cardRef, pivotId] = ToolkitHooks.useCardPivot();\n    const objectMenuItems = ToolkitHooks.useObjectMenuItems(data, pivotId);\n\n    const menuItems = useMemo(\n      () => [\n        ...objectMenuItems,\n        ...(onCardRemove\n          ? [\n              createMenuAction('remove', () => onCardRemove(data), {\n                label: t('remove-card.label'),\n                icon: 'ph--trash--regular',\n              }),\n            ]\n          : []),\n      ],\n      [objectMenuItems, onCardRemove, data, t],\n    );\n\n    return (\n      <Mosaic.Tile\n        asChild\n        id={model.getItemId(data)}\n        data={data}\n        location={location}\n        debug={debug}\n        draggable={draggable}\n        dragHandle={dragHandle}\n      >\n        <Focus.Item asChild>\n          <Card.Root grid ref={forwardedRef} data-testid='board-item'>\n            <Card.Header ref={cardRef}>\n              <DragHandle.DragHandle ref={dragHandleRef} data-testid='mosaicBoard.cardDragHandle' />\n              <Card.Title data-testid='mosaicBoard.cardTitle'>{Obj.getLabel(data)}</Card.Title>\n              {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n              <Layout.Block rail='end'>\n                <ActionMenu disabled={!menuItems?.length} actions={menuItems}>\n                  <Button.Root\n                    iconOnly\n                    variant='ghost'\n                    icon='ph--dots-three-vertical--regular'\n                    label={t('action-menu.label')}\n                  />\n                </ActionMenu>\n              </Layout.Block>\n            </Card.Header>\n            <Card.Body>\n              {projection && (\n                <Surface.Surface\n                  type={AppSurface.CardContent}\n                  limit={1}\n                  data={{\n                    subject: data,\n                    projection,\n                    // Hide the pivot field: its value is already conveyed by\n                    // which column the card sits in.\n                    ignorePaths: columnFieldPath ? [columnFieldPath] : undefined,\n                  }}\n                />\n              )}\n            </Card.Body>\n          </Card.Root>\n        </Focus.Item>\n      </Mosaic.Tile>\n    );\n  },\n);\n\nKanbanCard.displayName = KANBAN_CARD_TILE_NAME;\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { FC, forwardRef, useState } from 'react';\n\nimport type { Obj } from '@dxos/echo';\nimport { Board, type MosaicTileProps, useBoard } from '@dxos/react-ui-mosaic';\n\nimport { useKanbanItemEventHandler } from '#hooks';\nimport { KanbanConstants, KanbanLayout } from '#types';\n\nimport { type KanbanColumnProps, useKanbanBoard } from './context.ts';\n\nexport { type KanbanColumnProps };\n\nconst KANBAN_COLUMN_NAME = 'KanbanBoard.Column';\n\n/**\n * Mosaic Tile for Kanban column.\n */\nexport const KanbanColumn = forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ data: column, location, debug, draggable }, forwardedRef) => {\n    const { model } = useBoard<KanbanLayout.ColumnStructure, Obj.Unknown>(KANBAN_COLUMN_NAME);\n    const { columnFieldPath, change, onCardAdd, getPivotAttributes, itemTile } = useKanbanBoard(KANBAN_COLUMN_NAME);\n\n    const { title } = getPivotAttributes(column.columnValue);\n    const uncategorized = column.columnValue === KanbanConstants.UNCATEGORIZED_VALUE;\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n\n    const eventHandler = useKanbanItemEventHandler({\n      column,\n      columnFieldPath,\n      model,\n      change,\n    });\n\n    return (\n      <Board.Column.Root\n        data={column}\n        location={location}\n        classNames='grid grid-rows-[var(--dx-rail-action)_1fr_var(--dx-rail-action)]'\n        debug={debug}\n        draggable={draggable}\n        dragHandle={dragHandle}\n        ref={forwardedRef}\n      >\n        <Board.Column.Header label={title} dragHandleRef={uncategorized ? undefined : setDragHandle} />\n        <Board.Column.Body\n          data={column}\n          eventHandler={eventHandler}\n          Tile={itemTile as FC<MosaicTileProps<Obj.Unknown>>}\n        />\n        <Board.Column.Footer\n          onAdd={\n            onCardAdd\n              ? () =>\n                  onCardAdd(column.columnValue === KanbanConstants.UNCATEGORIZED_VALUE ? undefined : column.columnValue)\n              : undefined\n          }\n        />\n      </Board.Column.Root>\n    );\n  },\n);\n\nKanbanColumn.displayName = KANBAN_COLUMN_NAME;\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext } from '@effect/atom-react/RegistryContext';\nimport type * as Atom from 'effect/reactivity/Atom';\nimport React, { type ComponentPropsWithoutRef, type PropsWithChildren, useCallback, useContext, useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { Board, useBoard } from '@dxos/react-ui-mosaic';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Util from '@dxos/react-ui/Util';\nimport type { ProjectionModel } from '@dxos/schema';\n\nimport { useKanbanBoardModel, useKanbanColumnEventHandler } from '#hooks';\nimport { meta } from '#meta';\nimport { Kanban, KanbanConstants } from '#types';\n\nimport {\n  KanbanBoardContext,\n  type KanbanBoardContextValue,\n  type KanbanCardProps,\n  type KanbanColumnProps,\n  useKanbanBoard,\n} from './context.ts';\nimport { KanbanCard } from './KanbanCard.tsx';\nimport { KanbanColumn } from './KanbanColumn.tsx';\n\n// TODO(burdon): Rename Kanban.\n\n//\n// Root\n//\n\nconst KANBAN_BOARD_ROOT = 'KanbanBoard.Root';\n\ntype KanbanBoardRootProps = PropsWithChildren<\n  {\n    kanban: Kanban.Kanban;\n    /** Required when providing context; Root derives columnFieldPath, pivotFieldId, getPivotAttributes from kanban + projection. */\n    projection: ProjectionModel;\n    /** Atom of items (e.g. from AtomQuery for DB, or Atom.make([]) for in-memory). */\n    items: Atom.Atom<Obj.Unknown[]>;\n    onCardAdd?: (columnValue: string | undefined) => string | undefined;\n    onCardRemove?: (card: Obj.Unknown) => void;\n  } & Pick<KanbanBoardContextValue, 'change' | 'itemTile'> &\n    ComponentPropsWithoutRef<'div'>\n>;\n\nexport const KanbanBoardRoot = ({\n  children,\n  kanban,\n  projection,\n  items,\n  change,\n  itemTile = KanbanCard,\n  onCardAdd,\n  onCardRemove,\n}: KanbanBoardRootProps) => {\n  const registry = useContext(RegistryContext);\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const model = useKanbanBoardModel(kanban, projection, items, registry);\n  const columns = model?.getColumns?.() ?? [];\n  const [view] = useObject(kanban?.spec.kind === 'view' ? kanban.spec.view : undefined);\n  const pivotFieldId = view?.projection?.pivotFieldId;\n  const columnFieldPath = useMemo(() => {\n    // Items-variant kanbans use the property name itself as the pivot field\n    // (no view/projection translation layer).\n    if (kanban?.spec.kind === 'items') {\n      return kanban.spec.pivotField;\n    }\n    if (pivotFieldId === undefined || !projection) {\n      return undefined;\n    }\n\n    return projection.tryGetFieldProjection(pivotFieldId)?.props.property;\n  }, [kanban?.spec, projection, pivotFieldId]);\n\n  const getPivotAttributes = useCallback<KanbanBoardContextValue['getPivotAttributes']>(\n    (columnValue) => {\n      if (columnValue === KanbanConstants.UNCATEGORIZED_VALUE) {\n        return KanbanConstants.UNCATEGORIZED_ATTRIBUTES;\n      }\n\n      const options = projection?.tryGetFieldProjection(pivotFieldId ?? '')?.props.options ?? [];\n      const option = options.find((option) => option.id === columnValue);\n      return option ?? ({ title: columnValue, color: 'neutral' } as const);\n    },\n    [projection, pivotFieldId],\n  );\n\n  if (columns.length === 0) {\n    return (\n      <div className='flex flex-1 items-center justify-center p-8 text-center text-fg-muted'>\n        {t('select-pivot.placeholder')}\n      </div>\n    );\n  }\n\n  return (\n    <KanbanBoardContext\n      kanbanId={Obj.getURI(kanban)}\n      projection={projection}\n      columnFieldPath={columnFieldPath}\n      pivotFieldId={pivotFieldId}\n      getPivotAttributes={getPivotAttributes}\n      itemTile={itemTile}\n      change={change}\n      onCardAdd={onCardAdd}\n      onCardRemove={onCardRemove}\n    >\n      <Board.Root model={model}>{children}</Board.Root>\n    </KanbanBoardContext>\n  );\n};\n\nKanbanBoardRoot.displayName = KANBAN_BOARD_ROOT;\n\n//\n// KanbanBoardContent\n//\n\nconst KANBAN_BOARD_CONTENT = 'KanbanBoard.Content';\n\ntype KanbanBoardContentProps = {};\n\nexport const KanbanBoardContent = Util.composable<HTMLDivElement, KanbanBoardContentProps>((props, forwardedRef) => {\n  const { model } = useBoard(KANBAN_BOARD_CONTENT);\n  const { kanbanId, projection, pivotFieldId, change } = useKanbanBoard(KANBAN_BOARD_CONTENT);\n\n  const columnEventHandler = useKanbanColumnEventHandler({\n    id: `${kanbanId}-columns`,\n    model,\n    projection: projection ?? undefined,\n    pivotFieldId: pivotFieldId ?? undefined,\n    change,\n  });\n\n  return (\n    <Board.Content\n      {...Util.composableProps(props)}\n      ref={forwardedRef}\n      eventHandler={columnEventHandler}\n      Tile={KanbanColumn}\n    />\n  );\n});\n\nKanbanBoardContent.displayName = KANBAN_BOARD_CONTENT;\n\n//\n// KanbanBoard\n//\n\nexport const KanbanBoard = {\n  Root: KanbanBoardRoot,\n  Content: KanbanBoardContent,\n  Column: KanbanColumn,\n  Card: KanbanCard,\n};\n\nexport type { KanbanBoardRootProps as KanbanBoardProps, KanbanCardProps, KanbanColumnProps };\n"],"mappings":"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"}
+{"version":3,"file":"components.mjs","names":[],"sources":["../../src/components/KanbanBoard/context.ts","../../src/components/KanbanBoard/KanbanCard.tsx","../../src/components/KanbanBoard/KanbanColumn.tsx","../../src/components/KanbanBoard/KanbanBoard.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType } from 'react';\n\nimport { type Obj } from '@dxos/echo';\nimport { type MosaicTileProps } from '@dxos/react-ui-mosaic';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport { type ProjectionModel } from '@dxos/schema';\n\nimport { KanbanConstants, KanbanLayout } from '#types';\n\nconst KANBAN_BOARD_NAME = 'KanbanBoard.Context';\n\n/**\n * Card tile props. Defined here (rather than in `KanbanCard.tsx`) so the\n * context type can reference it without forming a cycle through that\n * module's runtime exports — webkit treats the resulting TDZ as a hard\n * error while other engines are lenient.\n */\nexport type KanbanCardProps = Pick<MosaicTileProps<Obj.Unknown>, 'location' | 'data' | 'debug' | 'draggable'>;\n\n/**\n * Column tile props. See note on {@link KanbanCardProps}.\n */\nexport type KanbanColumnProps = Pick<\n  MosaicTileProps<KanbanLayout.ColumnStructure>,\n  'location' | 'data' | 'debug' | 'draggable'\n>;\n\n/**\n * Context value for the Kanban board.\n * Items are Echo objects (Obj.Unknown).\n */\nexport type KanbanBoardContextValue = {\n  kanbanId: string;\n  projection: ProjectionModel | undefined;\n  columnFieldPath: string | undefined;\n  change: KanbanLayout.KanbanChangeCallback<Obj.Unknown>;\n  pivotFieldId: string | undefined;\n  getPivotAttributes: (columnValue: string) => { title: string; color: string };\n  itemTile?: ComponentType<KanbanCardProps>; // TODO(burdon): Prop.\n  onCardAdd?: (columnValue: string | undefined) => string | undefined;\n  onCardRemove?: (card: Obj.Unknown) => void;\n};\n\nexport const [KanbanBoardContext, useKanbanBoard] = Hooks.createContext<KanbanBoardContextValue>(KANBAN_BOARD_NAME, {\n  kanbanId: 'never',\n  projection: undefined,\n  columnFieldPath: undefined,\n  change: { kanban: () => {}, setItemField: () => {} },\n  pivotFieldId: undefined,\n  getPivotAttributes: (id: string) =>\n    id === KanbanConstants.UNCATEGORIZED_VALUE\n      ? KanbanConstants.UNCATEGORIZED_ATTRIBUTES\n      : { title: id, color: 'neutral' },\n  itemTile: (() => null) as ComponentType<KanbanCardProps>,\n});\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react';\n\nimport * as Surface from '@dxos/app-framework/Surface';\nimport * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport * as ToolkitHooks from '@dxos/app-toolkit/Hooks';\nimport { Obj } from '@dxos/echo';\nimport { ActionMenu, createMenuAction } from '@dxos/react-ui-menu';\nimport { Mosaic, useBoard } from '@dxos/react-ui-mosaic';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as Card from '@dxos/react-ui/Card';\nimport * as DragHandle from '@dxos/react-ui/DragHandle';\nimport * as Focus from '@dxos/react-ui/Focus';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Layout from '@dxos/react-ui/Layout';\n\nimport { meta } from '#meta';\n\nimport { type KanbanCardProps, useKanbanBoard } from './context.ts';\n\nexport { type KanbanCardProps };\n\nconst KANBAN_CARD_TILE_NAME = 'KanbanBoard.Card';\n\n/**\n * Mosaic Tile for Kanban card.\n * Uses Surface for content; requires plugin manager context.\n */\nexport const KanbanCard = forwardRef<HTMLDivElement, KanbanCardProps>(\n  ({ data, location, debug, draggable }, forwardedRef) => {\n    const { t } = Hooks.useTranslation(meta.profile.key);\n    const { model } = useBoard(KANBAN_CARD_TILE_NAME);\n    const { projection, columnFieldPath, onCardRemove } = useKanbanBoard(KANBAN_CARD_TILE_NAME);\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n    const dragHandleRef = useCallback((el: HTMLButtonElement | null) => setDragHandle(el), []);\n\n    // Card.Root already takes the forwarded ref; walk from the header to resolve the origin plank.\n    const [cardRef, pivotId] = ToolkitHooks.useCardPivot();\n    const objectMenuItems = ToolkitHooks.useObjectMenuItems(data, pivotId);\n\n    const menuItems = useMemo(\n      () => [\n        ...objectMenuItems,\n        ...(onCardRemove\n          ? [\n              createMenuAction('remove', () => onCardRemove(data), {\n                label: t('remove-card.label'),\n                icon: 'ph--trash--regular',\n              }),\n            ]\n          : []),\n      ],\n      [objectMenuItems, onCardRemove, data, t],\n    );\n\n    return (\n      <Mosaic.Tile\n        asChild\n        id={model.getItemId(data)}\n        data={data}\n        location={location}\n        debug={debug}\n        draggable={draggable}\n        dragHandle={dragHandle}\n      >\n        <Focus.Item asChild>\n          <Card.Root grid ref={forwardedRef} data-testid='board-item'>\n            <Card.Header ref={cardRef}>\n              <DragHandle.DragHandle ref={dragHandleRef} data-testid='mosaicBoard.cardDragHandle' />\n              <Card.Title data-testid='mosaicBoard.cardTitle'>{Obj.getLabel(data)}</Card.Title>\n              {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n              <Layout.Block rail='end'>\n                <ActionMenu disabled={!menuItems?.length} actions={menuItems}>\n                  <Button.Root\n                    iconOnly\n                    variant='ghost'\n                    icon='ph--dots-three-vertical--regular'\n                    label={t('action-menu.label')}\n                  />\n                </ActionMenu>\n              </Layout.Block>\n            </Card.Header>\n            <Card.Body>\n              {projection && (\n                <Surface.Surface\n                  type={AppSurface.CardContent}\n                  limit={1}\n                  data={{\n                    subject: data,\n                    projection,\n                    // Hide the pivot field: its value is already conveyed by\n                    // which column the card sits in.\n                    ignorePaths: columnFieldPath ? [columnFieldPath] : undefined,\n                  }}\n                />\n              )}\n            </Card.Body>\n          </Card.Root>\n        </Focus.Item>\n      </Mosaic.Tile>\n    );\n  },\n);\n\nKanbanCard.displayName = KANBAN_CARD_TILE_NAME;\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { FC, forwardRef, useState } from 'react';\n\nimport type { Obj } from '@dxos/echo';\nimport { Board, type MosaicTileProps, useBoard } from '@dxos/react-ui-mosaic';\n\nimport { useKanbanItemEventHandler } from '#hooks';\nimport { KanbanConstants, KanbanLayout } from '#types';\n\nimport { type KanbanColumnProps, useKanbanBoard } from './context.ts';\n\nexport { type KanbanColumnProps };\n\nconst KANBAN_COLUMN_NAME = 'KanbanBoard.Column';\n\n/**\n * Mosaic Tile for Kanban column.\n */\nexport const KanbanColumn = forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ data: column, location, debug, draggable }, forwardedRef) => {\n    const { model } = useBoard<KanbanLayout.ColumnStructure, Obj.Unknown>(KANBAN_COLUMN_NAME);\n    const { columnFieldPath, change, onCardAdd, getPivotAttributes, itemTile } = useKanbanBoard(KANBAN_COLUMN_NAME);\n\n    const { title } = getPivotAttributes(column.columnValue);\n    const uncategorized = column.columnValue === KanbanConstants.UNCATEGORIZED_VALUE;\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n\n    const eventHandler = useKanbanItemEventHandler({\n      column,\n      columnFieldPath,\n      model,\n      change,\n    });\n\n    return (\n      <Board.Column.Root\n        data={column}\n        location={location}\n        classNames='grid grid-rows-[var(--dx-rail-action)_1fr_var(--dx-rail-action)]'\n        debug={debug}\n        draggable={draggable}\n        dragHandle={dragHandle}\n        ref={forwardedRef}\n      >\n        <Board.Column.Header label={title} dragHandleRef={uncategorized ? undefined : setDragHandle} />\n        <Board.Column.Body\n          data={column}\n          eventHandler={eventHandler}\n          Tile={itemTile as FC<MosaicTileProps<Obj.Unknown>>}\n        />\n        <Board.Column.Footer\n          onAdd={\n            onCardAdd\n              ? () =>\n                  onCardAdd(column.columnValue === KanbanConstants.UNCATEGORIZED_VALUE ? undefined : column.columnValue)\n              : undefined\n          }\n        />\n      </Board.Column.Root>\n    );\n  },\n);\n\nKanbanColumn.displayName = KANBAN_COLUMN_NAME;\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext } from '@effect/atom-react/RegistryContext';\nimport type * as Atom from 'effect/reactivity/Atom';\nimport React, { type ComponentPropsWithoutRef, type PropsWithChildren, useCallback, useContext, useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { Board, useBoard } from '@dxos/react-ui-mosaic';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Layout from '@dxos/react-ui/Layout';\nimport * as Util from '@dxos/react-ui/Util';\nimport type { ProjectionModel } from '@dxos/schema';\n\nimport { useKanbanBoardModel, useKanbanColumnEventHandler } from '#hooks';\nimport { meta } from '#meta';\nimport { Kanban, KanbanConstants } from '#types';\n\nimport {\n  KanbanBoardContext,\n  type KanbanBoardContextValue,\n  type KanbanCardProps,\n  type KanbanColumnProps,\n  useKanbanBoard,\n} from './context.ts';\nimport { KanbanCard } from './KanbanCard.tsx';\nimport { KanbanColumn } from './KanbanColumn.tsx';\n\n// TODO(burdon): Rename Kanban.\n\n//\n// Root\n//\n\nconst KANBAN_BOARD_ROOT = 'KanbanBoard.Root';\n\ntype KanbanBoardRootProps = PropsWithChildren<\n  {\n    kanban: Kanban.Kanban;\n    /** Required when providing context; Root derives columnFieldPath, pivotFieldId, getPivotAttributes from kanban + projection. */\n    projection: ProjectionModel;\n    /** Atom of items (e.g. from AtomQuery for DB, or Atom.make([]) for in-memory). */\n    items: Atom.Atom<Obj.Unknown[]>;\n    onCardAdd?: (columnValue: string | undefined) => string | undefined;\n    onCardRemove?: (card: Obj.Unknown) => void;\n  } & Pick<KanbanBoardContextValue, 'change' | 'itemTile'> &\n    ComponentPropsWithoutRef<'div'>\n>;\n\nexport const KanbanBoardRoot = ({\n  children,\n  kanban,\n  projection,\n  items,\n  change,\n  itemTile = KanbanCard,\n  onCardAdd,\n  onCardRemove,\n}: KanbanBoardRootProps) => {\n  const registry = useContext(RegistryContext);\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const model = useKanbanBoardModel(kanban, projection, items, registry);\n  const columns = model?.getColumns?.() ?? [];\n  const [view] = useObject(kanban?.spec.kind === 'view' ? kanban.spec.view : undefined);\n  const pivotFieldId = view?.projection?.pivotFieldId;\n  const columnFieldPath = useMemo(() => {\n    // Items-variant kanbans use the property name itself as the pivot field\n    // (no view/projection translation layer).\n    if (kanban?.spec.kind === 'items') {\n      return kanban.spec.pivotField;\n    }\n    if (pivotFieldId === undefined || !projection) {\n      return undefined;\n    }\n\n    return projection.tryGetFieldProjection(pivotFieldId)?.props.property;\n  }, [kanban?.spec, projection, pivotFieldId]);\n\n  const getPivotAttributes = useCallback<KanbanBoardContextValue['getPivotAttributes']>(\n    (columnValue) => {\n      if (columnValue === KanbanConstants.UNCATEGORIZED_VALUE) {\n        return KanbanConstants.UNCATEGORIZED_ATTRIBUTES;\n      }\n\n      const options = projection?.tryGetFieldProjection(pivotFieldId ?? '')?.props.options ?? [];\n      const option = options.find((option) => option.id === columnValue);\n      return option ?? ({ title: columnValue, color: 'neutral' } as const);\n    },\n    [projection, pivotFieldId],\n  );\n\n  if (columns.length === 0) {\n    return (\n      <Layout.Flex center classNames='flex-1 p-8 text-center text-fg-muted'>\n        {t('select-pivot.placeholder')}\n      </Layout.Flex>\n    );\n  }\n\n  return (\n    <KanbanBoardContext\n      kanbanId={Obj.getURI(kanban)}\n      projection={projection}\n      columnFieldPath={columnFieldPath}\n      pivotFieldId={pivotFieldId}\n      getPivotAttributes={getPivotAttributes}\n      itemTile={itemTile}\n      change={change}\n      onCardAdd={onCardAdd}\n      onCardRemove={onCardRemove}\n    >\n      <Board.Root model={model}>{children}</Board.Root>\n    </KanbanBoardContext>\n  );\n};\n\nKanbanBoardRoot.displayName = KANBAN_BOARD_ROOT;\n\n//\n// KanbanBoardContent\n//\n\nconst KANBAN_BOARD_CONTENT = 'KanbanBoard.Content';\n\ntype KanbanBoardContentProps = {};\n\nexport const KanbanBoardContent = Util.composable<HTMLDivElement, KanbanBoardContentProps>((props, forwardedRef) => {\n  const { model } = useBoard(KANBAN_BOARD_CONTENT);\n  const { kanbanId, projection, pivotFieldId, change } = useKanbanBoard(KANBAN_BOARD_CONTENT);\n\n  const columnEventHandler = useKanbanColumnEventHandler({\n    id: `${kanbanId}-columns`,\n    model,\n    projection: projection ?? undefined,\n    pivotFieldId: pivotFieldId ?? undefined,\n    change,\n  });\n\n  return (\n    <Board.Content\n      {...Util.composableProps(props)}\n      ref={forwardedRef}\n      eventHandler={columnEventHandler}\n      Tile={KanbanColumn}\n    />\n  );\n});\n\nKanbanBoardContent.displayName = KANBAN_BOARD_CONTENT;\n\n//\n// KanbanBoard\n//\n\nexport const KanbanBoard = {\n  Root: KanbanBoardRoot,\n  Content: KanbanBoardContent,\n  Column: KanbanColumn,\n  Card: KanbanCard,\n};\n\nexport type { KanbanBoardRootProps as KanbanBoardProps, KanbanCardProps, KanbanColumnProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+CA,IAAa,CAAC,oBAAoB,kBAAkB,MAAM,cAAuC,uBAAmB;CAClH,UAAU;CACV,YAAY,KAAA;CACZ,iBAAiB,KAAA;CACjB,QAAQ;EAAE,cAAc,CAAC;EAAG,oBAAoB,CAAC;CAAE;CACnD,cAAc,KAAA;CACd,qBAAqB,OACnB,OAAO,gBAAgB,sBACnB,gBAAgB,2BAChB;EAAE,OAAO;EAAI,OAAO;CAAU;CACpC,iBAAiB;AACnB,CAAC;;;ACjCD,IAAM,wBAAwB;;;;;AAM9B,IAAa,aAAa,YACvB,EAAE,MAAM,UAAU,OAAO,aAAa,iBAAiB;CACtD,MAAM,EAAE,MAAM,MAAM,eAAe,KAAK,QAAQ,GAAG;CACnD,MAAM,EAAE,UAAU,SAAS,qBAAqB;CAChD,MAAM,EAAE,YAAY,iBAAiB,iBAAiB,eAAe,qBAAqB;CAC1F,MAAM,CAAC,YAAY,iBAAiB,SAAmC,IAAI;CAC3E,MAAM,gBAAgB,aAAa,OAAiC,cAAc,EAAE,GAAG,CAAC,CAAC;CAGzF,MAAM,CAAC,SAAS,WAAW,aAAa,aAAa;CACrD,MAAM,kBAAkB,aAAa,mBAAmB,MAAM,OAAO;CAErE,MAAM,YAAY,cACV,CACJ,GAAG,iBACH,GAAI,eACA,CACE,iBAAiB,gBAAgB,aAAa,IAAI,GAAG;EACnD,OAAO,EAAE,mBAAmB;EAC5B,MAAM;CACR,CAAC,CACH,IACA,CAAC,CACP,GACA;EAAC;EAAiB;EAAc;EAAM;CAAC,CACzC;CAEA,OACE,oBAAC,OAAO,MAAR;EACE,SAAA;EACA,IAAI,MAAM,UAAU,IAAI;EAClB;EACI;EACH;EACI;EACC;EAEZ,UAAA,oBAAC,MAAM,MAAP;GAAY,SAAA;GACV,UAAA,qBAAC,KAAK,MAAN;IAAW,MAAA;IAAK,KAAK;IAAc,eAAY;IAA/C,UAAA,CACE,qBAAC,KAAK,QAAN;KAAa,KAAK;KAAlB,UAAA;MACE,oBAAC,WAAW,YAAZ;OAAuB,KAAK;OAAe,eAAY;MAA8B,CAAA;MACrF,oBAAC,KAAK,OAAN;OAAY,eAAY;OAAyB,UAAA,IAAI,SAAS,IAAI;MAAc,CAAA;MAEhF,oBAAC,OAAO,OAAR;OAAc,MAAK;OACjB,UAAA,oBAAC,YAAD;QAAY,UAAU,CAAC,WAAW;QAAQ,SAAS;QACjD,UAAA,oBAAC,OAAO,MAAR;SACE,UAAA;SACA,SAAQ;SACR,MAAK;SACL,OAAO,EAAE,mBAAmB;QAC7B,CAAA;OACS,CAAA;MACA,CAAA;KACH;IACb,CAAA,GAAA,oBAAC,KAAK,MAAN,EAAA,UACG,cACC,oBAAC,QAAQ,SAAT;KACE,MAAM,WAAW;KACjB,OAAO;KACP,MAAM;MACJ,SAAS;MACT;MAGA,aAAa,kBAAkB,CAAC,eAAe,IAAI,KAAA;KACrD;IACD,CAAA,EAEM,CAAA,CACF;;EACD,CAAA;CACD,CAAA;AAEjB,CACF;AAEA,WAAW,cAAc;;;AC3FzB,IAAM,qBAAqB;;;;AAK3B,IAAa,eAAe,YACzB,EAAE,MAAM,QAAQ,UAAU,OAAO,aAAa,iBAAiB;CAC9D,MAAM,EAAE,UAAU,SAAoD,kBAAkB;CACxF,MAAM,EAAE,iBAAiB,QAAQ,WAAW,oBAAoB,aAAa,eAAe,kBAAkB;CAE9G,MAAM,EAAE,UAAU,mBAAmB,OAAO,WAAW;CACvD,MAAM,gBAAgB,OAAO,gBAAgB,gBAAgB;CAC7D,MAAM,CAAC,YAAY,iBAAiB,SAAmC,IAAI;CAE3E,MAAM,eAAe,0BAA0B;EAC7C;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,MAAM,OAAO,MAAd;EACE,MAAM;EACI;EACV,YAAW;EACJ;EACI;EACC;EACZ,KAAK;EAPP,UAAA;GASE,oBAAC,MAAM,OAAO,QAAd;IAAqB,OAAO;IAAO,eAAe,gBAAgB,KAAA,IAAY;GAAgB,CAAA;GAC9F,oBAAC,MAAM,OAAO,MAAd;IACE,MAAM;IACQ;IACd,MAAM;GACP,CAAA;GACD,oBAAC,MAAM,OAAO,QAAd,EACE,OACE,kBAEM,UAAU,OAAO,gBAAgB,gBAAgB,sBAAsB,KAAA,IAAY,OAAO,WAAW,IACvG,KAAA,EAEP,CAAA;EACgB;;AAEvB,CACF;AAEA,aAAa,cAAc;;;AC9B3B,IAAM,oBAAoB;AAe1B,IAAa,mBAAmB,EAC9B,UACA,QACA,YACA,OACA,QACA,WAAW,YACX,WACA,mBAC0B;CAC1B,MAAM,WAAW,WAAW,eAAe;CAC3C,MAAM,EAAE,MAAM,MAAM,eAAe,KAAK,QAAQ,GAAG;CACnD,MAAM,QAAQ,oBAAoB,QAAQ,YAAY,OAAO,QAAQ;CACrE,MAAM,UAAU,OAAO,aAAa,KAAK,CAAC;CAC1C,MAAM,CAAC,QAAQ,UAAU,QAAQ,KAAK,SAAS,SAAS,OAAO,KAAK,OAAO,KAAA,CAAS;CACpF,MAAM,eAAe,MAAM,YAAY;CACvC,MAAM,kBAAkB,cAAc;EAGpC,IAAI,QAAQ,KAAK,SAAS,SACxB,OAAO,OAAO,KAAK;EAErB,IAAI,iBAAiB,KAAA,KAAa,CAAC,YACjC;EAGF,OAAO,WAAW,sBAAsB,YAAY,CAAC,EAAE,MAAM;CAC/D,GAAG;EAAC,QAAQ;EAAM;EAAY;CAAY,CAAC;CAE3C,MAAM,qBAAqB,aACxB,gBAAgB;EACf,IAAI,gBAAgB,gBAAgB,qBAClC,OAAO,gBAAgB;EAKzB,QAFgB,YAAY,sBAAsB,gBAAgB,EAAE,CAAC,EAAE,MAAM,WAAW,CAAC,EAAA,CAClE,MAAM,WAAW,OAAO,OAAO,WAC/C,KAAW;GAAE,OAAO;GAAa,OAAO;EAAU;CAC3D,GACA,CAAC,YAAY,YAAY,CAC3B;CAEA,IAAI,QAAQ,WAAW,GACrB,OACE,oBAAC,OAAO,MAAR;EAAa,QAAA;EAAO,YAAW;EAC5B,UAAA,EAAE,0BAA0B;CAClB,CAAA;CAIjB,OACE,oBAAC,oBAAD;EACE,UAAU,IAAI,OAAO,MAAM;EACf;EACK;EACH;EACM;EACV;EACF;EACG;EACG;EAEd,UAAA,oBAAC,MAAM,MAAP;GAAmB;GAAQ;EAAqB,CAAA;CAC9B,CAAA;AAExB;AAEA,gBAAgB,cAAc;AAM9B,IAAM,uBAAuB;AAI7B,IAAa,qBAAqB,KAAK,YAAqD,OAAO,iBAAiB;CAClH,MAAM,EAAE,UAAU,SAAS,oBAAoB;CAC/C,MAAM,EAAE,UAAU,YAAY,cAAc,WAAW,eAAe,oBAAoB;CAE1F,MAAM,qBAAqB,4BAA4B;EACrD,IAAI,GAAG,SAAS;EAChB;EACA,YAAY,cAAc,KAAA;EAC1B,cAAc,gBAAgB,KAAA;EAC9B;CACF,CAAC;CAED,OACE,oBAAC,MAAM,SAAP;EACE,GAAI,KAAK,gBAAgB,KAAK;EAC9B,KAAK;EACL,cAAc;EACd,MAAM;CACP,CAAA;AAEL,CAAC;AAED,mBAAmB,cAAc;AAMjC,IAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,MAAM;AACR"}

package/dist/lib/testing.mjs

@@ -3,12 +3,12 @@ import * as Hooks from "@dxos/react-ui/Hooks";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { Obj } from "@dxos/echo";
 import { Mosaic, useBoard } from "@dxos/react-ui-mosaic";
+import * as Layout from "@dxos/react-ui/Layout";
 import { ActionMenu, createMenuAction } from "@dxos/react-ui-menu";
 import * as Button from "@dxos/react-ui/Button";
 import * as Card from "@dxos/react-ui/Card";
 import * as DragHandle from "@dxos/react-ui/DragHandle";
 import * as Focus from "@dxos/react-ui/Focus";
-import * as Layout from "@dxos/react-ui/Layout";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useKanbanBoard } from "#components";
 //#region src/testing/KanbanCardTileSimple.tsx

package/dist/types/src/components/KanbanBoard/KanbanBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../../src/components/KanbanBoard/KanbanBoard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,IAAI,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAEvH,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAKjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,EAAE,MAAM,EAAmB,MAAM,QAAQ,CAAC;AAEjD,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,iBAAiB,EAEvB,MAAM,cAAc,CAAC;AAUtB,QAAA,MAAM,iBAAiB,qBAAqB,CAAC;AAE7C,KAAK,oBAAoB,GAAG,iBAAiB,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;IACtB,gIAAgI;IAChI,UAAU,EAAE,eAAe,CAAC;IAC5B,kFAAkF;IAClF,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,GAAG,UAAU,CAAC,GACtD,wBAAwB,CAAC,KAAK,CAAC,CAClC,CAAC;wCAE8B,EAC9B,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,EACL,MAAM,EACN,QAAqB,EACrB,SAAS,EACT,YAAY,GACb,EAAE,oBAAoB;;aA0DO,iBAAiB;;AAQ/C,KAAK,uBAAuB,GAAG,EAAE,CAAC;AAElC,eAAO,MAAM,kBAAkB;;6GAoB7B,CAAC;AAQH,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,OAAO;;;IACP,MAAM;IACN,IAAI;CACL,CAAC;AAEF,YAAY,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../../src/components/KanbanBoard/KanbanBoard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,IAAI,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAEvH,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,EAAE,MAAM,EAAmB,MAAM,QAAQ,CAAC;AAEjD,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,iBAAiB,EAEvB,MAAM,cAAc,CAAC;AAUtB,QAAA,MAAM,iBAAiB,qBAAqB,CAAC;AAE7C,KAAK,oBAAoB,GAAG,iBAAiB,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;IACtB,gIAAgI;IAChI,UAAU,EAAE,eAAe,CAAC;IAC5B,kFAAkF;IAClF,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,GAAG,UAAU,CAAC,GACtD,wBAAwB,CAAC,KAAK,CAAC,CAClC,CAAC;wCAE8B,EAC9B,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,EACL,MAAM,EACN,QAAqB,EACrB,SAAS,EACT,YAAY,GACb,EAAE,oBAAoB;;aA0DO,iBAAiB;;AAQ/C,KAAK,uBAAuB,GAAG,EAAE,CAAC;AAElC,eAAO,MAAM,kBAAkB;;6GAoB7B,CAAC;AAQH,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,OAAO;;;IACP,MAAM;IACN,IAAI;CACL,CAAC;AAEF,YAAY,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC"}