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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/docs-autogen-result.json +1114 -164
  2. package/en.json +14 -9
  3. package/hooks/useList.d.ts +1 -1
  4. package/package.json +3 -3
  5. package/ui/content/CalendarSystem/hooks/useExpandClickAway.d.ts +7 -0
  6. package/ui/content/CalendarSystem/hooks/useExpandClickAway.js +23 -0
  7. package/ui/content/Kanban/Kanban.d.ts +45 -42
  8. package/ui/content/Kanban/Kanban.js +6 -3
  9. package/ui/content/Kanban/actions/index.d.ts +2 -2
  10. package/ui/content/Kanban/actions/index.js +7 -1
  11. package/ui/content/Kanban/actions/kanban.d.ts +21 -0
  12. package/ui/content/Kanban/actions/kanban.js +25 -1
  13. package/ui/content/Kanban/constants/modalAndFormIds.d.ts +4 -0
  14. package/ui/content/Kanban/constants/modalAndFormIds.js +7 -0
  15. package/ui/content/Kanban/enums/KanbanModalTypeEnum.d.ts +13 -0
  16. package/ui/content/Kanban/enums/KanbanModalTypeEnum.js +49 -0
  17. package/ui/content/Kanban/enums/KanbanPrioritiesEnum.d.ts +18 -0
  18. package/ui/content/Kanban/enums/KanbanPrioritiesEnum.js +78 -0
  19. package/ui/content/Kanban/enums/index.d.ts +3 -0
  20. package/ui/content/Kanban/enums/index.js +10 -0
  21. package/ui/content/Kanban/hooks/useKanban.d.ts +54 -9
  22. package/ui/content/Kanban/hooks/useKanban.js +126 -28
  23. package/ui/content/Kanban/reducers/index.d.ts +2 -2
  24. package/ui/content/Kanban/reducers/index.js +4 -1
  25. package/ui/content/Kanban/reducers/kanban.d.ts +4 -0
  26. package/ui/content/Kanban/reducers/kanban.js +50 -5
  27. package/ui/form/FieldSet/FieldSet.d.ts +1 -1
  28. package/ui/form/FileField/FileField.d.ts +3 -0
  29. package/ui/form/Form/Form.d.ts +1 -1
  30. package/ui/form/InputField/InputField.d.ts +1 -1
  31. package/ui/form/SliderField/SliderField.d.ts +1 -1
  32. package/ui/format/EnumFormatter/EnumFormatter.d.ts +1 -1
  33. package/ui/format/MoneyFormatter/MoneyFormatter.d.ts +1 -1
  34. package/ui/list/Grid/Grid.d.ts +1 -1
  35. package/ui/nav/Tree/Tree.d.ts +1 -1
  36. package/ui/content/Calendar/demo/basic.d.ts +0 -8
  37. package/ui/content/Calendar/demo/basic.js +0 -37
  38. package/ui/form/RateField/demo/allow-clear.d.ts +0 -8
  39. package/ui/form/RateField/demo/allow-clear.js +0 -37
  40. package/ui/form/RateField/demo/basic.d.ts +0 -8
  41. package/ui/form/RateField/demo/basic.js +0 -37
  42. package/ui/form/RateField/demo/default-value.d.ts +0 -8
  43. package/ui/form/RateField/demo/default-value.js +0 -37
  44. package/ui/form/RateField/demo/disabled.d.ts +0 -8
  45. package/ui/form/RateField/demo/disabled.js +0 -37
  46. package/ui/form/RateField/demo/errors.d.ts +0 -8
  47. package/ui/form/RateField/demo/errors.js +0 -37
  48. package/ui/form/RateField/demo/items-count.d.ts +0 -8
  49. package/ui/form/RateField/demo/items-count.js +0 -37
  50. package/ui/form/RateField/demo/required.d.ts +0 -8
  51. package/ui/form/RateField/demo/required.js +0 -37
  52. package/ui/form/SwitcherField/demo/basic.d.ts +0 -12
  53. package/ui/form/SwitcherField/demo/basic.js +0 -56
  54. package/ui/form/SwitcherField/demo/disabled.d.ts +0 -8
  55. package/ui/form/SwitcherField/demo/disabled.js +0 -38
  56. package/ui/form/SwitcherField/demo/errors.d.ts +0 -8
  57. package/ui/form/SwitcherField/demo/errors.js +0 -38
  58. package/ui/form/SwitcherField/demo/required.d.ts +0 -8
  59. package/ui/form/SwitcherField/demo/required.js +0 -38
  60. package/ui/form/TimeField/demo/basic.d.ts +0 -8
  61. package/ui/form/TimeField/demo/basic.js +0 -37
  62. package/ui/form/TimeField/demo/disabled.d.ts +0 -8
  63. package/ui/form/TimeField/demo/disabled.js +0 -37
  64. package/ui/form/TimeField/demo/errors.d.ts +0 -8
  65. package/ui/form/TimeField/demo/errors.js +0 -37
  66. package/ui/form/TimeField/demo/icon.d.ts +0 -8
  67. package/ui/form/TimeField/demo/icon.js +0 -37
  68. package/ui/form/TimeField/demo/noBorder.d.ts +0 -8
  69. package/ui/form/TimeField/demo/noBorder.js +0 -37
  70. package/ui/form/TimeField/demo/placeholder.d.ts +0 -8
  71. package/ui/form/TimeField/demo/placeholder.js +0 -37
  72. package/ui/form/TimeField/demo/required.d.ts +0 -8
  73. package/ui/form/TimeField/demo/required.js +0 -37
  74. package/ui/form/TimeField/demo/showRemove.d.ts +0 -8
  75. package/ui/form/TimeField/demo/showRemove.js +0 -37
  76. package/ui/layout/ProgressBar/demo/percent.d.ts +0 -8
  77. package/ui/layout/ProgressBar/demo/percent.js +0 -53
  78. package/ui/layout/ProgressBar/demo/showLabel.d.ts +0 -8
  79. package/ui/layout/ProgressBar/demo/showLabel.js +0 -44
  80. package/ui/layout/ProgressBar/demo/sizes.d.ts +0 -8
  81. package/ui/layout/ProgressBar/demo/sizes.js +0 -44
  82. package/ui/layout/ProgressBar/demo/status.d.ts +0 -8
  83. package/ui/layout/ProgressBar/demo/status.js +0 -39
  84. package/ui/layout/ProgressBar/demo/type.d.ts +0 -8
  85. package/ui/layout/ProgressBar/demo/type.js +0 -44
  86. package/ui/layout/Skeleton/demo/animations.d.ts +0 -8
  87. package/ui/layout/Skeleton/demo/animations.js +0 -53
  88. package/ui/layout/Skeleton/demo/width height.d.ts +0 -8
  89. package/ui/layout/Skeleton/demo/width height.js +0 -42
  90. package/ui/list/SearchForm/demo/basic.d.ts +0 -8
  91. package/ui/list/SearchForm/demo/basic.js +0 -42
