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

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

@@ -0,0 +1,70 @@
+import { IDragEndResult, IKanbanColumn, IKanbanTask, ITaskAssigner, ITaskTag } from '../Kanban';
+export interface IKanbanConfig {
+    /**
+     * Идентификатор канбан доски
+     * @example TasksKanban
+     */
+    kanbanId?: string;
+    /**
+     * Коллекция с наименованиями и свойствами колонок в таблице
+     * @example [
+     *             {
+     *              id: 1,
+     *              title: 'column 1',
+     *              tasks: [{ content: 'item 1', id: 1 }],
+     *             },
+     *             {
+     *              id: 2,
+     *              title: 'column 2',
+     *              tasks: [],
+     *             }
+     *          ]
+     */
+    columns: IKanbanColumn[];
+    /**
+     * Массив тегов для задач
+     */
+    tags?: ITaskTag[];
+    /**
+     * Массив исполнителей, которых можно назначить для выполнения задачи
+     */
+    assigners?: ITaskAssigner[];
+    /**
+     * Обработчик события окончания перетаскивания карточки или колонки
+     * В result передается объект с информацией о событии
+     * @example {
+     *     draggableId: 1,
+     *     type: 'task',
+     *     source: {
+     *         index: 0,
+     *         droppableId: 2
+     *     },
+     *     reason: 'DROP',
+     *     mode: 'FLUID',
+     *     destination: {
+     *         droppableId: 2,
+     *         index: 1
+     *     },
+     *     combine: null
+     * }
+     */
+    onDragEnd?: (result: IDragEndResult) => void;
+    /**
+     * Обработчик события создания карточки
+     */
+    onCreateTask?: (kanbanId: string, columnId: number, task: IKanbanTask) => void;
+    /**
+     * Обработчик события редактирования карточки
+     */
+    onEditTask?: (task: IKanbanTask) => void;
+    /**
+     * Идентификатор последней созданной задачи, нужен для определения последовательности id для новых задач
+     */
+    lastTaskId?: number;
+}
+export default function useKanban(config: IKanbanConfig): {
+    columns: any;
+    onDragEnd: (result: any) => void;
+    onOpenTaskDetailsModal: (task: any, columnId: any) => void;
+    onOpenCreateTaskModal: (columnId: any) => void;
+};

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

