@nocobase/client 0.5.0-alpha.37 → 0.7.0-alpha.1

package/lib/board/Board.js

@@ -0,0 +1,255 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_beautiful_dnd_1 = require("react-beautiful-dnd");
+var Column_1 = __importDefault(require("./Column"));
+var ColumnAdder_1 = __importDefault(require("./ColumnAdder"));
+var DefaultCard_1 = __importDefault(require("./DefaultCard"));
+var DefaultColumnHeader_1 = __importDefault(require("./DefaultColumnHeader"));
+var helpers = __importStar(require("./helpers"));
+var helpers_1 = require("./helpers");
+var services_1 = require("./services");
+var utils_1 = require("./utils");
+var withDroppable_1 = __importDefault(require("./withDroppable"));
+var Columns = (0, react_1.forwardRef)(function (props, ref) { return (0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, style: { whiteSpace: 'nowrap' } }, props), void 0); });
+var DroppableBoard = (0, withDroppable_1.default)(Columns);
+var Board = function (props) {
+    return props.initialBoard ? (0, jsx_runtime_1.jsx)(UncontrolledBoard, __assign({}, props), void 0) : (0, jsx_runtime_1.jsx)(ControlledBoard, __assign({}, props), void 0);
+};
+Object.keys(helpers).forEach(function (key) {
+    Board[key] = helpers[key];
+});
+function UncontrolledBoard(_a) {
+    var initialBoard = _a.initialBoard, onCardDragEnd = _a.onCardDragEnd, onColumnDragEnd = _a.onColumnDragEnd, allowAddColumn = _a.allowAddColumn, cardAdderPosition = _a.cardAdderPosition, renderCardAdder = _a.renderCardAdder, renderColumnAdder = _a.renderColumnAdder, onNewColumnConfirm = _a.onNewColumnConfirm, onColumnRemove = _a.onColumnRemove, renderColumnHeader = _a.renderColumnHeader, allowRemoveColumn = _a.allowRemoveColumn, allowRenameColumn = _a.allowRenameColumn, onColumnRename = _a.onColumnRename, onCardNew = _a.onCardNew, renderCard = _a.renderCard, allowRemoveCard = _a.allowRemoveCard, onCardRemove = _a.onCardRemove, onColumnNew = _a.onColumnNew, disableCardDrag = _a.disableCardDrag, disableColumnDrag = _a.disableColumnDrag, allowAddCard = _a.allowAddCard, onNewCardConfirm = _a.onNewCardConfirm;
+    var _b = __read((0, react_1.useState)(initialBoard), 2), board = _b[0], setBoard = _b[1];
+    var handleOnCardDragEnd = (0, utils_1.partialRight)(handleOnDragEnd, { moveCallback: helpers_1.moveCard, notifyCallback: onCardDragEnd });
+    var handleOnColumnDragEnd = (0, utils_1.partialRight)(handleOnDragEnd, {
+        moveCallback: helpers_1.moveColumn,
+        notifyCallback: onColumnDragEnd,
+    });
+    function handleOnDragEnd(_a, _b) {
+        var source = _a.source, destination = _a.destination, subject = _a.subject;
+        var moveCallback = _b.moveCallback, notifyCallback = _b.notifyCallback;
+        var reorderedBoard = moveCallback(board, source, destination);
+        (0, utils_1.when)(notifyCallback)(function (callback) { return callback(reorderedBoard, subject, source, destination); });
+        setBoard(reorderedBoard);
+    }
+    function handleColumnAdd(newColumn) {
+        return __awaiter(this, void 0, void 0, function () {
+            var column, _a, boardWithNewColumn;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!renderColumnAdder) return [3 /*break*/, 1];
+                        _a = newColumn;
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, onNewColumnConfirm(newColumn)];
+                    case 2:
+                        _a = _b.sent();
+                        _b.label = 3;
+                    case 3:
+                        column = _a;
+                        boardWithNewColumn = (0, helpers_1.addColumn)(board, column);
+                        onColumnNew(boardWithNewColumn, column);
+                        setBoard(boardWithNewColumn);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function handleColumnRemove(column) {
+        var filteredBoard = (0, helpers_1.removeColumn)(board, column);
+        onColumnRemove(filteredBoard, column);
+        setBoard(filteredBoard);
+    }
+    function handleColumnRename(column, title) {
+        var boardWithRenamedColumn = (0, helpers_1.changeColumn)(board, column, { title: title });
+        onColumnRename(boardWithRenamedColumn, __assign(__assign({}, column), { title: title }));
+        setBoard(boardWithRenamedColumn);
+    }
+    function handleCardAdd(column, card, options) {
+        if (options === void 0) { options = {}; }
+        var boardWithNewCard = (0, helpers_1.addCard)(board, column, card, options);
+        onCardNew(boardWithNewCard, boardWithNewCard.columns.find(function (_a) {
+            var id = _a.id;
+            return id === column.id;
+        }), card);
+        setBoard(boardWithNewCard);
+    }
+    function handleDraftCardAdd(column, card, options) {
+        if (options === void 0) { options = {}; }
+        return __awaiter(this, void 0, void 0, function () {
+            var newCard;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, onNewCardConfirm(card)];
+                    case 1:
+                        newCard = _a.sent();
+                        handleCardAdd(column, newCard, options);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function handleCardRemove(column, card) {
+        var boardWithoutCard = (0, helpers_1.removeCard)(board, column, card);
+        onCardRemove(boardWithoutCard, boardWithoutCard.columns.find(function (_a) {
+            var id = _a.id;
+            return id === column.id;
+        }), card);
+        setBoard(boardWithoutCard);
+    }
+    return ((0, jsx_runtime_1.jsx)(BoardContainer, __assign({ cardAdderPosition: cardAdderPosition, onCardDragEnd: handleOnCardDragEnd, onColumnDragEnd: handleOnColumnDragEnd, renderCardAdder: renderCardAdder, renderColumnAdder: function () {
+            if (!allowAddColumn)
+                return null;
+            if (renderColumnAdder)
+                return renderColumnAdder({ addColumn: handleColumnAdd });
+            if (!onNewColumnConfirm)
+                return null;
+            return (0, jsx_runtime_1.jsx)(ColumnAdder_1.default, { onConfirm: function (title) { return handleColumnAdd({ title: title, cards: [] }); } }, void 0);
+        } }, (renderColumnHeader && {
+        renderColumnHeader: function (column) {
+            return renderColumnHeader(column, {
+                removeColumn: handleColumnRemove.bind(null, column),
+                renameColumn: handleColumnRename.bind(null, column),
+                addCard: handleCardAdd.bind(null, column),
+            });
+        },
+    }), { renderCard: function (column, card, dragging) {
+            if (renderCard)
+                return renderCard(card, { removeCard: handleCardRemove.bind(null, column, card), dragging: dragging });
+            return ((0, jsx_runtime_1.jsx)(DefaultCard_1.default, __assign({ dragging: dragging, allowRemoveCard: allowRemoveCard, onCardRemove: function (card) { return handleCardRemove(column, card); } }, { children: card }), void 0));
+        }, allowRemoveColumn: allowRemoveColumn, onColumnRemove: handleColumnRemove, allowRenameColumn: allowRenameColumn, onColumnRename: handleColumnRename, disableColumnDrag: disableColumnDrag, disableCardDrag: disableCardDrag, onCardNew: function (column, card) { return handleDraftCardAdd(column, card, allowAddCard); }, allowAddCard: allowAddCard && onNewCardConfirm }, { children: board }), void 0));
+}
+function ControlledBoard(_a) {
+    var board = _a.children, onCardDragEnd = _a.onCardDragEnd, onColumnDragEnd = _a.onColumnDragEnd, allowAddColumn = _a.allowAddColumn, renderCardAdder = _a.renderCardAdder, renderColumnAdder = _a.renderColumnAdder, onNewColumnConfirm = _a.onNewColumnConfirm, onColumnRemove = _a.onColumnRemove, renderColumnHeader = _a.renderColumnHeader, allowRemoveColumn = _a.allowRemoveColumn, allowRenameColumn = _a.allowRenameColumn, onColumnRename = _a.onColumnRename, renderCard = _a.renderCard, allowAddCard = _a.allowAddCard, allowRemoveCard = _a.allowRemoveCard, onCardRemove = _a.onCardRemove, disableCardDrag = _a.disableCardDrag, disableColumnDrag = _a.disableColumnDrag, cardAdderPosition = _a.cardAdderPosition;
+    var handleOnCardDragEnd = (0, utils_1.partialRight)(handleOnDragEnd, { notifyCallback: onCardDragEnd });
+    var handleOnColumnDragEnd = (0, utils_1.partialRight)(handleOnDragEnd, { notifyCallback: onColumnDragEnd });
+    function handleOnDragEnd(_a, _b) {
+        var source = _a.source, destination = _a.destination, subject = _a.subject;
+        var notifyCallback = _b.notifyCallback;
+        (0, utils_1.when)(notifyCallback)(function (callback) { return callback(subject, source, destination); });
+    }
+    return ((0, jsx_runtime_1.jsx)(BoardContainer, __assign({ cardAdderPosition: cardAdderPosition, onCardDragEnd: handleOnCardDragEnd, onColumnDragEnd: handleOnColumnDragEnd, renderCardAdder: renderCardAdder, renderColumnAdder: function () {
+            if (!allowAddColumn)
+                return null;
+            if (renderColumnAdder)
+                return renderColumnAdder();
+            if (!onNewColumnConfirm)
+                return null;
+            return (0, jsx_runtime_1.jsx)(ColumnAdder_1.default, { onConfirm: function (title) { return onNewColumnConfirm({ title: title, cards: [] }); } }, void 0);
+        } }, (renderColumnHeader && { renderColumnHeader: renderColumnHeader }), { renderCard: function (column, card, dragging) {
+            if (renderCard)
+                return renderCard(card, { column: column, dragging: dragging });
+            return ((0, jsx_runtime_1.jsx)(DefaultCard_1.default, __assign({ dragging: dragging, allowRemoveCard: allowRemoveCard, onCardRemove: function (card) { return onCardRemove(card, column); } }, { children: card }), void 0));
+        }, allowAddCard: allowAddCard, allowRemoveColumn: allowRemoveColumn, onColumnRemove: onColumnRemove, allowRenameColumn: allowRenameColumn, onColumnRename: onColumnRename, disableColumnDrag: disableColumnDrag, disableCardDrag: disableCardDrag }, { children: board }), void 0));
+}
+function BoardContainer(props) {
+    var _a;
+    var board = props.children, renderCard = props.renderCard, disableColumnDrag = props.disableColumnDrag, disableCardDrag = props.disableCardDrag, cardAdderPosition = props.cardAdderPosition, renderCardAdder = props.renderCardAdder, renderColumnHeader = props.renderColumnHeader, renderColumnAdder = props.renderColumnAdder, allowRemoveColumn = props.allowRemoveColumn, onColumnRemove = props.onColumnRemove, allowRenameColumn = props.allowRenameColumn, onColumnRename = props.onColumnRename, onColumnDragEnd = props.onColumnDragEnd, onCardDragEnd = props.onCardDragEnd, onCardNew = props.onCardNew, allowAddCard = props.allowAddCard;
+    function handleOnDragEnd(event) {
+        var _a;
+        var coordinates = (0, services_1.getCoordinates)(event, board);
+        if (!coordinates.source)
+            return;
+        (0, services_1.isAColumnMove)(event.type)
+            ? (0, services_1.isMovingAColumnToAnotherPosition)(coordinates) &&
+                onColumnDragEnd(__assign(__assign({}, coordinates), { subject: (_a = board.columns) === null || _a === void 0 ? void 0 : _a[coordinates.source.fromPosition] }))
+            : (0, services_1.isMovingACardToAnotherPosition)(coordinates) &&
+                onCardDragEnd(__assign(__assign({}, coordinates), { subject: (0, services_1.getCard)(board, coordinates.source) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_beautiful_dnd_1.DragDropContext, __assign({ onDragEnd: handleOnDragEnd }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: { overflowY: 'hidden', display: 'flex', alignItems: 'flex-start' }, className: "react-kanban-board" }, { children: [(0, jsx_runtime_1.jsx)(DroppableBoard, __assign({ droppableId: "board-droppable", direction: "horizontal", type: "BOARD" }, { children: (_a = board.columns) === null || _a === void 0 ? void 0 : _a.map(function (column, index) {
+                        var _a;
+                        return ((0, jsx_runtime_1.jsx)(Column_1.default, __assign({ index: (_a = column === null || column === void 0 ? void 0 : column.index) !== null && _a !== void 0 ? _a : index, renderCard: renderCard, renderCardAdder: renderCardAdder, renderColumnHeader: function (column) {
+                                return renderColumnHeader ? (renderColumnHeader(column)) : ((0, jsx_runtime_1.jsx)(DefaultColumnHeader_1.default, __assign({ allowRemoveColumn: allowRemoveColumn, onColumnRemove: onColumnRemove, allowRenameColumn: allowRenameColumn, onColumnRename: onColumnRename }, { children: column }), void 0));
+                            }, cardAdderPosition: cardAdderPosition, disableColumnDrag: disableColumnDrag, disableCardDrag: disableCardDrag, onCardNew: onCardNew, allowAddCard: allowAddCard }, { children: column }), column.id));
+                    }) }), void 0), renderColumnAdder()] }), void 0) }), void 0));
+}
+exports.default = Board;
+//# sourceMappingURL=Board.js.map

package/lib/board/Board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sourceRoot":"","sources":["../../src/board/Board.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { DragDropContext } from 'react-beautiful-dnd';\nimport Column from './Column';\nimport ColumnAdder from './ColumnAdder';\nimport DefaultCard from './DefaultCard';\nimport DefaultColumnHeader from './DefaultColumnHeader';\nimport * as helpers from './helpers';\nimport { addCard, addColumn, changeColumn, moveCard, moveColumn, removeCard, removeColumn } from './helpers';\nimport {\n  getCard,\n  getCoordinates,\n  isAColumnMove,\n  isMovingACardToAnotherPosition,\n  isMovingAColumnToAnotherPosition,\n} from './services';\nimport { partialRight, when } from './utils';\nimport withDroppable from './withDroppable';\n\nconst Columns = forwardRef((props, ref: any) => <div ref={ref} style={{ whiteSpace: 'nowrap' }} {...props} />);\n\nconst DroppableBoard = withDroppable(Columns);\n\nconst Board: any = (props) => {\n  return props.initialBoard ? <UncontrolledBoard {...props} /> : <ControlledBoard {...props} />;\n};\n\nObject.keys(helpers).forEach((key) => {\n  Board[key] = helpers[key];\n});\n\nfunction UncontrolledBoard({\n  initialBoard,\n  onCardDragEnd,\n  onColumnDragEnd,\n  allowAddColumn,\n  cardAdderPosition,\n  renderCardAdder,\n  renderColumnAdder,\n  onNewColumnConfirm,\n  onColumnRemove,\n  renderColumnHeader,\n  allowRemoveColumn,\n  allowRenameColumn,\n  onColumnRename,\n  onCardNew,\n  renderCard,\n  allowRemoveCard,\n  onCardRemove,\n  onColumnNew,\n  disableCardDrag,\n  disableColumnDrag,\n  allowAddCard,\n  onNewCardConfirm,\n}) {\n  const [board, setBoard] = useState(initialBoard);\n  const handleOnCardDragEnd = partialRight(handleOnDragEnd, { moveCallback: moveCard, notifyCallback: onCardDragEnd });\n  const handleOnColumnDragEnd = partialRight(handleOnDragEnd, {\n    moveCallback: moveColumn,\n    notifyCallback: onColumnDragEnd,\n  });\n\n  function handleOnDragEnd({ source, destination, subject }, { moveCallback, notifyCallback }) {\n    const reorderedBoard = moveCallback(board, source, destination);\n    when(notifyCallback)((callback) => callback(reorderedBoard, subject, source, destination));\n    setBoard(reorderedBoard);\n  }\n\n  async function handleColumnAdd(newColumn) {\n    const column = renderColumnAdder ? newColumn : await onNewColumnConfirm(newColumn);\n    const boardWithNewColumn = addColumn(board, column);\n    onColumnNew(boardWithNewColumn, column);\n    setBoard(boardWithNewColumn);\n  }\n\n  function handleColumnRemove(column) {\n    const filteredBoard = removeColumn(board, column);\n    onColumnRemove(filteredBoard, column);\n    setBoard(filteredBoard);\n  }\n\n  function handleColumnRename(column, title) {\n    const boardWithRenamedColumn = changeColumn(board, column, { title });\n    onColumnRename(boardWithRenamedColumn, { ...column, title });\n    setBoard(boardWithRenamedColumn);\n  }\n\n  function handleCardAdd(column, card, options = {}) {\n    const boardWithNewCard = addCard(board, column, card, options);\n\n    onCardNew(\n      boardWithNewCard,\n      boardWithNewCard.columns.find(({ id }) => id === column.id),\n      card,\n    );\n    setBoard(boardWithNewCard);\n  }\n\n  async function handleDraftCardAdd(column, card, options = {}) {\n    const newCard = await onNewCardConfirm(card);\n    handleCardAdd(column, newCard, options);\n  }\n\n  function handleCardRemove(column, card) {\n    const boardWithoutCard = removeCard(board, column, card);\n    onCardRemove(\n      boardWithoutCard,\n      boardWithoutCard.columns.find(({ id }) => id === column.id),\n      card,\n    );\n    setBoard(boardWithoutCard);\n  }\n\n  return (\n    <BoardContainer\n      cardAdderPosition={cardAdderPosition}\n      onCardDragEnd={handleOnCardDragEnd}\n      onColumnDragEnd={handleOnColumnDragEnd}\n      renderCardAdder={renderCardAdder}\n      renderColumnAdder={() => {\n        if (!allowAddColumn) return null;\n        if (renderColumnAdder) return renderColumnAdder({ addColumn: handleColumnAdd });\n        if (!onNewColumnConfirm) return null;\n        return <ColumnAdder onConfirm={(title) => handleColumnAdd({ title, cards: [] })} />;\n      }}\n      {...(renderColumnHeader && {\n        renderColumnHeader: (column) =>\n          renderColumnHeader(column, {\n            removeColumn: handleColumnRemove.bind(null, column),\n            renameColumn: handleColumnRename.bind(null, column),\n            addCard: handleCardAdd.bind(null, column),\n          }),\n      })}\n      renderCard={(column, card, dragging) => {\n        if (renderCard) return renderCard(card, { removeCard: handleCardRemove.bind(null, column, card), dragging });\n        return (\n          <DefaultCard\n            dragging={dragging}\n            allowRemoveCard={allowRemoveCard}\n            onCardRemove={(card) => handleCardRemove(column, card)}\n          >\n            {card}\n          </DefaultCard>\n        );\n      }}\n      allowRemoveColumn={allowRemoveColumn}\n      onColumnRemove={handleColumnRemove}\n      allowRenameColumn={allowRenameColumn}\n      onColumnRename={handleColumnRename}\n      disableColumnDrag={disableColumnDrag}\n      disableCardDrag={disableCardDrag}\n      onCardNew={(column, card) => handleDraftCardAdd(column, card, allowAddCard)}\n      allowAddCard={allowAddCard && onNewCardConfirm}\n    >\n      {board}\n    </BoardContainer>\n  );\n}\n\nfunction ControlledBoard({\n  children: board,\n  onCardDragEnd,\n  onColumnDragEnd,\n  allowAddColumn,\n  renderCardAdder,\n  renderColumnAdder,\n  onNewColumnConfirm,\n  onColumnRemove,\n  renderColumnHeader,\n  allowRemoveColumn,\n  allowRenameColumn,\n  onColumnRename,\n  renderCard,\n  allowAddCard,\n  allowRemoveCard,\n  onCardRemove,\n  disableCardDrag,\n  disableColumnDrag,\n  cardAdderPosition,\n}) {\n  const handleOnCardDragEnd = partialRight(handleOnDragEnd, { notifyCallback: onCardDragEnd });\n  const handleOnColumnDragEnd = partialRight(handleOnDragEnd, { notifyCallback: onColumnDragEnd });\n\n  function handleOnDragEnd({ source, destination, subject }, { notifyCallback }) {\n    when(notifyCallback)((callback) => callback(subject, source, destination));\n  }\n\n  return (\n    <BoardContainer\n      cardAdderPosition={cardAdderPosition}\n      onCardDragEnd={handleOnCardDragEnd}\n      onColumnDragEnd={handleOnColumnDragEnd}\n      renderCardAdder={renderCardAdder}\n      renderColumnAdder={() => {\n        if (!allowAddColumn) return null;\n        if (renderColumnAdder) return renderColumnAdder();\n        if (!onNewColumnConfirm) return null;\n        return <ColumnAdder onConfirm={(title) => onNewColumnConfirm({ title, cards: [] })} />;\n      }}\n      {...(renderColumnHeader && { renderColumnHeader: renderColumnHeader })}\n      renderCard={(column, card, dragging) => {\n        if (renderCard) return renderCard(card, { column, dragging });\n        return (\n          <DefaultCard\n            dragging={dragging}\n            allowRemoveCard={allowRemoveCard}\n            onCardRemove={(card) => onCardRemove(card, column)}\n          >\n            {card}\n          </DefaultCard>\n        );\n      }}\n      allowAddCard={allowAddCard}\n      allowRemoveColumn={allowRemoveColumn}\n      onColumnRemove={onColumnRemove}\n      allowRenameColumn={allowRenameColumn}\n      onColumnRename={onColumnRename}\n      disableColumnDrag={disableColumnDrag}\n      disableCardDrag={disableCardDrag}\n    >\n      {board}\n    </BoardContainer>\n  );\n}\n\nfunction BoardContainer(props) {\n  const {\n    children: board,\n    renderCard,\n    disableColumnDrag,\n    disableCardDrag,\n    cardAdderPosition,\n    renderCardAdder,\n    renderColumnHeader,\n    renderColumnAdder,\n    allowRemoveColumn,\n    onColumnRemove,\n    allowRenameColumn,\n    onColumnRename,\n    onColumnDragEnd,\n    onCardDragEnd,\n    onCardNew,\n    allowAddCard,\n  } = props;\n  function handleOnDragEnd(event) {\n    const coordinates = getCoordinates(event, board);\n    if (!coordinates.source) return;\n\n    isAColumnMove(event.type)\n      ? isMovingAColumnToAnotherPosition(coordinates) &&\n        onColumnDragEnd({ ...coordinates, subject: board.columns?.[coordinates.source.fromPosition] })\n      : isMovingACardToAnotherPosition(coordinates) &&\n        onCardDragEnd({ ...coordinates, subject: getCard(board, coordinates.source) });\n  }\n  return (\n    <DragDropContext onDragEnd={handleOnDragEnd}>\n      <div style={{ overflowY: 'hidden', display: 'flex', alignItems: 'flex-start' }} className=\"react-kanban-board\">\n        <DroppableBoard droppableId=\"board-droppable\" direction=\"horizontal\" type=\"BOARD\">\n          {board.columns?.map((column, index) => (\n            <Column\n              key={column.id}\n              index={column?.index ?? index}\n              renderCard={renderCard}\n              renderCardAdder={renderCardAdder}\n              renderColumnHeader={(column) =>\n                renderColumnHeader ? (\n                  renderColumnHeader(column)\n                ) : (\n                  <DefaultColumnHeader\n                    allowRemoveColumn={allowRemoveColumn}\n                    onColumnRemove={onColumnRemove}\n                    allowRenameColumn={allowRenameColumn}\n                    onColumnRename={onColumnRename}\n                  >\n                    {column}\n                  </DefaultColumnHeader>\n                )\n              }\n              cardAdderPosition={cardAdderPosition}\n              disableColumnDrag={disableColumnDrag}\n              disableCardDrag={disableCardDrag}\n              onCardNew={onCardNew}\n              allowAddCard={allowAddCard}\n            >\n              {column}\n            </Column>\n          ))}\n        </DroppableBoard>\n        {renderColumnAdder()}\n      </div>\n    </DragDropContext>\n  );\n}\n\nexport default Board;\n"]}

package/lib/board/Card.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare function Card({ children, index, renderCard, disableCardDrag }: {
+    children: any;
+    index: any;
+    renderCard: any;
+    disableCardDrag: any;
+}): JSX.Element;
+export default Card;

package/lib/board/Card.js

@@ -0,0 +1,24 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_beautiful_dnd_1 = require("react-beautiful-dnd");
+function Card(_a) {
+    var children = _a.children, index = _a.index, renderCard = _a.renderCard, disableCardDrag = _a.disableCardDrag;
+    return ((0, jsx_runtime_1.jsx)(react_beautiful_dnd_1.Draggable, __assign({ draggableId: String(children.id), index: index, isDragDisabled: disableCardDrag }, { children: function (provided, _a) {
+            var isDragging = _a.isDragging;
+            return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { "data-testid": "card-" + children.id }, { children: renderCard(isDragging) }), void 0));
+        } }), void 0));
+}
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

