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

package/esm/board/DefaultCard.js

@@ -0,0 +1,18 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function DefaultCard(_a) {
+    var card = _a.children, dragging = _a.dragging, allowRemoveCard = _a.allowRemoveCard, onCardRemove = _a.onCardRemove;
+    return (_jsxs("div", __assign({ className: "react-kanban-card " + (dragging ? 'react-kanban-card--dragging' : '') }, { children: [_jsx("span", { children: _jsxs("div", __assign({ className: "react-kanban-card__title" }, { children: [_jsx("span", { children: card.title }, void 0), allowRemoveCard && (_jsx("span", __assign({ style: { cursor: 'pointer' }, onClick: function () { return onCardRemove(card); } }, { children: "\u00D7" }), void 0))] }), void 0) }, void 0), _jsx("div", __assign({ className: "react-kanban-card__description" }, { children: card.description }), void 0)] }), void 0));
+}
+export default DefaultCard;
+//# sourceMappingURL=DefaultCard.js.map

package/esm/board/DefaultCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCard.js","sourceRoot":"","sources":["../../src/board/DefaultCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,SAAS,WAAW,CAAC,EAA2D;QAA/C,IAAI,cAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAE,YAAY,kBAAA;IAC5E,OAAO,CACL,wBAAK,SAAS,EAAE,wBAAqB,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAE,iBAClF,yBACE,wBAAK,SAAS,EAAC,0BAA0B,iBACvC,yBAAO,IAAI,CAAC,KAAK,WAAQ,EACxB,eAAe,IAAI,CAClB,wBAAM,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,oCAE9D,CACR,aACG,WACD,EACP,uBAAK,SAAS,EAAC,gCAAgC,gBAAE,IAAI,CAAC,WAAW,YAAO,aACpE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\n\nfunction DefaultCard({ children: card, dragging, allowRemoveCard, onCardRemove }) {\n  return (\n    <div className={`react-kanban-card ${dragging ? 'react-kanban-card--dragging' : ''}`}>\n      <span>\n        <div className=\"react-kanban-card__title\">\n          <span>{card.title}</span>\n          {allowRemoveCard && (\n            <span style={{ cursor: 'pointer' }} onClick={() => onCardRemove(card)}>\n              ×\n            </span>\n          )}\n        </div>\n      </span>\n      <div className=\"react-kanban-card__description\">{card.description}</div>\n    </div>\n  );\n}\n\nexport default DefaultCard;\n"]}

package/esm/board/DefaultColumnHeader.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare function DefaultColumnHeader({ children: column, allowRemoveColumn, onColumnRemove, allowRenameColumn, onColumnRename }: {
+    children: any;
+    allowRemoveColumn: any;
+    onColumnRemove: any;
+    allowRenameColumn: any;
+    onColumnRename: any;
+}): JSX.Element;
+export default DefaultColumnHeader;

package/esm/board/DefaultColumnHeader.js

@@ -0,0 +1,60 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+function ColumnTitle(_a) {
+    var allowRenameColumn = _a.allowRenameColumn, onClick = _a.onClick, title = _a.children;
+    return allowRenameColumn ? (_jsx("span", __assign({ style: { cursor: 'pointer' }, onClick: onClick }, { children: title }), void 0)) : (_jsx("span", { children: title }, void 0));
+}
+function useRenameMode(state) {
+    var _a = __read(useState(state), 2), renameMode = _a[0], setRenameMode = _a[1];
+    function toggleRenameMode() {
+        setRenameMode(!renameMode);
+    }
+    return [renameMode, toggleRenameMode];
+}
+function DefaultColumnHeader(_a) {
+    var column = _a.children, allowRemoveColumn = _a.allowRemoveColumn, onColumnRemove = _a.onColumnRemove, allowRenameColumn = _a.allowRenameColumn, onColumnRename = _a.onColumnRename;
+    var _b = __read(useRenameMode(false), 2), renameMode = _b[0], toggleRenameMode = _b[1];
+    var _c = __read(useState(''), 2), titleInput = _c[0], setTitleInput = _c[1];
+    function handleRenameColumn(event) {
+        event.preventDefault();
+        onColumnRename(column, titleInput);
+        toggleRenameMode();
+    }
+    function handleRenameMode() {
+        setTitleInput(column.title);
+        toggleRenameMode();
+    }
+    return (_jsx("div", __assign({ className: 'react-kanban-column-header' }, { children: renameMode ? (_jsxs("form", __assign({ onSubmit: handleRenameColumn }, { children: [_jsx("span", { children: _jsx("input", { type: 'text', value: titleInput, onChange: function (_a) {
+                            var value = _a.target.value;
+                            return setTitleInput(value);
+                        }, autoFocus: true }, void 0) }, void 0), _jsxs("span", { children: [_jsx("button", __assign({ className: 'react-kanban-column-header__button', type: 'submit' }, { children: "Rename" }), void 0), _jsx("button", __assign({ className: 'react-kanban-column-header__button', type: 'button', onClick: handleRenameMode }, { children: "Cancel" }), void 0)] }, void 0)] }), void 0)) : (_jsxs(_Fragment, { children: [_jsx(ColumnTitle, __assign({ allowRenameColumn: allowRenameColumn, onClick: handleRenameMode }, { children: column.title }), void 0), allowRemoveColumn && _jsx("span", __assign({ onClick: function () { return onColumnRemove(column); } }, { children: "\u00D7" }), void 0)] }, void 0)) }), void 0));
+}
+export default DefaultColumnHeader;
+//# sourceMappingURL=DefaultColumnHeader.js.map

