@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,50 +1,41 @@
|
|
|
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
|
exports.__esModule = true;
|
|
26
|
-
var
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
28
16
|
function CircleProgressBarView(props) {
|
|
29
17
|
var bem = (0, hooks_1.useBem)('CircleProgressBarView');
|
|
30
18
|
var size = {
|
|
31
|
-
large: {
|
|
32
|
-
|
|
33
|
-
|
|
19
|
+
large: {
|
|
20
|
+
radius: 64
|
|
21
|
+
},
|
|
22
|
+
medium: {
|
|
23
|
+
radius: 48
|
|
24
|
+
},
|
|
25
|
+
small: {
|
|
26
|
+
radius: 32
|
|
27
|
+
}
|
|
34
28
|
};
|
|
35
29
|
var getCircumference = function () { return 2 * Math.PI * size[props.size].radius; };
|
|
36
|
-
return (
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
|
|
37
31
|
size: props.size,
|
|
38
32
|
status: props.status
|
|
39
|
-
}) },
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
strokeDasharray: getCircumference()
|
|
47
|
-
} }))),
|
|
48
|
-
React.createElement("div", { className: bem.element('content') }, props.label)));
|
|
33
|
+
}) }, { children: [(0, jsx_runtime_1.jsx)("svg", { children: (0, jsx_runtime_1.jsxs)("g", __assign({ className: bem.element('circles') }, { children: [(0, jsx_runtime_1.jsx)("circle", { className: bem.element('emptyCircle'), style: {
|
|
34
|
+
strokeDasharray: getCircumference()
|
|
35
|
+
} }), (0, jsx_runtime_1.jsx)("circle", { className: bem.element('progressCircle'), style: {
|
|
36
|
+
// eslint-disable-next-line max-len
|
|
37
|
+
strokeDashoffset: getCircumference() - (Math.min(props.percent, 100) * getCircumference()) / 100,
|
|
38
|
+
strokeDasharray: getCircumference()
|
|
39
|
+
} })] })) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.label }))] })));
|
|
49
40
|
}
|
|
50
41
|
exports["default"] = CircleProgressBarView;
|
|
@@ -1,38 +1,25 @@
|
|
|
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
|
exports.__esModule = true;
|
|
26
|
-
var
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
28
16
|
function LineProgressBarView(props) {
|
|
29
17
|
var bem = (0, hooks_1.useBem)('LineProgressBarView');
|
|
30
|
-
return (
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
|
|
31
19
|
size: props.size,
|
|
32
20
|
status: props.status
|
|
33
|
-
}) },
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
React.createElement("div", { className: bem.element('text') }, props.label)));
|
|
21
|
+
}) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('emptyLine') }, { children: (0, jsx_runtime_1.jsx)("div", { className: bem.element('progressLine'), style: {
|
|
22
|
+
width: "".concat(props.percent, "%")
|
|
23
|
+
} }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('text') }, { children: props.label }))] })));
|
|
37
24
|
}
|
|
38
25
|
exports["default"] = LineProgressBarView;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { IIconProps } from '@steroidsjs/core/ui/content/Icon/Icon';
|
|
3
3
|
import './FooterIcons.scss';
|
|
4
4
|
interface IFooterIconsProps {
|
|
@@ -6,5 +6,5 @@ interface IFooterIconsProps {
|
|
|
6
6
|
isShink?: boolean;
|
|
7
7
|
}
|
|
8
8
|
declare function FooterIcons(props: IFooterIconsProps): JSX.Element;
|
|
9
|
-
declare const _default:
|
|
9
|
+
declare const _default: import("react").MemoExoticComponent<typeof FooterIcons>;
|
|
10
10
|
export default _default;
|
|
@@ -10,45 +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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
42
19
|
var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon/Icon"));
|
|
20
|
+
var react_1 = require("react");
|
|
43
21
|
var renderIcon_1 = __importDefault(require("../../../utils/renderIcon"));
|
|
44
22
|
require("./FooterIcons.scss");
|
|
45
23
|
function FooterIcons(props) {
|
|
46
24
|
var _a;
|
|
47
25
|
var bem = (0, useBem_1["default"])('FooterIcons');
|
|
48
|
-
return (
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: bem(bem.block({
|
|
49
27
|
isShrink: props.isShink
|
|
50
|
-
})) }, props.isShink
|
|
51
|
-
|
|
52
|
-
|
|
28
|
+
})) }, { children: props.isShink
|
|
29
|
+
? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'share', className: bem.element('item') }))
|
|
30
|
+
: (_a = props.footerIcons) === null || _a === void 0 ? void 0 : _a.map(function (icon, iconIndex) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem.element('item') }, { children: (0, renderIcon_1["default"])(icon === null || icon === void 0 ? void 0 : icon.name, __assign({}, icon)) }), iconIndex)); }) })));
|
|
53
31
|
}
|
|
54
32
|
exports["default"] = (0, react_1.memo)(FooterIcons);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import './SidebarLogo.scss';
|
|
3
3
|
interface ISidebarLogoProps {
|
|
4
|
-
icon: string |
|
|
4
|
+
icon: string | ReactElement;
|
|
5
5
|
label: string;
|
|
6
6
|
toggleSidebar: () => void;
|
|
7
7
|
}
|
|
8
8
|
declare function SidebarLogo(props: ISidebarLogoProps): JSX.Element;
|
|
9
|
-
declare const _default:
|
|
9
|
+
declare const _default: import("react").MemoExoticComponent<typeof SidebarLogo>;
|
|
10
10
|
export default _default;
|
|
@@ -1,44 +1,29 @@
|
|
|
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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
31
19
|
var content_1 = require("@steroidsjs/core/ui/content");
|
|
20
|
+
var react_1 = require("react");
|
|
32
21
|
var renderIcon_1 = __importDefault(require("../../../utils/renderIcon"));
|
|
33
22
|
require("./SidebarLogo.scss");
|
|
34
23
|
function SidebarLogo(props) {
|
|
35
24
|
var bem = (0, useBem_1["default"])('SidebarLogo');
|
|
36
|
-
return (
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
className: bem.element('icon')
|
|
40
|
-
}),
|
|
41
|
-
react_1["default"].createElement("h3", { className: bem.element('label') }, props.label)),
|
|
42
|
-
react_1["default"].createElement(content_1.Icon, { name: 'menu_left', className: bem.element('right'), onClick: props.toggleSidebar })));
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('left') }, { children: [(0, renderIcon_1["default"])(props.icon, {
|
|
26
|
+
className: bem.element('icon')
|
|
27
|
+
}), (0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('label') }, { children: props.label }))] })), (0, jsx_runtime_1.jsx)(content_1.Icon, { name: 'menu_left', className: bem.element('right'), onClick: props.toggleSidebar })] })));
|
|
43
28
|
}
|
|
44
29
|
exports["default"] = (0, react_1.memo)(SidebarLogo);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { IMenuProps } from '@steroidsjs/core/ui/content/Menu/Menu';
|
|
3
3
|
import './SidebarUser.scss';
|
|
4
4
|
interface ISidebarUserProps {
|
|
@@ -7,5 +7,5 @@ interface ISidebarUserProps {
|
|
|
7
7
|
picture: string;
|
|
8
8
|
}
|
|
9
9
|
declare function SidebarUser(props: ISidebarUserProps): JSX.Element;
|
|
10
|
-
declare const _default:
|
|
10
|
+
declare const _default: import("react").MemoExoticComponent<typeof SidebarUser>;
|
|
11
11
|
export default _default;
|
|
@@ -10,44 +10,18 @@ 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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
42
|
-
var Menu_1 = __importDefault(require("@steroidsjs/core/ui/content/Menu/Menu"));
|
|
43
19
|
var content_1 = require("@steroidsjs/core/ui/content");
|
|
20
|
+
var Menu_1 = __importDefault(require("@steroidsjs/core/ui/content/Menu/Menu"));
|
|
21
|
+
var react_1 = require("react");
|
|
44
22
|
require("./SidebarUser.scss");
|
|
45
23
|
function SidebarUser(props) {
|
|
46
24
|
var bem = (0, useBem_1["default"])('SidebarUser');
|
|
47
|
-
return (
|
|
48
|
-
react_1["default"].createElement("div", { className: bem.element('left') },
|
|
49
|
-
react_1["default"].createElement(content_1.Avatar, { size: "sm", src: props.picture, className: bem.element('avatar') }),
|
|
50
|
-
react_1["default"].createElement("p", { className: bem.element('name') }, props.name)),
|
|
51
|
-
react_1["default"].createElement(Menu_1["default"], __assign({}, props === null || props === void 0 ? void 0 : props.menu))));
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('left') }, { children: [(0, jsx_runtime_1.jsx)(content_1.Avatar, { size: "sm", src: props.picture, className: bem.element('avatar') }), (0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('name') }, { children: props.name }))] })), (0, jsx_runtime_1.jsx)(Menu_1["default"], __assign({}, props === null || props === void 0 ? void 0 : props.menu))] })));
|
|
52
26
|
}
|
|
53
27
|
exports["default"] = (0, react_1.memo)(SidebarUser);
|
|
@@ -1,26 +1,30 @@
|
|
|
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;
|
|
6
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
18
|
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
8
19
|
var nav_1 = require("@steroidsjs/core/ui/nav");
|
|
9
|
-
var SidebarUser_1 = __importDefault(require("./SidebarUser"));
|
|
10
|
-
var SidebarLogo_1 = __importDefault(require("./SidebarLogo"));
|
|
11
20
|
var FooterIcons_1 = __importDefault(require("./FooterIcons"));
|
|
21
|
+
var SidebarLogo_1 = __importDefault(require("./SidebarLogo"));
|
|
22
|
+
var SidebarUser_1 = __importDefault(require("./SidebarUser"));
|
|
12
23
|
function SidebarView(props) {
|
|
13
24
|
var bem = (0, useBem_1["default"])('SidebarView');
|
|
14
|
-
return (
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)("aside", __assign({ className: bem(bem.block({
|
|
15
26
|
isOpened: props.isOpened,
|
|
16
27
|
hasSeparatedItem: props.hasSeparatedNavItem
|
|
17
|
-
}), props.className), style: props.style },
|
|
18
|
-
react_1["default"].createElement("header", { className: bem.element('header') },
|
|
19
|
-
react_1["default"].createElement(SidebarLogo_1["default"], { icon: props.logo.icon, label: props.logo.label, toggleSidebar: props.toggleSidebar }),
|
|
20
|
-
react_1["default"].createElement(SidebarUser_1["default"], { menu: props.menu, name: props.user.name, picture: props.user.picture })),
|
|
21
|
-
react_1["default"].createElement(nav_1.Nav, { items: props.items, layout: "icon", className: bem.element('nav'), onChange: props === null || props === void 0 ? void 0 : props.onClickNav }),
|
|
22
|
-
react_1["default"].createElement("footer", { className: bem.element('footer') },
|
|
23
|
-
react_1["default"].createElement(FooterIcons_1["default"], { footerIcons: props.footerIcons, isShink: !props.isOpened })),
|
|
24
|
-
react_1["default"].createElement("div", { className: bem.element('trigger'), onClick: props.toggleSidebar })));
|
|
28
|
+
}), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsxs)("header", __assign({ className: bem.element('header') }, { children: [(0, jsx_runtime_1.jsx)(SidebarLogo_1["default"], { icon: props.logo.icon, label: props.logo.label, toggleSidebar: props.toggleSidebar }), (0, jsx_runtime_1.jsx)(SidebarUser_1["default"], { menu: props.menu, name: props.user.name, picture: props.user.picture })] })), (0, jsx_runtime_1.jsx)(nav_1.Nav, { items: props.items, layout: "icon", className: bem.element('nav'), onChange: props === null || props === void 0 ? void 0 : props.onClickNav }), (0, jsx_runtime_1.jsx)("footer", __assign({ className: bem.element('footer') }, { children: (0, jsx_runtime_1.jsx)(FooterIcons_1["default"], { footerIcons: props.footerIcons, isShink: !props.isOpened }) })), (0, jsx_runtime_1.jsx)("div", { className: bem.element('trigger'), onClick: props.toggleSidebar })] })));
|
|
25
29
|
}
|
|
26
30
|
exports["default"] = SidebarView;
|
|
@@ -1,38 +1,26 @@
|
|
|
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
|
exports.__esModule = true;
|
|
26
|
-
var
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
28
16
|
function SkeletonView(props) {
|
|
29
17
|
var bem = (0, hooks_1.useBem)('SkeletonView');
|
|
30
|
-
return (
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem(props.className, bem.block({
|
|
31
19
|
type: props.children ? null : props.type,
|
|
32
20
|
animation: props.animation
|
|
33
21
|
})), style: {
|
|
34
22
|
height: props.height,
|
|
35
23
|
width: props.width
|
|
36
|
-
} }, props.children));
|
|
24
|
+
} }, { children: props.children })));
|
|
37
25
|
}
|
|
38
26
|
exports["default"] = SkeletonView;
|
|
@@ -1,31 +1,19 @@
|
|
|
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
|
exports.__esModule = true;
|
|
26
|
-
var
|
|
27
|
-
var react_1 = require("react");
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
16
|
+
var react_1 = require("react");
|
|
29
17
|
function TooltipView(props) {
|
|
30
18
|
var bem = (0, hooks_1.useBem)('TooltipView');
|
|
31
19
|
var tooltipRef = (0, react_1.useRef)(null);
|
|
@@ -33,12 +21,11 @@ function TooltipView(props) {
|
|
|
33
21
|
(0, react_1.useEffect)(function () {
|
|
34
22
|
props.calculatePosition(tooltipRef.current.getBoundingClientRect(), arrowRef.current.getBoundingClientRect());
|
|
35
23
|
}, [props.calculatePosition]);
|
|
36
|
-
return (
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: tooltipRef, className: bem(bem.block({
|
|
37
25
|
show: props.isTooltipVisible,
|
|
38
26
|
position: props.position
|
|
39
|
-
}), props.className), style: props.style },
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
React.createElement("span", null, props.content))));
|
|
27
|
+
}), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsx)("div", { ref: arrowRef, className: bem.element('arrow', {
|
|
28
|
+
position: props.position
|
|
29
|
+
}), style: props.arrowPosition }), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: (0, jsx_runtime_1.jsx)("span", { children: props.content }) }))] })));
|
|
43
30
|
}
|
|
44
31
|
exports["default"] = TooltipView;
|
|
@@ -10,41 +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
|
|
41
|
-
var CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
19
|
+
var CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
|
|
43
20
|
var get_1 = __importDefault(require("lodash-es/get"));
|
|
44
21
|
function CheckboxColumnView(props) {
|
|
45
22
|
var bem = (0, hooks_1.useBem)('CheckboxColumnView');
|
|
46
23
|
var CheckboxFieldInternal = CheckboxField_1["default"].WrappedComponent;
|
|
47
|
-
return (
|
|
48
|
-
React.createElement(CheckboxFieldInternal, __assign({}, props.fieldProps, { input: props.input, size: props.size, label: (0, get_1["default"])(props.item, props.attribute) }))));
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsx)(CheckboxFieldInternal, __assign({}, props.fieldProps, { input: props.input, size: props.size, label: (0, get_1["default"])(props.item, props.attribute) })) })));
|
|
49
25
|
}
|
|
50
26
|
exports["default"] = CheckboxColumnView;
|
|
@@ -10,41 +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
|
|
41
|
-
var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
19
|
+
var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
|
|
43
20
|
function ControlsColumnView(props) {
|
|
44
21
|
var bem = (0, hooks_1.useBem)('ControlsColumnView');
|
|
45
|
-
return (
|
|
46
|
-
React.createElement(Controls_1["default"], __assign({}, props, { navProps: {
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsx)(Controls_1["default"], __assign({}, props, { navProps: {
|
|
47
23
|
layout: 'icon'
|
|
48
|
-
}, items: props.items }))));
|
|
24
|
+
}, items: props.items })) })));
|
|
49
25
|
}
|
|
50
26
|
exports["default"] = ControlsColumnView;
|