@steroidsjs/core 3.0.0-beta.90 → 3.0.0-beta.92

package/en.json

@@ -436,7 +436,7 @@
     "Возможность удаления группы с полями (добавляет крестик справа от группы)": "Ability to delete a field group (adds a cross icon to the right of the group).",
     "Дополнительный CSS-класс для таблицы": "Additional CSS class for the table.",
     "Пропсы для компонента отображения списка с группами полей - FieldListView": "Props for the component displaying the list with field groups - FieldListView.",
-    "Дополнительный CSS-класс для \\<fieldset\\>...\\<\\/fieldset\\>": "Additional CSS class for the <fieldset>...</fieldset>.",
+    "Дополнительный CSS-класс для '<fieldset>...</fieldset>'": "Additional CSS class for the '<fieldset>...</fieldset>'.",
     "Диспатч": "Dispatch.",
     "Конфигурационный массив с полями формы": "Configuration array with form fields.",
     "Заголовок для группы полей в форме": "Title for the field group in the form.",
@@ -458,7 +458,7 @@
     "Url на который будет отправлена форма": "URL to which the form will be submitted.",
     "Синхронизация значений формы с адресной строкой": "Synchronize form values with the address bar.",
     "Очищать ли данные формы с redux хранилища при размонтировании компонента. По-умолчанию - false": "Whether to clear form data from the Redux store when the component is unmounted. Default is false.",
-    "Если в форме есть элементы input, то произойдет автоматическая фокусировка на первом из них": "If there are \\ <input\\> elements in the form, automatic focus will occur on the first one.",
+    "Если в форме есть элементы '<input>', то произойдет автоматическая фокусировка на первом из них": "If there are '<input>' elements in the form, automatic focus will occur on the first one.",
     "Сохраняет значения полей формы в LocalStorage": "Saves form field values to LocalStorage.",
     "Автоматически стартовать 2fa аутентификацию (отправлять код)": "Automatically start 2FA authentication (send code).",
     "Название действия, которое передаётся в API Google reCAPTCHA v3, для более детального анализа\nповедения пользователя (https://developers.google.com/recaptcha/docs/v3)": "The name of the action that is passed to the Google reCAPTCHA v3 API for more detailed analysis of user behavior.",
@@ -534,7 +534,7 @@
     "Тип ReCaptcha. Может быть 'image' (изображение) или 'audio' (аудио).": "Type of ReCaptcha. Can be 'image' or 'audio'.",
     "Значение по-умолчанию при первом рендере. Для isRange=false используется number, для isRange=true - number[]": "Default value on initial render. For isRange=false, use number, for isRange=true - number[]",
     "Делает слайдер с двумя значениями": "Creates a slider with two values",
-    "Метки на ползунке. В объекте ({key: value}) key определяет положение, а value определяет, что будет отображаться.\nЕсли вы хотите задать стиль определенной точки метки, значением должен быть объект,\nсодержащий свойства style и label.": "Labels on the slider. In object ({key: value}), key defines position, and value defines what will be displayed.\nIf you want to style a specific label point, the value should be an object\ncontaining style and label properties.",
+    "Метки на ползунке. В объекте '{'key: value'}' key определяет положение, а value определяет, что будет отображаться.\nЕсли вы хотите задать стиль определенной точки метки, значением должен быть объект,\nсодержащий свойства style и label.": "Labels on the slider. In object '{'key: value'}', key defines position, and value defines what will be displayed.\nIf you want to style a specific label point, the value should be an object\ncontaining style and label properties.",
     "Максимальное значение в слайдере": "Maximum value on the slider",
     "Минимальное значение в слайдере": "Minimum value on the slider",
     "Функция, вызываемая после отпускания tip'а у слайдера (при событии onmouseup)": "Function called after releasing the slider tip (onmouseup event)",