package/esm/board/DefaultColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultColumnHeader.js","sourceRoot":"","sources":["../../src/board/DefaultColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,SAAS,WAAW,CAAC,EAA+C;QAA7C,iBAAiB,uBAAA,EAAE,OAAO,aAAA,EAAY,KAAK,cAAA;IAChE,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBAAM,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,gBACjD,KAAK,YACD,CACR,CAAC,CAAC,CAAC,CACF,yBAAO,KAAK,WAAQ,CACrB,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAK;IACpB,IAAA,KAAA,OAA8B,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,SAAS,gBAAgB;QACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC;IAED,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAA;AACvC,CAAC;AAED,SAAS,mBAAmB,CAAC,EAA0F;QAA9E,MAAM,cAAA,EAAE,iBAAiB,uBAAA,EAAE,cAAc,oBAAA,EAAE,iBAAiB,uBAAA,EAAE,cAAc,oBAAA;IAC7G,IAAA,KAAA,OAAiC,aAAa,CAAC,KAAK,CAAC,IAAA,EAApD,UAAU,QAAA,EAAE,gBAAgB,QAAwB,CAAA;IACrD,IAAA,KAAA,OAA8B,QAAQ,CAAC,EAAE,CAAC,IAAA,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAEhD,SAAS,kBAAkB,CAAC,KAAK;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;QAClC,gBAAgB,EAAE,CAAA;IACpB,CAAC;IAED,SAAS,gBAAgB;QACvB,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC3B,gBAAgB,EAAE,CAAA;IACpB,CAAC;IAED,OAAO,CACL,uBAAK,SAAS,EAAC,4BAA4B,gBACxC,UAAU,CAAC,CAAC,CAAC,CACZ,yBAAM,QAAQ,EAAE,kBAAkB,iBAChC,yBACE,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,EAAqB;gCAAT,KAAK,kBAAA;4BAAS,OAAA,aAAa,CAAC,KAAK,CAAC;wBAApB,CAAoB,EACzD,SAAS,iBACT,WACG,EACP,2BACE,0BAAQ,SAAS,EAAC,oCAAoC,EAAC,IAAI,EAAC,QAAQ,oCAE3D,EACT,0BAAQ,SAAS,EAAC,oCAAoC,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,gBAAgB,oCAErF,YACJ,aACF,CACR,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,WAAW,aAAC,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,gBACzE,MAAM,CAAC,KAAK,YACD,EACb,iBAAiB,IAAI,wBAAM,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,oCAAU,YAC1E,CACJ,YACG,CACP,CAAA;AACH,CAAC;AAED,eAAe,mBAAmB,CAAC","sourcesContent":["import React, { useState } from 'react';\n\nfunction ColumnTitle({ allowRenameColumn, onClick, children: title }) {\n  return allowRenameColumn ? (\n    <span style={{ cursor: 'pointer' }} onClick={onClick}>\n      {title}\n    </span>\n  ) : (\n    <span>{title}</span>\n  )\n}\n\nfunction useRenameMode(state) {\n  const [renameMode, setRenameMode] = useState(state)\n\n  function toggleRenameMode() {\n    setRenameMode(!renameMode)\n  }\n\n  return [renameMode, toggleRenameMode]\n}\n\nfunction DefaultColumnHeader({ children: column, allowRemoveColumn, onColumnRemove, allowRenameColumn, onColumnRename }) {\n  const [renameMode, toggleRenameMode] = useRenameMode(false)\n  const [titleInput, setTitleInput] = useState('')\n\n  function handleRenameColumn(event) {\n    event.preventDefault()\n\n    onColumnRename(column, titleInput)\n    toggleRenameMode()\n  }\n\n  function handleRenameMode() {\n    setTitleInput(column.title)\n    toggleRenameMode()\n  }\n\n  return (\n    <div className='react-kanban-column-header'>\n      {renameMode ? (\n        <form onSubmit={handleRenameColumn}>\n          <span>\n            <input\n              type='text'\n              value={titleInput}\n              onChange={({ target: { value } }) => setTitleInput(value)}\n              autoFocus\n            />\n          </span>\n          <span>\n            <button className='react-kanban-column-header__button' type='submit'>\n              Rename\n            </button>\n            <button className='react-kanban-column-header__button' type='button' onClick={handleRenameMode}>\n              Cancel\n            </button>\n          </span>\n        </form>\n      ) : (\n        <>\n          <ColumnTitle allowRenameColumn={allowRenameColumn} onClick={handleRenameMode}>\n            {column.title}\n          </ColumnTitle>\n          {allowRemoveColumn && <span onClick={() => onColumnRemove(column)}>×</span>}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default DefaultColumnHeader;\n"]}

package/esm/board/Kanban.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '@asseinfo/react-kanban/dist/styles.css';
+export declare function Kanban(): JSX.Element;

package/esm/board/Kanban.js

@@ -0,0 +1,127 @@
+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;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import '@asseinfo/react-kanban/dist/styles.css';
+import { Button } from 'antd';
+import { useState } from 'react';
+import Board from './Board';
+import { addCard, moveCard, removeCard } from './helpers';
+var board = {
+    columns: [
+        {
+            id: 1,
+            title: 'Backlog',
+            cards: [
+                {
+                    id: 1,
+                    title: 'Card title 1',
+                    description: 'Card content',
+                },
+                {
+                    id: 2,
+                    title: 'Card title 2',
+                    description: 'Card content',
+                },
+                {
+                    id: 3,
+                    title: 'Card title 3',
+                    description: 'Card content',
+                },
+            ],
+        },
+        {
+            id: 2,
+            title: 'Doing',
+            cards: [
+                {
+                    id: 9,
+                    title: 'Card title 9',
+                    description: 'Card content',
+                },
+            ],
+        },
+        {
+            id: 3,
+            title: 'Q&A',
+            cards: [
+                {
+                    id: 10,
+                    title: 'Card title 10',
+                    description: 'Card content',
+                },
+                {
+                    id: 11,
+                    title: 'Card title 11',
+                    description: 'Card content',
+                },
+            ],
+        },
+        {
+            id: 4,
+            title: 'Production',
+            cards: [
+                {
+                    id: 12,
+                    title: 'Card title 12',
+                    description: 'Card content',
+                },
+                {
+                    id: 13,
+                    title: 'Card title 13',
+                    description: 'Card content',
+                },
+            ],
+        },
+    ],
+};
+function UncontrolledBoard() {
+    var _a = __read(useState(board), 2), controlledBoard = _a[0], setBoard = _a[1];
+    function handleCardMove(card, source, destination) {
+        var updatedBoard = moveCard(controlledBoard, source, destination);
+        setBoard(updatedBoard);
+    }
+    function handleCardRemove(card, column) {
+        var updatedBoard = removeCard(controlledBoard, column, card);
+        setBoard(updatedBoard);
+    }
+    return (_jsx(Board, __assign({ disableColumnDrag: true, allowRemoveCard: true, allowAddCard: { on: 'bottom' }, onLaneRemove: console.log, onCardRemove: handleCardRemove, onCardDragEnd: handleCardMove, onLaneRename: console.log, cardAdderPosition: 'bottom', onNewCardConfirm: function (draftCard) { return draftCard; }, onCardNew: console.log, renderCardAdder: function (_a) {
+            var column = _a.column;
+            return (_jsx(Button, __assign({ block: true, type: 'text', onClick: function () {
+                    var updatedBoard = addCard(controlledBoard, column, {
+                        id: new Date().getTime(),
+                        title: 'Card title ' + new Date().getTime(),
+                        description: 'Card content',
+                    });
+                    setBoard(updatedBoard);
+                } }, { children: "\u6DFB\u52A0\u5361\u7247" }), void 0));
+        } }, { children: controlledBoard }), void 0));
+}
+export function Kanban() {
+    return (_jsx(_Fragment, { children: _jsx(UncontrolledBoard, {}, void 0) }, void 0));
+}
+//# sourceMappingURL=Kanban.js.map

package/esm/board/Kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../src/board/Kanban.tsx"],"names":[],"mappings":"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","sourcesContent":["import '@asseinfo/react-kanban/dist/styles.css';\nimport { Button } from 'antd';\nimport React, { useState } from 'react';\nimport Board from './Board';\nimport { addCard, moveCard, removeCard } from './helpers';\n\nconst board = {\n  columns: [\n    {\n      id: 1,\n      title: 'Backlog',\n      cards: [\n        {\n          id: 1,\n          title: 'Card title 1',\n          description: 'Card content',\n        },\n        {\n          id: 2,\n          title: 'Card title 2',\n          description: 'Card content',\n        },\n        {\n          id: 3,\n          title: 'Card title 3',\n          description: 'Card content',\n        },\n      ],\n    },\n    {\n      id: 2,\n      title: 'Doing',\n      cards: [\n        {\n          id: 9,\n          title: 'Card title 9',\n          description: 'Card content',\n        },\n      ],\n    },\n    {\n      id: 3,\n      title: 'Q&A',\n      cards: [\n        {\n          id: 10,\n          title: 'Card title 10',\n          description: 'Card content',\n        },\n        {\n          id: 11,\n          title: 'Card title 11',\n          description: 'Card content',\n        },\n      ],\n    },\n    {\n      id: 4,\n      title: 'Production',\n      cards: [\n        {\n          id: 12,\n          title: 'Card title 12',\n          description: 'Card content',\n        },\n        {\n          id: 13,\n          title: 'Card title 13',\n          description: 'Card content',\n        },\n      ],\n    },\n  ],\n};\n\nfunction UncontrolledBoard() {\n  const [controlledBoard, setBoard] = useState(board);\n  function handleCardMove(card, source, destination) {\n    const updatedBoard = moveCard(controlledBoard, source, destination);\n    setBoard(updatedBoard);\n  }\n  function handleCardRemove(card, column) {\n    const updatedBoard = removeCard(controlledBoard, column, card);\n    setBoard(updatedBoard);\n  }\n  return (\n    <Board\n      disableColumnDrag\n      allowRemoveCard\n      allowAddCard={{ on: 'bottom' }}\n      onLaneRemove={console.log}\n      onCardRemove={handleCardRemove}\n      onCardDragEnd={handleCardMove}\n      onLaneRename={console.log}\n      cardAdderPosition={'bottom'}\n      onNewCardConfirm={(draftCard) => draftCard}\n      onCardNew={console.log}\n      renderCardAdder={({ column }) => {\n        return (\n          <Button\n            block\n            type={'text'}\n            onClick={() => {\n              const updatedBoard = addCard(controlledBoard, column, {\n                id: new Date().getTime(),\n                title: 'Card title ' + new Date().getTime(),\n                description: 'Card content',\n              });\n              setBoard(updatedBoard);\n            }}\n          >\n            添加卡片\n          </Button>\n        );\n      }}\n    >\n      {controlledBoard}\n    </Board>\n  );\n}\n\nexport function Kanban() {\n  return (\n    <>\n      <UncontrolledBoard />\n    </>\n  );\n}\n"]}

package/esm/board/helpers.d.ts

@@ -0,0 +1,19 @@
+declare function moveColumn(board: any, { fromPosition }: {
+    fromPosition: any;
+}, { toPosition }: {
+    toPosition: any;
+}): any;
+declare function moveCard(board: any, { fromPosition, fromColumnId }: {
+    fromPosition: any;
+    fromColumnId: any;
+}, { toPosition, toColumnId }: {
+    toPosition: any;
+    toColumnId: any;
+}): any;
+declare function addColumn(board: any, column: any): any;
+declare function removeColumn(board: any, column: any): any;
+declare function changeColumn(board: any, column: any, newColumn: any): any;
+declare function addCard(board: any, inColumn: any, card: any, { on }?: any): any;
+declare function removeCard(board: any, fromColumn: any, card: any): any;
+declare function changeCard(board: any, cardId: any, newCard: any): any;
+export { moveColumn, moveCard, addColumn, removeColumn, changeColumn, addCard, removeCard, changeCard };

package/esm/board/helpers.js

@@ -0,0 +1,112 @@
+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);
+};
+import { addInArrayAtPosition, changeElementOfPositionInArray, removeFromArrayAtPosition, replaceElementOfArray } from './utils';
+function reorderCardsOnColumn(column, reorderCards) {
+    return __assign(__assign({}, column), { cards: reorderCards(column.cards) });
+}
+function moveColumn(board, _a, _b) {
+    var fromPosition = _a.fromPosition;
+    var toPosition = _b.toPosition;
+    return __assign(__assign({}, board), { columns: changeElementOfPositionInArray(board.columns, fromPosition, toPosition) });
+}
+function moveCard(board, _a, _b) {
+    var fromPosition = _a.fromPosition, fromColumnId = _a.fromColumnId;
+    var toPosition = _b.toPosition, toColumnId = _b.toColumnId;
+    var sourceColumn = board.columns.find(function (column) { return column.id === fromColumnId; });
+    var destinationColumn = board.columns.find(function (column) { return column.id === toColumnId; });
+    var reorderColumnsOnBoard = function (reorderColumnsMapper) { return (__assign(__assign({}, board), { columns: board.columns.map(reorderColumnsMapper) })); };
+    var reorderCardsOnSourceColumn = reorderCardsOnColumn.bind(null, sourceColumn);
+    var reorderCardsOnDestinationColumn = reorderCardsOnColumn.bind(null, destinationColumn);
+    if (sourceColumn.id === destinationColumn.id) {
+        var reorderedCardsOnColumn_1 = reorderCardsOnSourceColumn(function (cards) {
+            return changeElementOfPositionInArray(cards, fromPosition, toPosition);
+        });
+        return reorderColumnsOnBoard(function (column) { return (column.id === sourceColumn.id ? reorderedCardsOnColumn_1 : column); });
+    }
+    else {
+        var reorderedCardsOnSourceColumn_1 = reorderCardsOnSourceColumn(function (cards) {
+            return removeFromArrayAtPosition(cards, fromPosition);
+        });
+        var reorderedCardsOnDestinationColumn_1 = reorderCardsOnDestinationColumn(function (cards) {
+            return addInArrayAtPosition(cards, sourceColumn.cards[fromPosition], toPosition);
+        });
+        return reorderColumnsOnBoard(function (column) {
+            if (column.id === sourceColumn.id)
+                return reorderedCardsOnSourceColumn_1;
+            if (column.id === destinationColumn.id)
+                return reorderedCardsOnDestinationColumn_1;
+            return column;
+        });
+    }
+}
+function addColumn(board, column) {
+    return __assign(__assign({}, board), { columns: addInArrayAtPosition(board.columns, column, board.columns.length) });
+}
+function removeColumn(board, column) {
+    return __assign(__assign({}, board), { columns: board.columns.filter(function (_a) {
+            var id = _a.id;
+            return id !== column.id;
+        }) });
+}
+function changeColumn(board, column, newColumn) {
+    var changedColumns = replaceElementOfArray(board.columns)({
+        when: function (_a) {
+            var id = _a.id;
+            return id === column.id;
+        },
+        for: function (value) { return (__assign(__assign({}, value), newColumn)); },
+    });
+    return __assign(__assign({}, board), { columns: changedColumns });
+}
+function addCard(board, inColumn, card, _a) {
+    var _b = _a === void 0 ? {} : _a, on = _b.on;
+    var columnToAdd = board.columns.find(function (_a) {
+        var id = _a.id;
+        return id === inColumn.id;
+    });
+    var cards = addInArrayAtPosition(columnToAdd.cards, card, on === 'top' ? 0 : columnToAdd.cards.length);
+    var columns = replaceElementOfArray(board.columns)({
+        when: function (_a) {
+            var id = _a.id;
+            return inColumn.id === id;
+        },
+        for: function (value) { return (__assign(__assign({}, value), { cards: cards })); },
+    });
+    return __assign(__assign({}, board), { columns: columns });
+}
+function removeCard(board, fromColumn, card) {
+    var columnToRemove = board.columns.find(function (_a) {
+        var id = _a.id;
+        return id === fromColumn.id;
+    });
+    var filteredCards = columnToRemove.cards.filter(function (_a) {
+        var id = _a.id;
+        return card.id !== id;
+    });
+    var columnWithoutCard = __assign(__assign({}, columnToRemove), { cards: filteredCards });
+    var filteredColumns = board.columns.map(function (column) { return (fromColumn.id === column.id ? columnWithoutCard : column); });
+    return __assign(__assign({}, board), { columns: filteredColumns });
+}
+function changeCard(board, cardId, newCard) {
+    var changedCards = function (cards) {
+        return replaceElementOfArray(cards)({
+            when: function (_a) {
+                var id = _a.id;
+                return id === cardId;
+            },
+            for: function (card) { return (__assign(__assign({}, card), newCard)); },
+        });
+    };
+    return __assign(__assign({}, board), { columns: board.columns.map(function (column) { return (__assign(__assign({}, column), { cards: changedCards(column.cards) })); }) });
+}
+export { moveColumn, moveCard, addColumn, removeColumn, changeColumn, addCard, removeCard, changeCard };
+//# sourceMappingURL=helpers.js.map

package/esm/board/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/board/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  addInArrayAtPosition,\n  changeElementOfPositionInArray,\n  removeFromArrayAtPosition,\n  replaceElementOfArray\n} from './utils';\n\nfunction reorderCardsOnColumn(column, reorderCards) {\n  return { ...column, cards: reorderCards(column.cards) };\n}\n\nfunction moveColumn(board, { fromPosition }, { toPosition }) {\n  return { ...board, columns: changeElementOfPositionInArray(board.columns, fromPosition, toPosition) };\n}\n\nfunction moveCard(board, { fromPosition, fromColumnId }, { toPosition, toColumnId }) {\n  const sourceColumn = board.columns.find((column) => column.id === fromColumnId);\n  const destinationColumn = board.columns.find((column) => column.id === toColumnId);\n\n  const reorderColumnsOnBoard = (reorderColumnsMapper) => ({\n    ...board,\n    columns: board.columns.map(reorderColumnsMapper),\n  });\n  const reorderCardsOnSourceColumn = reorderCardsOnColumn.bind(null, sourceColumn);\n  const reorderCardsOnDestinationColumn = reorderCardsOnColumn.bind(null, destinationColumn);\n\n  if (sourceColumn.id === destinationColumn.id) {\n    const reorderedCardsOnColumn = reorderCardsOnSourceColumn((cards) => {\n      return changeElementOfPositionInArray(cards, fromPosition, toPosition);\n    });\n    return reorderColumnsOnBoard((column) => (column.id === sourceColumn.id ? reorderedCardsOnColumn : column));\n  } else {\n    const reorderedCardsOnSourceColumn = reorderCardsOnSourceColumn((cards) => {\n      return removeFromArrayAtPosition(cards, fromPosition);\n    });\n    const reorderedCardsOnDestinationColumn = reorderCardsOnDestinationColumn((cards) => {\n      return addInArrayAtPosition(cards, sourceColumn.cards[fromPosition], toPosition);\n    });\n    return reorderColumnsOnBoard((column) => {\n      if (column.id === sourceColumn.id) return reorderedCardsOnSourceColumn;\n      if (column.id === destinationColumn.id) return reorderedCardsOnDestinationColumn;\n      return column;\n    });\n  }\n}\n\nfunction addColumn(board, column) {\n  return { ...board, columns: addInArrayAtPosition(board.columns, column, board.columns.length) };\n}\n\nfunction removeColumn(board, column) {\n  return { ...board, columns: board.columns.filter(({ id }) => id !== column.id) };\n}\n\nfunction changeColumn(board, column, newColumn) {\n  const changedColumns = replaceElementOfArray(board.columns)({\n    when: ({ id }) => id === column.id,\n    for: (value) => ({ ...value, ...newColumn }),\n  });\n  return { ...board, columns: changedColumns };\n}\n\nfunction addCard(board, inColumn, card, { on }: any = {}) {\n  const columnToAdd = board.columns.find(({ id }) => id === inColumn.id);\n  const cards = addInArrayAtPosition(columnToAdd.cards, card, on === 'top' ? 0 : columnToAdd.cards.length);\n  const columns = replaceElementOfArray(board.columns)({\n    when: ({ id }) => inColumn.id === id,\n    for: (value) => ({ ...value, cards }),\n  });\n  return { ...board, columns };\n}\n\nfunction removeCard(board, fromColumn, card) {\n  const columnToRemove = board.columns.find(({ id }) => id === fromColumn.id);\n  const filteredCards = columnToRemove.cards.filter(({ id }) => card.id !== id);\n  const columnWithoutCard = { ...columnToRemove, cards: filteredCards };\n  const filteredColumns = board.columns.map((column) => (fromColumn.id === column.id ? columnWithoutCard : column));\n  return { ...board, columns: filteredColumns };\n}\n\nfunction changeCard(board, cardId, newCard) {\n  const changedCards = (cards) =>\n    replaceElementOfArray(cards)({\n      when: ({ id }) => id === cardId,\n      for: (card) => ({ ...card, ...newCard }),\n    });\n\n  return { ...board, columns: board.columns.map((column) => ({ ...column, cards: changedCards(column.cards) })) };\n}\n\nexport { moveColumn, moveCard, addColumn, removeColumn, changeColumn, addCard, removeCard, changeCard };\n"]}

package/esm/board/index.d.ts

@@ -0,0 +1 @@
+export { default as Board } from './Board';

package/esm/board/index.js

@@ -0,0 +1,2 @@
+export { default as Board } from './Board';
+//# sourceMappingURL=index.js.map

package/esm/board/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/board/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as Board } from './Board';\n\n"]}

