@steroidsjs/bootstrap 3.0.45 → 3.1.1

package/content/CalendarSystem/AsideHeader/AsideHeader.js

@@ -1,40 +1,27 @@
 "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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var form_1 = require("@steroidsjs/core/ui/form");
 var Title_1 = __importDefault(require("@steroidsjs/core/ui/typography/Title/Title"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 require("./AsideHeader.scss");
 function AsideHeader(props) {
     var bem = (0, useBem_1["default"])('AsideHeader');
-    return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className) },
-        react_1["default"].createElement(Title_1["default"], { content: __('Календарь'), className: bem.element('title') }),
-        react_1["default"].createElement(form_1.Button, { icon: "add", size: "sm", label: __('Создать'), className: bem.element('create'), onClick: function () { return props.openCreateModal(); } })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className) }, { children: [(0, jsx_runtime_1.jsx)(Title_1["default"], { content: __('Календарь'), className: bem.element('title') }), (0, jsx_runtime_1.jsx)(form_1.Button, { icon: "add", size: "sm", label: __('Создать'), className: bem.element('create'), onClick: function () { return props.openCreateModal(); } })] })));
 }
 exports["default"] = (0, react_1.memo)(AsideHeader);

package/content/CalendarSystem/CalendarSystemEventGroupModalView.js

@@ -1,25 +1,29 @@
 "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 form_1 = require("@steroidsjs/core/ui/form");
 var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
 var typography_1 = require("@steroidsjs/core/ui/typography");
-var react_1 = __importDefault(require("react"));
 function CalendarSystemEventGroupModalView(props) {
     var bem = (0, hooks_1.useBem)('CalendarSystemEventGroupModalView');
-    return (react_1["default"].createElement(Modal_1["default"], { title: props.isCreate ? __('Новая группа') : __('Редактирование группы'), onClose: props.onClose, className: bem.block(), shouldCloseOnEsc: true, shouldCloseOnOverlayClick: true },
-        react_1["default"].createElement(form_1.Form, { className: bem.element('form'), onSubmit: function (fields) {
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ title: props.isCreate ? __('Новая группа') : __('Редактирование группы'), onClose: props.onClose, className: bem.block(), shouldCloseOnEsc: true, shouldCloseOnOverlayClick: true }, { children: (0, jsx_runtime_1.jsxs)(form_1.Form, __assign({ className: bem.element('form'), onSubmit: function (fields) {
                 props.onEventGroupSubmit(fields);
                 props.onClose();
-            }, submitLabel: props.isCreate ? __('Создать') : __('Сохранить'), initialValues: props.eventGroupInitialValues },
-            react_1["default"].createElement("div", null,
-                react_1["default"].createElement(typography_1.Text, { className: bem.element('label'), content: __('Имя') }),
-                react_1["default"].createElement(form_1.InputField, { attribute: 'label', required: true, className: bem.element('name-field') })),
-            react_1["default"].createElement("div", null,
-                react_1["default"].createElement(typography_1.Text, { className: bem.element('label'), content: __('Выбор цвета') }),
-                react_1["default"].createElement(form_1.InputField, { type: 'color', required: true, attribute: 'color' })))));
+            }, submitLabel: props.isCreate ? __('Создать') : __('Сохранить'), initialValues: props.eventGroupInitialValues }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: bem.element('label'), content: __('Имя') }), (0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: 'label', required: true, className: bem.element('name-field') })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: bem.element('label'), content: __('Выбор цвета') }), (0, jsx_runtime_1.jsx)(form_1.InputField, { type: 'color', required: true, attribute: 'color' })] })] })) })));
 }
 exports["default"] = CalendarSystemEventGroupModalView;

package/content/CalendarSystem/CalendarSystemModalView.js

@@ -1,8 +1,20 @@
 "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");
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable implicit-arrow-linebreak */
 /* eslint-disable no-undef */