@@ -548,11 +548,11 @@
     "Дата": "Date",
     "Переопределение view React компонента для кастомизации отображения колонки": "Override React view component to customize column display",
     "Показывать ли дату учитываю временную зону": "Whether to show the date considering time zone",
-    "Перечисление элементов.\n1) Может быть строкой вида: `app.geo.enums.Cities`\n2) Массивом: [{id: 1, label: \"London\"}]": "Enumeration of elements.\n1) Can be a string like: `app.geo.enums.Cities`\n2) Array: [{id: 1, label: \"London\"}]",
+    "Перечисление элементов.\n1) Может быть строкой вида: `app.geo.enums.Cities`\n2) Массивом: ['{'id: 1, label: \"London\"'}']": "Enumeration of elements.\n1) Can be a string like: `app.geo.enums.Cities`.\n2) Array: ['{'id: 1, label: \"London\"'}'].",
     "Уникальный идентификатор элемента из `items`": "Unique identifier of the element from `items`",
     "Если не указан размер файла, то в случае, если showZero = true\nто будет показан `0`, иначе пустая строка": "If file size is not specified, and showZero = true,\nthen '0' will be displayed, otherwise an empty string",
     "Размер файла": "File size",
-    "Валюта @enum {eur, rub, usd}": "Currency @enum {eur, rub, usd}",
+    "Валюта @enum '{eur, rub, usd}'": "Currency @enum '{eur, rub, usd}'",
     "Разрядность (при передаче int в значении)": "Precision (when passing int in value)",
     "Округление числа": "Number rounding",
     "Значение для MoneyFormatter": "Value for MoneyFormatter",
@@ -621,7 +621,7 @@
     "CSS-класс для ячейки со значением": "CSS class for cell with value",
     "Диаграмма.\nЦвет должен соответствовать success | warning | danger | secondary.\nЦвета можно расширить или изменить через стили (см. colors.scss в react-bootstrap)": "Diagram.\nThe color must correspond to success | warning | danger | secondary.\nColors can be extended or changed using styles (see colors.scss in react-bootstrap)",
     "Свойства для компонента форматирования": "Props for formatting component",
-    "CSS-класс для ячейки с заголовком колонки <th>...</th>": "CSS class for cell with column header <th>...</th>",
+    "CSS-класс для ячейки с заголовком колонки '<th>...</th>'": "CSS class for cell with column header '<th>...</th>'",
     "Свойства для компонента отображения заголовка колонки": "Props for component to display column header",
     "Компонент для кастомизации отображения заголовка колонки": "Component for customizing the display of the column header",
     "Подсказка": "Tooltip",
@@ -711,7 +711,6 @@
     "Свойства шаблона": "Template properties",
     "Общий шаблон, который оборачивает страницы приложения": "Common template that wraps application pages",
     "Идентификатор узла": "Node identifier",
-    "Вложенные элементы\n[{id: 2, label: 'Nested element', items: [...]}]": "Nested elements\n[{id: 2, label: 'Nested element', items: [...]}]",
     "Скрыть или показать узел": "Hide or show node",
     "Максимальный уровень вложенности, до которого все узлы будут отображаться в развёрнутом виде": "Maximum nesting level, up to which all nodes will be displayed in an expanded form",
     "Отображать раскрытыми узлы из LocalStorage": "Display nodes expanded from LocalStorage",
@@ -794,7 +793,6 @@
     "Позиция компонента справа": "Component position on the right",
     "Позиция компонента сверху": "Component position on top",
     "Обработчик события загрузки файлов": "File upload event handler",
-    "Если в форме есть элементы \\<input\\>, то произойдет автоматическая фокусировка на первом из них": "If there are \\<input\\> elements in the form, automatic focus will be on the first one",
     "Варианты абсолютного позиционирования": "Absolute positioning options",
     "Получение экземпляра `dayjs` с учетом временной зоны бекенда": "Getting an instance of `dayjs` considering the backend time zone",
     "Алиас для метода `translate`": "Alias for the `translate` method",
