@steroidsjs/bootstrap 3.0.45 → 3.1.1

package/content/Accordion/AccordionItemView.js

@@ -1,39 +1,28 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var React = __importStar(require("react"));
+var react_1 = require("react");
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function AccordionItemView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('AccordionItemView');
-    React.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (!props.toggleAccordion || !props.toggleCollapse || !props.activeKey) {
             return;
         }
@@ -45,25 +34,23 @@ function AccordionItemView(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.activeKey]);
-    var renderIcon = React.useCallback(function () {
+    var renderIcon = (0, react_1.useCallback)(function () {
         if (!props.icon) {
             return null;
         }
         if (typeof props.icon === 'object') {
             var icons = props.icon;
-            return (React.createElement(React.Fragment, null,
-                (0, renderIcon_1["default"])(icons.open, {
-                    className: bem.element('open-icon')
-                }),
-                (0, renderIcon_1["default"])(icons.close, {
-                    className: bem.element('close-icon')
-                })));
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, renderIcon_1["default"])(icons.open, {
+                        className: bem.element('open-icon')
+                    }), (0, renderIcon_1["default"])(icons.close, {
+                        className: bem.element('close-icon')
+                    })] }));
         }
         return (0, renderIcon_1["default"])(props.icon, {
             className: bem.element('custom-icon')
         });
     }, [bem, props.icon]);
-    var handleHeaderClick = React.useCallback(function () {
+    var handleHeaderClick = (0, react_1.useCallback)(function () {
         if (props.disabled || !props.toggleAccordion || !props.toggleCollapse) {
             return;
         }
@@ -75,23 +62,18 @@ function AccordionItemView(props) {
             toggleCollapse(childIndex);
         }
     }, [props]);
-    return (React.createElement("div", { className: bem(bem.block((_a = {
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block((_a = {
                 disable: props.disabled
             },
             _a["position_".concat(props.position)] = !!props.position,
             _a["theme_".concat(props.theme)] = !!props.theme,
             _a.opened = !props.disabled && props.isShowMore,
-            _a)), props.className), style: props.style },
-        React.createElement("div", { className: bem.element('header-container'), onClick: handleHeaderClick },
-            React.createElement("div", { className: bem.element('title-container') },
-                React.createElement("p", null, props.title)),
-            props.showIcon && (React.createElement("div", { className: bem.element('icon-wrapper') }, props.icon
-                ? renderIcon()
-                : (React.createElement(Icon_1["default"], { className: bem.element('icon-chevron', {
-                        active: !props.disabled && props.isShowMore
-                    }), name: 'arrow_down_24x24' }))))),
-        React.createElement("div", { className: bem.element('content', {
-                visible: !props.disabled && props.isShowMore
-            }) }, props.children)));
+            _a)), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header-container'), onClick: handleHeaderClick }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('title-container') }, { children: (0, jsx_runtime_1.jsx)("p", { children: props.title }) })), props.showIcon && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('icon-wrapper') }, { children: props.icon
+                            ? renderIcon()
+                            : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('icon-chevron', {
+                                    active: !props.disabled && props.isShowMore
+                                }), name: 'arrow_down_24x24' })) })))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content', {
+                    visible: !props.disabled && props.isShowMore
+                }) }, { children: props.children }))] })));
 }
 exports["default"] = AccordionItemView;

package/content/Accordion/AccordionView.js

@@ -1,32 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var React = __importStar(require("react"));
 function AccordionView(props) {
     var bem = (0, hooks_1.useBem)('AccordionView');
-    return (React.createElement("div", { className: bem(bem.block(), props.className) }, props.children));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className) }, { children: props.children })));
 }
 exports["default"] = AccordionView;

package/content/Alert/AlertView.js