@@ -12,21 +24,20 @@ var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var form_2 = require("@steroidsjs/core/ui/form");
 var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
 var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var ADD_EVENT_FORM_ID = 'add-event-form';
 function CalendarSystemModalView(props) {
     var bem = (0, useBem_1["default"])('CalendarSystemModalView');
     var dispatch = (0, hooks_1.useDispatch)();
-    var eventInitialValues = react_1["default"].useMemo(function () { return props.eventInitialValues; }, [props.eventInitialValues]);
+    var eventInitialValues = (0, react_1.useMemo)(function () { return props.eventInitialValues; }, [props.eventInitialValues]);
     var callOnEventSubmit = function (fields) {
         return eventInitialValues && !props.isCreate ? props.onModalFormSubmit(fields, eventInitialValues) : props.onModalFormSubmit(fields);
     };
-    var onCloseModal = react_1["default"].useCallback(function () {
+    var onCloseModal = (0, react_1.useCallback)(function () {
         props.onClose();
         dispatch((0, form_1.formSetErrors)(ADD_EVENT_FORM_ID, {}));
     }, [dispatch, props]);
-    return (react_1["default"].createElement(Modal_1["default"], { title: props.isCreate ? __('Новое событие') : __('Редактирование события'), onClose: onCloseModal, className: bem.block(), shouldCloseOnEsc: true, shouldCloseOnOverlayClick: true },
-        react_1["default"].createElement(form_2.Form, { className: bem.element('default-form'), formId: ADD_EVENT_FORM_ID, onBeforeSubmit: function (data) {
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ title: props.isCreate ? __('Новое событие') : __('Редактирование события'), onClose: onCloseModal, className: bem.block(), shouldCloseOnEsc: true, shouldCloseOnOverlayClick: true }, { children: (0, jsx_runtime_1.jsxs)(form_2.Form, __assign({ className: bem.element('default-form'), formId: ADD_EVENT_FORM_ID, onBeforeSubmit: function (data) {
                 if (!data.eventGroupId) {
                     dispatch((0, form_1.formSetErrors)(ADD_EVENT_FORM_ID, {
                         eventGroupId: [__('Поле обязательно для заполнения')]
@@ -37,27 +48,13 @@ function CalendarSystemModalView(props) {
             }, onSubmit: function (fields) {
                 callOnEventSubmit(fields);
                 onCloseModal();
-            }, initialValues: eventInitialValues !== null && eventInitialValues !== void 0 ? eventInitialValues : null, submitLabel: props.isCreate ? __('Создать') : __('Сохранить'), useRedux: true },
-            react_1["default"].createElement("div", null,
-                react_1["default"].createElement(Text_1["default"], { content: __('Наименование'), className: bem.element('label') }),
-                react_1["default"].createElement(form_2.InputField, { attribute: 'title', required: true, className: bem.element('name-field') }),
-                react_1["default"].createElement(form_2.DropDownField, { attribute: 'eventGroupId', items: props.eventGroups, outline: true, placeholder: '\u0413\u0440\u0443\u043F\u043F\u0430', color: "primary", itemsContent: {
-                        type: 'checkbox'
-                    } })),
-            react_1["default"].createElement("div", null,
-                react_1["default"].createElement(Text_1["default"], { content: __('Время и дата'), className: bem.element('label') }),
-                react_1["default"].createElement(form_2.DateTimeField, { attribute: 'startDate', required: true }),
-                react_1["default"].createElement(form_2.DateTimeField, { attribute: 'endDate', required: true })),
-            react_1["default"].createElement("div", null,
-                react_1["default"].createElement(Text_1["default"], { content: __('Описание'), className: bem.element('label') }),
-                react_1["default"].createElement(form_2.TextField, { attribute: 'description', required: true })),
-            react_1["default"].createElement("div", null,
-                react_1["default"].createElement(Text_1["default"], { content: __('Пользователи'), className: bem.element('label') }),
-                react_1["default"].createElement(form_2.DropDownField, { attribute: 'usersIds', items: props.users.map(function (user) { return ({
-                        id: user.id,
-                        label: user.name
-                    }); }), outline: true, color: "primary", placeholder: '\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0438', itemsContent: {
-                        type: 'checkbox'
-                    }, className: bem.element('users-field'), multiple: true, required: true })))));
+            }, initialValues: eventInitialValues !== null && eventInitialValues !== void 0 ? eventInitialValues : null, submitLabel: props.isCreate ? __('Создать') : __('Сохранить'), useRedux: true }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: __('Наименование'), className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_2.InputField, { attribute: 'title', required: true, className: bem.element('name-field') }), (0, jsx_runtime_1.jsx)(form_2.DropDownField, { attribute: 'eventGroupId', items: props.eventGroups, outline: true, placeholder: '\u0413\u0440\u0443\u043F\u043F\u0430', color: "primary", itemsContent: {
+                                type: 'checkbox'
+                            } })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: __('Время и дата'), className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_2.DateTimeField, { attribute: 'startDate', required: true }), (0, jsx_runtime_1.jsx)(form_2.DateTimeField, { attribute: 'endDate', required: true })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: __('Описание'), className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_2.TextField, { attribute: 'description', required: true })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: __('Пользователи'), className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_2.DropDownField, { attribute: 'usersIds', items: props.users.map(function (user) { return ({
+                                id: user.id,
+                                label: user.name
+                            }); }), outline: true, color: "primary", placeholder: '\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0438', itemsContent: {
+                                type: 'checkbox'
+                            }, className: bem.element('users-field'), multiple: true, required: true })] })] })) })));
 }
 exports["default"] = CalendarSystemModalView;

