@steroidsjs/bootstrap 3.0.45 → 3.1.1
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 +28 -46
- 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 -10
- package/content/Badge/BadgeView.js +14 -7
- package/content/Calendar/CalendarView.js +4 -4
- package/content/Calendar/CaptionElement.js +47 -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 +13 -26
- package/content/CalendarSystem/CalendarSystemEventGroupModalView.js +14 -10
- package/content/CalendarSystem/CalendarSystemModalView.js +24 -27
- package/content/CalendarSystem/CalendarSystemView.js +7 -14
- package/content/CalendarSystem/ContentHeader/ContentHeader.d.ts +2 -2
- package/content/CalendarSystem/ContentHeader/ContentHeader.js +18 -10
- 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 +20 -8
- 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 +23 -16
- package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.js +15 -7
- 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 +20 -8
- package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.js +2 -5
- package/content/Card/CardView.js +5 -24
- package/content/Chart/ChartView.js +4 -12
- package/content/Chat/ChatView.js +18 -33
- package/content/Chat/views/BubbleMessage/BubbleMessageView.d.ts +2 -2
- package/content/Chat/views/BubbleMessage/BubbleMessageView.js +4 -35
- package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.d.ts +2 -2
- package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.js +15 -33
- package/content/Chat/views/ChatFileItem/ChatFileItemView.js +26 -29
- package/content/Chat/views/ChatInput/ChatInputView.js +7 -34
- package/content/CopyToClipboard/CopyToClipboardView.js +16 -7
- package/content/Dashboard/DashboardItemView.js +12 -8
- package/content/Detail/DetailView.js +27 -25
- package/content/DropDown/DropDownView.js +15 -30
- package/content/Icon/IconView.js +3 -27
- package/content/Kanban/KanbanView.js +5 -10
- package/content/Kanban/views/KanbanColumn/KanbanColumnView.js +2 -13
- package/content/Kanban/views/KanbanModal/KanbanModalView.js +16 -27
- package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.js +7 -59
- 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 +14 -37
- 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 +12 -4
- package/content/Menu/MenuItemView.js +16 -7
- package/content/Menu/MenuView.js +9 -9
- package/content/Slider/SliderView.js +13 -4
- package/crud/Crud/CrudView.js +12 -27
- package/form/AutoCompleteField/AutoCompleteFieldView.js +19 -54
- package/form/Button/ButtonView.js +16 -36
- package/form/CheckboxField/CheckboxFieldView.js +9 -34
- package/form/CheckboxListField/CheckboxListFieldView.js +28 -40
- package/form/CheckboxTreeField/CheckboxTreeFieldView.js +32 -21
- package/form/DateField/DateFieldView.js +9 -38
- package/form/DateRangeField/DateRangeFieldView.js +9 -44
- package/form/DateRangeField/views/RangeButtons/RangeButtons.js +4 -26
- package/form/DateTimeField/DateTimeFieldView.js +11 -43
- package/form/DateTimeRangeField/DateTimeRangeFieldView.js +13 -50
- package/form/DropDownField/DropDownFieldView.js +20 -56
- package/form/DropDownFieldItem/DropDownFieldItemView.js +14 -14
- package/form/FieldLayout/FieldLayoutView.js +18 -37
- package/form/FieldList/FieldListItemView.d.ts +2 -2
- package/form/FieldList/FieldListItemView.js +7 -33
- package/form/FieldList/FieldListView.js +18 -40
- package/form/FieldSet/FieldSetView.js +12 -26
- package/form/FileField/FileFieldItemView.js +30 -55
- package/form/FileField/FileFieldView.js +5 -30
- package/form/Form/FormView.d.ts +2 -2
- package/form/Form/FormView.js +5 -32
- package/form/HtmlField/HtmlFieldView.js +12 -5
- package/form/ImageField/ImageFieldModalView.js +3 -28
- package/form/ImageField/ImageFieldView.js +10 -40
- package/form/InputField/InputFieldView.js +12 -43
- package/form/NumberField/NumberFieldView.js +7 -37
- package/form/PasswordField/PasswordFieldView.js +9 -37
- 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 +5 -10
- package/form/SwitcherListField/SwitcherListFieldView.js +28 -40
- package/form/TextField/TextFieldView.js +4 -28
- package/form/TimeField/TimeFieldView.js +7 -37
- package/form/TimeField/TimePanelView.js +20 -37
- 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 +2 -6
- package/layout/Header/HeaderView.js +15 -51
- package/layout/Loader/LoaderView.js +13 -26
- package/layout/Notifications/NotificationsItemView.js +14 -28
- package/layout/Notifications/NotificationsView.js +13 -25
- package/layout/ProgressBar/CircleProgressBarView.js +19 -36
- package/layout/ProgressBar/LineProgressBarView.js +15 -30
- 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 +3 -29
- package/layout/Sidebar/SidebarView.js +14 -10
- package/layout/Skeleton/SkeletonView.js +13 -25
- package/layout/Tooltip/TooltipView.js +15 -30
- package/list/CheckboxColumn/CheckboxColumnView.js +2 -26
- package/list/ControlsColumnView/ControlsColumnView.js +3 -27
- package/list/Empty/EmptyView.js +12 -24
- package/list/FlexGrid/FlexGridView.js +13 -38
- package/list/Grid/GridView.js +10 -51
- package/list/Grid/views/ContentColumnView/ContentColumnView.js +6 -12
- package/list/Grid/views/DiagramColumnView/DiagramColumnView.js +25 -21
- package/list/Grid/views/TreeColumnView/TreeColumnView.js +4 -4
- package/list/List/ListItemView.js +12 -24
- package/list/List/ListView.js +15 -36
- package/list/Pagination/PaginationButtonView.js +30 -50
- package/list/Pagination/PaginationMoreView.js +2 -26
- package/list/PaginationSize/PaginationSizeView.js +12 -25
- package/list/Steps/StepItemView.js +19 -40
- package/list/Steps/StepsView.js +12 -4
- package/modal/Modal/ModalView.js +3 -31
- package/modal/TwoFactorModal/TwoFactorModalView.js +2 -7
- package/nav/Breadcrubms/BreadcrumbsView.js +20 -35
- package/nav/ButtonGroup/ButtonGroupView.js +9 -13
- package/nav/Controls/ControlsView.js +3 -28
- package/nav/Nav/NavBarView.js +6 -32
- package/nav/Nav/NavButtonView.js +6 -32
- package/nav/Nav/NavIconView.js +17 -45
- package/nav/Nav/NavLinkView.js +6 -32
- package/nav/Nav/NavListView.js +4 -31
- package/nav/Nav/NavTabsView.js +6 -32
- package/nav/Tree/TreeView.js +2 -26
- package/nav/TreeItem/TreeItemView.js +5 -30
- package/package.json +4 -4
- 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,40 +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;
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
27
|
-
var React = __importStar(require("react"));
|
|
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
|
-
width: "".concat(props.percent, "%")
|
|
37
|
-
} })),
|
|
38
|
-
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 }))] })));
|
|
39
24
|
}
|
|
40
25
|
exports["default"] = LineProgressBarView;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { IIconProps } from '@steroidsjs/core/ui/content/Icon/Icon';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
import './FooterIcons.scss';
|
|
4
4
|
interface IFooterIconsProps {
|
|
5
5
|
footerIcons?: IIconProps[];
|
|
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;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
18
|
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
41
19
|
var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon/Icon"));
|
|
42
|
-
var react_1 =
|
|
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;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
18
|
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
30
19
|
var content_1 = require("@steroidsjs/core/ui/content");
|
|
31
|
-
var react_1 =
|
|
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,5 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { IMenuProps } from '@steroidsjs/core/ui/content/Menu/Menu';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
import './SidebarUser.scss';
|
|
4
4
|
interface ISidebarUserProps {
|
|
5
5
|
menu: IMenuProps;
|
|
@@ -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;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
18
|
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
41
19
|
var content_1 = require("@steroidsjs/core/ui/content");
|
|
42
20
|
var Menu_1 = __importDefault(require("@steroidsjs/core/ui/content/Menu/Menu"));
|
|
43
|
-
var react_1 =
|
|
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;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
18
|
var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
7
19
|
var nav_1 = require("@steroidsjs/core/ui/nav");
|
|
8
|
-
var react_1 = __importDefault(require("react"));
|
|
9
20
|
var FooterIcons_1 = __importDefault(require("./FooterIcons"));
|
|
10
21
|
var SidebarLogo_1 = __importDefault(require("./SidebarLogo"));
|
|
11
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;
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
27
|
-
var React = __importStar(require("react"));
|
|
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,30 +1,18 @@
|
|
|
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;
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
27
|
-
var React = __importStar(require("react"));
|
|
28
16
|
var react_1 = require("react");
|
|
29
17
|
function TooltipView(props) {
|
|
30
18
|
var bem = (0, hooks_1.useBem)('TooltipView');
|
|
@@ -33,14 +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
|
-
}), style: props.arrowPosition }),
|
|
43
|
-
React.createElement("div", { className: bem.element('content') },
|
|
44
|
-
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 }) }))] })));
|
|
45
30
|
}
|
|
46
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;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
41
19
|
var CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
|
|
42
20
|
var get_1 = __importDefault(require("lodash-es/get"));
|
|
43
|
-
var React = __importStar(require("react"));
|
|
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;
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
18
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
41
19
|
var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
|
|
42
|
-
var React = __importStar(require("react"));
|
|
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;
|
package/list/Empty/EmptyView.js
CHANGED
|
@@ -1,32 +1,20 @@
|
|
|
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;
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
27
|
-
var React = __importStar(require("react"));
|
|
28
16
|
function EmptyView(props) {
|
|
29
17
|
var bem = (0, hooks_1.useBem)('EmptyView');
|
|
30
|
-
return (
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: props.text })));
|
|
31
19
|
}
|
|
32
20
|
exports["default"] = EmptyView;
|
|
@@ -10,32 +10,9 @@ 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
|
exports.__esModule = true;
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
15
|
var hooks_1 = require("@steroidsjs/core/hooks");
|
|
38
|
-
var React = __importStar(require("react"));
|
|
39
16
|
function FlexGridView(props) {
|
|
40
17
|
var _a;
|
|
41
18
|
var bem = (0, hooks_1.useBem)('FlexGridView');
|
|
@@ -49,23 +26,21 @@ function FlexGridView(props) {
|
|
|
49
26
|
: {
|
|
50
27
|
columnGap: props.colGap
|
|
51
28
|
};
|
|
52
|
-
return (
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
|
|
53
30
|
wrap: props.wrap,
|
|
54
31
|
align: props.align,
|
|
55
32
|
direction: props.direction,
|
|
56
33
|
justify: props.justify
|
|
57
|
-
}), props.className), style: __assign(__assign(__assign({}, props.style), colGapStyle), { rowGap: props.rowGap }) },
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
} }, item.content)); }),
|
|
69
|
-
props.children));
|
|
34
|
+
}), props.className), style: __assign(__assign(__assign({}, props.style), colGapStyle), { rowGap: props.rowGap }) }, { children: [hasItems && props.items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.element('item', {
|
|
35
|
+
col: item.col,
|
|
36
|
+
lg: item.lg,
|
|
37
|
+
md: item.md,
|
|
38
|
+
sm: item.sm,
|
|
39
|
+
offset: item.offset
|
|
40
|
+
}), props.itemClassName), style: {
|
|
41
|
+
paddingRight: halfColGap,
|
|
42
|
+
paddingLeft: halfColGap,
|
|
43
|
+
order: item.order
|
|
44
|
+
} }, { children: item.content }), index)); }), props.children] })));
|
|
70
45
|
}
|
|
71
46
|
exports["default"] = FlexGridView;
|