package/lib/board/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/board/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,2DAAgD;AAEhD,SAAS,IAAI,CAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IAC1D,OAAO,CACL,uBAAC,+BAAS,aAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,gBACvF,UAAC,QAAQ,EAAE,EAAc;gBAAZ,UAAU,gBAAA;YACtB,OAAO,CACL,yCACE,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe,mBACf,UAAQ,QAAQ,CAAC,EAAI,gBAEjC,UAAU,CAAC,UAAU,CAAC,YAEnB,CACP,CAAC;QACJ,CAAC,YACS,CACb,CAAC;AACJ,CAAC;AAED,kBAAe,IAAI,CAAC","sourcesContent":["import React from 'react';\nimport { Draggable } from 'react-beautiful-dnd';\n\nfunction Card({ children, index, renderCard, disableCardDrag }) {\n  return (\n    <Draggable draggableId={String(children.id)} index={index} isDragDisabled={disableCardDrag}>\n      {(provided, { isDragging }) => {\n        return (\n          <div\n            ref={provided.innerRef}\n            {...provided.draggableProps}\n            {...provided.dragHandleProps}\n            data-testid={`card-${children.id}`}\n          >\n            {renderCard(isDragging)}\n            {/* <div style={{ display: 'inline-block', whiteSpace: 'normal' }}></div> */}\n          </div>\n        );\n      }}\n    </Draggable>\n  );\n}\n\nexport default Card;\n"]}