package/content/CalendarSystem/CalendarSystemView.js

@@ -14,11 +14,12 @@ 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");
 /* eslint-disable max-len */
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var AsideCalendars_1 = __importDefault(require("./AsideCalendars"));
 var AsideHeader_1 = __importDefault(require("./AsideHeader"));
 var ContentHeader_1 = __importDefault(require("./ContentHeader"));
@@ -31,22 +32,14 @@ function CalendarSystemView(props) {
         openCreateModal: props.openCreateModal
     };
     var renderDayGrid = props.dayGridProps.renderGridView, renderWeekGrid = props.weekGridProps.renderGridView, renderMonthGrid = props.monthGridProps.renderGridView;
-    var calendarTypeGrids = react_1["default"].useMemo(function () {
+    var calendarTypeGrids = (0, react_1.useMemo)(function () {
         var _a;
         return (_a = {},
-            _a[CalendarType_1["default"].MONTH] = (react_1["default"].createElement(react_1["default"].Fragment, null, renderMonthGrid(__assign(__assign({}, props.monthGridProps), sharedFunctions)))),
-            _a[CalendarType_1["default"].WEEK] = (react_1["default"].createElement(react_1["default"].Fragment, null, renderWeekGrid(__assign(__assign({}, props.weekGridProps), sharedFunctions)))),
-            _a[CalendarType_1["default"].DAY] = (react_1["default"].createElement(react_1["default"].Fragment, null, renderDayGrid(__assign(__assign(__assign({}, props.dayGridProps), sharedFunctions), { users: props.users })))),
+            _a[CalendarType_1["default"].MONTH] = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderMonthGrid(__assign(__assign({}, props.monthGridProps), sharedFunctions)) })),
+            _a[CalendarType_1["default"].WEEK] = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderWeekGrid(__assign(__assign({}, props.weekGridProps), sharedFunctions)) })),
+            _a[CalendarType_1["default"].DAY] = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderDayGrid(__assign(__assign(__assign({}, props.dayGridProps), sharedFunctions), { users: props.users })) })),
             _a);
     }, [props.dayGridProps, props.monthGridProps, props.users, props.weekGridProps, renderDayGrid, renderMonthGrid, renderWeekGrid, sharedFunctions]);