@@ -1,4 +1,4 @@
1
- import { IDragEndResult, IKanbanColumn } from '../Kanban';
1
+ import { IDragEndResult, IKanbanColumn, IKanbanTask, ITaskAssigner, ITaskTag } from '../Kanban';
2
2
  export interface IKanbanConfig {
3
3
  /**
4
4
  * Идентификатор канбан доски
@@ -6,20 +6,65 @@ export interface IKanbanConfig {
6
6
  */
7
7
  kanbanId?: string;
8
8
  /**
9
- * Колонки канбан доски
9
+ * Коллекция с наименованиями и свойствами колонок в таблице
10
+ * @example [
11
+ * {
12
+ * id: 1,
13
+ * title: 'column 1',
14
+ * tasks: [{ content: 'item 1', id: 1 }],
15
+ * },
16
+ * {
17
+ * id: 2,
18
+ * title: 'column 2',
19
+ * tasks: [],
20
+ * }
21
+ * ]
10
22
  */
11
- columns?: IKanbanColumn[];
23
+ columns: IKanbanColumn[];
24
+ /**
25
+ * Массив тегов для задач
26
+ */
27
+ tags?: ITaskTag[];
28
+ /**
29
+ * Массив исполнителей, которых можно назначить для выполнения задачи
30
+ */
31
+ assigners?: ITaskAssigner[];
12
32
  /**
13
33
  * Обработчик события окончания перетаскивания карточки или колонки
34
+ * В result передается объект с информацией о событии
35
+ * @example {
36
+ * draggableId: 1,
37
+ * type: 'task',
38
+ * source: {
39
+ * index: 0,
40
+ * droppableId: 2
41
+ * },
42
+ * reason: 'DROP',
43
+ * mode: 'FLUID',
44
+ * destination: {
45
+ * droppableId: 2,
46
+ * index: 1
47
+ * },
48
+ * combine: null
49
+ * }
50
+ */
51
+ onDragEnd?: (result: IDragEndResult) => void;
52
+ /**
53
+ * Обработчик события создания карточки
54
+ */
55
+ onCreateTask?: (kanbanId: string, columnId: number, task: IKanbanTask) => void;
56
+ /**
57
+ * Обработчик события редактирования карточки
58
+ */
59
+ onEditTask?: (task: IKanbanTask) => void;
60
+ /**
61
+ * Идентификатор последней созданной задачи, нужен для определения последовательности id для новых задач
14
62
  */
15
- onDragEnd: (result: IDragEndResult) => void;
63
+ lastTaskId?: number;
16
64
  }
