@steroidsjs/core 3.1.7 → 3.1.9

package/tests/ui/content/Kanban/actions/kanban.test.js

@@ -0,0 +1,118 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var redux_mock_store_1 = __importDefault(require("redux-mock-store"));
+var actions_1 = require("../../../../../src/ui/content/Kanban/actions");
+var storeMiddlewareMock_1 = __importDefault(require("../../../../mocks/storeMiddlewareMock"));
+var mockStore = (0, redux_mock_store_1["default"])([storeMiddlewareMock_1["default"]]);
+var store = mockStore({});
+describe('kanban actions', function () {
+    beforeEach(function () {
+        store.clearActions();
+    });
+    var task = {
+        id: 1,
+        title: 'Task',
+        description: '',
+        fullDescription: '',
+        priority: null,
+        assigner: null,
+        tags: null
+    };
+    var source = {
+        index: 0,
+        droppableId: 2
+    };
+    var destination = {
+        droppableId: 2,
+        index: 1
+    };
+    it('kanbanInit', function () {
+        var kanbanId = 'kanban1';
+        var payload = {
+            kanbanId: kanbanId,
+            columns: [],
+            tags: [],
+            lastTaskId: 335
+        };
+        var expectedActions = [
+            {
+                type: actions_1.KANBAN_INIT,
+                payload: payload
+            },
+        ];
+        store.dispatch((0, actions_1.kanbanInit)(kanbanId, payload));
+        expect(store.getActions()).toEqual(expectedActions);
+    });
+    it('kanbanMoveTask', function () {
+        var kanbanId = 'kanban2';
+        var expectedActions = [
+            {
+                type: actions_1.KANBAN_MOVE_TASK,
+                kanbanId: kanbanId,
+                source: source,
+                destination: destination
+            },
+        ];
+        store.dispatch((0, actions_1.kanbanMoveTask)(kanbanId, source, destination));
+        expect(store.getActions()).toEqual(expectedActions);
+    });
+    it('kanbanMoveColumn', function () {
+        var kanbanId = 'kanban3';
+        var expectedActions = [
+            {
+                type: actions_1.KANBAN_MOVE_COLUMN,
+                kanbanId: kanbanId,
+                source: source,
+                destination: destination
+            },
+        ];
+        store.dispatch((0, actions_1.kanbanMoveColumn)(kanbanId, source, destination));
+        expect(store.getActions()).toEqual(expectedActions);
+    });
+    it('kanbanAddTask', function () {
+        var kanbanId = 'kanban4';
+        var columnId = 1;
+        var expectedActions = [
+            {
+                type: actions_1.KANBAN_ADD_TASK,
+                kanbanId: kanbanId,
+                columnId: columnId,
+                task: task
+            },
+        ];
+        store.dispatch((0, actions_1.kanbanAddTask)(kanbanId, columnId, task));
+        expect(store.getActions()).toEqual(expectedActions);
+    });
+    it('kanbanEditTask', function () {
+        var kanbanId = 'kanban5';
+        var columnId = 1;
+        var prevColumnId = 2;
+        var expectedActions = [
+            {
+                type: actions_1.KANBAN_EDIT_TASK,
+                kanbanId: kanbanId,
+                columnId: columnId,
+                prevColumnId: prevColumnId,
+                task: task
+            },
+        ];
+        store.dispatch((0, actions_1.kanbanEditTask)(kanbanId, columnId, prevColumnId, task));
+        expect(store.getActions()).toEqual(expectedActions);
+    });
+    it('kanbanIncreaseTaskId', function () {
+        var kanbanId = 'kanban6';
+        var lastTaskId = 1;
+        var expectedActions = [
+            {
+                type: actions_1.KANBAN_INCREASE_TASK_ID,
+                kanbanId: kanbanId,
+                lastTaskId: lastTaskId
+            },
+        ];
+        store.dispatch((0, actions_1.kanbanIncreaseTaskId)(kanbanId, lastTaskId));
+        expect(store.getActions()).toEqual(expectedActions);
+    });
+});

