@steroidsjs/bootstrap 3.0.44 → 3.1.0
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.
- package/content/Accordion/AccordionItemView.js +32 -42
- package/content/Accordion/AccordionView.js +12 -24
- package/content/Alert/AlertView.js +18 -15
- package/content/Avatar/AvatarGroupView.js +12 -24
- package/content/Avatar/AvatarView.js +4 -11
- package/content/Badge/BadgeView.js +14 -7
- package/content/Calendar/CalendarView.js +11 -8
- package/content/Calendar/CaptionElement.d.ts +1 -1
- package/content/Calendar/CaptionElement.js +49 -74
- package/content/CalendarSystem/AsideCalendars/AsideCalendars.d.ts +2 -2
- package/content/CalendarSystem/AsideCalendars/AsideCalendars.js +5 -33
- package/content/CalendarSystem/AsideHeader/AsideHeader.d.ts +2 -2
- package/content/CalendarSystem/AsideHeader/AsideHeader.js +14 -27
- package/content/CalendarSystem/CalendarSystemEventGroupModalView.js +15 -11
- package/content/CalendarSystem/CalendarSystemModalView.js +30 -33
- package/content/CalendarSystem/CalendarSystemView.js +8 -15
- package/content/CalendarSystem/ContentHeader/ContentHeader.d.ts +2 -2
- package/content/CalendarSystem/ContentHeader/ContentHeader.js +21 -13
- package/content/CalendarSystem/DayGrid/DayGrid.d.ts +2 -2
- package/content/CalendarSystem/DayGrid/DayGrid.js +25 -21
- package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.d.ts +3 -3
- package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.js +21 -9
- package/content/CalendarSystem/DayGrid/views/DayHour/views/DayEvent/DayEvent.js +2 -5
- package/content/CalendarSystem/MonthGrid/MonthGrid.d.ts +2 -2
- package/content/CalendarSystem/MonthGrid/MonthGrid.js +19 -32
- package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.d.ts +2 -2
- package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.js +26 -19
- package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.js +15 -5
- package/content/CalendarSystem/WeekGrid/WeekGrid.d.ts +2 -2
- package/content/CalendarSystem/WeekGrid/WeekGrid.js +25 -19
- package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.d.ts +2 -2
- package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.js +22 -10
- package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.js +2 -5
- package/content/Card/CardView.js +7 -26
- package/content/Chart/ChartView.js +11 -15
- package/content/Chat/ChatView.js +18 -33
- package/content/Chat/views/BubbleMessage/BubbleMessageView.d.ts +2 -2
- package/content/Chat/views/BubbleMessage/BubbleMessageView.js +10 -41
- package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.d.ts +3 -3
- package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.js +15 -33
- package/content/Chat/views/ChatFileItem/ChatFileItemView.d.ts +1 -1
- package/content/Chat/views/ChatFileItem/ChatFileItemView.js +28 -27
- package/content/Chat/views/ChatInput/ChatInputView.js +7 -34
- package/content/CopyToClipboard/CopyToClipboardView.js +16 -7
- package/content/Dashboard/DashboardItemView.js +13 -9
- package/content/Detail/DetailView.js +27 -25
- package/content/DropDown/DropDownView.js +16 -29
- package/content/Icon/IconView.js +7 -27
- package/content/Kanban/KanbanView.js +5 -10
- package/content/Kanban/views/KanbanColumn/KanbanColumnView.js +3 -14
- package/content/Kanban/views/KanbanModal/KanbanModalView.js +18 -29
- package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.js +9 -61
- package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.js +2 -5
- package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.js +14 -27
- package/content/Kanban/views/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.js +15 -38
- package/content/Kanban/views/KanbanTask/KanbanTaskView.d.ts +2 -2
- package/content/Kanban/views/KanbanTask/KanbanTaskView.js +6 -40
- package/content/Kanban/views/TaskTags/TaskTags.js +13 -5
- package/content/Menu/MenuItemView.js +16 -5
- package/content/Menu/MenuView.js +10 -8
- package/content/Slider/SliderView.js +14 -5
- package/crud/Crud/CrudView.js +13 -28
- package/form/AutoCompleteField/AutoCompleteFieldView.js +22 -57
- package/form/Button/ButtonView.js +18 -38
- package/form/CheckboxField/CheckboxFieldView.js +12 -33
- package/form/CheckboxListField/CheckboxListFieldView.js +28 -40
- package/form/CheckboxTreeField/CheckboxTreeFieldView.js +33 -22
- package/form/DateField/DateFieldView.js +12 -41
- package/form/DateRangeField/DateRangeFieldView.js +12 -47
- package/form/DateRangeField/views/RangeButtons/RangeButtons.js +5 -25
- package/form/DateTimeField/DateTimeFieldView.js +13 -45
- package/form/DateTimeRangeField/DateTimeRangeFieldView.js +17 -54
- package/form/DropDownField/DropDownFieldView.js +21 -57
- package/form/DropDownFieldItem/DropDownFieldItemView.js +18 -16
- package/form/FieldLayout/FieldLayoutView.js +20 -37
- package/form/FieldList/FieldListItemView.d.ts +2 -2
- package/form/FieldList/FieldListItemView.js +8 -34
- package/form/FieldList/FieldListView.js +19 -39
- package/form/FieldSet/FieldSetView.js +12 -26
- package/form/FileField/FileFieldItemView.js +32 -51
- package/form/FileField/FileFieldView.js +6 -29
- package/form/Form/FormView.d.ts +2 -2
- package/form/Form/FormView.js +8 -33
- package/form/HtmlField/HtmlFieldView.js +12 -5
- package/form/ImageField/ImageFieldModalView.js +4 -29
- package/form/ImageField/ImageFieldView.js +10 -40
- package/form/InputField/InputFieldView.js +12 -43
- package/form/NumberField/NumberFieldView.js +8 -38
- package/form/PasswordField/PasswordFieldView.js +11 -39
- package/form/RadioField/RadioFieldView.js +5 -32
- package/form/RadioListField/RadioListFieldView.js +27 -39
- package/form/RateField/RateFieldView.js +18 -36
- package/form/ReCaptchaField/ReCaptchaFieldView.js +2 -26
- package/form/SliderField/SliderFieldView.js +5 -6
- package/form/SwitcherField/SwitcherFieldView.js +8 -11
- package/form/SwitcherListField/SwitcherListFieldView.js +28 -40
- package/form/TextField/TextFieldView.js +4 -28
- package/form/TimeField/TimeFieldView.js +9 -39
- package/form/TimeField/TimePanelView.js +21 -36
- package/form/TimeField/utils.js +2 -2
- package/form/TimeField/views/TimePanelColumn/TimePanelColumn.js +14 -8
- package/form/TimeRangeField/TimeRangeFieldView.js +8 -40
- package/form/WizardForm/WizardFormView.js +3 -7
- package/hooks/useHideScroll.js +5 -4
- package/layout/Header/HeaderView.js +18 -54
- package/layout/Loader/LoaderView.js +13 -26
- package/layout/Notifications/NotificationsItemView.js +15 -29
- package/layout/Notifications/NotificationsView.js +13 -25
- package/layout/ProgressBar/CircleProgressBarView.js +28 -37
- package/layout/ProgressBar/LineProgressBarView.js +15 -28
- package/layout/Sidebar/FooterIcons/FooterIcons.d.ts +2 -2
- package/layout/Sidebar/FooterIcons/FooterIcons.js +6 -28
- package/layout/Sidebar/SidebarLogo/SidebarLogo.d.ts +3 -3
- package/layout/Sidebar/SidebarLogo/SidebarLogo.js +15 -30
- package/layout/Sidebar/SidebarUser/SidebarUser.d.ts +2 -2
- package/layout/Sidebar/SidebarUser/SidebarUser.js +4 -30
- package/layout/Sidebar/SidebarView.js +16 -12
- package/layout/Skeleton/SkeletonView.js +13 -25
- package/layout/Tooltip/TooltipView.js +16 -29
- package/list/CheckboxColumn/CheckboxColumnView.js +3 -27
- package/list/ControlsColumnView/ControlsColumnView.js +4 -28
- package/list/Empty/EmptyView.js +12 -24
- package/list/FlexGrid/FlexGridView.js +13 -38
- package/list/Grid/GridView.js +17 -56
- package/list/Grid/views/ContentColumnView/ContentColumnView.js +8 -14
- package/list/Grid/views/DiagramColumnView/DiagramColumnView.js +25 -19
- package/list/Grid/views/TreeColumnView/TreeColumnView.js +4 -4
- package/list/List/ListItemView.js +12 -24
- package/list/List/ListView.js +15 -35
- package/list/Pagination/PaginationButtonView.js +33 -47
- package/list/Pagination/PaginationMoreView.js +3 -27
- package/list/PaginationSize/PaginationSizeView.js +12 -25
- package/list/Steps/StepItemView.js +21 -40
- package/list/Steps/StepsView.js +12 -4
- package/modal/Modal/ModalView.js +5 -31
- package/modal/TwoFactorModal/TwoFactorModalView.js +4 -9
- package/nav/Breadcrubms/BreadcrumbsView.js +24 -37
- package/nav/ButtonGroup/ButtonGroupView.js +9 -13
- package/nav/Controls/ControlsView.js +4 -29
- package/nav/Nav/NavBarView.js +7 -33
- package/nav/Nav/NavButtonView.js +7 -33
- package/nav/Nav/NavIconView.js +18 -46
- package/nav/Nav/NavLinkView.js +7 -33
- package/nav/Nav/NavListView.js +5 -32
- package/nav/Nav/NavTabsView.js +7 -33
- package/nav/Tree/TreeView.js +3 -27
- package/nav/TreeItem/TreeItemView.js +5 -30
- package/package.json +5 -5
- package/typography/Text/TextView.d.ts +2 -2
- package/typography/Text/TextView.js +4 -28
- package/typography/Title/TitleView.d.ts +2 -2
- package/typography/Title/TitleView.js +4 -28
- package/utils/renderIcon.d.ts +2 -2
- package/utils/renderIcon.js +2 -2
|
@@ -1,35 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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;
|
|
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);
|
|
24
12
|
};
|
|
25
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
15
|
};
|
|
28
16
|
exports.__esModule = true;
|
|
29
|
-
var
|
|
30
|
-
var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal/Modal"));
|
|
31
|
-
var enums_1 = require("@steroidsjs/core/ui/content/Kanban/enums");
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
32
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
19
|
+
var enums_1 = require("@steroidsjs/core/ui/content/Kanban/enums");
|
|
20
|
+
var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal/Modal"));
|
|
21
|
+
var react_1 = require("react");
|
|
33
22
|
var CreateOrEditTaskModalContent_1 = __importDefault(require("./views/CreateOrEditTaskModalContent"));
|
|
34
23
|
var TaskDetailsModalContent_1 = __importDefault(require("./views/TaskDetailsModalContent"));
|
|
35
24
|
function KanbanModalView(props) {
|
|
@@ -37,11 +26,11 @@ function KanbanModalView(props) {
|
|
|
37
26
|
var renderModalContent = (0, react_1.useCallback)(function (modalType) {
|
|
38
27
|
switch (modalType) {
|
|
39
28
|
case enums_1.KanbanModalTypeEnum.CREATE:
|
|
40
|
-
return (
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(CreateOrEditTaskModalContent_1["default"], { bem: bem, formId: props.formId, columns: props.columns, columnId: props.columnId, tags: props.tags, assigners: props.assigners, createTaskEditorConfig: props.createTaskEditorConfig, submitButtonLabel: __('Создать'), onSubmit: props.onSubmit }));
|
|
41
30
|
case enums_1.KanbanModalTypeEnum.DETAILS:
|
|
42
|
-
return (
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(TaskDetailsModalContent_1["default"], { bem: bem, task: props.task }));
|
|
43
32
|
case enums_1.KanbanModalTypeEnum.EDIT:
|
|
44
|
-
return (
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(CreateOrEditTaskModalContent_1["default"], { bem: bem, formId: props.formId, task: props.task, columns: props.columns, columnId: props.columnId, tags: props.tags, assigners: props.assigners, createTaskEditorConfig: props.createTaskEditorConfig, submitButtonLabel: __('Сохранить'), onSubmit: props.onSubmit }));
|
|
45
34
|
default:
|
|
46
35
|
return null;
|
|
47
36
|
}
|
|
@@ -52,6 +41,6 @@ function KanbanModalView(props) {
|
|
|
52
41
|
onClick: props.onToggleModalType
|
|
53
42
|
}]
|
|
54
43
|
: null; }, [props.modalType]);
|
|
55
|
-
return (
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ className: bem.block(), title: props.title, onClose: props.onClose, size: "lg", buttons: renderModalButton(props.modalType) }, { children: renderModalContent(props.modalType) })));
|
|
56
45
|
}
|
|
57
46
|
exports["default"] = KanbanModalView;
|
|
@@ -10,39 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
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
|
-
};
|
|
36
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
exports.__esModule = true;
|
|
40
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var content_1 = require("@steroidsjs/core/ui/content");
|
|
41
19
|
var KanbanPrioritiesEnum_1 = __importDefault(require("@steroidsjs/core/ui/content/Kanban/enums/KanbanPrioritiesEnum"));
|
|
42
20
|
var form_1 = require("@steroidsjs/core/ui/form");
|
|
43
|
-
var
|
|
44
|
-
var TagsSelector_1 = __importDefault(require("./views/TagsSelector"));
|
|
21
|
+
var react_1 = require("react");
|
|
45
22
|
var Label_1 = __importDefault(require("./views/Label"));
|
|
23
|
+
var TagsSelector_1 = __importDefault(require("./views/TagsSelector"));
|
|
46
24
|
function CreateOrEditTaskModalContentView(props) {
|
|
47
25
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
48
26
|
var columns = (0, react_1.useMemo)(function () { return (props.columns.map(function (column) { return ({
|
|
@@ -52,9 +30,9 @@ function CreateOrEditTaskModalContentView(props) {
|
|
|
52
30
|
var prioritiesFields = (0, react_1.useMemo)(function () { return KanbanPrioritiesEnum_1["default"].getPrioritiesArray()
|
|
53
31
|
.map(function (priority) { return ({
|
|
54
32
|
id: priority.id,
|
|
55
|
-
label:
|
|
33
|
+
label: (0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: KanbanPrioritiesEnum_1["default"].getLabel(priority.type), type: KanbanPrioritiesEnum_1["default"].getColorByType(priority.type) })
|
|
56
34
|
}); }); }, []);
|
|
57
|
-
return (
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(form_1.Form, __assign({ formId: props.formId, className: props.bem.element('form'), initialValues: props.task
|
|
58
36
|
? {
|
|
59
37
|
columnId: props.columnId || null,
|
|
60
38
|
title: props.task.title || '',
|
|
@@ -69,38 +47,8 @@ function CreateOrEditTaskModalContentView(props) {
|
|
|
69
47
|
}, onSubmit: function (data) {
|
|
70
48
|
var _a;
|
|
71
49
|
props.onSubmit((_a = props.task) === null || _a === void 0 ? void 0 : _a.id, data, props.columnId);
|
|
72
|
-
}, useRedux: true },
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
react_1["default"].createElement(Label_1["default"], { className: props.bem.element('label'), content: __('Заголовок') }),
|
|
76
|
-
react_1["default"].createElement("div", { className: props.bem.element('right') },
|
|
77
|
-
react_1["default"].createElement(form_1.InputField, { attribute: "title", size: "md", showClear: true, required: true, outline: true }),
|
|
78
|
-
react_1["default"].createElement("div", { className: props.bem.element('sub-right') },
|
|
79
|
-
react_1["default"].createElement(Label_1["default"], { className: props.bem.element('label'), content: __('Переместить в') }),
|
|
80
|
-
react_1["default"].createElement(form_1.DropDownField, { attribute: 'columnId', items: columns, size: "md", required: true, outline: true })))),
|
|
81
|
-
react_1["default"].createElement("div", { className: props.bem.element('row') },
|
|
82
|
-
react_1["default"].createElement(Label_1["default"], { className: props.bem.element('label'), content: __('Описание') }),
|
|
83
|
-
react_1["default"].createElement("div", { className: props.bem.element('right', 'column') },
|
|
84
|
-
react_1["default"].createElement(form_1.InputField, { attribute: "description", size: "md", showClear: true }))),
|
|
85
|
-
react_1["default"].createElement("div", { className: props.bem.element('row') },
|
|
86
|
-
react_1["default"].createElement("div", { className: props.bem.element('label') }),
|
|
87
|
-
react_1["default"].createElement("div", { className: props.bem.element('right', 'html-field') },
|
|
88
|
-
react_1["default"].createElement(form_1.HtmlField, __assign({}, props.createTaskEditorConfig, { attribute: "fullDescription", size: "md" })))),
|
|
89
|
-
!!((_d = props.tags) === null || _d === void 0 ? void 0 : _d.length) && (react_1["default"].createElement("div", { className: props.bem.element('row', 'tags-field') },
|
|
90
|
-
react_1["default"].createElement(Label_1["default"], { className: props.bem.element('label'), content: __('Добавить теги') }),
|
|
91
|
-
react_1["default"].createElement("div", { className: props.bem.element('right', 'column') },
|
|
92
|
-
react_1["default"].createElement(TagsSelector_1["default"], { tags: props.tags, formId: props.formId })))),
|
|
93
|
-
react_1["default"].createElement("div", { className: props.bem.element('row') },
|
|
94
|
-
react_1["default"].createElement(Label_1["default"], { className: props.bem.element('label'), content: __('Исполнители') }),
|
|
95
|
-
react_1["default"].createElement("div", { className: props.bem.element('right') },
|
|
96
|
-
react_1["default"].createElement(form_1.DropDownField, { attribute: 'assigner', selectedIds: ((_f = (_e = props.task) === null || _e === void 0 ? void 0 : _e.assigner) === null || _f === void 0 ? void 0 : _f.id) && [props.task.assigner.id], items: props.assigners, showReset: true, outline: true }))),
|
|
97
|
-
react_1["default"].createElement("div", { className: props.bem.element('row', 'radio') },
|
|
98
|
-
react_1["default"].createElement(Label_1["default"], { className: props.bem.element('label'), content: __('Приоритет') }),
|
|
99
|
-
react_1["default"].createElement("div", { className: props.bem.element('right') },
|
|
100
|
-
react_1["default"].createElement(form_1.RadioListField, { attribute: 'priority', items: prioritiesFields, selectedIds: [
|
|
101
|
-
(_j = (_h = (_g = props.task) === null || _g === void 0 ? void 0 : _g.priority) === null || _h === void 0 ? void 0 : _h.id) !== null && _j !== void 0 ? _j : KanbanPrioritiesEnum_1["default"].getDefaultSelectedPriorityId(),
|
|
102
|
-
], multiple: false, orientation: 'horizontal' }))),
|
|
103
|
-
react_1["default"].createElement("div", { className: props.bem.element('button') },
|
|
104
|
-
react_1["default"].createElement(form_1.Button, { type: "submit", label: props.submitButtonLabel, size: "md" })))));
|
|
50
|
+
}, useRedux: true }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('form-content') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: __('Заголовок') }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('right') }, { children: [(0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: "title", size: "md", showClear: true, required: true, outline: true }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('sub-right') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: __('Переместить в') }), (0, jsx_runtime_1.jsx)(form_1.DropDownField, { attribute: 'columnId', items: columns, size: "md", required: true, outline: true })] }))] }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: __('Описание') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right', 'column') }, { children: (0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: "description", size: "md", showClear: true }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)("div", { className: props.bem.element('label') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right', 'html-field') }, { children: (0, jsx_runtime_1.jsx)(form_1.HtmlField, __assign({}, props.createTaskEditorConfig, { attribute: "fullDescription", size: "md" })) }))] })), !!((_d = props.tags) === null || _d === void 0 ? void 0 : _d.length) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row', 'tags-field') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: __('Добавить теги') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right', 'column') }, { children: (0, jsx_runtime_1.jsx)(TagsSelector_1["default"], { tags: props.tags, formId: props.formId }) }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: __('Исполнители') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right') }, { children: (0, jsx_runtime_1.jsx)(form_1.DropDownField, { attribute: 'assigner', selectedIds: ((_f = (_e = props.task) === null || _e === void 0 ? void 0 : _e.assigner) === null || _f === void 0 ? void 0 : _f.id) && [props.task.assigner.id], items: props.assigners, showReset: true, outline: true }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row', 'radio') }, { children: [(0, jsx_runtime_1.jsx)(Label_1["default"], { className: props.bem.element('label'), content: __('Приоритет') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('right') }, { children: (0, jsx_runtime_1.jsx)(form_1.RadioListField, { attribute: 'priority', items: prioritiesFields, selectedIds: [
|
|
51
|
+
(_j = (_h = (_g = props.task) === null || _g === void 0 ? void 0 : _g.priority) === null || _h === void 0 ? void 0 : _h.id) !== null && _j !== void 0 ? _j : KanbanPrioritiesEnum_1["default"].getDefaultSelectedPriorityId(),
|
|
52
|
+
], multiple: false, orientation: 'horizontal' }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('button') }, { children: (0, jsx_runtime_1.jsx)(form_1.Button, { type: "submit", label: props.submitButtonLabel, size: "md" }) }))] })) })));
|
|
105
53
|
}
|
|
106
54
|
exports["default"] = CreateOrEditTaskModalContentView;
|
package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.js
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
exports.__esModule = true;
|
|
6
|
-
var
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
4
|
var typography_1 = require("@steroidsjs/core/ui/typography");
|
|
8
5
|
function Label(props) {
|
|
9
|
-
return (
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)(typography_1.Text, { className: props.className, type: 'body2', content: props.content, color: "light-dark" }));
|
|
10
7
|
}
|
|
11
8
|
exports["default"] = Label;
|
|
@@ -1,35 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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;
|
|
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);
|
|
24
12
|
};
|
|
25
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
15
|
};
|
|
28
16
|
exports.__esModule = true;
|
|
29
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
31
19
|
var form_1 = require("@steroidsjs/core/reducers/form");
|
|
32
20
|
var form_2 = require("@steroidsjs/core/ui/form");
|
|
21
|
+
var react_1 = require("react");
|
|
33
22
|
var TaskTags_1 = __importDefault(require("../../../../../TaskTags"));
|
|
34
23
|
require("./TagsSelector.scss");
|
|
35
24
|
function TagsSelector(props) {
|
|
@@ -40,10 +29,8 @@ function TagsSelector(props) {
|
|
|
40
29
|
id: tag.id,
|
|
41
30
|
label: tag.message,
|
|
42
31
|
contentType: 'icon',
|
|
43
|
-
contentSrc:
|
|
32
|
+
contentSrc: (0, jsx_runtime_1.jsx)("div", { className: bem.element('tag-color', tag.type) })
|
|
44
33
|
}); })); }, [bem, props.tags]);
|
|
45
|
-
return (
|
|
46
|
-
!!(selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.length) && (react_1["default"].createElement(TaskTags_1["default"], { tags: taskTags })),
|
|
47
|
-
react_1["default"].createElement(form_2.DropDownField, { attribute: "tags", placeholder: __('Выберите теги'), multiple: true, items: tagsList, selectedIds: selectedTags, autoComplete: true, outline: true })));
|
|
34
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [!!(selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.length) && ((0, jsx_runtime_1.jsx)(TaskTags_1["default"], { tags: taskTags })), (0, jsx_runtime_1.jsx)(form_2.DropDownField, { attribute: "tags", placeholder: __('Выберите теги'), multiple: true, items: tagsList, selectedIds: selectedTags, autoComplete: true, outline: true })] })));
|
|
48
35
|
}
|
|
49
36
|
exports["default"] = TagsSelector;
|
|
@@ -1,53 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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;
|
|
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);
|
|
24
12
|
};
|
|
25
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
15
|
};
|
|
28
16
|
exports.__esModule = true;
|
|
29
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
18
|
var content_1 = require("@steroidsjs/core/ui/content");
|
|
31
|
-
var typography_1 = require("@steroidsjs/core/ui/typography");
|
|
32
19
|
var KanbanPrioritiesEnum_1 = __importDefault(require("@steroidsjs/core/ui/content/Kanban/enums/KanbanPrioritiesEnum"));
|
|
20
|
+
var typography_1 = require("@steroidsjs/core/ui/typography");
|
|
21
|
+
var react_1 = require("react");
|
|
33
22
|
function TaskDetailsModalContentView(props) {
|
|
34
23
|
var _a;
|
|
35
24
|
var _b = props.task, tags = _b.tags, priority = _b.priority, description = _b.description, assigner = _b.assigner;
|
|
36
|
-
var toTags = (0, react_1.useCallback)(function (tag) { return (
|
|
25
|
+
var toTags = (0, react_1.useCallback)(function (tag) { return ((0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: tag.message, type: tag.type }, tag.id)); }, []);
|
|
37
26
|
var priorityLabel = (0, react_1.useMemo)(function () { return KanbanPrioritiesEnum_1["default"].getLabel(priority === null || priority === void 0 ? void 0 : priority.type); }, [priority === null || priority === void 0 ? void 0 : priority.type]);
|
|
38
27
|
var priorityColor = (0, react_1.useMemo)(function () { return KanbanPrioritiesEnum_1["default"].getColorByType(priority === null || priority === void 0 ? void 0 : priority.type); }, [priority === null || priority === void 0 ? void 0 : priority.type]);
|
|
39
|
-
return (
|
|
40
|
-
description && (react_1["default"].createElement(typography_1.Text, { type: "body", content: description, tag: "p" })),
|
|
41
|
-
!!(tags === null || tags === void 0 ? void 0 : tags.length) && (react_1["default"].createElement("div", { className: props.bem.element('row', 'tags') }, tags.map(toTags))),
|
|
42
|
-
react_1["default"].createElement("div", { className: props.bem.element('row') },
|
|
43
|
-
react_1["default"].createElement(typography_1.Text, { className: props.bem.element('label'), type: 'body3', content: __('Приоритет'), color: "light-dark" }),
|
|
44
|
-
react_1["default"].createElement("div", { className: props.bem.element('data') },
|
|
45
|
-
react_1["default"].createElement(content_1.Badge, { size: "md", roundingStyle: "squarer", message: priorityLabel, type: priorityColor }))),
|
|
46
|
-
assigner && (react_1["default"].createElement("div", { className: props.bem.element('row') },
|
|
47
|
-
react_1["default"].createElement(typography_1.Text, { className: props.bem.element('label'), type: 'body3', content: __('Исполнитель'), color: "light-dark" }),
|
|
48
|
-
react_1["default"].createElement("div", { className: props.bem.element('data') },
|
|
49
|
-
react_1["default"].createElement("div", { className: props.bem.element('assigner') },
|
|
50
|
-
react_1["default"].createElement(content_1.Avatar, { src: (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src, title: assigner.firstName, size: 'sm' }),
|
|
51
|
-
react_1["default"].createElement(typography_1.Text, { type: "body", content: "".concat(assigner.firstName || '', " ").concat(assigner.lastName || '') })))))));
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('content') }, { children: [description && ((0, jsx_runtime_1.jsx)(typography_1.Text, { type: "body", content: description, tag: "p" })), !!(tags === null || tags === void 0 ? void 0 : tags.length) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('row', 'tags') }, { children: tags.map(toTags) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: props.bem.element('label'), type: 'body3', content: __('Приоритет'), color: "light-dark" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('data') }, { children: (0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: priorityLabel, type: priorityColor }) }))] })), assigner && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('row') }, { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: props.bem.element('label'), type: 'body3', content: __('Исполнитель'), color: "light-dark" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: props.bem.element('data') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: props.bem.element('assigner') }, { children: [(0, jsx_runtime_1.jsx)(content_1.Avatar, { src: (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src, title: assigner.firstName, size: 'sm' }), (0, jsx_runtime_1.jsx)(typography_1.Text, { type: "body", content: "".concat(assigner.firstName || '', " ").concat(assigner.lastName || '') })] })) }))] })))] })));
|
|
52
29
|
}
|
|
53
30
|
exports["default"] = TaskDetailsModalContentView;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { IKanbanTaskViewProps } from '@steroidsjs/core/ui/content/Kanban/Kanban';
|
|
3
3
|
declare function KanbanTaskView(props: IKanbanTaskViewProps): JSX.Element;
|
|
4
|
-
declare const _default:
|
|
4
|
+
declare const _default: import("react").MemoExoticComponent<typeof KanbanTaskView>;
|
|
5
5
|
export default _default;
|
|
@@ -10,57 +10,23 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
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
|
-
};
|
|
36
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
exports.__esModule = true;
|
|
40
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
42
19
|
var Avatar_1 = __importDefault(require("@steroidsjs/core/ui/content/Avatar/Avatar"));
|
|
43
20
|
var typography_1 = require("@steroidsjs/core/ui/typography");
|
|
21
|
+
var react_1 = require("react");
|
|
44
22
|
var TaskTags_1 = __importDefault(require("../TaskTags"));
|
|
45
23
|
function KanbanTaskView(props) {
|
|
46
24
|
var bem = (0, hooks_1.useBem)('KanbanTaskView');
|
|
47
25
|
var _a = props.task, id = _a.id, title = _a.title, description = _a.description, tags = _a.tags, assigner = _a.assigner, priority = _a.priority;
|
|
48
26
|
var Draggable = props.draggableComponent;
|
|
49
|
-
return (
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
react_1["default"].createElement("div", { className: bem.element('content') },
|
|
54
|
-
react_1["default"].createElement("div", { className: bem.element('header') },
|
|
55
|
-
react_1["default"].createElement("h4", { className: bem.element('title'), "aria-hidden": "true", onClick: function () { return props.onOpenTaskDetailsModal(props.task, props.columnId); } },
|
|
56
|
-
react_1["default"].createElement("span", { className: bem.element('task-id') }, __("#".concat(id, " "))),
|
|
57
|
-
title)),
|
|
58
|
-
description && (react_1["default"].createElement(typography_1.Text, { type: 'body2', content: description, className: bem.element('description') }))),
|
|
59
|
-
react_1["default"].createElement("div", { className: bem.element('footer') },
|
|
60
|
-
tags && (react_1["default"].createElement(TaskTags_1["default"], { tags: tags })),
|
|
61
|
-
assigner && (react_1["default"].createElement("div", { className: bem.element('assigner') },
|
|
62
|
-
react_1["default"].createElement(Avatar_1["default"], { src: (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src, title: "".concat(assigner.firstName, " ").concat(assigner.lastName), size: 'sm' }))))),
|
|
63
|
-
priority && (react_1["default"].createElement("span", { className: bem.element('priority', !!priority && "".concat(priority.type)) }))));
|
|
64
|
-
}));
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(Draggable, __assign({ draggableId: id.toString(), index: props.index }, { children: function (provided) {
|
|
28
|
+
var _a;
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, provided.draggableProps, provided.dragHandleProps, { ref: provided.innerRef }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('wrapper') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('header') }, { children: (0, jsx_runtime_1.jsxs)("h4", __assign({ className: bem.element('title'), "aria-hidden": "true", onClick: function () { return props.onOpenTaskDetailsModal(props.task, props.columnId); } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('task-id') }, { children: __("#".concat(id, " ")) })), title] })) })), description && ((0, jsx_runtime_1.jsx)(typography_1.Text, { type: 'body2', content: description, className: bem.element('description') }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('footer') }, { children: [tags && ((0, jsx_runtime_1.jsx)(TaskTags_1["default"], { tags: tags })), assigner && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('assigner') }, { children: (0, jsx_runtime_1.jsx)(Avatar_1["default"], { src: (_a = assigner.avatar) === null || _a === void 0 ? void 0 : _a.src, title: "".concat(assigner.firstName, " ").concat(assigner.lastName), size: 'sm' }) })))] }))] })), priority && ((0, jsx_runtime_1.jsx)("span", { className: bem.element('priority', !!priority && "".concat(priority.type)) }))] })));
|
|
30
|
+
} })));
|
|
65
31
|
}
|
|
66
32
|
exports["default"] = (0, react_1.memo)(KanbanTaskView);
|
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
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);
|
|
4
12
|
};
|
|
5
13
|
exports.__esModule = true;
|
|
6
|
-
var
|
|
7
|
-
var content_1 = require("@steroidsjs/core/ui/content");
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
16
|
+
var content_1 = require("@steroidsjs/core/ui/content");
|
|
9
17
|
require("./TaskTags.scss");
|
|
10
18
|
function TaskTags(props) {
|
|
11
19
|
var bem = (0, hooks_1.useBem)('TaskTags');
|
|
12
|
-
return (
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: props.tags.map(function (tag) { return ((0, jsx_runtime_1.jsx)(content_1.Badge, { size: "md", roundingStyle: "squarer", message: tag.message, type: tag.type, showClose: props.showClose, onClose: function () { return props.onClose(tag.id); } }, tag.id)); }) })));
|
|
13
21
|
}
|
|
14
22
|
exports["default"] = TaskTags;
|
|
@@ -1,18 +1,29 @@
|
|
|
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
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
exports.__esModule = true;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
19
|
var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
|
|
9
20
|
function MenuItemView(props) {
|
|
10
21
|
var bem = (0, hooks_1.useBem)('MenuItemView');
|
|
11
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ onClick: props.onClick, className: bem.block({
|
|
12
23
|
hasBorder: props.hasBorder,
|
|
13
24
|
noneIcon: !props.icon
|
|
14
|
-
}) },
|
|
15
|
-
|
|
16
|
-
|
|
25
|
+
}) }, { children: [props.icon && (0, renderIcon_1["default"])(props.icon, {
|
|
26
|
+
className: bem.element('icon')
|
|
27
|
+
}), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('label') }, { children: props.label }))] })));
|
|
17
28
|
}
|
|
18
29
|
exports["default"] = MenuItemView;
|
package/content/Menu/MenuView.js
CHANGED
|
@@ -14,20 +14,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
exports.__esModule = true;
|
|
17
|
-
var
|
|
18
|
-
var content_1 = require("@steroidsjs/core/ui/content");
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
19
|
+
var content_1 = require("@steroidsjs/core/ui/content");
|
|
20
|
+
var react_1 = require("react");
|
|
20
21
|
var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
|
|
21
22
|
function MenuView(props) {
|
|
22
23
|
var bem = (0, hooks_1.useBem)('MenuView');
|
|
23
24
|
var MenuItemView = props.itemView;
|
|
24
|
-
var renderMenuItems = react_1
|
|
25
|
+
var renderMenuItems = (0, react_1.useCallback)(function () {
|
|
25
26
|
var _a;
|
|
26
|
-
return (
|
|
27
|
+
return ((_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(MenuItemView, __assign({}, item), index)); }));
|
|
27
28
|
}, [MenuItemView, props.items]);
|
|
28
|
-
return (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(content_1.DropDown, __assign({}, props.dropDownProps, { className: bem(bem.block(), props.className), content: renderMenuItems }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('button') }, { children: props.icon
|
|
30
|
+
? (0, renderIcon_1["default"])(props.icon, {
|
|
31
|
+
className: bem.element('icon')
|
|
32
|
+
})
|
|
33
|
+
: ((0, jsx_runtime_1.jsx)(content_1.Icon, { name: 'menu_dots', className: bem.element('icon') })) })) })));
|
|
32
34
|
}
|
|
33
35
|
exports["default"] = MenuView;
|
|
@@ -1,12 +1,23 @@
|
|
|
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
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
exports.__esModule = true;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
18
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
9
19
|
var react_splide_1 = require("@splidejs/react-splide");
|
|
20
|
+
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
10
21
|
require("@splidejs/splide/dist/css/splide.min.css");
|
|
11
22
|
function SliderView(props) {
|
|
12
23
|
var _a;
|
|
@@ -14,8 +25,6 @@ function SliderView(props) {
|
|
|
14
25
|
//TODO Исправить тип, связано с yarn tsc в action publish.yml
|
|
15
26
|
var Splide = react_splide_1.Splide;
|
|
16
27
|
var ItemView = props.itemView;
|
|
17
|
-
return (
|
|
18
|
-
react_1["default"].createElement(Splide, { options: props.sliderOptions, extensions: props.extensions, hasTrack: props.hasTrack, tag: props.tag, transition: props.transition, ref: props.ref }, (_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, itemIndex) { return (react_1["default"].createElement(react_splide_1.SplideSlide, { key: itemIndex },
|
|
19
|
-
react_1["default"].createElement(ItemView, { item: item }))); }))));
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsx)(Splide, __assign({ options: props.sliderOptions, extensions: props.extensions, hasTrack: props.hasTrack, tag: props.tag, transition: props.transition, ref: props.ref }, { children: (_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, itemIndex) { return ((0, jsx_runtime_1.jsx)(react_splide_1.SplideSlide, { children: (0, jsx_runtime_1.jsx)(ItemView, { item: item }) }, itemIndex)); }) })) })));
|
|
20
29
|
}
|
|
21
30
|
exports["default"] = SliderView;
|
package/crud/Crud/CrudView.js
CHANGED
|
@@ -1,39 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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;
|
|
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);
|
|
24
12
|
};
|
|
25
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
15
|
};
|
|
28
16
|
exports.__esModule = true;
|
|
29
|
-
var
|
|
30
|
-
var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
19
|
+
var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
|
|
32
20
|
function CrudView(props) {
|
|
33
21
|
var bem = (0, hooks_1.useBem)('CrudView');
|
|
34
|
-
return (
|
|
35
|
-
props.title && (React.createElement("h1", { className: 'mb-3' }, props.title)),
|
|
36
|
-
props.controls && (React.createElement(Controls_1["default"], { items: props.controls, className: bem.element('controls') })),
|
|
37
|
-
props.children));
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className) }, { children: [props.title && ((0, jsx_runtime_1.jsx)("h1", __assign({ className: 'mb-3' }, { children: props.title }))), props.controls && ((0, jsx_runtime_1.jsx)(Controls_1["default"], { items: props.controls, className: bem.element('controls') })), props.children] })));
|
|
38
23
|
}
|
|
39
24
|
exports["default"] = CrudView;
|