17
- export declare const DEFAULT_COLUMNS: {
18
- id: string;
19
- title: string;
20
- tasks: any[];
21
- }[];
22
65
  export default function useKanban(config: IKanbanConfig): {
23
66
  columns: any;
24
67
  onDragEnd: (result: any) => void;
68
+ onOpenTaskDetailsModal: (task: any, columnId: any) => void;
69
+ onOpenCreateTaskModal: (columnId: any) => void;
25
70
  };
@@ -1,37 +1,73 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || function (mod) {
30
+ if (mod && mod.__esModule) return mod;
31
+ var result = {};
32
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
+ __setModuleDefault(result, mod);
34
+ return result;
35
+ };
2
36
  exports.__esModule = true;
3
- exports.DEFAULT_COLUMNS = void 0;
37
+ var react_1 = __importStar(require("react"));
4
38
  var react_use_1 = require("react-use");
5
- var react_1 = require("react");
39
+ var modal_1 = require("../../../../actions/modal");
6
40
  var hooks_1 = require("../../../../hooks");
41
+ var enums_1 = require("../enums");
7
42
  var reducers_1 = require("../reducers");
8
43
  var actions_1 = require("../actions");
44
+ var modalAndFormIds_1 = require("../constants/modalAndFormIds");
9
45
  var COLUMNS_DROPPABLE_ID = 'all-columns';