package/esm/board/services.d.ts

@@ -0,0 +1,25 @@
+declare function getCoordinates(event: any, board: any): {
+    source?: undefined;
+    destination?: undefined;
+} | {
+    source: {
+        fromPosition: any;
+    };
+    destination: {
+        toPosition: any;
+    };
+} | {
+    source: {
+        fromColumnId: any;
+        fromPosition: any;
+    };
+    destination: {
+        toColumnId: any;
+        toPosition: any;
+    };
+};
+declare function isAColumnMove(type: any): boolean;
+declare function getCard(board: any, sourceCoordinate: any): any;
+declare function isMovingAColumnToAnotherPosition(coordinates: any): boolean;
+declare function isMovingACardToAnotherPosition(coordinates: any): boolean;
+export { getCard, getCoordinates, isAColumnMove, isMovingAColumnToAnotherPosition, isMovingACardToAnotherPosition };

package/esm/board/services.js

@@ -0,0 +1,46 @@
+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);
+};
+function getCoordinates(event, board) {
+    if (event.destination === null)
+        return {};
+    var columnSource = { fromPosition: event.source.index };
+    var columnDestination = { toPosition: event.destination.index };
+    if (isAColumnMove(event.type)) {
+        return { source: columnSource, destination: columnDestination };
+    }
+    return {
+        source: __assign(__assign({}, columnSource), { fromColumnId: getColumn(board, event.source.droppableId).id }),
+        destination: __assign(__assign({}, columnDestination), { toColumnId: getColumn(board, event.destination.droppableId).id }),
+    };
+}
+function isAColumnMove(type) {
+    return type === 'BOARD';
+}
+function getCard(board, sourceCoordinate) {
+    var column = board.columns.find(function (column) { return column.id === sourceCoordinate.fromColumnId; });
+    return column.cards[sourceCoordinate.fromPosition];
+}
+function getColumn(board, droppableId) {
+    return board.columns.find(function (_a) {
+        var id = _a.id;
+        return String(id) === droppableId;
+    });
+}
+function isMovingAColumnToAnotherPosition(coordinates) {
+    return coordinates.source.fromPosition !== coordinates.destination.toPosition;
+}
+function isMovingACardToAnotherPosition(coordinates) {
+    return !(coordinates.source.fromPosition === coordinates.destination.toPosition &&
+        coordinates.source.fromColumnId === coordinates.destination.toColumnId);
+}
+export { getCard, getCoordinates, isAColumnMove, isMovingAColumnToAnotherPosition, isMovingACardToAnotherPosition };
+//# sourceMappingURL=services.js.map