-    return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: props.style },
-        react_1["default"].createElement("aside", { className: bem.element('aside') },
-            react_1["default"].createElement(AsideHeader_1["default"], { openCreateModal: props.openCreateModal, className: bem.element('aside-header') }),
-            react_1["default"].createElement(Calendar_1["default"], __assign({ showFooter: false, onTodayButtonClick: props.onCalendarChangedMonth, onMonthChange: props.onCalendarChangedMonth, onChange: function () { return props.handleCalendarTypeChange(CalendarType_1["default"].DAY); } }, props.asideCalendarProps)),
-            props.children,
-            react_1["default"].createElement(AsideCalendars_1["default"], { eventGroups: props.eventGroups, canAddedEventGroups: props.canAddedEventGroups, eventGroupsTitle: props.eventGroupsTitle, onChangeEventGroupsIds: props.onChangeEventGroupsIds, openCreateEventGroupModal: props.openCreateEventGroupModal, asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps })),
-        react_1["default"].createElement("div", { className: bem.element('content') },
-            react_1["default"].createElement(ContentHeader_1["default"], { dateToDisplay: props.dateToDisplay, handleCalendarTypeChange: props.handleCalendarTypeChange, calendarType: props.calendarType, onClickControl: props.onClickControl }),
-            calendarTypeGrids[props.calendarType])));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsxs)("aside", __assign({ className: bem.element('aside') }, { children: [(0, jsx_runtime_1.jsx)(AsideHeader_1["default"], { openCreateModal: props.openCreateModal, className: bem.element('aside-header') }), (0, jsx_runtime_1.jsx)(Calendar_1["default"], __assign({ showFooter: false, onTodayButtonClick: props.onCalendarChangedMonth, onMonthChange: props.onCalendarChangedMonth, onChange: function () { return props.handleCalendarTypeChange(CalendarType_1["default"].DAY); } }, props.asideCalendarProps)), props.children, (0, jsx_runtime_1.jsx)(AsideCalendars_1["default"], { eventGroups: props.eventGroups, canAddedEventGroups: props.canAddedEventGroups, eventGroupsTitle: props.eventGroupsTitle, onChangeEventGroupsIds: props.onChangeEventGroupsIds, openCreateEventGroupModal: props.openCreateEventGroupModal, asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)(ContentHeader_1["default"], { dateToDisplay: props.dateToDisplay, handleCalendarTypeChange: props.handleCalendarTypeChange, calendarType: props.calendarType, onClickControl: props.onClickControl }), calendarTypeGrids[props.calendarType]] }))] })));
 }
 exports["default"] = CalendarSystemView;

package/content/CalendarSystem/ContentHeader/ContentHeader.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
 import './ContentHeader.scss';
 type IContentHeaderProps = Pick<ICalendarSystemViewProps, 'dateToDisplay' | 'handleCalendarTypeChange' | 'onClickControl' | 'calendarType'>;
 declare function ContentHeader(props: IContentHeaderProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ContentHeader>;
+declare const _default: import("react").MemoExoticComponent<typeof ContentHeader>;
 export default _default;

package/content/CalendarSystem/ContentHeader/ContentHeader.js

@@ -1,8 +1,20 @@
 "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");
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var content_1 = require("@steroidsjs/core/ui/content");
@@ -10,17 +22,13 @@ var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/Calend
 var DateControlType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/DateControlType"));
 var nav_1 = require("@steroidsjs/core/ui/nav");
 var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 require("./ContentHeader.scss");
 function ContentHeader(props) {
     var bem = (0, useBem_1["default"])('ContentHeader');
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement(Text_1["default"], { content: props.dateToDisplay, className: bem.element('month') }),
-        react_1["default"].createElement("ul", { className: bem.element('controls'), onClick: props.onClickControl }, Object.entries(DateControlType_1["default"].getIcons()).map(function (_a, controlIndex) {
-            var controlLabel = _a[0], controlIcon = _a[1];
-            return (react_1["default"].createElement("li", { key: controlIndex, className: bem.element('controls-item'), "data-control": controlLabel },
-                react_1["default"].createElement(content_1.Icon, { className: bem.element('controls-item-icon'), name: controlIcon })));
-        })),
-        react_1["default"].createElement(nav_1.ButtonGroup, { className: bem.element('measures'), items: CalendarType_1["default"], onClick: props.handleCalendarTypeChange, activeButton: props.calendarType || CalendarType_1["default"].MONTH })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: props.dateToDisplay, className: bem.element('month') }), (0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('controls'), onClick: props.onClickControl }, { children: Object.entries(DateControlType_1["default"].getIcons()).map(function (_a, controlIndex) {
+                    var controlLabel = _a[0], controlIcon = _a[1];
+                    return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem.element('controls-item'), "data-control": controlLabel }, { children: (0, jsx_runtime_1.jsx)(content_1.Icon, { className: bem.element('controls-item-icon'), name: controlIcon }) }), controlIndex));
+                }) })), (0, jsx_runtime_1.jsx)(nav_1.ButtonGroup, { className: bem.element('measures'), items: CalendarType_1["default"], onClick: props.handleCalendarTypeChange, activeButton: props.calendarType || CalendarType_1["default"].MONTH })] })));
 }