package/tests/ui/content/Kanban/mockViews/KanbanColumnMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IKanbanColumnViewProps } from '../../../../../src/ui/content/Kanban/Kanban';
+export default function KanbanColumnView(props: IKanbanColumnViewProps): JSX.Element;

package/tests/ui/content/Kanban/mockViews/KanbanColumnMockView.js

@@ -0,0 +1,25 @@
+"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);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../../src/hooks");
+var form_1 = require("../../../../../src/ui/form");
+var typography_1 = require("../../../../../src/ui/typography");
+function KanbanColumnView(props) {
+    var bem = (0, hooks_1.useBem)('KanbanColumnView');
+    var Draggable = props.draggableComponent;
+    var Droppable = props.droppableComponent;
+    var _a = props.column, id = _a.id, title = _a.title, tasks = _a.tasks;
+    return ((0, jsx_runtime_1.jsx)(Draggable, __assign({ draggableId: id.toString(), index: props.columnIndex }, { children: function (providedDraggable) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, providedDraggable.draggableProps, { ref: providedDraggable.innerRef }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('header') }, providedDraggable.dragHandleProps, { children: (0, jsx_runtime_1.jsx)(typography_1.Title, __assign({ content: title, type: 'h3' }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('tasks-count') }, { children: tasks.length })) })) })), (0, jsx_runtime_1.jsx)(Droppable, __assign({ droppableId: id.toString(), type: "task" }, { children: function (providedDroppable) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content'), ref: providedDroppable.innerRef }, providedDroppable.droppableProps, { children: [tasks.map(function (task, taskIndex) { return (props.renderTask(task, props.column.id, taskIndex)); }), providedDroppable.placeholder] }))); } })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('button') }, { children: (0, jsx_runtime_1.jsx)(form_1.Button, { size: "sm", color: 'basic', icon: "mockIcon", onClick: function () { return props.onOpenCreateTaskModal(props.column.id); }, block: true }) }))] }))); } })));
+}
+exports["default"] = KanbanColumnView;

package/tests/ui/content/Kanban/mockViews/KanbanMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IKanbanViewProps } from '../../../../../src/ui/content/Kanban/Kanban';
+export default function KanbanView(props: IKanbanViewProps): JSX.Element;

package/tests/ui/content/Kanban/mockViews/KanbanMockView.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);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../../src/hooks");
+function KanbanView(props) {
+    var bem = (0, hooks_1.useBem)('KanbanView');
+    var Droppable = props.droppableComponent;
+    return ((0, jsx_runtime_1.jsx)(Droppable, __assign({ droppableId: "all-columns", direction: "horizontal", type: "column" }, { children: function (provided) {
+            var _a;
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block(), id: "task-board", ref: provided.innerRef }, provided.droppableProps, { style: props.style }, { children: [(_a = props.columns) === null || _a === void 0 ? void 0 : _a.map(function (column, index) { return props.renderColumn(column, index); }), provided.placeholder] })));
+        } })));
+}
+exports["default"] = KanbanView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/KanbanModalMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IKanbanModalViewProps } from '../../../../../../src/ui/content/Kanban/Kanban';
+export default function KanbanModalView(props: IKanbanModalViewProps): JSX.Element;

