@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.
Files changed (154) hide show
  1. package/content/Accordion/AccordionItemView.js +32 -42
  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 -11
  6. package/content/Badge/BadgeView.js +14 -7
  7. package/content/Calendar/CalendarView.js +11 -8
  8. package/content/Calendar/CaptionElement.d.ts +1 -1
  9. package/content/Calendar/CaptionElement.js +49 -74
  10. package/content/CalendarSystem/AsideCalendars/AsideCalendars.d.ts +2 -2
  11. package/content/CalendarSystem/AsideCalendars/AsideCalendars.js +5 -33
  12. package/content/CalendarSystem/AsideHeader/AsideHeader.d.ts +2 -2
  13. package/content/CalendarSystem/AsideHeader/AsideHeader.js +14 -27
  14. package/content/CalendarSystem/CalendarSystemEventGroupModalView.js +15 -11
  15. package/content/CalendarSystem/CalendarSystemModalView.js +30 -33
  16. package/content/CalendarSystem/CalendarSystemView.js +8 -15
  17. package/content/CalendarSystem/ContentHeader/ContentHeader.d.ts +2 -2
  18. package/content/CalendarSystem/ContentHeader/ContentHeader.js +21 -13
  19. package/content/CalendarSystem/DayGrid/DayGrid.d.ts +2 -2
  20. package/content/CalendarSystem/DayGrid/DayGrid.js +25 -21
  21. package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.d.ts +3 -3
  22. package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.js +21 -9
  23. package/content/CalendarSystem/DayGrid/views/DayHour/views/DayEvent/DayEvent.js +2 -5
  24. package/content/CalendarSystem/MonthGrid/MonthGrid.d.ts +2 -2
  25. package/content/CalendarSystem/MonthGrid/MonthGrid.js +19 -32
  26. package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.d.ts +2 -2
  27. package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.js +26 -19
  28. package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.js +15 -5
  29. package/content/CalendarSystem/WeekGrid/WeekGrid.d.ts +2 -2
  30. package/content/CalendarSystem/WeekGrid/WeekGrid.js +25 -19
  31. package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.d.ts +2 -2
  32. package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.js +22 -10
  33. package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.js +2 -5
  34. package/content/Card/CardView.js +7 -26
  35. package/content/Chart/ChartView.js +11 -15
  36. package/content/Chat/ChatView.js +18 -33
  37. package/content/Chat/views/BubbleMessage/BubbleMessageView.d.ts +2 -2
  38. package/content/Chat/views/BubbleMessage/BubbleMessageView.js +10 -41
  39. package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.d.ts +3 -3
  40. package/content/Chat/views/BubblesDateGroup/BubblesDateGroup.js +15 -33
  41. package/content/Chat/views/ChatFileItem/ChatFileItemView.d.ts +1 -1
  42. package/content/Chat/views/ChatFileItem/ChatFileItemView.js +28 -27
  43. package/content/Chat/views/ChatInput/ChatInputView.js +7 -34
  44. package/content/CopyToClipboard/CopyToClipboardView.js +16 -7
  45. package/content/Dashboard/DashboardItemView.js +13 -9
  46. package/content/Detail/DetailView.js +27 -25
  47. package/content/DropDown/DropDownView.js +16 -29
  48. package/content/Icon/IconView.js +7 -27
  49. package/content/Kanban/KanbanView.js +5 -10
  50. package/content/Kanban/views/KanbanColumn/KanbanColumnView.js +3 -14
  51. package/content/Kanban/views/KanbanModal/KanbanModalView.js +18 -29
  52. package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/CreateOrEditTaskModalContentView.js +9 -61
  53. package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/Label/Label.js +2 -5
  54. package/content/Kanban/views/KanbanModal/views/CreateOrEditTaskModalContent/views/TagsSelector/TagsSelector.js +14 -27
  55. package/content/Kanban/views/KanbanModal/views/TaskDetailsModalContent/TaskDetailsModalContentView.js +15 -38
  56. package/content/Kanban/views/KanbanTask/KanbanTaskView.d.ts +2 -2
  57. package/content/Kanban/views/KanbanTask/KanbanTaskView.js +6 -40
  58. package/content/Kanban/views/TaskTags/TaskTags.js +13 -5
  59. package/content/Menu/MenuItemView.js +16 -5
  60. package/content/Menu/MenuView.js +10 -8
  61. package/content/Slider/SliderView.js +14 -5
  62. package/crud/Crud/CrudView.js +13 -28
  63. package/form/AutoCompleteField/AutoCompleteFieldView.js +22 -57
  64. package/form/Button/ButtonView.js +18 -38
  65. package/form/CheckboxField/CheckboxFieldView.js +12 -33
  66. package/form/CheckboxListField/CheckboxListFieldView.js +28 -40
  67. package/form/CheckboxTreeField/CheckboxTreeFieldView.js +33 -22
  68. package/form/DateField/DateFieldView.js +12 -41
  69. package/form/DateRangeField/DateRangeFieldView.js +12 -47
  70. package/form/DateRangeField/views/RangeButtons/RangeButtons.js +5 -25
  71. package/form/DateTimeField/DateTimeFieldView.js +13 -45
  72. package/form/DateTimeRangeField/DateTimeRangeFieldView.js +17 -54
  73. package/form/DropDownField/DropDownFieldView.js +21 -57
  74. package/form/DropDownFieldItem/DropDownFieldItemView.js +18 -16
  75. package/form/FieldLayout/FieldLayoutView.js +20 -37
  76. package/form/FieldList/FieldListItemView.d.ts +2 -2
  77. package/form/FieldList/FieldListItemView.js +8 -34
  78. package/form/FieldList/FieldListView.js +19 -39
  79. package/form/FieldSet/FieldSetView.js +12 -26
  80. package/form/FileField/FileFieldItemView.js +32 -51
  81. package/form/FileField/FileFieldView.js +6 -29
  82. package/form/Form/FormView.d.ts +2 -2
  83. package/form/Form/FormView.js +8 -33
  84. package/form/HtmlField/HtmlFieldView.js +12 -5
  85. package/form/ImageField/ImageFieldModalView.js +4 -29
  86. package/form/ImageField/ImageFieldView.js +10 -40
  87. package/form/InputField/InputFieldView.js +12 -43
  88. package/form/NumberField/NumberFieldView.js +8 -38
  89. package/form/PasswordField/PasswordFieldView.js +11 -39
  90. package/form/RadioField/RadioFieldView.js +5 -32
  91. package/form/RadioListField/RadioListFieldView.js +27 -39
  92. package/form/RateField/RateFieldView.js +18 -36
  93. package/form/ReCaptchaField/ReCaptchaFieldView.js +2 -26
  94. package/form/SliderField/SliderFieldView.js +5 -6
  95. package/form/SwitcherField/SwitcherFieldView.js +8 -11
  96. package/form/SwitcherListField/SwitcherListFieldView.js +28 -40
  97. package/form/TextField/TextFieldView.js +4 -28
  98. package/form/TimeField/TimeFieldView.js +9 -39
  99. package/form/TimeField/TimePanelView.js +21 -36
  100. package/form/TimeField/utils.js +2 -2
  101. package/form/TimeField/views/TimePanelColumn/TimePanelColumn.js +14 -8
  102. package/form/TimeRangeField/TimeRangeFieldView.js +8 -40
  103. package/form/WizardForm/WizardFormView.js +3 -7
  104. package/hooks/useHideScroll.js +5 -4
  105. package/layout/Header/HeaderView.js +18 -54
  106. package/layout/Loader/LoaderView.js +13 -26
  107. package/layout/Notifications/NotificationsItemView.js +15 -29
  108. package/layout/Notifications/NotificationsView.js +13 -25
  109. package/layout/ProgressBar/CircleProgressBarView.js +28 -37
  110. package/layout/ProgressBar/LineProgressBarView.js +15 -28
  111. package/layout/Sidebar/FooterIcons/FooterIcons.d.ts +2 -2
  112. package/layout/Sidebar/FooterIcons/FooterIcons.js +6 -28
  113. package/layout/Sidebar/SidebarLogo/SidebarLogo.d.ts +3 -3
  114. package/layout/Sidebar/SidebarLogo/SidebarLogo.js +15 -30
  115. package/layout/Sidebar/SidebarUser/SidebarUser.d.ts +2 -2
  116. package/layout/Sidebar/SidebarUser/SidebarUser.js +4 -30
  117. package/layout/Sidebar/SidebarView.js +16 -12
  118. package/layout/Skeleton/SkeletonView.js +13 -25
  119. package/layout/Tooltip/TooltipView.js +16 -29
  120. package/list/CheckboxColumn/CheckboxColumnView.js +3 -27
  121. package/list/ControlsColumnView/ControlsColumnView.js +4 -28
  122. package/list/Empty/EmptyView.js +12 -24
  123. package/list/FlexGrid/FlexGridView.js +13 -38
  124. package/list/Grid/GridView.js +17 -56
  125. package/list/Grid/views/ContentColumnView/ContentColumnView.js +8 -14
  126. package/list/Grid/views/DiagramColumnView/DiagramColumnView.js +25 -19
  127. package/list/Grid/views/TreeColumnView/TreeColumnView.js +4 -4
  128. package/list/List/ListItemView.js +12 -24
  129. package/list/List/ListView.js +15 -35
  130. package/list/Pagination/PaginationButtonView.js +33 -47
  131. package/list/Pagination/PaginationMoreView.js +3 -27
  132. package/list/PaginationSize/PaginationSizeView.js +12 -25
  133. package/list/Steps/StepItemView.js +21 -40
  134. package/list/Steps/StepsView.js +12 -4
  135. package/modal/Modal/ModalView.js +5 -31
  136. package/modal/TwoFactorModal/TwoFactorModalView.js +4 -9
  137. package/nav/Breadcrubms/BreadcrumbsView.js +24 -37
  138. package/nav/ButtonGroup/ButtonGroupView.js +9 -13
  139. package/nav/Controls/ControlsView.js +4 -29
  140. package/nav/Nav/NavBarView.js +7 -33
  141. package/nav/Nav/NavButtonView.js +7 -33
  142. package/nav/Nav/NavIconView.js +18 -46
  143. package/nav/Nav/NavLinkView.js +7 -33
  144. package/nav/Nav/NavListView.js +5 -32
  145. package/nav/Nav/NavTabsView.js +7 -33
  146. package/nav/Tree/TreeView.js +3 -27
  147. package/nav/TreeItem/TreeItemView.js +5 -30
  148. package/package.json +5 -5
  149. package/typography/Text/TextView.d.ts +2 -2
  150. package/typography/Text/TextView.js +4 -28
  151. package/typography/Title/TitleView.d.ts +2 -2
  152. package/typography/Title/TitleView.js +4 -28
  153. package/utils/renderIcon.d.ts +2 -2
  154. package/utils/renderIcon.js +2 -2