-exports["default"] = react_1["default"].memo(ContentHeader);
+exports["default"] = (0, react_1.memo)(ContentHeader);

package/content/CalendarSystem/DayGrid/DayGrid.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
 import './DayGrid.scss';
 type IDayGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate' | 'users'> & ICalendarSystemViewProps['dayGridProps'];
 declare function DayGrid(props: IDayGridProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof DayGrid>;
+declare const _default: import("react").MemoExoticComponent<typeof DayGrid>;
 export default _default;

package/content/CalendarSystem/DayGrid/DayGrid.js

@@ -1,33 +1,37 @@
 "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 typography_1 = require("@steroidsjs/core/ui/typography");
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 require("./DayGrid.scss");
 function DayGrid(props) {
     var _a, _b;
     var bem = (0, useBem_1["default"])('DayGrid');
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement("div", { className: bem.element('content') },
-            react_1["default"].createElement("div", { className: bem.element('hours-time') }, props.dayGridTwentyFourHoursArray.map(function (hour, hourIndex) { return (react_1["default"].createElement("div", { key: hourIndex, className: bem.element('hours-time-item') }, hour)); })),
-            react_1["default"].createElement("div", { className: bem.element('table') },
-                react_1["default"].createElement("div", { className: bem.element('table-heading'), style: {
-                        gridTemplateColumns: "repeat(".concat((_a = props.users) === null || _a === void 0 ? void 0 : _a.length, ", 200px)")
-                    } }, (_b = props.users) === null || _b === void 0 ? void 0 : _b.map(function (user, userIndex) { return (react_1["default"].createElement(typography_1.Text, { key: userIndex, className: bem.element('header') },
-                    react_1["default"].createElement("span", { className: bem.element('header-wrapper') },
-                        react_1["default"].createElement("span", { className: bem.element('header-label') }, user.name),
-                        react_1["default"].createElement("span", { className: bem.element('header-caption') }, user.caption)))); })),
-                react_1["default"].createElement("div", { className: bem.element('table-grid') }, props.dayGridTwentyFourHoursArray.map(function (hour, hourIndex) { return (react_1["default"].createElement("div", { key: hourIndex, className: bem.element('table-grid-row') }, props.users.map(function (user, userIndex) { return (react_1["default"].createElement(react_1["default"].Fragment, { key: userIndex }, props.renderHourView({
-                    hour: hour,
-                    getEventsFromDate: props.getEventsFromDate,
-                    user: user,
-                    openEditModal: props.openEditModal,
-                    openCreateModal: props.openCreateModal,
-                    currentDay: props.dayGridCurrentDay,
-                    renderEventView: props.renderEventView
-                }))); }))); }))))));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hours-time') }, { children: props.dayGridTwentyFourHoursArray.map(function (hour, hourIndex) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hours-time-item') }, { children: hour }), hourIndex)); }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('table') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-heading'), style: {
+                                gridTemplateColumns: "repeat(".concat((_a = props.users) === null || _a === void 0 ? void 0 : _a.length, ", 200px)")
+                            } }, { children: (_b = props.users) === null || _b === void 0 ? void 0 : _b.map(function (user, userIndex) { return ((0, jsx_runtime_1.jsx)(typography_1.Text, __assign({ className: bem.element('header') }, { children: (0, jsx_runtime_1.jsxs)("span", __assign({ className: bem.element('header-wrapper') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('header-label') }, { children: user.name })), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('header-caption') }, { children: user.caption }))] })) }), userIndex)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-grid') }, { children: props.dayGridTwentyFourHoursArray.map(function (hour, hourIndex) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-grid-row') }, { children: props.users.map(function (user, userIndex) { return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: props.renderHourView({
+                                        hour: hour,
+                                        getEventsFromDate: props.getEventsFromDate,
+                                        user: user,
+                                        openEditModal: props.openEditModal,
+                                        openCreateModal: props.openCreateModal,
+                                        currentDay: props.dayGridCurrentDay,
+                                        renderEventView: props.renderEventView
+                                    }) }, userIndex)); }) }), hourIndex)); }) }))] }))] })) })));
 }