package/tests/ui/content/Kanban/mockViews/KanbanModal/KanbanModalMockView.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var CreateOrEditTaskModalContent_1 = __importDefault(require("./views/CreateOrEditTaskModalContent"));
+var TaskDetailsModalContent_1 = __importDefault(require("./views/TaskDetailsModalContent"));
+var hooks_1 = require("../../../../../../src/hooks");
+var enums_1 = require("../../../../../../src/ui/content/Kanban/enums");
+var Modal_1 = __importDefault(require("../../../../../../src/ui/modal/Modal/Modal"));
+function KanbanModalView(props) {
+    var bem = (0, hooks_1.useBem)('KanbanModalView');
+    var renderModalContent = (0, react_1.useCallback)(function (modalType) {
+        switch (modalType) {
+            case enums_1.KanbanModalTypeEnum.CREATE:
+                return ((0, jsx_runtime_1.jsx)(CreateOrEditTaskModalContent_1["default"], { bem: bem, formId: props.formId, columns: props.columns, columnId: props.columnId, tags: props.tags, assigners: props.assigners, submitButtonLabel: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C', onSubmit: props.onSubmit }));
+            case enums_1.KanbanModalTypeEnum.DETAILS:
+                return ((0, jsx_runtime_1.jsx)(TaskDetailsModalContent_1["default"], { bem: bem, task: props.task }));
+            case enums_1.KanbanModalTypeEnum.EDIT:
+                return ((0, jsx_runtime_1.jsx)(CreateOrEditTaskModalContent_1["default"], { bem: bem, formId: props.formId, task: props.task, columns: props.columns, columnId: props.columnId, tags: props.tags, assigners: props.assigners, submitButtonLabel: '\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C', onSubmit: props.onSubmit }));
+            default:
+                return null;
+        }
+    }, [bem, props.assigners, props.columnId, props.columns, props.formId, props.onSubmit, props.tags, props.task]);
+    var renderModalButton = (0, react_1.useCallback)(function (modalType) { return modalType !== enums_1.KanbanModalTypeEnum.CREATE
+        ? [{
+                icon: 'mockIcon',
+                onClick: props.onToggleModalType
+            }]
+        : null; }, [props.modalType]);
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ className: bem.block(), title: props.title, onClose: props.onClose, size: "lg", buttons: renderModalButton(props.modalType), isOpen: true }, { children: renderModalContent(props.modalType) })));
+}
+exports["default"] = KanbanModalView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/index.d.ts

@@ -0,0 +1,2 @@
+import KanbanModalView from './KanbanModalMockView';
+export default KanbanModalView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var KanbanModalMockView_1 = __importDefault(require("./KanbanModalMockView"));
+exports["default"] = KanbanModalMockView_1["default"];

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ICreateOrEditTaskModalContentViewProps } from '../../../../../../../../src/ui/content/Kanban/Kanban';
+export default function CreateOrEditTaskModalContentView(props: ICreateOrEditTaskModalContentViewProps): JSX.Element;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.js