package/lib/board/CardAdder.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function CardAdder({ column, onConfirm }: {
+    column: any;
+    onConfirm: any;
+}): JSX.Element;
+export default CardAdder;

package/lib/board/CardAdder.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var CardForm_1 = __importDefault(require("./CardForm"));
+function CardAdder(_a) {
+    var column = _a.column, onConfirm = _a.onConfirm;
+    function confirmCard(card) {
+        onConfirm(column, card);
+        setAddingCard(false);
+    }
+    var _b = __read((0, react_1.useState)(false), 2), addingCard = _b[0], setAddingCard = _b[1];
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: addingCard ? ((0, jsx_runtime_1.jsx)(CardForm_1.default, { onConfirm: confirmCard, onCancel: function () { return setAddingCard(false); } }, void 0)) : ((0, jsx_runtime_1.jsx)("button", __assign({ className: 'react-kanban-card-adder-button', onClick: function () { return setAddingCard(!addingCard); } }, { children: "+" }), void 0)) }, void 0));
+}
+exports.default = CardAdder;
+//# sourceMappingURL=CardAdder.js.map

package/lib/board/CardAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardAdder.js","sourceRoot":"","sources":["../../src/board/CardAdder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,wDAAkC;AAElC,SAAS,SAAS,CAAC,EAAqB;QAAnB,MAAM,YAAA,EAAE,SAAS,eAAA;IACpC,SAAS,WAAW,CAAC,IAAI;QACvB,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QACvB,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC;IAEK,IAAA,KAAA,OAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,OAAO,CACL,2DACG,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,kBAAQ,IAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,WAAI,CAC3E,CAAC,CAAC,CAAC,CACF,4CAAQ,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,EAA1B,CAA0B,+BAEnF,CACV,WACA,CACJ,CAAA;AACH,CAAC;AACD,kBAAe,SAAS,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport CardForm from './CardForm';\n\nfunction CardAdder({ column, onConfirm }) {\n  function confirmCard(card) {\n    onConfirm(column, card)\n    setAddingCard(false)\n  }\n\n  const [addingCard, setAddingCard] = useState(false)\n\n  return (\n    <>\n      {addingCard ? (\n        <CardForm onConfirm={confirmCard} onCancel={() => setAddingCard(false)} />\n      ) : (\n        <button className='react-kanban-card-adder-button' onClick={() => setAddingCard(!addingCard)}>\n          +\n        </button>\n      )}\n    </>\n  )\n}\nexport default CardAdder;\n"]}

