@steroidsjs/bootstrap 3.0.44 → 3.0.45

package/content/Accordion/AccordionItemView.js

@@ -26,9 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var React = __importStar(require("react"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function AccordionItemView(props) {
     var _a;
@@ -52,10 +52,16 @@ function AccordionItemView(props) {
         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') })));
+                (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') });
+        return (0, renderIcon_1["default"])(props.icon, {
+            className: bem.element('custom-icon')
+        });
     }, [bem, props.icon]);
     var handleHeaderClick = React.useCallback(function () {
         if (props.disabled || !props.toggleAccordion || !props.toggleCollapse) {
@@ -83,7 +89,9 @@ function AccordionItemView(props) {
                 ? 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)));
+                    }), name: 'arrow_down_24x24' }))))),
+        React.createElement("div", { className: bem.element('content', {
+                visible: !props.disabled && props.isShowMore
+            }) }, props.children)));
 }
 exports["default"] = AccordionItemView;

package/content/Accordion/AccordionView.js

@@ -23,8 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 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));

package/content/Alert/AlertView.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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;

package/content/Avatar/AvatarGroupView.js

@@ -23,8 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 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));

package/content/Avatar/AvatarView.js

@@ -14,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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'
@@ -36,8 +36,7 @@ function Avatar(props) {
             'has-custom-status': props.status && !!customSize.width
         }), props.className) },
         react_1["default"].createElement("span", { className: bem.element('body'), style: __assign(__assign({}, props.style), customSize) },
-            react_1["default"].createElement(react_1["default"].Fragment, null,
-                (props.src && renderImage()) || (react_1["default"].createElement("span", { className: bem.element('formattedTitle') }, props.formattedTitle)),
-                props.children))));
+            (props.src && renderImage()) || (react_1["default"].createElement("span", { className: bem.element('formattedTitle') }, props.formattedTitle)),
+            props.children)));
 }
 exports["default"] = Avatar;

package/content/Badge/BadgeView.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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');

package/content/Calendar/CalendarView.js

@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+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 hooks_1 = require("@steroidsjs/core/hooks");
 var react_day_picker_1 = __importStar(require("react-day-picker"));
-var calendar_1 = require("@steroidsjs/core/utils/calendar");
 var CaptionElement_1 = __importDefault(require("./CaptionElement"));
 function CalendarView(props) {
     var bem = (0, hooks_1.useBem)('CalendarView');
@@ -77,10 +77,13 @@ function CalendarView(props) {
     (showFooter && isCaptionPanelVisible)
         // Показывать кнопку "Сегодня"
         || (showFooter && showTodayButton)); }, [isCaptionPanelVisible, showFooter, showTodayButton]);
-    return (React.createElement(DayPicker, __assign({}, props, props.pickerProps, { className: bem(bem.block({ ranged: isRange }), props.className), captionElement: (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 }));
-        }, [fromYear, isCaptionPanelVisible, onMonthSelect, showFooter, toYear, toggleCaptionPanel]), renderDay: function (day) {
+    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 }));
+    }, [fromYear, isCaptionPanelVisible, onMonthSelect, showFooter, toYear, toggleCaptionPanel]);
+    return (React.createElement(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));
         }, todayButton: shouldShowFooter && (isCaptionPanelVisible ? __('Закрыть') : __('Сегодня')), onTodayButtonClick: function (day) {

package/content/Calendar/CaptionElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CaptionElementProps } from 'react-day-picker/types/Props';
 import { ICalendarViewProps } from '@steroidsjs/core/ui/content/Calendar/Calendar';
+import { CaptionElementProps } from 'react-day-picker/types/Props';
 interface ICaptionElementProps extends CaptionElementProps, Pick<ICalendarViewProps, 'fromYear' | 'toYear' | 'isCaptionPanelVisible' | 'toggleCaptionPanel'> {
     onChange: (value: any) => void;
     showCalendarFooter?: boolean;

package/content/Calendar/CaptionElement.js

@@ -26,12 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_1 = require("react");
 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 DateControlType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/DateControlType"));
+var React = __importStar(require("react"));
+var react_1 = require("react");
 function CaptionElement(props) {
     var bem = (0, hooks_1.useBem)('CaptionElement');
     var localeUtils = props.localeUtils, locale = props.locale, fromYear = props.fromYear, toYear = props.toYear, date = props.date, isCaptionPanelVisible = props.isCaptionPanelVisible, toggleCaptionPanel = props.toggleCaptionPanel;
@@ -95,7 +95,9 @@ function CaptionElement(props) {
                     e.preventDefault();
                     icon.onClick();
                 }, className: bem.element('button'), dataIcon: 'control-' + icon.sourceControl })); }))),