@@ -1,30 +1,33 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var react_1 = __importDefault(require("react"));
 var ICON_SIZE = '_24x24';
 function Alert(props) {
     var _a, _b;
     var bem = (0, hooks_1.useBem)('AlertView');
-    return (props.isExist && (react_1["default"].createElement("div", { className: bem(bem.block((_a = {},
+    return (props.isExist && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block((_a = {},
             _a[props.type] = !!props.type,
             _a['close-animation'] = !props.isVisible,
-            _a)), props.className), style: props.style },
-        react_1["default"].createElement("div", { className: bem.element('wrapper') },
-            react_1["default"].createElement("div", { className: bem.element('content') },
-                props.showIcon && (react_1["default"].createElement(Icon_1["default"], { name: props.type + ICON_SIZE, className: bem.element('icon', (_b = {},
-                        _b[props.type] = !!props.type,
-                        _b)) })),
-                react_1["default"].createElement("div", { className: bem.element('text-block') },
-                    props.message && (react_1["default"].createElement("div", { className: bem.element('message') }, props.message)),
-                    props.description && (react_1["default"].createElement("div", { className: bem.element('description') }, props.description))),
-                props.showClose && (react_1["default"].createElement(Icon_1["default"], { className: bem.element('icon-close', {
-                        large: !!props.description
-                    }), name: 'circle_cross_16x16', onClick: props.onClose }))),
-            props.children || null))));
+            _a)), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('wrapper') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [props.showIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: props.type + ICON_SIZE, className: bem.element('icon', (_b = {},
+                                _b[props.type] = !!props.type,
+                                _b)) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('text-block') }, { children: [props.message && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('message') }, { children: props.message }))), props.description && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('description') }, { children: props.description })))] })), props.showClose && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('icon-close', {
+                                large: !!props.description
+                            }), name: 'circle_cross_16x16', onClick: props.onClose }))] })), props.children || null] })) }))));
 }
 exports["default"] = Alert;

package/content/Avatar/AvatarGroupView.js

@@ -1,32 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var React = __importStar(require("react"));
 function Avatar(props) {
     var bem = (0, hooks_1.useBem)('AvatarGroupView');
-    return (React.createElement("div", { className: bem.block() }, props.children));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: props.children })));
 }
 exports["default"] = Avatar;

package/content/Avatar/AvatarView.js

@@ -10,12 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var react_1 = __importDefault(require("react"));
 function Avatar(props) {
     var bem = (0, hooks_1.useBem)('AvatarView');
     var customSize = typeof props.size === 'number'
@@ -26,17 +23,14 @@ function Avatar(props) {
             fontSize: props.size / 2
         }
         : {};
-    var renderImage = function () { return ((props.isError && (react_1["default"].createElement("span", null, props.formattedTitle))) || (react_1["default"].createElement("img", { alt: props.alt, src: props.src, title: props.title, srcSet: props.srcSet, onError: props.onError }))); };
-    return (react_1["default"].createElement("div", { className: bem(bem.block({
+    var renderImage = function () { return ((props.isError && ((0, jsx_runtime_1.jsx)("span", { children: props.formattedTitle }))) || ((0, jsx_runtime_1.jsx)("img", { alt: props.alt, src: props.src, title: props.title, srcSet: props.srcSet, onError: props.onError }))); };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
             size: props.size,
             shape: props.shape,
             'has-image': !!props.src && !props.isError,
             'has-status': props.status,
             'has-border': props.hasBorder,
             'has-custom-status': props.status && !!customSize.width
-        }), props.className) },
-        react_1["default"].createElement("span", { className: bem.element('body'), style: __assign(__assign({}, props.style), customSize) },
-            (props.src && renderImage()) || (react_1["default"].createElement("span", { className: bem.element('formattedTitle') }, props.formattedTitle)),
-            props.children)));
+        }), props.className) }, { children: (0, jsx_runtime_1.jsxs)("span", __assign({ className: bem.element('body'), style: __assign(__assign({}, props.style), customSize) }, { children: [(props.src && renderImage()) || ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('formattedTitle') }, { children: props.formattedTitle }))), props.children] })) })));
 }
 exports["default"] = Avatar;

package/content/Badge/BadgeView.js

