@caldwell619/react-kanban
Advanced tools
Comparing version
@@ -5,2 +5,9 @@ # Changelog | ||
### [0.0.11](https://github.com/christopher-caldwell/react-kanban/compare/v0.0.10...v0.0.11) (2023-12-23) | ||
### Bug Fixes | ||
* Allowing card add to be disabled ([#25](https://github.com/christopher-caldwell/react-kanban/issues/25)) ([a22a7a1](https://github.com/christopher-caldwell/react-kanban/commit/a22a7a1ad8bb8d2b6ea3f72935bbb8becdec1f35)) | ||
### [0.0.10](https://github.com/christopher-caldwell/react-kanban/compare/v0.0.9...v0.0.10) (2023-11-30) | ||
@@ -7,0 +14,0 @@ |
@@ -21,3 +21,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; | ||
}; | ||
return (_jsx(DragDropContext, Object.assign({ onDragEnd: handleOnDragEnd }, { children: _jsxs("div", Object.assign({ style: { overflowY: 'hidden', display: 'flex', alignItems: 'flex-start' }, className: 'react-kanban-board' }, { children: [_jsx(DroppableBoard, Object.assign({ droppableId: 'board-droppable', direction: 'horizontal', type: 'BOARD' }, { children: board.columns.map((column, index) => (_jsx(Column, Object.assign({ index: index, renderCard: renderCard, renderColumnHeader: (column) => renderColumnHeader ? (renderColumnHeader(column)) : (_jsx(DefaultColumn, Object.assign({ allowRemoveColumn: !!allowRemoveColumn, onColumnRemove: onColumnRemove, allowRenameColumn: !!allowRenameColumn, onColumnRename: onColumnRename }, { children: column }), void 0)), disableColumnDrag: !!disableColumnDrag, disableCardDrag: !!disableCardDrag, onCardNew: onCardNew, allowAddCard: !!allowAddCard }, { children: column }), column.id))) }), void 0), renderColumnAdder()] }), void 0) }), void 0)); | ||
return (_jsx(DragDropContext, Object.assign({ onDragEnd: handleOnDragEnd }, { children: _jsxs("div", Object.assign({ style: { overflowY: 'hidden', display: 'flex', alignItems: 'flex-start' }, className: 'react-kanban-board' }, { children: [_jsx(DroppableBoard, Object.assign({ droppableId: 'board-droppable', direction: 'horizontal', type: 'BOARD' }, { children: board.columns.map((column, index) => (_jsx(Column, Object.assign({ index: index, renderCard: renderCard, renderColumnHeader: (column) => renderColumnHeader ? (renderColumnHeader(column)) : (_jsx(DefaultColumn, Object.assign({ allowRemoveColumn: !!allowRemoveColumn, onColumnRemove: onColumnRemove, allowRenameColumn: !!allowRenameColumn, onColumnRename: onColumnRename }, { children: column }), void 0)), disableColumnDrag: !!disableColumnDrag, disableCardDrag: !!disableCardDrag, onCardNew: onCardNew, allowAddCard: allowAddCard }, { children: column }), column.id))) }), void 0), renderColumnAdder()] }), void 0) }), void 0)); | ||
}; |
import { Card, Column, KanbanBoard } from '../../../types'; | ||
import { OnDragEnd } from './Container'; | ||
import { SharedProps } from './shared'; | ||
export declare const ControlledBoard: <TCard extends Card>({ children: board, onCardDragEnd, onColumnDragEnd, onNewColumnConfirm, onColumnRemove, onColumnRename, onCardRemove, renderColumnAdder, renderColumnHeader, renderCard, allowAddColumn, allowRemoveColumn, allowRenameColumn, allowRemoveCard, disableCardDrag, disableColumnDrag, }: ControlledBoardProps<TCard>) => import("react/jsx-runtime").JSX.Element; | ||
export declare const ControlledBoard: <TCard extends Card>({ children: board, onCardDragEnd, onColumnDragEnd, onNewColumnConfirm, onColumnRemove, onColumnRename, onCardRemove, renderColumnAdder, renderColumnHeader, renderCard, allowAddColumn, allowRemoveColumn, allowRenameColumn, allowRemoveCard, allowAddCard, disableCardDrag, disableColumnDrag, }: ControlledBoardProps<TCard>) => import("react/jsx-runtime").JSX.Element; | ||
export declare type OnDragEndNotification<TSubject> = (subject: TSubject, source: OnDragEnd<TSubject>['source'], destination: OnDragEnd<TSubject>['destination']) => void; | ||
@@ -6,0 +6,0 @@ export interface ControlledBoardProps<TCard extends Card> extends SharedProps<TCard> { |
@@ -6,3 +6,3 @@ import { jsx as _jsx } from "react/jsx-runtime"; | ||
import { BoardContainer } from './Container'; | ||
export const ControlledBoard = function ({ children: board, onCardDragEnd, onColumnDragEnd, onNewColumnConfirm, onColumnRemove, onColumnRename, onCardRemove, renderColumnAdder, renderColumnHeader, renderCard, allowAddColumn = true, allowRemoveColumn = true, allowRenameColumn = true, allowRemoveCard = true, disableCardDrag = false, disableColumnDrag = false, }) { | ||
export const ControlledBoard = function ({ children: board, onCardDragEnd, onColumnDragEnd, onNewColumnConfirm, onColumnRemove, onColumnRename, onCardRemove, renderColumnAdder, renderColumnHeader, renderCard, allowAddColumn = true, allowRemoveColumn = true, allowRenameColumn = true, allowRemoveCard = true, allowAddCard = true, disableCardDrag = false, disableColumnDrag = false, }) { | ||
const handleOnCardDragEnd = ({ source, destination, subject }) => { | ||
@@ -36,3 +36,3 @@ if (onCardDragEnd) { | ||
// | ||
}, allowAddCard: true, board: board }, void 0)); | ||
}, allowAddCard: allowAddCard, board: board }, void 0)); | ||
}; |
@@ -34,5 +34,3 @@ import { Card, Column, KanbanBoard } from '../../../types'; | ||
/** @default true */ | ||
allowAddCard?: boolean | { | ||
on: 'top' | 'bottom'; | ||
}; | ||
allowAddCard?: boolean; | ||
/** @default true */ | ||
@@ -39,0 +37,0 @@ allowRemoveCard?: boolean; |
@@ -13,6 +13,4 @@ import { Column as ColumnType, Card as CardType } from '../../types'; | ||
onCardNew: (column: ColumnType<TCard>, card: TCard) => void | Promise<void>; | ||
allowAddCard: boolean | { | ||
on: 'top' | 'bottom'; | ||
}; | ||
allowAddCard: boolean; | ||
} | ||
export * from './components'; |
@@ -6,4 +6,4 @@ export interface KanbanBoard<TCard extends Card> { | ||
id: string | number; | ||
title: string; | ||
description: string; | ||
title?: string; | ||
description?: string; | ||
content?: JSX.Element; | ||
@@ -10,0 +10,0 @@ } |
{ | ||
"name": "@caldwell619/react-kanban", | ||
"version": "0.0.10", | ||
"version": "0.0.11", | ||
"description": "(fork of) Yet another Kanban/Trello board lib for React", | ||
@@ -5,0 +5,0 @@ "scripts": { |
67238
0.46%912
-0.44%