@@ -0,0 +1,54 @@
+"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 };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Label_1 = __importDefault(require("./views/Label"));
+var TagsSelector_1 = __importDefault(require("./views/TagsSelector"));
+var content_1 = require("../../../../../../../../src/ui/content");
+var KanbanPrioritiesEnum_1 = __importDefault(require("../../../../../../../../src/ui/content/Kanban/enums/KanbanPrioritiesEnum"));
+var form_1 = require("../../../../../../../../src/ui/form");
+function CreateOrEditTaskModalContentView(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var columns = (0, react_1.useMemo)(function () { return (props.columns.map(function (column) { return ({
+        id: column.id,
+        label: column.title
+    }); })); }, [props.columns]);
+    var prioritiesFields = (0, react_1.useMemo)(function () { return KanbanPrioritiesEnum_1["default"].getPrioritiesArray()
+        .map(function (priority) { return ({
+        id: priority.id,
+        label: (0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: KanbanPrioritiesEnum_1["default"].getLabel(priority.type), type: KanbanPrioritiesEnum_1["default"].getColorByType(priority.type) })
+    }); }); }, []);
+    return ((0, jsx_runtime_1.jsx)(form_1.Form, __assign({ formId: props.formId, className: props.bem.element('form'), initialValues: props.task
+            ? {
+                columnId: props.columnId || null,
+                title: props.task.title || '',
+                description: props.task.description || '',
+                fullDescription: props.task.fullDescription || '',
+                tags: ((_a = props.task.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) { return tag.id; })) || [],
+                priority: ((_b = props.task.priority) === null || _b === void 0 ? void 0 : _b.id) || null,
+                assigner: ((_c = props.task.assigner) === null || _c === void 0 ? void 0 : _c.id) || null
+            }
+            : {
+                columnId: props.columnId || null
+            }, onSubmit: function (data) {
+            var _a;
+            props.onSubmit((_a = props.task) === null || _a === void 0 ? void 0 : _a.id, data, props.columnId);
+        }, useRedux: true }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('form-content') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: '\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A' }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('right') }, { children: [(0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: "title", size: "md", showClear: true, required: true, outline: true }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('sub-right') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: '\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \u0432' }), (0, jsx_runtime_1.jsx)(form_1.DropDownField, { attribute: 'columnId', items: columns, size: "md", outline: true })] }))] }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: '\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right', 'column') }, { children: (0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: "description", size: "md", showClear: true }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)("div", { className: props.bem.element('label') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right', 'column') }, { children: (0, jsx_runtime_1.jsx)(form_1.HtmlField, { attribute: "fullDescription", size: "md" }) }))] })), !!((_d = props.tags) === null || _d === void 0 ? void 0 : _d.length) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row', 'tags-field') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0442\u0435\u0433\u0438' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right', 'column') }, { children: (0, jsx_runtime_1.jsx)(TagsSelector_1["default"], { tags: props.tags, formId: props.formId }) }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: '\u0418\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u0438' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right') }, { children: (0, jsx_runtime_1.jsx)(form_1.DropDownField, { attribute: 'assigner', selectedIds: ((_f = (_e = props.task) === null || _e === void 0 ? void 0 : _e.assigner) === null || _f === void 0 ? void 0 : _f.id) && [props.task.assigner.id], items: props.assigners, showReset: true, outline: true }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row', 'radio') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: '\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right') }, { children: (0, jsx_runtime_1.jsx)(form_1.RadioListField, { attribute: 'priority', items: prioritiesFields, selectedIds: [
+                                    (_j = (_h = (_g = props.task) === null || _g === void 0 ? void 0 : _g.priority) === null || _h === void 0 ? void 0 : _h.id) !== null && _j !== void 0 ? _j : KanbanPrioritiesEnum_1["default"].getDefaultSelectedPriorityId(),
+                                ], multiple: false, orientation: 'horizontal' }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('button') }, { children: (0, jsx_runtime_1.jsx)(form_1.Button, { type: "submit", label: props.submitButtonLabel, size: "md" }) }))] })) })));
+}
+exports["default"] = CreateOrEditTaskModalContentView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/index.d.ts

@@ -0,0 +1,2 @@
+import CreateOrEditTaskModalContentView from './CreateOrEditTaskModalContentView';
+export default CreateOrEditTaskModalContentView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var CreateOrEditTaskModalContentView_1 = __importDefault(require("./CreateOrEditTaskModalContentView"));
+exports["default"] = CreateOrEditTaskModalContentView_1["default"];

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ILabelProps {
+    content: string;
+    className: string;
+}
+export default function Label(props: ILabelProps): JSX.Element;
+export {};

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var typography_1 = require("../../../../../../../../../../src/ui/typography");
+function Label(props) {
+    return ((0, jsx_runtime_1.jsx)(typography_1.Text, { type: 'body2', content: props.content, color: "light-dark" }));
+}
+exports["default"] = Label;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/index.d.ts

@@ -0,0 +1,2 @@
+import Label from './Label';
+export default Label;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Label_1 = __importDefault(require("./Label"));
+exports["default"] = Label_1["default"];

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ITaskTag } from '../../../../../../../../../../src/ui/content/Kanban/Kanban';
+interface ITagsSelectorProps {
+    tags?: ITaskTag[];
+    formId?: string;
+}
+export default function TagsSelector(props: ITagsSelectorProps): JSX.Element;
+export {};

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.js