-exports["default"] = react_1["default"].memo(DayGrid);
+exports["default"] = (0, react_1.memo)(DayGrid);

package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.d.ts

@@ -1,12 +1,12 @@
 import { ICalendarSystemViewProps, ICalendarUser, IDay } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
+import { ReactNode } from 'react';
 import './DayHour.scss';
 interface IDayHourProps extends Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> {
     hour: string;
     user: ICalendarUser;
     currentDay: IDay;
-    renderEventView: (componentProps: any) => React.ReactNode;
+    renderEventView: (componentProps: any) => ReactNode;
 }
 declare function DayHour(props: IDayHourProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof DayHour>;
+declare const _default: import("react").MemoExoticComponent<typeof DayHour>;
 export default _default;

package/content/CalendarSystem/DayGrid/views/DayHour/DayHour.js

@@ -1,19 +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");
 /* eslint-disable @typescript-eslint/no-shadow */
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
 var calendar_1 = require("@steroidsjs/core/utils/calendar");
 var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 require("./DayHour.scss");
 function DayHour(props) {
     var bem = (0, useBem_1["default"])('DayHour');
-    var events = react_1["default"].useMemo(function () {
+    var events = (0, react_1.useMemo)(function () {
         var eventsIds = props.user.eventsIds;
         var callingDate = new Date(props.currentDay.date);
         var timeArray = props.hour.replace(':', '').split('');
@@ -24,7 +36,7 @@ function DayHour(props) {
             events: _events
         };
     }, [props]).events;
-    var handleEventClick = react_1["default"].useCallback(function (event) {
+    var handleEventClick = (0, react_1.useCallback)(function (event) {
         var eventFromHour = event.target;
         var eventId = (0, get_1["default"])(eventFromHour, 'dataset.eventid');
         if (!eventId) {
@@ -33,14 +45,14 @@ function DayHour(props) {
         var requiredEvent = events.filter(function (hourEvent) { return hourEvent.id === Number(eventId); })[0];
         props.openEditModal(requiredEvent);
     }, [events, props]);
-    var handleOnContextMenuCreateClick = react_1["default"].useCallback(function (e) {
+    var handleOnContextMenuCreateClick = (0, react_1.useCallback)(function (e) {
         e.preventDefault();
         var day = (0, cloneDeep_1["default"])(props.currentDay);
         day.date.setHours(Number((0, calendar_1.convertDate)(props.hour, 'HH:mm', 'H')), 0, 0, 0);
         props.openCreateModal(day);
     }, [props]);
-    return (react_1["default"].createElement("div", { className: bem.element('hour'), onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, events.map(function (event) { return props.renderEventView({
-        event: event
-    }); })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hour'), onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, { children: events.map(function (event) { return props.renderEventView({
+            event: event
+        }); }) })));
 }
-exports["default"] = react_1["default"].memo(DayHour);
+exports["default"] = (0, react_1.memo)(DayHour);

package/content/CalendarSystem/DayGrid/views/DayHour/views/DayEvent/DayEvent.js

@@ -14,17 +14,14 @@ 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 utils_1 = require("@steroidsjs/core/ui/content/CalendarSystem/utils/utils");
 var Tooltip_1 = __importDefault(require("@steroidsjs/core/ui/layout/Tooltip/Tooltip"));
-var react_1 = __importDefault(require("react"));
 require("./DayEvent.scss");
 function DayEvent(_a) {
     var event = _a.event;
     var bem = (0, useBem_1["default"])('DayEvent');
-    return (react_1["default"].createElement(Tooltip_1["default"], { position: 'rightBottom', content: event.title, className: bem.element('tooltip'), key: event.id },
-        react_1["default"].createElement("div", { className: bem.element('event'), style: __assign({ backgroundColor: event.color, height: "".concat((0, utils_1.getProportionFromEvent)(event), "%") }, (0, utils_1.getTopMarginFromEvent)(event)), title: event.title, "data-eventid": event.id },
-            react_1["default"].createElement("span", { className: bem.element('event-time') }, "".concat((0, utils_1.formatEventTime)(event.startDate), " - ").concat((0, utils_1.formatEventTime)(event.endDate))),
-            react_1["default"].createElement("span", { className: bem.element('event-title') }, event.title))));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1["default"], __assign({ position: 'rightBottom', content: event.title, className: bem.element('tooltip') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('event'), style: __assign({ backgroundColor: event.color, height: "".concat((0, utils_1.getProportionFromEvent)(event), "%") }, (0, utils_1.getTopMarginFromEvent)(event)), title: event.title, "data-eventid": event.id }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('event-time') }, { children: "".concat((0, utils_1.formatEventTime)(event.startDate), " - ").concat((0, utils_1.formatEventTime)(event.endDate)) })), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('event-title') }, { children: event.title }))] })) }), event.id));
 }
 exports["default"] = DayEvent;