10
- exports.DEFAULT_COLUMNS = [
11
- {
12
- id: 'column-1',
13
- title: 'TO DO',
14
- tasks: []
15
- },
16
- {
17
- id: 'column-2',
18
- title: 'IN PROGRESS',
19
- tasks: []
20
- },
21
- {
22
- id: 'column-3',
23
- title: 'IN REVIEW',
24
- tasks: []
25
- },
26
- {
27
- id: 'column-4',
28
- title: 'DONE',
29
- tasks: []
30
- },
31
- ];
46
+ var INITIAL_TASK_ID = 1;
47
+ var normalizeAssignersForDropDownItems = function (assigners) { return assigners.map(function (assigner) {
48
+ var _a, _b;
49
+ return ({
50
+ id: assigner.id,
51
+ label: "".concat(assigner.firstName || '', " ").concat(assigner.lastName || ''),
52
+ contentType: assigner.avatar ? 'img' : 'icon',
53
+ contentSrc: (_b = (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src) !== null && _b !== void 0 ? _b : 'user'
54
+ });
55
+ }); };
56
+ var normalizeEditTaskFormForState = function (id, data, assigners, tags) { return ({
57
+ id: id,
58
+ title: data.title || '',
59
+ description: data.description || '',
60
+ fullDescription: data.fullDescription || '',
61
+ priority: enums_1.KanbanPrioritiesEnum.getPriorityById(data.priority),
62
+ assigner: assigners.find(function (user) { return user.id === data.assigner; }) || null,
63
+ tags: data.tags && tags && tags.filter(function (tag) { return data.tags.includes(tag.id); })
64
+ }); };
32
65
  function useKanban(config) {
33
- // Get kanban from redux state
34
- var kanban = (0, hooks_1.useSelector)(function (state) { return (0, reducers_1.getKanban)(state, config.kanbanId); });
66
+ var _a = (0, hooks_1.useSelector)(function (state) { return ({
67
+ kanban: (0, reducers_1.getKanban)(state, config.kanbanId),
68
+ lastTaskId: (0, reducers_1.getLastTaskId)(state, config.kanbanId),
69
+ tags: (0, reducers_1.getKanbanTags)(state, config.kanbanId)
70
+ }); }), kanban = _a.kanban, lastTaskId = _a.lastTaskId, tags = _a.tags;
35
71
  var dispatch = (0, hooks_1.useDispatch)();
36
72
  // move card
37
73
  var moveCard = (0, react_1.useCallback)(function (source, destination) {
@@ -41,6 +77,64 @@ function useKanban(config) {
41
77
  var moveColumn = (0, react_1.useCallback)(function (source, destination) {
42
78
  dispatch((0, actions_1.kanbanMoveColumn)(config.kanbanId, source, destination));
43
79
  }, [config.kanbanId, dispatch]);
80
+ var components = (0, hooks_1.useComponents)();
81
+ var onCreateTask = react_1["default"].useCallback(function (_, data) {
82
+ var newTaskId = lastTaskId ? lastTaskId + 1 : INITIAL_TASK_ID;
83
+ var newTask = normalizeEditTaskFormForState(newTaskId, data, config.assigners, tags);
84
+ if (config.onCreateTask) {
85
+ config.onCreateTask(config.kanbanId, data.columnId, newTask);
86
+ }
87
+ var toDispatch = [
88
+ (0, actions_1.kanbanAddTask)(config.kanbanId, data.columnId, newTask),
89
+ (0, actions_1.kanbanIncreaseTaskId)(config.kanbanId, newTaskId),
90
+ (0, modal_1.closeModal)(modalAndFormIds_1.CREATE_TASK_MODAL_ID),
91
+ ];
92
+ dispatch(toDispatch);
93
+ }, [config, dispatch, lastTaskId, tags]);
94
+ var onEditTask = react_1["default"].useCallback(function (id, data, prevColumnId) {
95
+ var editedTask = normalizeEditTaskFormForState(id, data, config.assigners, tags);
96
+ if (config.onEditTask) {
97
+ config.onEditTask(editedTask);
98
+ }
99
+ var toDispatch = [
100
+ (0, actions_1.kanbanEditTask)(config.kanbanId, data.columnId, prevColumnId, editedTask),
101
+ (0, modal_1.closeModal)(modalAndFormIds_1.EDIT_TASK_MODAL_ID),
102
+ ];
103
+ dispatch(toDispatch);
104
+ }, [config, dispatch, tags]);
105
+ // common modal
106
+ var KanbanModalView = components.ui.getView('content.KanbanModalView');
107
+ var createOrEditTaskCommonModalProps = react_1["default"].useMemo(function () { return ({
108
+ columns: kanban === null || kanban === void 0 ? void 0 : kanban.columns,
109
+ assigners: normalizeAssignersForDropDownItems(config.assigners || []),
110
+ tags: tags
111
+ }); }, [config.assigners, kanban === null || kanban === void 0 ? void 0 : kanban.columns, tags]);
112
+ // create task modal
113
+ var onOpenCreateTaskModal = react_1["default"].useCallback(function (columnId) {
114
+ if (columnId) {
115
+ 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 })));
116
+ }
117
+ }, [KanbanModalView, createOrEditTaskCommonModalProps, dispatch, onCreateTask]);
118
+ // task details modal
119
+ var onOpenTaskDetailsModal = react_1["default"].useCallback(function (task, columnId) {
120
+ if (task && columnId) {
121
+ dispatch((0, modal_1.openModal)(KanbanModalView, {
122
+ modalId: modalAndFormIds_1.EDIT_TASK_MODAL_ID,
123
+ modalType: enums_1.KanbanModalTypeEnum.DETAILS,
124
+ title: "#".concat(task.id, " ").concat(task.title),
125
+ task: task,
126
+ tags: tags,
127
+ // eslint-disable-next-line @typescript-eslint/no-use-before-define
128
+ onToggleModalType: function () { return onOpenEditTaskModal(task, columnId); }
129
+ }));
130
+ }
131
+ }, [KanbanModalView, dispatch, kanban]);
132
+ // edit task modal
133
+ var onOpenEditTaskModal = react_1["default"].useCallback(function (task, columnId) {
134
+ if (task && columnId) {
135
+ 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); } })));
136
+ }
137
+ }, [KanbanModalView, createOrEditTaskCommonModalProps, dispatch, onEditTask, onOpenTaskDetailsModal]);
44
138
  var onDragEnd = function (result) {
45
139
  if (config.onDragEnd) {
46
140
  config.onDragEnd(result);
@@ -64,13 +158,17 @@ function useKanban(config) {
64
158
  if (!kanban) {
65
159
  dispatch((0, actions_1.kanbanInit)(config.kanbanId, {
66
160
  kanbanId: config.kanbanId,
67
- columns: config.columns || exports.DEFAULT_COLUMNS
161
+ columns: config.columns || null,
162
+ tags: config.tags || null,
163
+ lastTaskId: config.lastTaskId || null
68
164
  }));
69
165
  }
70
166
  });
71
167
  return {
72
168
  columns: kanban === null || kanban === void 0 ? void 0 : kanban.columns,
73
- onDragEnd: onDragEnd
169
+ onDragEnd: onDragEnd,
170
+ onOpenTaskDetailsModal: onOpenTaskDetailsModal,
171
+ onOpenCreateTaskModal: onOpenCreateTaskModal
74
172
  };
75
173
  }