package/lib/board/CardForm.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function CardForm({ onConfirm, onCancel }: {
+    onConfirm: any;
+    onCancel: any;
+}): JSX.Element;
+export default CardForm;

package/lib/board/CardForm.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var utils_1 = require("./utils");
+function CardForm(_a) {
+    var onConfirm = _a.onConfirm, onCancel = _a.onCancel;
+    var inputCardTitle = (0, react_1.useRef)();
+    var inputCardDescription = (0, react_1.useRef)();
+    function addCard(event) {
+        event.preventDefault();
+        (0, utils_1.when)(inputCardTitle.current.value)(function (value) {
+            onConfirm({ title: value, description: inputCardDescription.current.value });
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "react-kanban-card-adder-form" }, { children: (0, jsx_runtime_1.jsxs)("form", __assign({ onSubmit: addCard }, { children: [(0, jsx_runtime_1.jsx)("input", { className: "react-kanban-card-adder-form__title", name: "title", autoFocus: true, defaultValue: "Title", ref: inputCardTitle }, void 0), (0, jsx_runtime_1.jsx)("input", { className: "react-kanban-card-adder-form__description", name: "description", defaultValue: "Description", ref: inputCardDescription }, void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', justifyContent: 'space-between', marginTop: '5px' } }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ className: "react-kanban-card-adder-form__button", type: "submit" }, { children: "Add" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ className: "react-kanban-card-adder-form__button", type: "button", onClick: onCancel }, { children: "Cancel" }), void 0)] }), void 0)] }), void 0) }), void 0));
+}
+exports.default = CardForm;
+//# sourceMappingURL=CardForm.js.map

package/lib/board/CardForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardForm.js","sourceRoot":"","sources":["../../src/board/CardForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAsC;AACtC,iCAA+B;AAE/B,SAAS,QAAQ,CAAC,EAAuB;QAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;IACrC,IAAM,cAAc,GAAG,IAAA,cAAM,GAAO,CAAC;IACrC,IAAM,oBAAoB,GAAG,IAAA,cAAM,GAAO,CAAC;IAE3C,SAAS,OAAO,CAAC,KAAK;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAA,YAAI,EAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,UAAC,KAAK;YACvC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,yCAAK,SAAS,EAAC,8BAA8B,gBAC3C,2CAAM,QAAQ,EAAE,OAAO,iBACrB,kCACE,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,YAAY,EAAC,OAAO,EACpB,GAAG,EAAE,cAAc,WACnB,EACF,kCACE,SAAS,EAAC,2CAA2C,EACrD,IAAI,EAAC,aAAa,EAClB,YAAY,EAAC,aAAa,EAC1B,GAAG,EAAE,oBAAoB,WACzB,EACF,0CAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,iBAChF,4CAAQ,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,QAAQ,iCAE7D,EACT,4CAAQ,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,oCAE/E,aACL,aACD,YACH,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,QAAQ,CAAC","sourcesContent":["import React, { useRef } from 'react';\nimport { when } from './utils';\n\nfunction CardForm({ onConfirm, onCancel }) {\n  const inputCardTitle = useRef<any>();\n  const inputCardDescription = useRef<any>();\n\n  function addCard(event) {\n    event.preventDefault();\n    when(inputCardTitle.current.value)((value) => {\n      onConfirm({ title: value, description: inputCardDescription.current.value });\n    });\n  }\n\n  return (\n    <div className=\"react-kanban-card-adder-form\">\n      <form onSubmit={addCard}>\n        <input\n          className=\"react-kanban-card-adder-form__title\"\n          name=\"title\"\n          autoFocus\n          defaultValue=\"Title\"\n          ref={inputCardTitle}\n        />\n        <input\n          className=\"react-kanban-card-adder-form__description\"\n          name=\"description\"\n          defaultValue=\"Description\"\n          ref={inputCardDescription}\n        />\n        <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '5px' }}>\n          <button className=\"react-kanban-card-adder-form__button\" type=\"submit\">\n            Add\n          </button>\n          <button className=\"react-kanban-card-adder-form__button\" type=\"button\" onClick={onCancel}>\n            Cancel\n          </button>\n        </div>\n      </form>\n    </div>\n  );\n}\n\nexport default CardForm;\n"]}

package/lib/board/Column.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare function Column({ children, index: columnIndex, renderCard, renderCardAdder, renderColumnHeader, disableColumnDrag, disableCardDrag, onCardNew, allowAddCard, cardAdderPosition, }: {
+    children: any;
+    index: any;
+    renderCard: any;
+    renderCardAdder?: ({ column, onConfirm }: {
+        column: any;
+        onConfirm: any;
+    }) => JSX.Element;
+    renderColumnHeader: any;
+    disableColumnDrag: any;
+    disableCardDrag: any;
+    onCardNew: any;
+    allowAddCard: any;
+    cardAdderPosition?: string;
+}): JSX.Element;
+export default Column;

package/lib/board/Column.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_beautiful_dnd_1 = require("react-beautiful-dnd");
+var Card_1 = __importDefault(require("./Card"));
+var CardAdder_1 = __importDefault(require("./CardAdder"));
+var utils_1 = require("./utils");
+var withDroppable_1 = __importDefault(require("./withDroppable"));
+var ColumnEmptyPlaceholder = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, style: { minHeight: 'inherit', height: 'inherit' } }, props), void 0)); });
+var DroppableColumn = (0, withDroppable_1.default)(ColumnEmptyPlaceholder);
+function Column(_a) {
+    var children = _a.children, columnIndex = _a.index, renderCard = _a.renderCard, _b = _a.renderCardAdder, renderCardAdder = _b === void 0 ? function (_a) {
+        var column = _a.column, onConfirm = _a.onConfirm;
+        return (0, jsx_runtime_1.jsx)(CardAdder_1.default, { column: column, onConfirm: onConfirm }, void 0);
+    } : _b, renderColumnHeader = _a.renderColumnHeader, disableColumnDrag = _a.disableColumnDrag, disableCardDrag = _a.disableCardDrag, onCardNew = _a.onCardNew, allowAddCard = _a.allowAddCard, _c = _a.cardAdderPosition, cardAdderPosition = _c === void 0 ? 'top' : _c;
+    return ((0, jsx_runtime_1.jsx)(react_beautiful_dnd_1.Draggable, __assign({ draggableId: "column-draggable-" + children.id, index: columnIndex, isDragDisabled: disableColumnDrag }, { children: function (columnProvided) {
+            var _a;
+            var draggablePropsWithoutStyle = (0, utils_1.pickPropOut)(columnProvided.draggableProps, 'style');
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: columnProvided.innerRef }, draggablePropsWithoutStyle, { style: __assign({ height: '100%', minHeight: '28px', display: 'inline-block', verticalAlign: 'top' }, columnProvided.draggableProps.style), className: "react-kanban-column", "data-testid": "column-" + children.id }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({}, columnProvided.dragHandleProps, { children: renderColumnHeader(children) }), void 0), cardAdderPosition === 'top' && allowAddCard && renderCardAdder({ column: children, onConfirm: onCardNew }), (0, jsx_runtime_1.jsx)(DroppableColumn, __assign({ droppableId: String(children.id) }, { children: ((_a = children === null || children === void 0 ? void 0 : children.cards) === null || _a === void 0 ? void 0 : _a.length) ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: "react-kanban-card-skeleton" }, { children: children.cards.map(function (card, index) { return ((0, jsx_runtime_1.jsx)(Card_1.default, __assign({ index: index, renderCard: function (dragging) { return renderCard(children, card, dragging); }, disableCardDrag: disableCardDrag }, { children: card }), card.id)); }) }), void 0)) : ((0, jsx_runtime_1.jsx)("div", { className: "react-kanban-card-skeleton" }, void 0)) }), void 0), cardAdderPosition === 'bottom' &&
+                        allowAddCard &&
+                        renderCardAdder({ column: children, onConfirm: onCardNew })] }), void 0));
+        } }), void 0));
+}
+exports.default = Column;
+//# sourceMappingURL=Column.js.map