@@ -1,24 +1,31 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
-var react_1 = __importDefault(require("react"));
 function BadgeView(props) {
     var _a;
     var bem = (0, useBem_1["default"])('BadgeView');
-    return (props.isExist && (react_1["default"].createElement("div", { className: bem(bem.block((_a = {},
+    return (props.isExist && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block((_a = {},
             _a[props.type] = !!props.type,
             _a.size = props.size,
             _a.hasClose = props.showClose,
             _a[props.roundingStyle] = !!props.roundingStyle,
             _a['has-counter'] = !!props.counter,
-            _a)), props.className), style: props.style },
-        react_1["default"].createElement("div", { className: bem.element('content') },
-            react_1["default"].createElement("span", { className: bem.element('message') }, props.message),
-            props.counter && (react_1["default"].createElement("span", { className: bem.element('counter') }, typeof props.counter === 'object' && (react_1["default"].createElement("span", { className: bem.element('counter-content') }, props.counter.content)))),
-            props.showClose && (react_1["default"].createElement(Icon_1["default"], { onClick: props.onClose, className: bem.element('close'), name: 'cross_4x4' }))))));
+            _a)), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('message') }, { children: props.message })), props.counter && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('counter') }, { children: typeof props.counter === 'object' && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('counter-content') }, { children: props.counter.content }))) }))), props.showClose && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { onClick: props.onClose, className: bem.element('close'), name: 'cross_4x4' }))] })) }))));
 }
 exports["default"] = BadgeView;

package/content/Calendar/CalendarView.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var calendar_1 = require("@steroidsjs/core/utils/calendar");
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_day_picker_1 = __importStar(require("react-day-picker"));
 var CaptionElement_1 = __importDefault(require("./CaptionElement"));
@@ -79,13 +79,13 @@ function CalendarView(props) {
         || (showFooter && showTodayButton)); }, [isCaptionPanelVisible, showFooter, showTodayButton]);
     var renderCaptionElement = (0, react_1.useCallback)(function (_a) {
         var classNames = _a.classNames, date = _a.date, localeUtils = _a.localeUtils, locale = _a.locale;
-        return (React.createElement(CaptionElement_1["default"], { date: date, locale: locale, toYear: toYear, fromYear: fromYear, classNames: classNames, onChange: onMonthSelect, localeUtils: localeUtils, showCalendarFooter: showFooter, toggleCaptionPanel: toggleCaptionPanel, isCaptionPanelVisible: isCaptionPanelVisible }));
+        return ((0, jsx_runtime_1.jsx)(CaptionElement_1["default"], { date: date, locale: locale, toYear: toYear, fromYear: fromYear, classNames: classNames, onChange: onMonthSelect, localeUtils: localeUtils, showCalendarFooter: showFooter, toggleCaptionPanel: toggleCaptionPanel, isCaptionPanelVisible: isCaptionPanelVisible }));
     }, [fromYear, isCaptionPanelVisible, onMonthSelect, showFooter, toYear, toggleCaptionPanel]);