@@ -0,0 +1,174 @@
+"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 react_use_1 = require("react-use");
+var modal_1 = require("../../../../actions/modal");
+var hooks_1 = require("../../../../hooks");
+var enums_1 = require("../enums");
+var reducers_1 = require("../reducers");
+var actions_1 = require("../actions");
+var modalAndFormIds_1 = require("../constants/modalAndFormIds");
+var COLUMNS_DROPPABLE_ID = 'all-columns';
+var INITIAL_TASK_ID = 1;
+var normalizeAssignersForDropDownItems = function (assigners) { return assigners.map(function (assigner) {
+    var _a, _b;
+    return ({
+        id: assigner.id,
+        label: "".concat(assigner.firstName || '', " ").concat(assigner.lastName || ''),
+        contentType: assigner.avatar ? 'img' : 'icon',
+        contentSrc: (_b = (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src) !== null && _b !== void 0 ? _b : 'user'
+    });
+}); };
+var normalizeEditTaskFormForState = function (id, data, assigners, tags) { return ({
+    id: id,
+    title: data.title || '',
+    description: data.description || '',
+    fullDescription: data.fullDescription || '',
+    priority: enums_1.KanbanPrioritiesEnum.getPriorityById(data.priority),
+    assigner: assigners.find(function (user) { return user.id === data.assigner; }) || null,
+    tags: data.tags && tags && tags.filter(function (tag) { return data.tags.includes(tag.id); })
+}); };
+function useKanban(config) {
+    var _a = (0, hooks_1.useSelector)(function (state) { return ({
+        kanban: (0, reducers_1.getKanban)(state, config.kanbanId),
+        lastTaskId: (0, reducers_1.getLastTaskId)(state, config.kanbanId),
+        tags: (0, reducers_1.getKanbanTags)(state, config.kanbanId)
+    }); }), kanban = _a.kanban, lastTaskId = _a.lastTaskId, tags = _a.tags;
+    var dispatch = (0, hooks_1.useDispatch)();
+    // move card
+    var moveCard = (0, react_1.useCallback)(function (source, destination) {
+        dispatch((0, actions_1.kanbanMoveTask)(config.kanbanId, source, destination));
+    }, [config.kanbanId, dispatch]);
+    // move column
+    var moveColumn = (0, react_1.useCallback)(function (source, destination) {
+        dispatch((0, actions_1.kanbanMoveColumn)(config.kanbanId, source, destination));
+    }, [config.kanbanId, dispatch]);
+    var components = (0, hooks_1.useComponents)();
+    var onCreateTask = react_1["default"].useCallback(function (_, data) {
+        var newTaskId = lastTaskId ? lastTaskId + 1 : INITIAL_TASK_ID;
+        var newTask = normalizeEditTaskFormForState(newTaskId, data, config.assigners, tags);
+        if (config.onCreateTask) {
+            config.onCreateTask(config.kanbanId, data.columnId, newTask);
+        }
+        var toDispatch = [
+            (0, actions_1.kanbanAddTask)(config.kanbanId, data.columnId, newTask),
+            (0, actions_1.kanbanIncreaseTaskId)(config.kanbanId, newTaskId),
+            (0, modal_1.closeModal)(modalAndFormIds_1.CREATE_TASK_MODAL_ID),
+        ];
+        dispatch(toDispatch);
+    }, [config, dispatch, lastTaskId, tags]);
+    var onEditTask = react_1["default"].useCallback(function (id, data, prevColumnId) {
+        var editedTask = normalizeEditTaskFormForState(id, data, config.assigners, tags);
+        if (config.onEditTask) {
+            config.onEditTask(editedTask);
+        }
+        var toDispatch = [
+            (0, actions_1.kanbanEditTask)(config.kanbanId, data.columnId, prevColumnId, editedTask),
+            (0, modal_1.closeModal)(modalAndFormIds_1.EDIT_TASK_MODAL_ID),
+        ];
+        dispatch(toDispatch);
+    }, [config, dispatch, tags]);
+    // common modal
+    var KanbanModalView = components.ui.getView('content.KanbanModalView');
+    var createOrEditTaskCommonModalProps = react_1["default"].useMemo(function () { return ({
+        columns: kanban === null || kanban === void 0 ? void 0 : kanban.columns,
+        assigners: normalizeAssignersForDropDownItems(config.assigners || []),
+        tags: tags
+    }); }, [config.assigners, kanban === null || kanban === void 0 ? void 0 : kanban.columns, tags]);
+    // create task modal
+    var onOpenCreateTaskModal = react_1["default"].useCallback(function (columnId) {
+        if (columnId) {
+            dispatch((0, modal_1.openModal)(KanbanModalView, __assign(__assign({}, createOrEditTaskCommonModalProps), { modalId: modalAndFormIds_1.CREATE_TASK_MODAL_ID, modalType: enums_1.KanbanModalTypeEnum.CREATE, title: enums_1.KanbanModalTypeEnum.getLabel(enums_1.KanbanModalTypeEnum.CREATE), formId: modalAndFormIds_1.CREATE_TASK_FORM_ID, columnId: columnId, onSubmit: onCreateTask })));
+        }
+    }, [KanbanModalView, createOrEditTaskCommonModalProps, dispatch, onCreateTask]);
+    // task details modal
+    var onOpenTaskDetailsModal = react_1["default"].useCallback(function (task, columnId) {
+        if (task && columnId) {
+            dispatch((0, modal_1.openModal)(KanbanModalView, {
+                modalId: modalAndFormIds_1.EDIT_TASK_MODAL_ID,
+                modalType: enums_1.KanbanModalTypeEnum.DETAILS,
+                title: "#".concat(task.id, " ").concat(task.title),
+                task: task,
+                tags: tags,
+                // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                onToggleModalType: function () { return onOpenEditTaskModal(task, columnId); }
+            }));
+        }
+    }, [KanbanModalView, dispatch, kanban]);
+    // edit task modal
+    var onOpenEditTaskModal = react_1["default"].useCallback(function (task, columnId) {
+        if (task && columnId) {
+            dispatch((0, modal_1.openModal)(KanbanModalView, __assign(__assign({}, createOrEditTaskCommonModalProps), { modalId: modalAndFormIds_1.EDIT_TASK_MODAL_ID, modalType: enums_1.KanbanModalTypeEnum.EDIT, title: enums_1.KanbanModalTypeEnum.getLabel(enums_1.KanbanModalTypeEnum.EDIT), formId: modalAndFormIds_1.EDIT_TASK_FORM_ID, columnId: columnId, onSubmit: onEditTask, onToggleModalType: function () { return onOpenTaskDetailsModal(task, columnId); } })));
+        }
+    }, [KanbanModalView, createOrEditTaskCommonModalProps, dispatch, onEditTask, onOpenTaskDetailsModal]);
+    var onDragEnd = function (result) {
+        if (config.onDragEnd) {
+            config.onDragEnd(result);
+        }
+        // drop outside the column
+        if (!result.destination) {
+            return;
+        }
+        var source = result.source, destination = result.destination;
+        if (source.droppableId === COLUMNS_DROPPABLE_ID) {
+            // handle the column movement
+            moveColumn(source, destination);
+        }
+        else {
+            // handle the task card movement
+            moveCard(source, destination);
+        }
+    };
+    // Init kanban in redux store
+    (0, react_use_1.useMount)(function () {
+        if (!kanban) {
+            dispatch((0, actions_1.kanbanInit)(config.kanbanId, {
+                kanbanId: config.kanbanId,
+                columns: config.columns || null,
+                tags: config.tags || null,
+                lastTaskId: config.lastTaskId || null
+            }));
+        }
+    });
+    return {
+        columns: kanban === null || kanban === void 0 ? void 0 : kanban.columns,
+        onDragEnd: onDragEnd,
+        onOpenTaskDetailsModal: onOpenTaskDetailsModal,
+        onOpenCreateTaskModal: onOpenCreateTaskModal
+    };
+}
+exports["default"] = useKanban;

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

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

package/ui/content/Kanban/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 Kanban_1 = __importDefault(require("./Kanban"));
+exports["default"] = Kanban_1["default"];

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

@@ -0,0 +1,3 @@
+import kanban, { getKanban, getLastTaskId, getKanbanTags, getKanbanPriorities } from './kanban';
+export { getKanban, getLastTaskId, getKanbanTags, getKanbanPriorities };
+export default kanban;

package/ui/content/{Calendar/demo/basic.js → Kanban/reducers/index.js}

@@ -22,16 +22,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var Calendar_1 = __importDefault(require("../Calendar"));
-/**
- * Basic
- * @order 1
- * @col 5
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Calendar_1["default"], { value: '2021-10-15' }))); });
+exports.getKanbanPriorities = exports.getKanbanTags = exports.getLastTaskId = exports.getKanban = void 0;
+var kanban_1 = __importStar(require("./kanban"));
+exports.getKanban = kanban_1.getKanban;
+exports.getLastTaskId = kanban_1.getLastTaskId;
+exports.getKanbanTags = kanban_1.getKanbanTags;
+exports.getKanbanPriorities = kanban_1.getKanbanPriorities;
+exports["default"] = kanban_1["default"];

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

@@ -0,0 +1,9 @@
+export declare const getKanbanColumns: (state: any, kanbanId: any) => any;
+declare const _default: (state: {
+    kanbans: {};
+}, action: any) => any;
+export default _default;
+export declare const getKanban: (state: any, kanbanId: any) => any;
+export declare const getLastTaskId: (state: any, kanbanId: any) => any;
+export declare const getKanbanTags: (state: any, kanbanId: any) => any;
+export declare const getKanbanPriorities: (state: any, kanbanId: any) => any;

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

@@ -0,0 +1,122 @@
+"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 __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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+exports.__esModule = true;
+exports.getKanbanPriorities = exports.getKanbanTags = exports.getLastTaskId = exports.getKanban = exports.getKanbanColumns = void 0;
+var get_1 = __importDefault(require("lodash-es/get"));
+var actions_1 = require("../actions");
+var initialState = {
+    kanbans: {}
+};
+var getKanbanColumns = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanbans', kanbanId, 'columns']) || []; };
+exports.getKanbanColumns = getKanbanColumns;
+var reducerMap = (_a = {},
+    _a[actions_1.KANBAN_INIT] = function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.payload.kanbanId] = __assign({}, action.payload), _a)) }));
+    },
+    _a[actions_1.KANBAN_MOVE_TASK] = function (state, action) {
+        var _a;
+        if (state.kanbans[action.kanbanId]) {
+            var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
+            var sourceColumn = columns.find(function (column) { return column.id === Number(action.source.droppableId); });
+            var sourceTasks = sourceColumn.tasks;
+            var removedTask = sourceTasks.splice(action.source.index, 1)[0];
+            // move task to different column
+            if (action.source.droppableId !== action.destination.droppableId) {
+                var destinationColumn = columns.find(function (column) { return column.id === Number(action.destination.droppableId); });
+                var destinationTasks = destinationColumn.tasks;
+                destinationTasks.splice(action.destination.index, 0, removedTask);
+            }
+            else {
+                sourceTasks.splice(action.destination.index, 0, removedTask);
+            }
+            return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
+        }
+        return [];
+    },
+    _a[actions_1.KANBAN_MOVE_COLUMN] = function (state, action) {
+        var _a;
+        if (state.kanbans[action.kanbanId]) {
+            var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
+            var removedColumn = columns.splice(action.source.index, 1)[0];
+            columns.splice(action.destination.index, 0, removedColumn);
+            return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
+        }
+        return [];
+    },
+    _a[actions_1.KANBAN_ADD_TASK] = function (state, action) {
+        var _a;
+        if (state.kanbans[action.kanbanId]) {
+            var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
+            var sourceColumn = columns.find(function (column) { return column.id === action.columnId; });
+            var sourceTasks = sourceColumn.tasks;
+            sourceTasks.unshift(action.task);
+            return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
+        }
+        return [];
+    },
+    _a[actions_1.KANBAN_EDIT_TASK] = function (state, action) {
+        var _a;
+        if (state.kanbans[action.kanbanId]) {
+            var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
+            var sourceColumn = columns.find(function (column) { return column.tasks.find(function (task) { return task.id === action.task.id; }); });
+            var sourceTasks = sourceColumn.tasks;
+            // move to different column
+            if (action.columnId !== action.prevColumnId) {
+                var destinationColumn = columns.find(function (column) { return column.id === action.columnId; });
+                var destinationTasks = destinationColumn.tasks;
+                var taskIndex = sourceTasks.findIndex(function (task) { return task.id === action.task.id; });
+                var removedTask = sourceTasks.splice(taskIndex, 1)[0];
+                destinationTasks.unshift(removedTask);
+                Object.assign(removedTask, action.task);
+            }
+            else {
+                var sourceTask = sourceTasks.find(function (task) { return task.id === action.task.id; });
+                Object.assign(sourceTask, action.task);
+            }
+            return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
+        }
+        return [];
+    },
+    _a[actions_1.KANBAN_INCREASE_TASK_ID] = function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { lastTaskId: action.lastTaskId }), _a)) }));
+    },
+    _a);
+exports["default"] = (function (state, action) {
+    if (state === void 0) { state = initialState; }
+    return reducerMap[action.type]
+        ? reducerMap[action.type](state, action)
+        : state;
+});
+var getKanban = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId]) || null; };
+exports.getKanban = getKanban;
+var getLastTaskId = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId, 'lastTaskId']) || null; };
+exports.getLastTaskId = getLastTaskId;
+var getKanbanTags = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId, 'tags']) || null; };
+exports.getKanbanTags = getKanbanTags;
+var getKanbanPriorities = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId, 'priorities']) || null; };
+exports.getKanbanPriorities = getKanbanPriorities;

package/ui/content/index.d.ts

@@ -6,9 +6,10 @@ import Alert from './Alert';
 import Badge from './Badge';
 import { Detail, DetailItem } from './Detail';
 import Icon from './Icon';
+import Kanban from './Kanban';
 import Menu from './Menu';
 import CopyToClipboard from './CopyToClipboard';
 import Chart from './Chart';
 import Slider from './Slider';
 import CalendarSystem from './CalendarSystem';
-export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Menu, CopyToClipboard, Chart, Slider, CalendarSystem, };
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Kanban, Menu, CopyToClipboard, Chart, Slider, CalendarSystem, };

package/ui/content/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.CalendarSystem = exports.Slider = exports.Chart = exports.CopyToClipboard = exports.Menu = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
+exports.CalendarSystem = exports.Slider = exports.Chart = exports.CopyToClipboard = exports.Menu = exports.Kanban = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
@@ -23,6 +23,8 @@ exports.Detail = Detail_1.Detail;
 exports.DetailItem = Detail_1.DetailItem;
 var Icon_1 = __importDefault(require("./Icon"));
 exports.Icon = Icon_1["default"];
+var Kanban_1 = __importDefault(require("./Kanban"));
+exports.Kanban = Kanban_1["default"];
 var Menu_1 = __importDefault(require("./Menu"));
 exports.Menu = Menu_1["default"];
 var CopyToClipboard_1 = __importDefault(require("./CopyToClipboard"));

package/ui/form/FieldSet/FieldSet.d.ts

@@ -21,7 +21,7 @@ export interface IFieldSetProps extends IFormContext {
      */
     view?: CustomView;
     /**
-     * Дополнительный CSS-класс для \<fieldset\>...\<\/fieldset\>
+     * Дополнительный CSS-класс для '<fieldset>...</fieldset>'
      */
     className?: CssClassName;
     [key: string]: any;

package/ui/form/FileField/FileField.d.ts

@@ -28,6 +28,9 @@ interface IFileFieldCommonProps extends IFileInput {
  * Компонент `FileField` представляет собой поле формы для загрузки файлов.
  * Он использует хук `useFile` для управления состоянием файлов и выполнения операций с файлами, таких как выбор и удаление.
  * Компонент поддерживает различные варианты отображения файлов (список или стена) с помощью перечисления `FilesLayout`.
+ * На backendUrl по дефолту файл отправляется в теле запроса в виде бинарного кода.
+ * Чтобы отправлять файл в виде form-data (например в таком виде принимает файл FileModule в библиотеке steroidsjs/nest),
+ * нужно передать в `FileField` пропс uploaderConfig, в котором нужно указать поле useFormData: true.
  **/
 export interface IFileFieldProps extends IFieldWrapperInputProps, IFileFieldCommonProps, IUiComponent {
     /**

package/ui/form/Form/Form.d.ts

@@ -116,7 +116,7 @@ export interface IFormProps extends IUiComponent {
      */
     addressBar?: boolean | IAddressBarConfig;
     /**
-     * Если в форме есть элементы \<input\>, то произойдет автоматическая фокусировка на первом из них
+     * Если в форме есть элементы '<input>', то произойдет автоматическая фокусировка на первом из них
      * @example true
      */
     autoFocus?: boolean;

package/ui/form/InputField/InputField.d.ts

@@ -48,7 +48,7 @@ export interface IInputFieldProps extends IBaseFieldProps {
     textBefore?: number | ReactNode | string;
     /**
      * Изображение или React-нода, которая будет отрендерена справа от поля.
-     * @example require('icon.png') | <component/>
+     * @example require('icon.png') | '<component/>'
      */
     textAfter?: number | ReactNode | string;
     /**

package/ui/form/SliderField/SliderField.d.ts

@@ -40,7 +40,7 @@ export interface ISliderFieldProps extends IFieldWrapperInputProps, IUiComponent
      */
     valuePostfix?: string;
     /**
-     * Метки на ползунке. В объекте ({key: value}) key определяет положение, а value определяет, что будет отображаться.
+     * Метки на ползунке. В объекте '{'key: value'}' key определяет положение, а value определяет, что будет отображаться.
      * Если вы хотите задать стиль определенной точки метки, значением должен быть объект,
      * содержащий свойства style и label.
      * @example { min: 20, 40: 40, max: 100 }

package/ui/format/EnumFormatter/EnumFormatter.d.ts

@@ -10,7 +10,7 @@ export interface IEnumFormatterProps {
     /**
      * Перечисление элементов.
      * 1) Может быть строкой вида: `app.geo.enums.Cities`
-     * 2) Массивом: [{id: 1, label: "London"}]
+     * 2) Массивом: ['{'id: 1, label: "London"'}']
      */
     items?: DataProviderItems;
     /**

package/ui/format/MoneyFormatter/MoneyFormatter.d.ts

@@ -7,7 +7,7 @@
  **/
 export interface IMoneyFormatterProps {
     /**
-     * Валюта @enum {eur, rub, usd}
+     * Валюта @enum '{eur, rub, usd}'
      * @example rub
      */
     currency?: string;

package/ui/list/Grid/Grid.d.ts

@@ -32,7 +32,7 @@ export interface IGridColumn {
      */
     hint?: React.ReactNode;
     /**
-     * CSS-класс для ячейки с заголовком колонки <th>...</th>
+     * CSS-класс для ячейки с заголовком колонки '<th>...</th>'
      */
     headerClassName?: CssClassName;
     /**

package/ui/nav/Tree/Tree.d.ts

@@ -7,7 +7,7 @@ export interface ITreeItem extends IButtonProps {
     id?: string | number;
     /**
      * Вложенные элементы
-     * [{id: 2, label: 'Nested element', items: [...]}]
+     * @example [{id: 2, label: 'Nested element', items: [...]}]
      */
     items?: any[];
     /**

package/ui/typography/Text/Text.d.ts

@@ -13,7 +13,7 @@ export interface ITextProps extends IUiComponent {
      * Тип текста
      * @example 'body'
      */
-    type?: 'body' | 'span' | 'boldSpan' | string;
+    type?: 'body' | 'body2' | 'span' | 'boldSpan' | string;
     /** HTML тег
      * @example 'span'
      */

package/ui/content/Calendar/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Basic
- * @order 1
- * @col 5
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/RateField/demo/allow-clear.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * При двойном нажатии значение обнуляется.
- * @order 5
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/RateField/demo/allow-clear.js

@@ -1,37 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var RateField_1 = __importDefault(require("../RateField"));
-/**
- * При двойном нажатии значение обнуляется.
- * @order 5
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RateField_1["default"], { allowClear: true }))); });

package/ui/form/RateField/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Обычный пример использования RateField.
- * @order 1
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;