@@ -0,0 +1,35 @@
+"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 };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../../../../../../../../../../src/hooks");
+var form_1 = require("../../../../../../../../../../src/reducers/form");
+var form_2 = require("../../../../../../../../../../src/ui/form");
+var TaskTags_1 = __importDefault(require("../../../../../TaskTags"));
+function TagsSelector(props) {
+    var bem = (0, hooks_1.useBem)('TagsSelector');
+    var selectedTags = (0, hooks_1.useSelector)(function (state) { return (0, form_1.getFormValues)(state, props.formId); }).tags;
+    var taskTags = (0, react_1.useMemo)(function () { return (props.tags.filter(function (tag) { return selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.includes(tag.id); })); }, [props.tags, selectedTags]);
+    var tagsList = (0, react_1.useMemo)(function () { return (props.tags.map(function (tag) { return ({
+        id: tag.id,
+        label: tag.message,
+        contentType: 'icon',
+        contentSrc: (0, jsx_runtime_1.jsx)("div", { className: bem.element('tag-color', tag.type) })
+    }); })); }, [bem, props.tags]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [!!(selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.length) && ((0, jsx_runtime_1.jsx)(TaskTags_1["default"], { tags: taskTags })), (0, jsx_runtime_1.jsx)(form_2.DropDownField, { attribute: 'tags', placeholder: '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u0433\u0438', multiple: true, items: tagsList, selectedIds: selectedTags, autoComplete: true, outline: true })] })));
+}
+exports["default"] = TagsSelector;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/index.d.ts

@@ -0,0 +1,2 @@
+import TagsSelector from './TagsSelector';
+export default TagsSelector;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var TagsSelector_1 = __importDefault(require("./TagsSelector"));
+exports["default"] = TagsSelector_1["default"];

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IKanbanTaskDetailsModalViewProps } from '../../../../../../../../src/ui/content/Kanban/Kanban';
+export default function TaskDetailsModalContentView(props: IKanbanTaskDetailsModalViewProps): JSX.Element;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var content_1 = require("../../../../../../../../src/ui/content");
+var KanbanPrioritiesEnum_1 = __importDefault(require("../../../../../../../../src/ui/content/Kanban/enums/KanbanPrioritiesEnum"));
+var typography_1 = require("../../../../../../../../src/ui/typography");
+function TaskDetailsModalContentView(props) {
+    var _a;
+    var _b = props.task, tags = _b.tags, priority = _b.priority, description = _b.description, assigner = _b.assigner;
+    var toTags = (0, react_1.useCallback)(function (tag) { return ((0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: tag.message, type: tag.type }, tag.id)); }, []);
+    var priorityLabel = (0, react_1.useMemo)(function () { return KanbanPrioritiesEnum_1["default"].getLabel(priority === null || priority === void 0 ? void 0 : priority.type); }, [priority === null || priority === void 0 ? void 0 : priority.type]);
+    var priorityColor = (0, react_1.useMemo)(function () { return KanbanPrioritiesEnum_1["default"].getColorByType(priority === null || priority === void 0 ? void 0 : priority.type); }, [priority === null || priority === void 0 ? void 0 : priority.type]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('content') }, { children: [description && ((0, jsx_runtime_1.jsx)(typography_1.Text, { type: "body", content: description, tag: "p" })), !!(tags === null || tags === void 0 ? void 0 : tags.length) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('row', 'tags') }, { children: tags.map(toTags) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { type: 'body3', content: '\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442', color: "light-dark" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('data') }, { children: (0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: priorityLabel, type: priorityColor }) }))] })), assigner && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { type: 'body3', content: '\u0418\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C', color: "light-dark" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('data') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('assigner') }, { children: [(0, jsx_runtime_1.jsx)(content_1.Avatar, { src: (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src, title: assigner.firstName, size: 'sm' }), (0, jsx_runtime_1.jsx)(typography_1.Text, { type: "body", content: "".concat(assigner.firstName || '', " ").concat(assigner.lastName || '') })] })) }))] })))] })));
+}
+exports["default"] = TaskDetailsModalContentView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/TaskDetailsModalContent/index.d.ts

@@ -0,0 +1,2 @@
+import TaskDetailsModalContentView from './TaskDetailsModalContentView';
+export default TaskDetailsModalContentView;