package/lib/board/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/board/Column.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,2DAAgD;AAChD,gDAA0B;AAC1B,0DAAoC;AACpC,iCAAsC;AACtC,kEAA4C;AAE5C,IAAM,sBAAsB,GAAG,IAAA,kBAAU,EAAC,UAAC,KAAK,EAAE,GAAQ,IAAK,OAAA,CAC7D,yCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,IAAM,KAAK,UAAI,CACjF,EAF8D,CAE9D,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,uBAAa,EAAC,sBAAsB,CAAC,CAAC;AAE9D,SAAS,MAAM,CAAC,EAWf;QAVC,QAAQ,cAAA,EACD,WAAW,WAAA,EAClB,UAAU,gBAAA,EACV,uBAAgG,EAAhG,eAAe,mBAAG,UAAC,EAAqB;YAAnB,MAAM,YAAA,EAAE,SAAS,eAAA;QAAO,OAAA,uBAAC,mBAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,WAAI;IAAnD,CAAmD,KAAA,EAChG,kBAAkB,wBAAA,EAClB,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA;IAEzB,OAAO,CACL,uBAAC,+BAAS,aAAC,WAAW,EAAE,sBAAoB,QAAQ,CAAC,EAAI,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,gBAC7G,UAAC,cAAc;;YACd,IAAM,0BAA0B,GAAG,IAAA,mBAAW,EAAC,cAAc,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;YAEvF,OAAO,CACL,0CACE,GAAG,EAAE,cAAc,CAAC,QAAQ,IACxB,0BAA0B,IAC9B,KAAK,aACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,KAAK,IACjB,cAAc,CAAC,cAAc,CAAC,KAAK,GAExC,SAAS,EAAC,qBAAqB,iBAClB,YAAU,QAAQ,CAAC,EAAI,iBAEpC,2CAAS,cAAc,CAAC,eAAe,cAAG,kBAAkB,CAAC,QAAQ,CAAC,YAAO,EAC5E,iBAAiB,KAAK,KAAK,IAAI,YAAY,IAAI,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAC3G,uBAAC,eAAe,aAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,gBAC9C,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,MAAM,EAAC,CAAC,CAAC,CACzB,yCAAK,SAAS,EAAC,4BAA4B,gBACxC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACnC,uBAAC,cAAI,aAEH,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAC,QAAQ,IAAK,OAAA,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAApC,CAAoC,EAC9D,eAAe,EAAE,eAAe,gBAE/B,IAAI,KALA,IAAI,CAAC,EAAE,CAMP,CACR,EAToC,CASpC,CAAC,YACE,CACP,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,4BAA4B,WAAG,CAC/C,YACe,EACjB,iBAAiB,KAAK,QAAQ;wBAC7B,YAAY;wBACZ,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,aACzD,CACP,CAAC;QACJ,CAAC,YACS,CACb,CAAC;AACJ,CAAC;AAED,kBAAe,MAAM,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\nimport { Draggable } from 'react-beautiful-dnd';\nimport Card from './Card';\nimport CardAdder from './CardAdder';\nimport { pickPropOut } from './utils';\nimport withDroppable from './withDroppable';\n\nconst ColumnEmptyPlaceholder = forwardRef((props, ref: any) => (\n  <div ref={ref} style={{ minHeight: 'inherit', height: 'inherit' }} {...props} />\n));\n\nconst DroppableColumn = withDroppable(ColumnEmptyPlaceholder);\n\nfunction Column({\n  children,\n  index: columnIndex,\n  renderCard,\n  renderCardAdder = ({ column, onConfirm }) => <CardAdder column={column} onConfirm={onConfirm} />,\n  renderColumnHeader,\n  disableColumnDrag,\n  disableCardDrag,\n  onCardNew,\n  allowAddCard,\n  cardAdderPosition = 'top',\n}) {\n  return (\n    <Draggable draggableId={`column-draggable-${children.id}`} index={columnIndex} isDragDisabled={disableColumnDrag}>\n      {(columnProvided) => {\n        const draggablePropsWithoutStyle = pickPropOut(columnProvided.draggableProps, 'style');\n\n        return (\n          <div\n            ref={columnProvided.innerRef}\n            {...draggablePropsWithoutStyle}\n            style={{\n              height: '100%',\n              minHeight: '28px',\n              display: 'inline-block',\n              verticalAlign: 'top',\n              ...columnProvided.draggableProps.style,\n            }}\n            className=\"react-kanban-column\"\n            data-testid={`column-${children.id}`}\n          >\n            <div {...columnProvided.dragHandleProps}>{renderColumnHeader(children)}</div>\n            {cardAdderPosition === 'top' && allowAddCard && renderCardAdder({ column: children, onConfirm: onCardNew })}\n            <DroppableColumn droppableId={String(children.id)}>\n              {children?.cards?.length ? (\n                <div className=\"react-kanban-card-skeleton\">\n                  {children.cards.map((card, index) => (\n                    <Card\n                      key={card.id}\n                      index={index}\n                      renderCard={(dragging) => renderCard(children, card, dragging)}\n                      disableCardDrag={disableCardDrag}\n                    >\n                      {card}\n                    </Card>\n                  ))}\n                </div>\n              ) : (\n                <div className=\"react-kanban-card-skeleton\" />\n              )}\n            </DroppableColumn>\n            {cardAdderPosition === 'bottom' &&\n              allowAddCard &&\n              renderCardAdder({ column: children, onConfirm: onCardNew })}\n          </div>\n        );\n      }}\n    </Draggable>\n  );\n}\n\nexport default Column;\n"]}

package/lib/board/ColumnAdder.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function ColumnAdder({ onConfirm }: {
+    onConfirm: any;
+}): JSX.Element;
+export default ColumnAdder;

package/lib/board/ColumnAdder.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ColumnForm_1 = __importDefault(require("./ColumnForm"));
+function ColumnAdder(_a) {
+    var onConfirm = _a.onConfirm;
+    var _b = __read((0, react_1.useState)(false), 2), isAddingColumn = _b[0], setAddingColumn = _b[1];
+    function confirmColumn(title) {
+        onConfirm(title);
+        setAddingColumn(false);
+    }
+    return isAddingColumn ? ((0, jsx_runtime_1.jsx)(ColumnForm_1.default, { onConfirm: confirmColumn, onCancel: function () { return setAddingColumn(false); } }, void 0)) : ((0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex', alignItems: 'center', justifyContent: 'center', minWidth: '230px' }, className: "react-kanban-column-adder-button", onClick: function () { return setAddingColumn(true); }, role: "button" }, { children: "\u2795" }), void 0));
+}
+exports.default = ColumnAdder;
+//# sourceMappingURL=ColumnAdder.js.map

package/lib/board/ColumnAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnAdder.js","sourceRoot":"","sources":["../../src/board/ColumnAdder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,4DAAsC;AAEtC,SAAS,WAAW,CAAC,EAAa;QAAX,SAAS,eAAA;IACxB,IAAA,KAAA,OAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAlD,cAAc,QAAA,EAAE,eAAe,QAAmB,CAAC;IAE1D,SAAS,aAAa,CAAC,KAAK;QAC1B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,uBAAC,oBAAU,IAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,WAAI,CACjF,CAAC,CAAC,CAAC,CACF,yCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC7F,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,IAAI,EAAC,QAAQ,oCAGT,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,WAAW,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport ColumnForm from './ColumnForm';\n\nfunction ColumnAdder({ onConfirm }) {\n  const [isAddingColumn, setAddingColumn] = useState(false);\n\n  function confirmColumn(title) {\n    onConfirm(title);\n    setAddingColumn(false);\n  }\n\n  return isAddingColumn ? (\n    <ColumnForm onConfirm={confirmColumn} onCancel={() => setAddingColumn(false)} />\n  ) : (\n    <div\n      style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', minWidth: '230px' }}\n      className=\"react-kanban-column-adder-button\"\n      onClick={() => setAddingColumn(true)}\n      role=\"button\"\n    >\n      ➕\n    </div>\n  );\n}\n\nexport default ColumnAdder;\n"]}

package/lib/board/ColumnForm.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function ColumnForm({ onConfirm, onCancel }: {
+    onConfirm: any;
+    onCancel: any;
+}): JSX.Element;
+export default ColumnForm;

package/lib/board/ColumnForm.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var utils_1 = require("./utils");
+function ColumnForm(_a) {
+    var onConfirm = _a.onConfirm, onCancel = _a.onCancel;
+    // FIXME use hook
+    var inputColumnTitle = (0, react_1.createRef)();
+    function addColumn(event) {
+        event.preventDefault();
+        (0, utils_1.when)(inputColumnTitle.current.value)(onConfirm);
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'react-kanban-column', style: { minWidth: '230px' } }, { children: (0, jsx_runtime_1.jsxs)("form", __assign({ style: { display: 'flex', justifyContent: 'space-between' }, onSubmit: addColumn }, { children: [(0, jsx_runtime_1.jsx)("input", { type: 'text', ref: inputColumnTitle, autoFocus: true }, void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: 'submit' }, { children: "Add" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: 'button', onClick: onCancel }, { children: "Cancel" }), void 0)] }), void 0) }), void 0));
+}
+exports.default = ColumnForm;
+//# sourceMappingURL=ColumnForm.js.map