package/esm/board/services.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"services.js","sourceRoot":"","sources":["../../src/board/services.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,SAAS,cAAc,CAAC,KAAK,EAAE,KAAK;IAClC,IAAI,KAAK,CAAC,WAAW,KAAK,IAAI;QAAE,OAAO,EAAE,CAAA;IAEzC,IAAM,YAAY,GAAG,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IACzD,IAAM,iBAAiB,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;IAEjE,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC7B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA;KAChE;IAED,OAAO;QACL,MAAM,wBAAO,YAAY,KAAE,YAAY,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,GAAE;QACxF,WAAW,wBAAO,iBAAiB,KAAE,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,GAAE;KACtG,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,IAAI;IACzB,OAAO,IAAI,KAAK,OAAO,CAAA;AACzB,CAAC;AAED,SAAS,OAAO,CAAC,KAAK,EAAE,gBAAgB;IACtC,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,KAAK,gBAAgB,CAAC,YAAY,EAA3C,CAA2C,CAAC,CAAA;IAC1F,OAAO,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAA;AACpD,CAAC;AAED,SAAS,SAAS,CAAC,KAAK,EAAE,WAAW;IACnC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QAAO,OAAA,MAAM,CAAC,EAAE,CAAC,KAAK,WAAW;IAA1B,CAA0B,CAAC,CAAA;AACnE,CAAC;AAED,SAAS,gCAAgC,CAAC,WAAW;IACnD,OAAO,WAAW,CAAC,MAAM,CAAC,YAAY,KAAK,WAAW,CAAC,WAAW,CAAC,UAAU,CAAA;AAC/E,CAAC;AAED,SAAS,8BAA8B,CAAC,WAAW;IACjD,OAAO,CAAC,CACN,WAAW,CAAC,MAAM,CAAC,YAAY,KAAK,WAAW,CAAC,WAAW,CAAC,UAAU;QACtE,WAAW,CAAC,MAAM,CAAC,YAAY,KAAK,WAAW,CAAC,WAAW,CAAC,UAAU,CACvE,CAAA;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,gCAAgC,EAAE,8BAA8B,EAAE,CAAA","sourcesContent":["function getCoordinates(event, board) {\n  if (event.destination === null) return {}\n\n  const columnSource = { fromPosition: event.source.index }\n  const columnDestination = { toPosition: event.destination.index }\n\n  if (isAColumnMove(event.type)) {\n    return { source: columnSource, destination: columnDestination }\n  }\n\n  return {\n    source: { ...columnSource, fromColumnId: getColumn(board, event.source.droppableId).id },\n    destination: { ...columnDestination, toColumnId: getColumn(board, event.destination.droppableId).id },\n  }\n}\n\nfunction isAColumnMove(type) {\n  return type === 'BOARD'\n}\n\nfunction getCard(board, sourceCoordinate) {\n  const column = board.columns.find((column) => column.id === sourceCoordinate.fromColumnId)\n  return column.cards[sourceCoordinate.fromPosition]\n}\n\nfunction getColumn(board, droppableId) {\n  return board.columns.find(({ id }) => String(id) === droppableId)\n}\n\nfunction isMovingAColumnToAnotherPosition(coordinates) {\n  return coordinates.source.fromPosition !== coordinates.destination.toPosition\n}\n\nfunction isMovingACardToAnotherPosition(coordinates) {\n  return !(\n    coordinates.source.fromPosition === coordinates.destination.toPosition &&\n    coordinates.source.fromColumnId === coordinates.destination.toColumnId\n  )\n}\n\nexport { getCard, getCoordinates, isAColumnMove, isMovingAColumnToAnotherPosition, isMovingACardToAnotherPosition }\n"]}