package/tests/ui/content/Kanban/mockViews/KanbanModal/views/TaskDetailsModalContent/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var TaskDetailsModalContentView_1 = __importDefault(require("./TaskDetailsModalContentView"));
+exports["default"] = TaskDetailsModalContentView_1["default"];

package/tests/ui/content/Kanban/mockViews/KanbanTaskMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IKanbanTaskViewProps } from '../../../../../src/ui/content/Kanban/Kanban';
+export default function KanbanTaskView(props: IKanbanTaskViewProps): JSX.Element;

package/tests/ui/content/Kanban/mockViews/KanbanTaskMockView.js

@@ -0,0 +1,31 @@
+"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 };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TaskTags_1 = __importDefault(require("./TaskTags/TaskTags"));
+var hooks_1 = require("../../../../../src/hooks");
+var Avatar_1 = __importDefault(require("../../../../../src/ui/content/Avatar/Avatar"));
+var typography_1 = require("../../../../../src/ui/typography");
+function KanbanTaskView(props) {
+    var bem = (0, hooks_1.useBem)('KanbanTaskView');
+    var _a = props.task, id = _a.id, title = _a.title, description = _a.description, tags = _a.tags, assigner = _a.assigner, priority = _a.priority;
+    var Draggable = props.draggableComponent;
+    return ((0, jsx_runtime_1.jsx)(Draggable, __assign({ draggableId: id.toString(), index: props.index }, { children: function (provided) {
+            var _a;
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, provided.draggableProps, provided.dragHandleProps, { ref: provided.innerRef }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('wrapper') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('header') }, { children: (0, jsx_runtime_1.jsxs)("h4", __assign({ className: bem.element('title'), "aria-hidden": 'true', onClick: function () { return props.onOpenTaskDetailsModal(props.task, props.columnId); } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('task-id') }, { children: "#".concat(id, " ") })), title] })) })), description && ((0, jsx_runtime_1.jsx)(typography_1.Text, { type: 'body2', content: description }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('footer') }, { children: [tags && ((0, jsx_runtime_1.jsx)(TaskTags_1["default"], { tags: tags })), assigner && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('assigner') }, { children: (0, jsx_runtime_1.jsx)(Avatar_1["default"], { src: (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src, title: "".concat(assigner.firstName, " ").concat(assigner.lastName), size: 'sm' }) })))] }))] })), priority && ((0, jsx_runtime_1.jsx)("span", { className: bem.element('priority', !!priority && "".concat(priority.type)) }))] })));
+        } })));
+}
+exports["default"] = KanbanTaskView;

package/tests/ui/content/Kanban/mockViews/TaskTags/TaskTags.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ITaskTag } from '../../../../../../src/ui/content/Kanban/Kanban';
+interface ITaskTagsProps {
+    tags: ITaskTag[];
+    showClose?: boolean;
+    onClose?: (id: number) => void;
+}
+export default function TaskTags(props: ITaskTagsProps): JSX.Element;
+export {};

package/tests/ui/content/Kanban/mockViews/TaskTags/TaskTags.js

@@ -0,0 +1,21 @@
+"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);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../../../src/hooks");
+var content_1 = require("../../../../../../src/ui/content");
+function TaskTags(props) {
+    var bem = (0, hooks_1.useBem)('TaskTags');
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: props.tags.map(function (tag) { return ((0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: tag.message, type: tag.type, showClose: props.showClose, onClose: function () { return props.onClose(tag.id); } }, tag.id)); }) })));
+}
+exports["default"] = TaskTags;

package/tests/ui/content/Kanban/mockViews/TaskTags/index.d.ts

@@ -0,0 +1,2 @@
+import TaskTags from './TaskTags';
+export default TaskTags;

package/tests/ui/content/Kanban/mockViews/TaskTags/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var TaskTags_1 = __importDefault(require("./TaskTags"));
+exports["default"] = TaskTags_1["default"];

package/tests/ui/content/Kanban/reducers/getters.test.d.ts

@@ -0,0 +1 @@
+export {};