76
174
  exports["default"] = useKanban;
@@ -1,3 +1,3 @@
1
- import kanban, { getKanban } from './kanban';
2
- export { getKanban };
1
+ import kanban, { getKanban, getLastTaskId, getKanbanTags, getKanbanPriorities } from './kanban';
2
+ export { getKanban, getLastTaskId, getKanbanTags, getKanbanPriorities };
3
3
  export default kanban;
@@ -23,7 +23,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
23
23
  return result;
24
24
  };
25
25
  exports.__esModule = true;
26
- exports.getKanban = void 0;
26
+ exports.getKanbanPriorities = exports.getKanbanTags = exports.getLastTaskId = exports.getKanban = void 0;
27
27
  var kanban_1 = __importStar(require("./kanban"));
28
28
  exports.getKanban = kanban_1.getKanban;
29
+ exports.getLastTaskId = kanban_1.getLastTaskId;
30
+ exports.getKanbanTags = kanban_1.getKanbanTags;
31
+ exports.getKanbanPriorities = kanban_1.getKanbanPriorities;
29
32
  exports["default"] = kanban_1["default"];
@@ -1,5 +1,9 @@
1
+ export declare const getKanbanColumns: (state: any, kanbanId: any) => any;
1
2
  declare const _default: (state: {
2
3
  kanbans: {};
3
4
  }, action: any) => any;