@@ -820,5 +818,12 @@
     "Вс": "Su",
     "Компонент для представления данных коллекции в виде иерархической структуры.": "A component for representing collection data in the form of a hierarchical structure.",
     "Уникальный идентификатор,\nиспользуется для сохранения состояния открыта или закрыта ячейка": "Unique identifier \nused to save the open or closed state of a cell",
-    "Включает обработку вложенных данных из items вида [{id: 1, name: 'John', items: [...]}]": ""
+    "Включает обработку вложенных данных из items": "Enables the processing of nested data from items",
+    "Callback вызываемый при нажатии на смену года или месяца в шапке Calendar": "",
+    "Пользовательский цвет для чекбокса": "",
+    "Включает обработку вложенных данных из items вида [{id: 1, name: 'John', items: [...]}]": "",
+    "\nКомпонент `FileField` представляет собой поле формы для загрузки файлов.\nОн использует хук `useFile` для управления состоянием файлов и выполнения операций с файлами, таких как выбор и удаление.\nКомпонент поддерживает различные варианты отображения файлов (список или стена) с помощью перечисления `FilesLayout`.\nНа backendUrl по дефолту файл отправляется в теле запроса в виде бинарного кода.\nЧтобы отправлять файл в виде form-data (например в таком виде принимает файл FileModule в библиотеке steroidsjs/nest),\nнужно передать в `FileField` пропс uploaderConfig, в котором нужно указать поле useFormData: true.\n": "",
+    "Колонки канбан доски": "",
+    "Идентификатор канбан доски": "",
+    "Обработчик события окончания перетаскивания карточки или колонки": ""
 }

package/hooks/useList.d.ts