package/content/CalendarSystem/MonthGrid/MonthGrid.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
 import './MonthGrid.scss';
 type IMonthGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> & ICalendarSystemViewProps['monthGridProps'];
 declare function MonthGrid(props: IMonthGridProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof MonthGrid>;
+declare const _default: import("react").MemoExoticComponent<typeof MonthGrid>;
 export default _default;

package/content/CalendarSystem/MonthGrid/MonthGrid.js

@@ -1,45 +1,32 @@
 "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");
 /* eslint-disable max-len */
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 require("./MonthGrid.scss");
 function MonthGrid(props) {
     var bem = (0, useBem_1["default"])('MonthGrid');
-    return (react_1["default"].createElement("div", { className: bem.block() },
-        react_1["default"].createElement("div", { className: bem.element('week-days') }, props.monthGridWeekDays.map(function (day, dayIndex) { return (react_1["default"].createElement("span", { key: dayIndex, className: bem.element('week-days-day') }, day)); })),
-        react_1["default"].createElement("div", { className: bem.element('grid') }, props.monthGridCalendarDays.map(function (day, dayIndex) { return (react_1["default"].createElement(react_1["default"].Fragment, { key: dayIndex }, props.renderHourView({
-            openEditModal: props.openEditModal,
-            openCreateModal: props.openCreateModal,
-            getEventsFromDate: props.getEventsFromDate,
-            renderEventView: props.renderEventView,
-            day: day
-        }))); }))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('week-days') }, { children: props.monthGridWeekDays.map(function (day, dayIndex) { return ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('week-days-day') }, { children: day }), dayIndex)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('grid') }, { children: props.monthGridCalendarDays.map(function (day, dayIndex) { return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: props.renderHourView({
+                        openEditModal: props.openEditModal,
+                        openCreateModal: props.openCreateModal,
+                        getEventsFromDate: props.getEventsFromDate,
+                        renderEventView: props.renderEventView,
+                        day: day
+                    }) }, dayIndex)); }) }))] })));
 }
 exports["default"] = (0, react_1.memo)(MonthGrid);

package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.d.ts

@@ -1,9 +1,9 @@
 import { ICalendarSystemViewProps, IDay } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
-import React from 'react';
+import { ReactNode } from 'react';
 import './MonthDay.scss';
 interface IMonthDayProps extends Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> {
     day: IDay;
-    renderEventView: (componentProps: any) => React.ReactNode;
+    renderEventView: (componentProps: any) => ReactNode;
 }
 export default function MonthDay(props: IMonthDayProps): JSX.Element;
 export {};