@steroidsjs/bootstrap 3.0.45 → 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.
Files changed (151) hide show
  1. package/content/Accordion/AccordionItemView.js +28 -46
  2. package/content/Accordion/AccordionView.js +12 -24
  3. package/content/Alert/AlertView.js +18 -15
  4. package/content/Avatar/AvatarGroupView.js +12 -24
  5. package/content/Avatar/AvatarView.js +4 -10
  6. package/content/Badge/BadgeView.js +14 -7
  7. package/content/Calendar/CalendarView.js +4 -4
  8. package/content/Calendar/CaptionElement.js +47 -74
  9. package/content/CalendarSystem/AsideCalendars/AsideCalendars.d.ts +2 -2
  10. package/content/CalendarSystem/AsideCalendars/AsideCalendars.js +5 -33
  11. package/content/CalendarSystem/AsideHeader/AsideHeader.d.ts +2 -2
  12. package/content/CalendarSystem/AsideHeader/AsideHeader.js +13 -26
  13. package/content/CalendarSystem/CalendarSystemEventGroupModalView.js +14 -10
  14. package/content/CalendarSystem/CalendarSystemModalView.js +24 -27
  15. package/content/CalendarSystem/CalendarSystemView.js +7 -14
  16. package/content/CalendarSystem/ContentHeader/ContentHeader.d.ts +2 -2
  17. package/content/CalendarSystem/ContentHeader/ContentHeader.js +18 -10
  18. package/content/CalendarSystem/DayGrid/DayGrid.d.ts +2 -2
  19. package/content/CalendarSystem/DayGrid/DayGrid.js +25 -21
  20. package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.d.ts +3 -3
  21. package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.js +20 -8
  22. package/content/CalendarSystem/DayGrid/views/DayHour/views/DayEvent/DayEvent.js +2 -5
  23. package/content/CalendarSystem/MonthGrid/MonthGrid.d.ts +2 -2
  24. package/content/CalendarSystem/MonthGrid/MonthGrid.js +19 -32
  25. package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.d.ts +2 -2
  26. package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.js +23 -16
  27. package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.js +15 -7
  28. package/content/CalendarSystem/WeekGrid/WeekGrid.d.ts +2 -2
  29. package/content/CalendarSystem/WeekGrid/WeekGrid.js +25 -19
  30. package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.d.ts +2 -2
  31. package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.js +20 -8
  32. package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.js +2 -5
  33. package/content/Card/CardView.js +5 -24
  34. package/content/Chart/ChartView.js +4 -12
  35. package/content/Chat/ChatView.js +18 -33
  36. package/content/Chat/views/BubbleMessage/BubbleMessageView.d.ts +2 -2
  37. package/content/Chat/views/BubbleMessage/BubbleMessageView.js +4 -35
  38. package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.d.ts +2 -2
  39. package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.js +15 -33
  40. package/content/Chat/views/ChatFileItem/ChatFileItemView.js +26 -29
  41. package/content/Chat/views/ChatInput/ChatInputView.js +7 -34
  42. package/content/CopyToClipboard/CopyToClipboardView.js +16 -7
  43. package/content/Dashboard/DashboardItemView.js +12 -8
  44. package/content/Detail/DetailView.js +27 -25
  45. package/content/DropDown/DropDownView.js +15 -30
  46. package/content/Icon/IconView.js +3 -27
  47. package/content/Kanban/KanbanView.js +5 -10
  48. package/content/Kanban/views/KanbanColumn/KanbanColumnView.js +2 -13
  49. package/content/Kanban/views/KanbanModal/KanbanModalView.js +16 -27
  50. package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.js +7 -59
  51. package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.js +2 -5
  52. package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.js +14 -27
  53. package/content/Kanban/views/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.js +14 -37
  54. package/content/Kanban/views/KanbanTask/KanbanTaskView.d.ts +2 -2
  55. package/content/Kanban/views/KanbanTask/KanbanTaskView.js +6 -40
  56. package/content/Kanban/views/TaskTags/TaskTags.js +12 -4
  57. package/content/Menu/MenuItemView.js +16 -7
  58. package/content/Menu/MenuView.js +9 -9
  59. package/content/Slider/SliderView.js +13 -4
  60. package/crud/Crud/CrudView.js +12 -27
  61. package/form/AutoCompleteField/AutoCompleteFieldView.js +19 -54
  62. package/form/Button/ButtonView.js +16 -36
  63. package/form/CheckboxField/CheckboxFieldView.js +9 -34
  64. package/form/CheckboxListField/CheckboxListFieldView.js +28 -40
  65. package/form/CheckboxTreeField/CheckboxTreeFieldView.js +32 -21
  66. package/form/DateField/DateFieldView.js +9 -38
  67. package/form/DateRangeField/DateRangeFieldView.js +9 -44
  68. package/form/DateRangeField/views/RangeButtons/RangeButtons.js +4 -26
  69. package/form/DateTimeField/DateTimeFieldView.js +11 -43
  70. package/form/DateTimeRangeField/DateTimeRangeFieldView.js +13 -50
  71. package/form/DropDownField/DropDownFieldView.js +20 -56
  72. package/form/DropDownFieldItem/DropDownFieldItemView.js +14 -14
  73. package/form/FieldLayout/FieldLayoutView.js +18 -37
  74. package/form/FieldList/FieldListItemView.d.ts +2 -2
  75. package/form/FieldList/FieldListItemView.js +7 -33
  76. package/form/FieldList/FieldListView.js +18 -40
  77. package/form/FieldSet/FieldSetView.js +12 -26
  78. package/form/FileField/FileFieldItemView.js +30 -55
  79. package/form/FileField/FileFieldView.js +5 -30
  80. package/form/Form/FormView.d.ts +2 -2
  81. package/form/Form/FormView.js +5 -32
  82. package/form/HtmlField/HtmlFieldView.js +12 -5
  83. package/form/ImageField/ImageFieldModalView.js +3 -28
  84. package/form/ImageField/ImageFieldView.js +10 -40
  85. package/form/InputField/InputFieldView.js +12 -43
  86. package/form/NumberField/NumberFieldView.js +7 -37
  87. package/form/PasswordField/PasswordFieldView.js +9 -37
  88. package/form/RadioField/RadioFieldView.js +5 -32
  89. package/form/RadioListField/RadioListFieldView.js +27 -39
  90. package/form/RateField/RateFieldView.js +18 -36
  91. package/form/ReCaptchaField/ReCaptchaFieldView.js +2 -26
  92. package/form/SliderField/SliderFieldView.js +5 -6
  93. package/form/SwitcherField/SwitcherFieldView.js +5 -10
  94. package/form/SwitcherListField/SwitcherListFieldView.js +28 -40
  95. package/form/TextField/TextFieldView.js +4 -28
  96. package/form/TimeField/TimeFieldView.js +7 -37
  97. package/form/TimeField/TimePanelView.js +20 -37
  98. package/form/TimeField/utils.js +2 -2
  99. package/form/TimeField/views/TimePanelColumn/TimePanelColumn.js +14 -8
  100. package/form/TimeRangeField/TimeRangeFieldView.js +8 -40
  101. package/form/WizardForm/WizardFormView.js +2 -6
  102. package/layout/Header/HeaderView.js +15 -51
  103. package/layout/Loader/LoaderView.js +13 -26
  104. package/layout/Notifications/NotificationsItemView.js +14 -28
  105. package/layout/Notifications/NotificationsView.js +13 -25
  106. package/layout/ProgressBar/CircleProgressBarView.js +19 -36
  107. package/layout/ProgressBar/LineProgressBarView.js +15 -30
  108. package/layout/Sidebar/FooterIcons/FooterIcons.d.ts +2 -2
  109. package/layout/Sidebar/FooterIcons/FooterIcons.js +6 -28
  110. package/layout/Sidebar/SidebarLogo/SidebarLogo.d.ts +3 -3
  111. package/layout/Sidebar/SidebarLogo/SidebarLogo.js +15 -30
  112. package/layout/Sidebar/SidebarUser/SidebarUser.d.ts +2 -2
  113. package/layout/Sidebar/SidebarUser/SidebarUser.js +3 -29
  114. package/layout/Sidebar/SidebarView.js +14 -10
  115. package/layout/Skeleton/SkeletonView.js +13 -25
  116. package/layout/Tooltip/TooltipView.js +15 -30
  117. package/list/CheckboxColumn/CheckboxColumnView.js +2 -26
  118. package/list/ControlsColumnView/ControlsColumnView.js +3 -27
  119. package/list/Empty/EmptyView.js +12 -24
  120. package/list/FlexGrid/FlexGridView.js +13 -38
  121. package/list/Grid/GridView.js +10 -51
  122. package/list/Grid/views/ContentColumnView/ContentColumnView.js +6 -12
  123. package/list/Grid/views/DiagramColumnView/DiagramColumnView.js +25 -21
  124. package/list/Grid/views/TreeColumnView/TreeColumnView.js +4 -4
  125. package/list/List/ListItemView.js +12 -24
  126. package/list/List/ListView.js +15 -36
  127. package/list/Pagination/PaginationButtonView.js +30 -50
  128. package/list/Pagination/PaginationMoreView.js +2 -26
  129. package/list/PaginationSize/PaginationSizeView.js +12 -25
  130. package/list/Steps/StepItemView.js +19 -40
  131. package/list/Steps/StepsView.js +12 -4
  132. package/modal/Modal/ModalView.js +3 -31
  133. package/modal/TwoFactorModal/TwoFactorModalView.js +2 -7
  134. package/nav/Breadcrubms/BreadcrumbsView.js +20 -35
  135. package/nav/ButtonGroup/ButtonGroupView.js +9 -13
  136. package/nav/Controls/ControlsView.js +3 -28
  137. package/nav/Nav/NavBarView.js +6 -32
  138. package/nav/Nav/NavButtonView.js +6 -32
  139. package/nav/Nav/NavIconView.js +17 -45
  140. package/nav/Nav/NavLinkView.js +6 -32
  141. package/nav/Nav/NavListView.js +4 -31
  142. package/nav/Nav/NavTabsView.js +6 -32
  143. package/nav/Tree/TreeView.js +2 -26
  144. package/nav/TreeItem/TreeItemView.js +5 -30
  145. package/package.json +3 -3
  146. package/typography/Text/TextView.d.ts +2 -2
  147. package/typography/Text/TextView.js +4 -28
  148. package/typography/Title/TitleView.d.ts +2 -2
  149. package/typography/Title/TitleView.js +4 -28
  150. package/utils/renderIcon.d.ts +2 -2
  151. package/utils/renderIcon.js +2 -2