@@ -150,7 +150,7 @@ export interface IListConfig {
      */
     initialTotal?: number;
     /**
-     * Включает обработку вложенных данных из items вида [{id: 1, name: 'John', items: [...]}]
+     * Включает обработку вложенных данных из items
      */
     hasTreeItems?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.90",
+ "version": "3.0.0-beta.92",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {
@@ -18,10 +18,10 @@
   "url": "https://github.com/steroids/react/issues"
  },
  "scripts": {
-  "docs": "node build/docs-autogen.js",
+  "docs": "node docs/docs-autogen.js",
   "test": "jest",
   "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src ./tests --quiet",
-  "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/ && cp build/docs-autogen-result.json dist/ && cp build/locales/en.json dist/",
+  "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/ && cp docs/docs-autogen-result.json dist/ && cp docs/locales/en.json dist/",
   "watch": "tsc -p tsconfig-debug.json"
  },
  "dependencies": {

package/ui/content/CalendarSystem/hooks/useExpandClickAway.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const useExpandClickAway: () => {
+    isExpanded: boolean;
+    setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    triggerRef: React.MutableRefObject<any>;
+};
+export default useExpandClickAway;

package/ui/content/CalendarSystem/hooks/useExpandClickAway.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = __importDefault(require("react"));
+var react_use_1 = require("react-use");
+var useExpandClickAway = function () {
+    var _a = react_1["default"].useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
+    var triggerRef = react_1["default"].useRef(null);
+    (0, react_use_1.useClickAway)(triggerRef, function () {
+        if (!isExpanded) {
+            return;
+        }
+        setIsExpanded(false);
+    });
+    return {
+        isExpanded: isExpanded,
+        setIsExpanded: setIsExpanded,
+        triggerRef: triggerRef
+    };
+};
+exports["default"] = useExpandClickAway;

package/ui/content/Kanban/Kanban.d.ts

@@ -0,0 +1,107 @@
+/// <reference types="react" />
+import { IDropDownFieldItem } from '@steroidsjs/core/ui/form/DropDownField/DropDownField';
+import { IKanbanConfig } from '@steroidsjs/core/ui/content/Kanban/hooks/useKanban';
+import { KanbanModalTypeEnum } from '@steroidsjs/core/ui/content/Kanban/enums';
+import { IBem } from '@steroidsjs/core/hooks/useBem';
+import { IModalProps } from '../../modal/Modal/Modal';
+export interface ITaskTag {
+    id: number;
+    message: string;
+    type: string;
+}
+export interface ITaskAssigner {
+    id: number;
+    firstName: string;
+    lastName: string;
+    avatar?: {
+        src: string;
+    };
+}
+export interface ITaskPriority {
+    id: number;
+    type: string;
+}
+export interface IKanbanTask {
+    id: string;
+    title: string;
+    description?: string;
+    fullDescription?: string;
+    priority?: ITaskPriority;
+    assigner?: ITaskAssigner;
+    tags?: ITaskTag[];
+}
+export interface IDragEndResult {
+    draggableId: number;
+    type: string;
+    source: {
+        index: number;
+        droppableId: number;
+    };
+    reason: string;
+    mode: string;
+    destination: {
+        droppableId: number;
+        index: number;
+    };
+    combine: null;
+}
+export interface IKanbanColumn {
+    id: string;
+    title: string;
+    tasks: IKanbanTask[];
+}
+export interface IKanbanModalViewProps extends IModalProps {
+    modalType: KanbanModalTypeEnum;
+    formId: string;
+    columns: IKanbanColumn[];
+    columnId: string;
+    assigners: IDropDownFieldItem[];
+    submitButtonLabel: string;
+    onSubmit: (id: string | null, data: any, columnId: string) => void;
+    onToggleModalType?: () => void;
+    task?: IKanbanTask;
+    tags?: ITaskTag[];
+}
+export interface ICreateOrEditTaskModalContentViewProps extends Omit<IKanbanModalViewProps, 'modalType'> {
+    bem: IBem;
+}
+export interface IKanbanTaskDetailsModalViewProps extends IModalProps {
+    bem: IBem;
+    task: IKanbanTask;
+}
+export interface IKanbanProps extends IKanbanConfig, IUiComponent {
+    /**
+     * Компонент обертка для инициализации области куда можно переместить элемент из библиотеки react-beautiful-dnd
+     * @example Droppable
+     */
+    droppableComponent: any;
+    /**
+     * Компонент обертка для регистрации элемента который можно переместить из библиотеки react-beautiful-dnd
+     * @example Draggable
+     */
+    draggableComponent: any;
+    /**
+     * Общий контекст обертка из библиотеки react-beautiful-dnd
+     * @example DragDropContext
+     */
+    dndContext: any;
+    [key: string]: any;
+}
+export interface IKanbanTaskViewProps {
+    task: IKanbanTask;
+    columnId: string;
+    index: number;
+    draggableComponent: any;
+    onOpenTaskDetailsModal: (task: IKanbanTask, columnId: string) => void;
+}
+export interface IKanbanColumnViewProps {
+    column: IKanbanColumn;
+    columnIndex: number;
+    droppableComponent: any;
+    draggableComponent: any;
+    task?: IKanbanTask;
+    renderTask: (task: IKanbanTask, columnId: string, index: number) => JSX.Element;
+    onOpenCreateTaskModal: (columnId: string) => void;
+}
+export type IKanbanViewProps = IKanbanProps;
+export default function Kanban(props: IKanbanProps): JSX.Element;

package/ui/content/Kanban/Kanban.js

@@ -0,0 +1,59 @@
+"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+exports.__esModule = true;
+var react_1 = __importStar(require("react"));
+var hooks_1 = require("../../../hooks");
+var hooks_2 = require("./hooks");
+function Kanban(props) {
+    var components = (0, hooks_1.useComponents)();
+    var DragDropContext = props.dndContext;
+    var _a = (0, hooks_2.useKanban)({
+        kanbanId: props.kanbanId,
+        columns: props.columns,
+        assigners: props.assigners,
+        tags: props.tags,
+        lastTaskId: props.lastTaskId,
+        onDragEnd: props.onDragEnd
+    }), columns = _a.columns, onDragEnd = _a.onDragEnd, onOpenTaskDetailsModal = _a.onOpenTaskDetailsModal, onOpenCreateTaskModal = _a.onOpenCreateTaskModal;
+    // Task
+    var Task = components.ui.getView('content.KanbanTaskView');
+    var renderTask = (0, react_1.useCallback)(function (task, columnId, index) { return (react_1["default"].createElement(Task, { key: task.id, task: task, columnId: columnId, index: index, draggableComponent: props.draggableComponent, onOpenTaskDetailsModal: onOpenTaskDetailsModal })); }, [Task, onOpenTaskDetailsModal, props.draggableComponent]);
+    // Column
+    var Column = components.ui.getView('content.KanbanColumnView');
+    var renderColumn = (0, react_1.useCallback)(function (column, index) { return (react_1["default"].createElement(Column, { key: column.id, column: column, columnIndex: index, draggableComponent: props.draggableComponent, droppableComponent: props.droppableComponent, renderTask: renderTask, onOpenCreateTaskModal: onOpenCreateTaskModal })); }, [Column, onOpenCreateTaskModal, props.draggableComponent, props.droppableComponent, renderTask]);
+    return (react_1["default"].createElement(DragDropContext, { onDragEnd: onDragEnd }, components.ui.renderView(props.view || 'content.KanbanView', __assign(__assign({}, props), { columns: columns, renderColumn: renderColumn }))));
+}
+exports["default"] = Kanban;

package/ui/content/Kanban/actions/index.d.ts

@@ -0,0 +1,2 @@
+import { KANBAN_MOVE_COLUMN, KANBAN_INIT, KANBAN_MOVE_TASK, KANBAN_ADD_TASK, KANBAN_EDIT_TASK, KANBAN_INCREASE_TASK_ID, kanbanInit, kanbanMoveColumn, kanbanMoveTask, kanbanAddTask, kanbanEditTask, kanbanIncreaseTaskId } from './kanban';
+export { KANBAN_MOVE_COLUMN, KANBAN_INIT, KANBAN_MOVE_TASK, KANBAN_ADD_TASK, KANBAN_EDIT_TASK, KANBAN_INCREASE_TASK_ID, kanbanInit, kanbanMoveColumn, kanbanMoveTask, kanbanAddTask, kanbanEditTask, kanbanIncreaseTaskId, };

package/ui/content/Kanban/actions/index.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+exports.kanbanIncreaseTaskId = exports.kanbanEditTask = exports.kanbanAddTask = exports.kanbanMoveTask = exports.kanbanMoveColumn = exports.kanbanInit = exports.KANBAN_INCREASE_TASK_ID = exports.KANBAN_EDIT_TASK = exports.KANBAN_ADD_TASK = exports.KANBAN_MOVE_TASK = exports.KANBAN_INIT = exports.KANBAN_MOVE_COLUMN = void 0;
+var kanban_1 = require("./kanban");
+exports.KANBAN_MOVE_COLUMN = kanban_1.KANBAN_MOVE_COLUMN;
+exports.KANBAN_INIT = kanban_1.KANBAN_INIT;
+exports.KANBAN_MOVE_TASK = kanban_1.KANBAN_MOVE_TASK;
+exports.KANBAN_ADD_TASK = kanban_1.KANBAN_ADD_TASK;
+exports.KANBAN_EDIT_TASK = kanban_1.KANBAN_EDIT_TASK;
+exports.KANBAN_INCREASE_TASK_ID = kanban_1.KANBAN_INCREASE_TASK_ID;
+exports.kanbanInit = kanban_1.kanbanInit;
+exports.kanbanMoveColumn = kanban_1.kanbanMoveColumn;
+exports.kanbanMoveTask = kanban_1.kanbanMoveTask;
+exports.kanbanAddTask = kanban_1.kanbanAddTask;
+exports.kanbanEditTask = kanban_1.kanbanEditTask;
+exports.kanbanIncreaseTaskId = kanban_1.kanbanIncreaseTaskId;

package/ui/content/Kanban/actions/kanban.d.ts

@@ -0,0 +1,40 @@
+export declare const KANBAN_INIT = "@kanban/init";
+export declare const KANBAN_MOVE_TASK = "@kanban/move_task";
+export declare const KANBAN_MOVE_COLUMN = "@kanban/move_column";
+export declare const KANBAN_ADD_TASK = "@kanban/add_task";
+export declare const KANBAN_EDIT_TASK = "@kanban/edit_task";
+export declare const KANBAN_INCREASE_TASK_ID = "@kanban/increase_task_id";
+export declare const kanbanInit: (kanbanId: any, payload: any) => {
+    type: string;
+    payload: any;
+};
+export declare const kanbanMoveTask: (kanbanId: any, source: any, destination: any) => {
+    type: string;
+    kanbanId: any;
+    source: any;
+    destination: any;
+};
+export declare const kanbanMoveColumn: (kanbanId: any, source: any, destination: any) => {
+    type: string;
+    kanbanId: any;
+    source: any;
+    destination: any;
+};
+export declare const kanbanAddTask: (kanbanId: any, columnId: any, task: any) => {
+    type: string;
+    kanbanId: any;
+    columnId: any;
+    task: any;
+};
+export declare const kanbanEditTask: (kanbanId: any, columnId: any, prevColumnId: any, task: any) => {
+    type: string;
+    kanbanId: any;
+    columnId: any;
+    prevColumnId: any;
+    task: any;
+};
+export declare const kanbanIncreaseTaskId: (kanbanId: any, lastTaskId: any) => {
+    type: string;
+    kanbanId: any;
+    lastTaskId: any;
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+exports.__esModule = true;
+exports.kanbanIncreaseTaskId = exports.kanbanEditTask = exports.kanbanAddTask = exports.kanbanMoveColumn = exports.kanbanMoveTask = exports.kanbanInit = exports.KANBAN_INCREASE_TASK_ID = exports.KANBAN_EDIT_TASK = exports.KANBAN_ADD_TASK = exports.KANBAN_MOVE_COLUMN = exports.KANBAN_MOVE_TASK = exports.KANBAN_INIT = void 0;
+exports.KANBAN_INIT = '@kanban/init';
+exports.KANBAN_MOVE_TASK = '@kanban/move_task';
+exports.KANBAN_MOVE_COLUMN = '@kanban/move_column';
+exports.KANBAN_ADD_TASK = '@kanban/add_task';
+exports.KANBAN_EDIT_TASK = '@kanban/edit_task';
+exports.KANBAN_INCREASE_TASK_ID = '@kanban/increase_task_id';
+var kanbanInit = function (kanbanId, payload) { return ({
+    type: exports.KANBAN_INIT,
+    payload: payload
+}); };
+exports.kanbanInit = kanbanInit;
+var kanbanMoveTask = function (kanbanId, source, destination) { return ({
+    type: exports.KANBAN_MOVE_TASK,
+    kanbanId: kanbanId,
+    source: source,
+    destination: destination
+}); };
+exports.kanbanMoveTask = kanbanMoveTask;
+var kanbanMoveColumn = function (kanbanId, source, destination) { return ({
+    type: exports.KANBAN_MOVE_COLUMN,
+    kanbanId: kanbanId,
+    source: source,
+    destination: destination
+}); };
+exports.kanbanMoveColumn = kanbanMoveColumn;
+var kanbanAddTask = function (kanbanId, columnId, task) { return ({
+    type: exports.KANBAN_ADD_TASK,
+    kanbanId: kanbanId,
+    columnId: columnId,
+    task: task
+}); };
+exports.kanbanAddTask = kanbanAddTask;
+var kanbanEditTask = function (kanbanId, columnId, prevColumnId, task) { return ({
+    type: exports.KANBAN_EDIT_TASK,
+    kanbanId: kanbanId,
+    columnId: columnId,
+    prevColumnId: prevColumnId,
+    task: task
+}); };
+exports.kanbanEditTask = kanbanEditTask;
+var kanbanIncreaseTaskId = function (kanbanId, lastTaskId) { return ({
+    type: exports.KANBAN_INCREASE_TASK_ID,
+    kanbanId: kanbanId,
+    lastTaskId: lastTaskId
+}); };
+exports.kanbanIncreaseTaskId = kanbanIncreaseTaskId;

package/ui/content/Kanban/constants/modalAndFormIds.d.ts

@@ -0,0 +1,4 @@
+export declare const CREATE_TASK_MODAL_ID = "CreateKanbanTaskModal";
+export declare const CREATE_TASK_FORM_ID = "CreateTaskForm";
+export declare const EDIT_TASK_MODAL_ID = "EditKanbanTaskModal";
+export declare const EDIT_TASK_FORM_ID = "EditTaskForm";

package/ui/content/Kanban/constants/modalAndFormIds.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+exports.EDIT_TASK_FORM_ID = exports.EDIT_TASK_MODAL_ID = exports.CREATE_TASK_FORM_ID = exports.CREATE_TASK_MODAL_ID = void 0;
+exports.CREATE_TASK_MODAL_ID = 'CreateKanbanTaskModal';
+exports.CREATE_TASK_FORM_ID = 'CreateTaskForm';
+exports.EDIT_TASK_MODAL_ID = 'EditKanbanTaskModal';
+exports.EDIT_TASK_FORM_ID = 'EditTaskForm';

package/ui/content/Kanban/enums/KanbanModalTypeEnum.d.ts

@@ -0,0 +1,13 @@
+import Enum from '../../../../base/Enum';
+export default class KanbanModalTypeEnum extends Enum {
+    static DETAILS: string;
+    static EDIT: string;
+    static CREATE: string;
+    static getLabels(): {
+        [x: string]: string;
+    };
+    static getModalIcons(): {
+        [x: string]: string;
+    };
+    static getModalIconByType(type: any): string;
+}

package/ui/content/Kanban/enums/KanbanModalTypeEnum.js

@@ -0,0 +1,49 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Enum_1 = __importDefault(require("../../../../base/Enum"));
+var KanbanModalTypeEnum = /** @class */ (function (_super) {
+    __extends(KanbanModalTypeEnum, _super);
+    function KanbanModalTypeEnum() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    KanbanModalTypeEnum.getLabels = function () {
+        var _a;
+        return _a = {},
+            _a[this.EDIT] = __('Редактировать задачу'),
+            _a[this.CREATE] = __('Новая задача'),
+            _a;
+    };
+    KanbanModalTypeEnum.getModalIcons = function () {
+        var _a;
+        return _a = {},
+            _a[this.EDIT] = 'expand_left_double',
+            _a[this.DETAILS] = 'edit',
+            _a;
+    };
+    KanbanModalTypeEnum.getModalIconByType = function (type) {
+        return this.getModalIcons()[type] || '';
+    };
+    KanbanModalTypeEnum.DETAILS = 'details';
+    KanbanModalTypeEnum.EDIT = 'edit';
+    KanbanModalTypeEnum.CREATE = 'create';
+    return KanbanModalTypeEnum;
+}(Enum_1["default"]));
+exports["default"] = KanbanModalTypeEnum;

package/ui/content/Kanban/enums/KanbanPrioritiesEnum.d.ts

@@ -0,0 +1,18 @@
+import { ITaskPriority } from '../Kanban';
+import Enum from '../../../../base/Enum';
+export default class KanbanPrioritiesEnum extends Enum {
+    static HIGH: string;
+    static MIDDLE: string;
+    static DEFAULT: string;
+    static getLabels(): {
+        [x: string]: string;
+    };
+    static getLabel(id: any): string;
+    static getColorsByType(): {
+        [x: string]: string;
+    };
+    static getColorByType(type: any): string;
+    static getPrioritiesArray(): ITaskPriority[];
+    static getPriorityById(id: any): any;
+    static getDefaultSelectedPriorityId(): any;
+}

package/ui/content/Kanban/enums/KanbanPrioritiesEnum.js

@@ -0,0 +1,78 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var find_1 = __importDefault(require("lodash-es/find"));
+var Enum_1 = __importDefault(require("../../../../base/Enum"));
+var KanbanPrioritiesEnum = /** @class */ (function (_super) {
+    __extends(KanbanPrioritiesEnum, _super);
+    function KanbanPrioritiesEnum() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    KanbanPrioritiesEnum.getLabels = function () {
+        var _a;
+        return _a = {},
+            _a[this.HIGH] = __('Высокий'),
+            _a[this.MIDDLE] = __('Средний'),
+            _a[this.DEFAULT] = __('Без приоритета'),
+            _a;
+    };
+    KanbanPrioritiesEnum.getLabel = function (id) {
+        return this.getLabels()[id || this.DEFAULT] || '';
+    };
+    KanbanPrioritiesEnum.getColorsByType = function () {
+        var _a;
+        return _a = {},
+            _a[this.HIGH] = 'danger',
+            _a[this.MIDDLE] = 'warning',
+            _a[this.DEFAULT] = 'light-gray',
+            _a;
+    };
+    KanbanPrioritiesEnum.getColorByType = function (type) {
+        return this.getColorsByType()[type || this.DEFAULT] || '';
+    };
+    KanbanPrioritiesEnum.getPrioritiesArray = function () {
+        return [
+            {
+                id: 1,
+                type: this.HIGH
+            },
+            {
+                id: 2,
+                type: this.MIDDLE
+            },
+            {
+                id: 3,
+                type: this.DEFAULT
+            },
+        ];
+    };
+    KanbanPrioritiesEnum.getPriorityById = function (id) {
+        return (0, find_1["default"])(this.getPrioritiesArray(), { id: id }) || null;
+    };
+    KanbanPrioritiesEnum.getDefaultSelectedPriorityId = function () {
+        var defaultPriority = (0, find_1["default"])(this.getPrioritiesArray(), { type: this.DEFAULT });
+        return defaultPriority ? defaultPriority.id : null;
+    };
+    KanbanPrioritiesEnum.HIGH = 'high';
+    KanbanPrioritiesEnum.MIDDLE = 'middle';
+    KanbanPrioritiesEnum.DEFAULT = 'default';
+    return KanbanPrioritiesEnum;
+}(Enum_1["default"]));
+exports["default"] = KanbanPrioritiesEnum;

package/ui/content/Kanban/enums/index.d.ts

@@ -0,0 +1,3 @@
+import KanbanPrioritiesEnum from './KanbanPrioritiesEnum';
+import KanbanModalTypeEnum from './KanbanModalTypeEnum';
+export { KanbanPrioritiesEnum, KanbanModalTypeEnum, };

package/ui/content/Kanban/enums/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.KanbanModalTypeEnum = exports.KanbanPrioritiesEnum = void 0;
+var KanbanPrioritiesEnum_1 = __importDefault(require("./KanbanPrioritiesEnum"));
+exports.KanbanPrioritiesEnum = KanbanPrioritiesEnum_1["default"];
+var KanbanModalTypeEnum_1 = __importDefault(require("./KanbanModalTypeEnum"));
+exports.KanbanModalTypeEnum = KanbanModalTypeEnum_1["default"];

package/ui/content/Kanban/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import useKanban from './useKanban';
+export { useKanban };

package/ui/content/Kanban/hooks/index.js

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