4
5
  export default _default;
5
6
  export declare const getKanban: (state: any, kanbanId: any) => any;
7
+ export declare const getLastTaskId: (state: any, kanbanId: any) => any;
8
+ export declare const getKanbanTags: (state: any, kanbanId: any) => any;
9
+ export declare const getKanbanPriorities: (state: any, kanbanId: any) => any;
@@ -24,13 +24,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
24
24
  };
25
25
  var _a;
26
26
  exports.__esModule = true;
27
- exports.getKanban = void 0;
27
+ exports.getKanbanPriorities = exports.getKanbanTags = exports.getLastTaskId = exports.getKanban = exports.getKanbanColumns = void 0;
28
28
  var get_1 = __importDefault(require("lodash-es/get"));
29
29
  var actions_1 = require("../actions");
30
30
  var initialState = {
31
31
  kanbans: {}
32
32
  };
33
33
  var getKanbanColumns = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanbans', kanbanId, 'columns']) || []; };
34
+ exports.getKanbanColumns = getKanbanColumns;
34
35
  var reducerMap = (_a = {},
35
36
  _a[actions_1.KANBAN_INIT] = function (state, action) {
36
37
  var _a;
@@ -39,13 +40,13 @@ var reducerMap = (_a = {},
39
40
  _a[actions_1.KANBAN_MOVE_TASK] = function (state, action) {
40
41
  var _a;
41
42
  if (state.kanbans[action.kanbanId]) {
42
- var columns = getKanbanColumns(state, action.kanbanId);
43
- var sourceColumn = columns.find(function (column) { return column.id === action.source.droppableId; });
43
+ var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
44
+ var sourceColumn = columns.find(function (column) { return column.id === Number(action.source.droppableId); });
44
45
  var sourceTasks = sourceColumn.tasks;
45
46
  var removedTask = sourceTasks.splice(action.source.index, 1)[0];
46
47
  // move task to different column
47
48
  if (action.source.droppableId !== action.destination.droppableId) {
48
- var destinationColumn = columns.find(function (column) { return column.id === action.destination.droppableId; });
49
+ var destinationColumn = columns.find(function (column) { return column.id === Number(action.destination.droppableId); });
49
50
  var destinationTasks = destinationColumn.tasks;
50
51
  destinationTasks.splice(action.destination.index, 0, removedTask);
51
52
  }
@@ -59,13 +60,51 @@ var reducerMap = (_a = {},
59
60
  _a[actions_1.KANBAN_MOVE_COLUMN] = function (state, action) {
60
61
  var _a;
61
62
  if (state.kanbans[action.kanbanId]) {
62
- var columns = getKanbanColumns(state, action.kanbanId);
63
+ var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
63
64
  var removedColumn = columns.splice(action.source.index, 1)[0];
64
65
  columns.splice(action.destination.index, 0, removedColumn);
65
66
  return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
66
67
  }
67
68
  return [];
68
69
  },
70
+ _a[actions_1.KANBAN_ADD_TASK] = function (state, action) {
71
+ var _a;
72
+ if (state.kanbans[action.kanbanId]) {
73
+ var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
74
+ var sourceColumn = columns.find(function (column) { return column.id === action.columnId; });
75
+ var sourceTasks = sourceColumn.tasks;
76
+ sourceTasks.unshift(action.task);
77
+ return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
78
+ }
79
+ return [];
80
+ },
81
+ _a[actions_1.KANBAN_EDIT_TASK] = function (state, action) {
82
+ var _a;
83
+ if (state.kanbans[action.kanbanId]) {
84
+ var columns = (0, exports.getKanbanColumns)(state, action.kanbanId);
85
+ var sourceColumn = columns.find(function (column) { return column.tasks.find(function (task) { return task.id === action.task.id; }); });
86
+ var sourceTasks = sourceColumn.tasks;
87
+ // move to different column
88
+ if (action.columnId !== action.prevColumnId) {
89
+ var destinationColumn = columns.find(function (column) { return column.id === action.columnId; });
90
+ var destinationTasks = destinationColumn.tasks;
91
+ var taskIndex = sourceTasks.findIndex(function (task) { return task.id === action.task.id; });
92
+ var removedTask = sourceTasks.splice(taskIndex, 1)[0];
93
+ destinationTasks.unshift(removedTask);
94
+ Object.assign(removedTask, action.task);
95
+ }
96
+ else {
97
+ var sourceTask = sourceTasks.find(function (task) { return task.id === action.task.id; });
98
+ Object.assign(sourceTask, action.task);
99
+ }
100
+ return __assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { columns: __spreadArray([], columns, true) }), _a)) });
101
+ }
102
+ return [];
103
+ },
104
+ _a[actions_1.KANBAN_INCREASE_TASK_ID] = function (state, action) {
105
+ var _a;
106
+ return (__assign(__assign({}, state), { kanbans: __assign(__assign({}, state.kanbans), (_a = {}, _a[action.kanbanId] = __assign(__assign({}, state.kanbans[action.kanbanId]), { lastTaskId: action.lastTaskId }), _a)) }));
107
+ },
69
108
  _a);