-        isCaptionPanelVisible && (React.createElement("div", { className: bem.element('panel', { 'full-height': !props.showCalendarFooter }) },
+        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') },

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

@@ -1,5 +1,5 @@
-import React from '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;

package/content/CalendarSystem/AsideCalendars/AsideCalendars.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 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"));
 require("./AsideCalendars.scss");
 var EVENT_GROUPS_FORM_ID = 'CalendarSystemEventGroupsForm';
 function AsideCalendars(props) {

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

@@ -1,5 +1,5 @@
-import React from '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;

package/content/CalendarSystem/AsideHeader/AsideHeader.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
-var Title_1 = __importDefault(require("@steroidsjs/core/ui/typography/Title/Title"));
 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"));
 require("./AsideHeader.scss");
 function AsideHeader(props) {
     var bem = (0, useBem_1["default"])('AsideHeader');

package/content/CalendarSystem/CalendarSystemEventGroupModalView.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
 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 },

package/content/CalendarSystem/CalendarSystemModalView.js

@@ -6,13 +6,13 @@ exports.__esModule = true;
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable implicit-arrow-linebreak */
 /* eslint-disable no-undef */
+var form_1 = require("@steroidsjs/core/actions/form");
+var hooks_1 = require("@steroidsjs/core/hooks");
+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 form_1 = require("@steroidsjs/core/ui/form");
 var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
 var react_1 = __importDefault(require("react"));
-var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
-var hooks_1 = require("@steroidsjs/core/hooks");
-var form_2 = require("@steroidsjs/core/actions/form");
 var ADD_EVENT_FORM_ID = 'add-event-form';
 function CalendarSystemModalView(props) {
     var bem = (0, useBem_1["default"])('CalendarSystemModalView');
@@ -23,12 +23,12 @@ function CalendarSystemModalView(props) {
     };
     var onCloseModal = react_1["default"].useCallback(function () {
         props.onClose();
-        dispatch((0, form_2.formSetErrors)(ADD_EVENT_FORM_ID, {}));
+        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_1.Form, { className: bem.element('default-form'), formId: ADD_EVENT_FORM_ID, onBeforeSubmit: function (data) {
+        react_1["default"].createElement(form_2.Form, { className: bem.element('default-form'), formId: ADD_EVENT_FORM_ID, onBeforeSubmit: function (data) {
                 if (!data.eventGroupId) {
-                    dispatch((0, form_2.formSetErrors)(ADD_EVENT_FORM_ID, {
+                    dispatch((0, form_1.formSetErrors)(ADD_EVENT_FORM_ID, {
                         eventGroupId: [__('Поле обязательно для заполнения')]
                     }));
                     return false;
@@ -40,20 +40,20 @@ function CalendarSystemModalView(props) {
             }, 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_1.InputField, { attribute: 'title', required: true, className: bem.element('name-field') }),
-                react_1["default"].createElement(form_1.DropDownField, { attribute: 'eventGroupId', items: props.eventGroups, outline: true, placeholder: '\u0413\u0440\u0443\u043F\u043F\u0430', color: "primary", itemsContent: {
+                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_1.DateTimeField, { attribute: 'startDate', required: true }),
-                react_1["default"].createElement(form_1.DateTimeField, { attribute: 'endDate', required: true })),
+                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_1.TextField, { attribute: 'description', required: true })),
+                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_1.DropDownField, { attribute: 'usersIds', items: props.users.map(function (user) { return ({
+                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: {

package/content/CalendarSystem/CalendarSystemView.js

@@ -15,12 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable max-len */
-var react_1 = __importDefault(require("react"));
 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 AsideHeader_1 = __importDefault(require("./AsideHeader"));
+var react_1 = __importDefault(require("react"));
 var AsideCalendars_1 = __importDefault(require("./AsideCalendars"));
+var AsideHeader_1 = __importDefault(require("./AsideHeader"));
 var ContentHeader_1 = __importDefault(require("./ContentHeader"));
 function CalendarSystemView(props) {
     var bem = (0, useBem_1["default"])('CalendarSystemView');

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

@@ -1,5 +1,5 @@
-import React from '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;

package/content/CalendarSystem/ContentHeader/ContentHeader.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
-var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
-var nav_1 = require("@steroidsjs/core/ui/nav");
 var content_1 = require("@steroidsjs/core/ui/content");
-var DateControlType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/DateControlType"));
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
+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"));
 require("./ContentHeader.scss");
 function ContentHeader(props) {
     var bem = (0, useBem_1["default"])('ContentHeader');

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

@@ -1,5 +1,5 @@
-import React from '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;

package/content/CalendarSystem/DayGrid/DayGrid.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var typography_1 = require("@steroidsjs/core/ui/typography");
+var react_1 = __importDefault(require("react"));
 require("./DayGrid.scss");
 function DayGrid(props) {
     var _a, _b;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ICalendarSystemViewProps, ICalendarUser, IDay } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
+import React from 'react';
 import './DayHour.scss';
 interface IDayHourProps extends Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> {
     hour: string;

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

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable @typescript-eslint/no-shadow */
-var react_1 = __importDefault(require("react"));
 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 CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
 var get_1 = __importDefault(require("lodash-es/get"));
+var react_1 = __importDefault(require("react"));
 require("./DayHour.scss");
 function DayHour(props) {
     var bem = (0, useBem_1["default"])('DayHour');

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

@@ -14,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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;

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

@@ -1,5 +1,5 @@
-import React from '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;

package/content/CalendarSystem/MonthGrid/MonthGrid.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable max-len */
-var react_1 = __importStar(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_1 = __importStar(require("react"));
 require("./MonthGrid.scss");
 function MonthGrid(props) {
     var bem = (0, useBem_1["default"])('MonthGrid');

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ICalendarSystemViewProps, IDay } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
+import React from 'react';
 import './MonthDay.scss';
 interface IMonthDayProps extends Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> {
     day: IDay;

package/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDay.js

@@ -13,14 +13,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable @typescript-eslint/no-shadow */
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
-var slice_1 = __importDefault(require("lodash-es/slice"));
-var get_1 = __importDefault(require("lodash-es/get"));
-var form_1 = require("@steroidsjs/core/ui/form");
 var useExpandClickAway_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/hooks/useExpandClickAway"));
+var form_1 = require("@steroidsjs/core/ui/form");
 var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
+var get_1 = __importDefault(require("lodash-es/get"));
+var slice_1 = __importDefault(require("lodash-es/slice"));
+var react_1 = __importDefault(require("react"));
 var getFormattedExpandLabel_1 = require("../../../../../utils/getFormattedExpandLabel");
 require("./MonthDay.scss");
 var SIXTH_ELEMENT_INDEX = 6;

package/content/CalendarSystem/MonthGrid/views/MonthDay/views/MonthEvent/MonthEvent.js

@@ -3,16 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Tooltip_1 = __importDefault(require("@steroidsjs/core/ui/layout/Tooltip/Tooltip"));
+var react_1 = __importDefault(require("react"));
 require("./MonthEvent.scss");
 function MonthEvent(_a) {
     var event = _a.event;
     var bem = (0, useBem_1["default"])('MonthEvent');
     return (react_1["default"].createElement(Tooltip_1["default"], { key: event.id, position: 'rightBottom', content: event.title, className: bem.element('tooltip') },
         react_1["default"].createElement("span", { className: bem.element('event'), "data-eventid": event.id },
-            react_1["default"].createElement("span", { className: bem.element('event-dot'), style: { backgroundColor: event.color } }),
+            react_1["default"].createElement("span", { className: bem.element('event-dot'), style: {
+                    backgroundColor: event.color
+                } }),
             event.title)));
 }
 exports["default"] = MonthEvent;

package/content/CalendarSystem/WeekGrid/WeekGrid.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
+import React from 'react';
 import './WeekGrid.scss';
 type IWeekGridProps = Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> & ICalendarSystemViewProps['weekGridProps'];
 declare function WeekGrid(props: IWeekGridProps): JSX.Element;

package/content/CalendarSystem/WeekGrid/WeekGrid.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
+var react_1 = __importDefault(require("react"));
 require("./WeekGrid.scss");
 function WeekGrid(props) {
     var bem = (0, useBem_1["default"])('WeekGrid');

package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ICalendarSystemViewProps, IDay } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
+import React from 'react';
 import './WeekHour.scss';
 interface IWeekHourProps extends Pick<ICalendarSystemViewProps, 'openEditModal' | 'openCreateModal' | 'getEventsFromDate'> {
     dayOfWeek: IDay;

package/content/CalendarSystem/WeekGrid/views/WeekHour/WeekHour.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable @typescript-eslint/no-shadow */
-var react_1 = __importDefault(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
-var calendar_1 = require("@steroidsjs/core/utils/calendar");
 var CalendarType_1 = __importDefault(require("@steroidsjs/core/ui/content/CalendarSystem/enums/CalendarType"));
-var get_1 = __importDefault(require("lodash-es/get"));
+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"));
 require("./WeekHour.scss");
 function WeekHour(props) {
     var bem = (0, useBem_1["default"])('WeekHour');

package/content/CalendarSystem/WeekGrid/views/WeekHour/views/WeekEvent/WeekEvent.js

@@ -14,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 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("./WeekEvent.scss");
 function WeekEvent(_a) {
     var event = _a.event;

package/content/Card/CardView.js

@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var form_1 = require("@steroidsjs/core/ui/form");
+var content_1 = require("@steroidsjs/core/ui/content");
 var Avatar_1 = __importDefault(require("@steroidsjs/core/ui/content/Avatar/Avatar"));
+var form_1 = require("@steroidsjs/core/ui/form");
 var nav_1 = require("@steroidsjs/core/ui/nav");
-var content_1 = require("@steroidsjs/core/ui/content");
+var react_1 = __importDefault(require("react"));
 function CardView(props) {
     var bem = (0, hooks_1.useBem)('CardView');
     var hasContent = !!(props.title || props.buttons || props.links || props.description || props.children);

package/content/Chart/ChartView.js

@@ -14,11 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var typography_1 = require("@steroidsjs/core/ui/typography");
 var form_1 = require("@steroidsjs/core/ui/form");
 var nav_1 = require("@steroidsjs/core/ui/nav");
+var typography_1 = require("@steroidsjs/core/ui/typography");
+var react_1 = __importDefault(require("react"));
 var DEFAULT_AXIS_PARAMS = {
     tickSize: 5,
     tickPadding: 5,
@@ -34,7 +34,9 @@ var DEFAULT_LINE_CHART_CONFIG = {
         stacked: true,
         reverse: false
     },
-    xScale: { type: 'point' },
+    xScale: {
+        type: 'point'
+    },
     axisBottom: __assign(__assign({}, DEFAULT_AXIS_PARAMS), { legendOffset: 36 }),
     axisLeft: __assign(__assign({}, DEFAULT_AXIS_PARAMS), { legendOffset: -40 }),
     pointSize: 8,
@@ -44,9 +46,11 @@ function ChartView(props) {
     var bem = (0, hooks_1.useBem)('ChartView');
     var ChartComponent = props.chartComponent;
     var defaultChartConfig = (props.useDefaultLineChartConfig && DEFAULT_LINE_CHART_CONFIG) || {};
-    var customChartHeightVariable = { '--chart-custom-height': "".concat(props.chartHeight, "px") };
+    var customChartHeightVariable = {
+        '--chart-custom-height': "".concat(props.chartHeight, "px")
+    };
     return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: __assign(__assign(__assign({}, props.style), { height: "".concat(props.wrapperHeight, "px") }), customChartHeightVariable) },
-        props.title && (react_1["default"].createElement(typography_1.Title, { type: "h3", content: props.title, className: bem.element('title') })),
+        props.title && (react_1["default"].createElement(typography_1.Title, { type: 'h3', content: props.title, className: bem.element('title') })),
         react_1["default"].createElement("div", { className: bem.element('controls') },
             props.checkboxes && (react_1["default"].createElement(form_1.CheckboxListField, __assign({}, props.checkboxes))),
             props.buttonGroup && (react_1["default"].createElement(nav_1.ButtonGroup, __assign({}, props.buttonGroup)))),

package/content/Chat/ChatView.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_1 = __importStar(require("react"));
 var BubblesDateGroup_1 = __importDefault(require("./views/BubblesDateGroup"));
 function ChatView(props) {
     var bem = (0, useBem_1["default"])('ChatView');