-    return (React.createElement(DayPicker, __assign({}, props, props.pickerProps, { className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsx)(DayPicker, __assign({}, props, props.pickerProps, { className: bem(bem.block({
             ranged: isRange
         }), props.className), captionElement: renderCaptionElement, renderDay: function (day) {
             var date = day.getDate();
-            return (React.createElement("div", { className: bem.element('day') }, date));
+            return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('day') }, { children: date })));
         }, todayButton: shouldShowFooter && (isCaptionPanelVisible ? __('Закрыть') : __('Сегодня')), onTodayButtonClick: function (day) {
             if (isCaptionPanelVisible) {
                 toggleCaptionPanel();

package/content/Calendar/CaptionElement.js

@@ -1,36 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var DateControlType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/DateControlType"));
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 function CaptionElement(props) {
     var bem = (0, hooks_1.useBem)('CaptionElement');
@@ -80,56 +68,41 @@ function CaptionElement(props) {
             onClick: function () { return handleYearChange(currentYear + 1); }
         },
     ]; }, [currentYear, handleYearChange, currentMonth, handleMonthChange]);
-    return (React.createElement("div", { className: bem(bem.block()) },
-        React.createElement("div", { className: bem.element('container') },
-            React.createElement("div", { className: bem.element('content-container'), onKeyPress: function (e) {
-                    e.preventDefault();
-                    toggleCaptionPanel();
-                }, onClick: function (e) {
-                    e.preventDefault();
-                    toggleCaptionPanel();
-                }, role: 'button', tabIndex: 0 },
-                React.createElement("span", { className: bem.element('selected-month') }, months.find(function (month) { return month.id === currentMonth; }).label),
-                React.createElement("span", { className: bem.element('selected-year') }, years.find(function (year) { return year === currentYear; }))),
-            React.createElement("div", { className: bem.element('container-icons'), "data-test": 'fds' }, icons.map(function (icon, iconIndex) { return (React.createElement(Icon_1["default"], { key: iconIndex, name: icon.name, onClick: function (e) {
-                    e.preventDefault();
-                    icon.onClick();
-                }, className: bem.element('button'), dataIcon: 'control-' + icon.sourceControl })); }))),
-        isCaptionPanelVisible && (React.createElement("div", { className: bem.element('panel', {
-                'full-height': !props.showCalendarFooter
-            }) },
-            React.createElement("div", { className: bem.element('panel-header', 'months') }, __('Месяц')),
-            React.createElement("div", { className: bem.element('panel-header', 'years') }, __('Год')),
-            React.createElement("div", { className: bem.element('panel-column-months', 'first') },
-                React.createElement("div", { className: bem.element('content-column') }, months.slice(0, 6).map(function (value, index) { return (React.createElement("div", { key: index, className: bem.element('panel-cell', {
-                        selected: value.id === currentMonth
-                    }), onKeyPress: function (e) {
-                        e.preventDefault();
-                        handleMonthChange(value.id);
-                    }, onClick: function (e) {
-                        e.preventDefault();
-                        handleMonthChange(value.id);
-                    }, role: 'button', tabIndex: 0 },
-                    React.createElement("div", { className: bem.element('cell-value') }, value.label))); }))),
-            React.createElement("div", { className: bem.element('panel-column-months', 'second') }, months.slice(6, 12).map(function (value, index) { return (React.createElement("div", { key: index, className: bem.element('panel-cell', {
-                    selected: value.id === currentMonth
-                }), onKeyPress: function (e) {
-                    e.preventDefault();
-                    handleMonthChange(value.id);
-                }, onClick: function (e) {
-                    e.preventDefault();
-                    handleMonthChange(value.id);
-                }, role: 'button', tabIndex: 0 },
-                React.createElement("div", { className: bem.element('cell-value') }, value.label))); })),
-            React.createElement("div", { className: bem.element('panel-column-years') }, years.map(function (value, index) { return (React.createElement("div", { key: index, className: bem.element('panel-cell', {
-                    selected: value === currentYear
-                }), onKeyPress: function (e) {
-                    e.preventDefault();
-                    handleYearChange(value);
-                }, onClick: function (e) {
-                    e.preventDefault();
-                    handleYearChange(value);
-                }, role: 'button', tabIndex: 0 },
-                React.createElement("div", { className: bem.element('cell-value') }, value))); }))))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block()) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('container') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content-container'), onKeyPress: function (e) {
+                            e.preventDefault();
+                            toggleCaptionPanel();
+                        }, onClick: function (e) {
+                            e.preventDefault();
+                            toggleCaptionPanel();
+                        }, role: 'button', tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('selected-month') }, { children: months.find(function (month) { return month.id === currentMonth; }).label })), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('selected-year') }, { children: years.find(function (year) { return year === currentYear; }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('container-icons'), "data-test": 'fds' }, { children: icons.map(function (icon, iconIndex) { return ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: icon.name, onClick: function (e) {
+                                e.preventDefault();
+                                icon.onClick();
+                            }, className: bem.element('button'), dataIcon: 'control-' + icon.sourceControl }, iconIndex)); }) }))] })), isCaptionPanelVisible && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('panel', {
+                    'full-height': !props.showCalendarFooter
+                }) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-header', 'months') }, { children: __('Месяц') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-header', 'years') }, { children: __('Год') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-column-months', 'first') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content-column') }, { children: months.slice(0, 6).map(function (value, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-cell', {
+                                    selected: value.id === currentMonth
+                                }), onKeyPress: function (e) {
+                                    e.preventDefault();
+                                    handleMonthChange(value.id);
+                                }, onClick: function (e) {
+                                    e.preventDefault();
+                                    handleMonthChange(value.id);
+                                }, role: 'button', tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('cell-value') }, { children: value.label })) }), index)); }) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-column-months', 'second') }, { children: months.slice(6, 12).map(function (value, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-cell', {
+                                selected: value.id === currentMonth
+                            }), onKeyPress: function (e) {
+                                e.preventDefault();
+                                handleMonthChange(value.id);
+                            }, onClick: function (e) {
+                                e.preventDefault();
+                                handleMonthChange(value.id);
+                            }, role: 'button', tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('cell-value') }, { children: value.label })) }), index)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-column-years') }, { children: years.map(function (value, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-cell', {
+                                selected: value === currentYear
+                            }), onKeyPress: function (e) {
+                                e.preventDefault();
+                                handleYearChange(value);
+                            }, onClick: function (e) {
+                                e.preventDefault();
+                                handleYearChange(value);
+                            }, role: 'button', tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('cell-value') }, { children: value })) }), index)); }) }))] })))] })));
 }
 exports["default"] = CaptionElement;