70
109
  exports["default"] = (function (state, action) {
71
110
  if (state === void 0) { state = initialState; }
@@ -75,3 +114,9 @@ exports["default"] = (function (state, action) {
75
114
  });
76
115
  var getKanban = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId]) || null; };
77
116
  exports.getKanban = getKanban;
117
+ var getLastTaskId = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId, 'lastTaskId']) || null; };
118
+ exports.getLastTaskId = getLastTaskId;
119
+ var getKanbanTags = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId, 'tags']) || null; };
120
+ exports.getKanbanTags = getKanbanTags;
121
+ var getKanbanPriorities = function (state, kanbanId) { return (0, get_1["default"])(state, ['kanban', 'kanbans', kanbanId, 'priorities']) || null; };
122
+ exports.getKanbanPriorities = getKanbanPriorities;
@@ -21,7 +21,7 @@ export interface IFieldSetProps extends IFormContext {
21
21
  */
22
22
  view?: CustomView;
23
23
  /**
24
- * Дополнительный CSS-класс для \<fieldset\>...\<\/fieldset\>
24
+ * Дополнительный CSS-класс для '<fieldset>...</fieldset>'
25
25
  */
26
26
  className?: CssClassName;
27
27
  [key: string]: any;
@@ -28,6 +28,9 @@ interface IFileFieldCommonProps extends IFileInput {
28
28
  * Компонент `FileField` представляет собой поле формы для загрузки файлов.
29
29
  * Он использует хук `useFile` для управления состоянием файлов и выполнения операций с файлами, таких как выбор и удаление.
30
30
  * Компонент поддерживает различные варианты отображения файлов (список или стена) с помощью перечисления `FilesLayout`.
31
+ * На backendUrl по дефолту файл отправляется в теле запроса в виде бинарного кода.
32
+ * Чтобы отправлять файл в виде form-data (например в таком виде принимает файл FileModule в библиотеке steroidsjs/nest),
33
+ * нужно передать в `FileField` пропс uploaderConfig, в котором нужно указать поле useFormData: true.
31
34
  **/
32
35
  export interface IFileFieldProps extends IFieldWrapperInputProps, IFileFieldCommonProps, IUiComponent {
33
36
  /**
@@ -116,7 +116,7 @@ export interface IFormProps extends IUiComponent {
116
116
  */
117
117
  addressBar?: boolean | IAddressBarConfig;
118
118
  /**
119
- * Если в форме есть элементы \<input\>, то произойдет автоматическая фокусировка на первом из них
119
+ * Если в форме есть элементы '<input>', то произойдет автоматическая фокусировка на первом из них
120
120
  * @example true
121
121
  */
122
122
  autoFocus?: boolean;
@@ -48,7 +48,7 @@ export interface IInputFieldProps extends IBaseFieldProps {
48
48
  textBefore?: number | ReactNode | string;
49
49
  /**
50
50
  * Изображение или React-нода, которая будет отрендерена справа от поля.
51
- * @example require('icon.png') | <component/>
51
+ * @example require('icon.png') | '<component/>'
52
52
  */
53
53
  textAfter?: number | ReactNode | string;
54
54
  /**
@@ -40,7 +40,7 @@ export interface ISliderFieldProps extends IFieldWrapperInputProps, IUiComponent
40
40
  */
41
41
  valuePostfix?: string;
42
42
  /**
43
- * Метки на ползунке. В объекте ({key: value}) key определяет положение, а value определяет, что будет отображаться.
43
+ * Метки на ползунке. В объекте '{'key: value'}' key определяет положение, а value определяет, что будет отображаться.
44
44
  * Если вы хотите задать стиль определенной точки метки, значением должен быть объект,
45
45
  * содержащий свойства style и label.
46
46
  * @example { min: 20, 40: 40, max: 100 }
@@ -10,7 +10,7 @@ export interface IEnumFormatterProps {
10
10
  /**
11
11
  * Перечисление элементов.
12
12
  * 1) Может быть строкой вида: `app.geo.enums.Cities`
13
- * 2) Массивом: [{id: 1, label: "London"}]
13
+ * 2) Массивом: ['{'id: 1, label: "London"'}']
14
14
  */
15
15
  items?: DataProviderItems;
16
16
  /**
@@ -7,7 +7,7 @@
7
7
  **/
8
8
  export interface IMoneyFormatterProps {
9
9
  /**
10
- * Валюта @enum {eur, rub, usd}
10
+ * Валюта @enum '{eur, rub, usd}'
11
11
  * @example rub
12
12
  */
13
13
  currency?: string;
@@ -32,7 +32,7 @@ export interface IGridColumn {
32
32
  */
33
33
  hint?: React.ReactNode;
34
34
  /**
35
- * CSS-класс для ячейки с заголовком колонки <th>...</th>
35
+ * CSS-класс для ячейки с заголовком колонки '<th>...</th>'
36
36
  */
37
37
  headerClassName?: CssClassName;
38
38
  /**
@@ -7,7 +7,7 @@ export interface ITreeItem extends IButtonProps {
7
7
  id?: string | number;
8
8
  /**
9
9
  * Вложенные элементы
10
- * [{id: 2, label: 'Nested element', items: [...]}]
10
+ * @example [{id: 2, label: 'Nested element', items: [...]}]
11
11
  */
12
12
  items?: any[];
13
13
  /**
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Basic
4
- * @order 1
5
- * @col 5
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var Calendar_1 = __importDefault(require("../Calendar"));
31
- /**
32
- * Basic
33
- * @order 1
34
- * @col 5
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(Calendar_1["default"], { value: '2021-10-15' }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * При двойном нажатии значение обнуляется.
4
- * @order 5
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var RateField_1 = __importDefault(require("../RateField"));
31
- /**
32
- * При двойном нажатии значение обнуляется.
33
- * @order 5
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(RateField_1["default"], { allowClear: true }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования RateField.
4
- * @order 1
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var RateField_1 = __importDefault(require("../RateField"));
31
- /**
32
- * Обычный пример использования RateField.
33
- * @order 1
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(RateField_1["default"], null))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * По-умолчанию выставленное значение
4
- * @order 6
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;