package/esm/board/utils.d.ts

@@ -0,0 +1,9 @@
+declare function partialRight(fn: any, ...args: any[]): (...leftArgs: any[]) => any;
+declare function addInArrayAtPosition(array: any, element: any, position: any): any[];
+declare function removeFromArrayAtPosition(array: any, position: any): any;
+declare function changeElementOfPositionInArray(array: any, from: any, to: any): any;
+declare function identity(value: any): any;
+declare function when(value: any, predicate?: typeof identity): (callback: any) => any;
+declare function replaceElementOfArray(array: any): (options: any) => any;
+declare function pickPropOut(object: any, prop: any): {};
+export { addInArrayAtPosition, removeFromArrayAtPosition, changeElementOfPositionInArray, when, replaceElementOfArray, partialRight, pickPropOut, };

package/esm/board/utils.js

@@ -0,0 +1,92 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+function compose() {
+    var fns = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        fns[_i] = arguments[_i];
+    }
+    return function (arg) { return fns.reduce(function (acc, fn) { return fn(acc); }, arg); };
+}
+function partialRight(fn) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    return function () {
+        var leftArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            leftArgs[_i] = arguments[_i];
+        }
+        return fn.apply(void 0, __spreadArray(__spreadArray([], __read(leftArgs), false), __read(args), false));
+    };
+}
+function addInArrayAtPosition(array, element, position) {
+    var arrayCopy = __spreadArray([], __read(array), false);
+    arrayCopy.splice(position, 0, element);
+    return arrayCopy;
+}
+function removeFromArrayAtPosition(array, position) {
+    return array.reduce(function (acc, value, idx) { return (idx === position ? acc : __spreadArray(__spreadArray([], __read(acc), false), [value], false)); }, []);
+}
+function changeElementOfPositionInArray(array, from, to) {
+    var removeFromArrayAtPositionFrom = partialRight(removeFromArrayAtPosition, from);
+    var addInArrayAtPositionTo = partialRight(addInArrayAtPosition, array[from], to);
+    return compose(removeFromArrayAtPositionFrom, addInArrayAtPositionTo)(array);
+}
+function identity(value) {
+    return value;
+}
+function when(value, predicate) {
+    if (predicate === void 0) { predicate = identity; }
+    return function callback(callback) {
+        if (predicate(value))
+            return callback(value);
+    };
+}
+function replaceElementOfArray(array) {
+    return function (options) {
+        return array.map(function (element) { return (options.when(element) ? options.for(element) : element); });
+    };
+}
+function pickPropOut(object, prop) {
+    return Object.keys(object).reduce(function (obj, key) {
+        var _a;
+        return key === prop ? obj : __assign(__assign({}, obj), (_a = {}, _a[key] = object[key], _a));
+    }, {});
+}
+export { addInArrayAtPosition, removeFromArrayAtPosition, changeElementOfPositionInArray, when, replaceElementOfArray, partialRight, pickPropOut, };
+//# sourceMappingURL=utils.js.map