package/content/CalendarSystem/AsideCalendars/AsideCalendars.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
 import './AsideCalendars.scss';
 type IAsideCalendarsProps = Pick<ICalendarSystemViewProps, 'eventGroups' | 'eventGroupsTitle' | 'asideCalendarCheckboxListProps' | 'onChangeEventGroupsIds' | 'openCreateEventGroupModal' | 'canAddedEventGroups'>;
 declare function AsideCalendars(props: IAsideCalendarsProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof AsideCalendars>;
+declare const _default: import("react").MemoExoticComponent<typeof AsideCalendars>;
 export default _default;

package/content/CalendarSystem/AsideCalendars/AsideCalendars.js

@@ -10,49 +10,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var content_1 = require("@steroidsjs/core/ui/content");
 var form_1 = require("@steroidsjs/core/ui/form");
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 require("./AsideCalendars.scss");
 var EVENT_GROUPS_FORM_ID = 'CalendarSystemEventGroupsForm';
 function AsideCalendars(props) {
     var bem = (0, useBem_1["default"])('AsideCalendars');
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement(content_1.Accordion, null,
-            react_1["default"].createElement(content_1.AccordionItem, { isShowMore: true, title: props.eventGroupsTitle },
-                react_1["default"].createElement(form_1.Form, { formId: EVENT_GROUPS_FORM_ID, initialValues: {
-                        eventGroups: props.eventGroups.map(function (eventGroup) { return eventGroup.id; })
-                    }, useRedux: true },
-                    react_1["default"].createElement(form_1.CheckboxListField, __assign({ attribute: 'eventGroups', items: props.eventGroups, onChange: function (selectedIds) { return props.onChangeEventGroupsIds(selectedIds); } }, props.asideCalendarCheckboxListProps))),
-                props.canAddedEventGroups && (react_1["default"].createElement(form_1.Button, { color: 'basic', className: bem.element('add'), onClick: props.openCreateEventGroupModal, size: 'sm' },
-                    react_1["default"].createElement(content_1.Icon, { name: "add_16x16" })))))));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsx)(content_1.Accordion, { children: (0, jsx_runtime_1.jsxs)(content_1.AccordionItem, __assign({ isShowMore: true, title: props.eventGroupsTitle }, { children: [(0, jsx_runtime_1.jsx)(form_1.Form, __assign({ formId: EVENT_GROUPS_FORM_ID, initialValues: {
+                            eventGroups: props.eventGroups.map(function (eventGroup) { return eventGroup.id; })
+                        }, useRedux: true }, { children: (0, jsx_runtime_1.jsx)(form_1.CheckboxListField, __assign({ attribute: 'eventGroups', items: props.eventGroups, onChange: function (selectedIds) { return props.onChangeEventGroupsIds(selectedIds); } }, props.asideCalendarCheckboxListProps)) })), props.canAddedEventGroups && ((0, jsx_runtime_1.jsx)(form_1.Button, __assign({ color: 'basic', className: bem.element('add'), onClick: props.openCreateEventGroupModal, size: 'sm' }, { children: (0, jsx_runtime_1.jsx)(content_1.Icon, { name: "add_16x16" }) })))] })) }) })));
 }
 exports["default"] = (0, react_1.memo)(AsideCalendars);

package/content/CalendarSystem/AsideHeader/AsideHeader.d.ts

@@ -1,9 +1,9 @@
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
 import './AsideHeader.scss';
 interface IAsideHeaderProps extends Pick<ICalendarSystemViewProps, 'openCreateModal'> {
     className?: string;
 }
 declare function AsideHeader(props: IAsideHeaderProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof AsideHeader>;
+declare const _default: import("react").MemoExoticComponent<typeof AsideHeader>;
 export default _default;