@@ -1,40 +1,25 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
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 (React.createElement("div", { className: bem.block({
18
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
31
19
  size: props.size,
32
20
  status: props.status
33
- }) },
34
- React.createElement("div", { className: bem.element('emptyLine') },
35
- React.createElement("div", { className: bem.element('progressLine'), style: {
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: React.MemoExoticComponent<typeof FooterIcons>;
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 = __importStar(require("react"));
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 (react_1["default"].createElement("ul", { className: bem(bem.block({
26
+ return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: bem(bem.block({
49
27
  isShrink: props.isShink
50
- })) }, props.isShink
51
- ? (react_1["default"].createElement(Icon_1["default"], { name: 'share', className: bem.element('item') }))
52
- : (_a = props.footerIcons) === null || _a === void 0 ? void 0 : _a.map(function (icon, iconIndex) { return (react_1["default"].createElement("li", { key: iconIndex, className: bem.element('item') }, (0, renderIcon_1["default"])(icon === null || icon === void 0 ? void 0 : icon.name, __assign({}, icon)))); })));
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 React from 'react';
1
+ import { ReactElement } from 'react';
2
2
  import './SidebarLogo.scss';
3
3
  interface ISidebarLogoProps {
4
- icon: string | React.ReactElement;
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: React.MemoExoticComponent<typeof SidebarLogo>;
9
+ declare const _default: import("react").MemoExoticComponent<typeof SidebarLogo>;
10
10
  export default _default;
@@ -1,44 +1,29 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
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 = __importStar(require("react"));
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 (react_1["default"].createElement("div", { className: bem.block() },
37
- react_1["default"].createElement("div", { className: bem.element('left') },
38
- (0, renderIcon_1["default"])(props.icon, {
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: React.MemoExoticComponent<typeof SidebarUser>;
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 = __importStar(require("react"));
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 (react_1["default"].createElement("div", { className: bem.block() },
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 (react_1["default"].createElement("aside", { className: bem(bem.block({
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
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 (React.createElement("span", { className: bem(props.className, bem.block({
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
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 (React.createElement("div", { ref: tooltipRef, className: bem(bem.block({
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
- React.createElement("div", { ref: arrowRef, className: bem.element('arrow', {
41
- position: props.position
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 (React.createElement("div", { className: bem.block() },
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 (React.createElement("div", { className: bem.block() },
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;
@@ -1,32 +1,20 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
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 (React.createElement("div", { className: bem(bem.block(), props.className), style: props.style }, props.text));
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 (React.createElement("div", { className: bem(bem.block({
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
- hasItems && props.items.map(function (item, index) { return (React.createElement("div", { key: index, className: bem(bem.element('item', {
59
- col: item.col,
60
- lg: item.lg,
61
- md: item.md,
62
- sm: item.sm,
63
- offset: item.offset
64
- }), props.itemClassName), style: {
65
- paddingRight: halfColGap,
66
- paddingLeft: halfColGap,
67
- order: item.order
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;