@@ -1,50 +1,41 @@
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;
26
- var React = __importStar(require("react"));
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: { radius: 64 },
32
- medium: { radius: 48 },
33
- small: { radius: 32 }
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 (React.createElement("div", { className: bem.block({
30
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block({
37
31
  size: props.size,
38
32
  status: props.status
39
- }) },
40
- React.createElement("svg", null,
41
- React.createElement("g", { className: bem.element('circles') },
42
- React.createElement("circle", { className: bem.element('emptyCircle'), style: { strokeDasharray: getCircumference() } }),
43
- React.createElement("circle", { className: bem.element('progressCircle'), style: {
44
- // eslint-disable-next-line max-len
45
- strokeDashoffset: getCircumference() - (Math.min(props.percent, 100) * getCircumference()) / 100,
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 __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;
26
- var React = __importStar(require("react"));
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 (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: { width: "".concat(props.percent, "%") } })),
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
- import React from 'react';
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: 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;
40
- var react_1 = __importStar(require("react"));
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 (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;
29
- var react_1 = __importStar(require("react"));
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 (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,4 +1,4 @@
1
- import React from 'react';
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: 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;
40
- var react_1 = __importStar(require("react"));
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 (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;
6
- var react_1 = __importDefault(require("react"));
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 (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;
26
- var React = __importStar(require("react"));
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 (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,31 +1,19 @@
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;
26
- var React = __importStar(require("react"));
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 (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', { position: props.position }), style: props.arrowPosition }),
41
- React.createElement("div", { className: bem.element('content') },
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 React = __importStar(require("react"));
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 (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;
40
- var React = __importStar(require("react"));
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 (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;