package/esm/board/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/board/utils.ts"],"names":[],"mappings":"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","sourcesContent":["function compose(...fns) {\n  return (arg) => fns.reduce((acc, fn) => fn(acc), arg)\n}\n\nfunction partialRight(fn, ...args) {\n  return (...leftArgs) => fn(...leftArgs, ...args)\n}\n\nfunction addInArrayAtPosition(array, element, position) {\n  const arrayCopy = [...array]\n  arrayCopy.splice(position, 0, element)\n  return arrayCopy\n}\n\nfunction removeFromArrayAtPosition(array, position) {\n  return array.reduce((acc, value, idx) => (idx === position ? acc : [...acc, value]), [])\n}\n\nfunction changeElementOfPositionInArray(array, from, to) {\n  const removeFromArrayAtPositionFrom = partialRight(removeFromArrayAtPosition, from)\n  const addInArrayAtPositionTo = partialRight(addInArrayAtPosition, array[from], to)\n\n  return compose(removeFromArrayAtPositionFrom, addInArrayAtPositionTo)(array)\n}\n\nfunction identity(value) {\n  return value\n}\n\nfunction when(value, predicate = identity) {\n  return function callback(callback) {\n    if (predicate(value)) return callback(value)\n  }\n}\n\nfunction replaceElementOfArray(array) {\n  return function (options) {\n    return array.map((element) => (options.when(element) ? options.for(element) : element))\n  }\n}\n\nfunction pickPropOut(object, prop) {\n  return Object.keys(object).reduce((obj, key) => {\n    return key === prop ? obj : { ...obj, [key]: object[key] }\n  }, {})\n}\n\nexport {\n  addInArrayAtPosition,\n  removeFromArrayAtPosition,\n  changeElementOfPositionInArray,\n  when,\n  replaceElementOfArray,\n  partialRight,\n  pickPropOut,\n}\n"]}

package/esm/board/withDroppable.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function withDroppable(Component: any): ({ children, ...droppableProps }: {
+    [x: string]: any;
+    children: any;
+}) => JSX.Element;
+export default withDroppable;