@steroidsjs/bootstrap 3.0.44 → 3.0.45

package/form/DropDownFieldItem/DropDownFieldItemView.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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var DropDownField_1 = require("@steroidsjs/core/ui/form/DropDownField/DropDownField");
-var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
+var react_1 = __importDefault(require("react"));
 var AccordionItemView_1 = __importDefault(require("../../content/Accordion/AccordionItemView"));
+var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 var CheckboxFieldView_1 = __importDefault(require("../CheckboxField/CheckboxFieldView"));
 var RadioFieldView_1 = __importDefault(require("../RadioField/RadioFieldView"));
 function DropDownItemView(props) {
@@ -42,12 +42,14 @@ function DropDownItemView(props) {
     };
     switch (props.type) {
         case DropDownField_1.GROUP_CONTENT_TYPE:
-            return (react_1["default"].createElement(AccordionItemView_1["default"], { isShowMore: props.isShowMore, childIndex: props.childIndex, toggleCollapse: props.toggleCollapse, toggleAccordion: function () { }, showIcon: true, title: props.item.label, position: "middle", key: uniqItemId, className: bem.element('group', {
+            return (react_1["default"].createElement(AccordionItemView_1["default"], { isShowMore: props.isShowMore, childIndex: props.childIndex, toggleCollapse: props.toggleCollapse, toggleAccordion: function () { }, showIcon: true, title: props.item.label, position: 'middle', key: uniqItemId, className: bem.element('group', {
                     size: props.size
                 }) }, (_a = props.item[props.groupAttribute]) === null || _a === void 0 ? void 0 : _a.map(function (subItem, itemIndex) { return (react_1["default"].createElement(DropDownItemView, __assign({}, props, { type: subItem.type ? subItem.type : props.itemsContent.type, key: itemIndex, item: subItem }))); })));
         case DropDownField_1.ICON_CONTENT_TYPE:
             return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
-                (0, renderIcon_1["default"])(props.item.contentSrc, { className: bem.element('icon') }),
+                (0, renderIcon_1["default"])(props.item.contentSrc, {
+                    className: bem.element('icon')
+                }),
                 react_1["default"].createElement("span", null, props.item.label)));
         case DropDownField_1.CHECKBOX_CONTENT_TYPE:
             return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
@@ -72,7 +74,7 @@ function DropDownItemView(props) {
         case DropDownField_1.IMG_CONTENT_TYPE:
             return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }),
                 react_1["default"].createElement("span", { className: bem.element('img') },
-                    react_1["default"].createElement("img", { src: props.item.contentSrc, alt: "custom source for item" })),
+                    react_1["default"].createElement("img", { src: props.item.contentSrc, alt: 'custom source for item' })),
                 react_1["default"].createElement("span", null, props.item.label)));
         default:
             return (react_1["default"].createElement("div", __assign({}, commonProps, { key: uniqItemId }), props.item.label));

package/form/FieldLayout/FieldLayoutView.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var React = __importStar(require("react"));
 function FieldLayoutView(props) {
     var bem = (0, hooks_1.useBem)('FieldLayoutView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) },
@@ -40,10 +40,12 @@ function FieldLayoutView(props) {
         React.createElement("div", { className: bem.element('field') },
             props.children,
             !(0, isEmpty_1["default"])(props.errors) && (React.createElement("div", { className: bem.element('invalid-feedback') }, [].concat(props.errors).filter(function (error) { return typeof error === 'string'; }).map(function (error, index) { return (React.createElement("div", { key: index, className: bem.element('error-message') },
-                React.createElement(Icon_1["default"], { name: "error_24x24", className: bem.element('icon_error'), tabIndex: -1 }),
+                React.createElement(Icon_1["default"], { name: 'error_24x24', className: bem.element('icon_error'), tabIndex: -1 }),
                 React.createElement("span", { className: bem.element('error-text', {
                         size: props.size || 'md'
                     }) }, error))); }))),
-            (0, isEmpty_1["default"])(props.errors) && props.hint && (React.createElement("div", { className: bem.element('hint', { size: props.size }) }, props.hint)))));
+            (0, isEmpty_1["default"])(props.errors) && props.hint && (React.createElement("div", { className: bem.element('hint', {
+                    size: props.size
+                }) }, props.hint)))));
 }
 exports["default"] = FieldLayoutView;

package/form/FieldList/FieldListItemView.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
 import { IFieldListItemViewProps } from '@steroidsjs/core/ui/form/FieldList/FieldList';
+import * as React from 'react';
 declare const _default: React.MemoExoticComponent<(props: IFieldListItemViewProps) => JSX.Element>;
 export default _default;

package/form/FieldList/FieldListItemView.js

@@ -34,10 +34,10 @@ 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 form_1 = require("@steroidsjs/core/ui/form");
 var content_1 = require("@steroidsjs/core/ui/content");
+var form_1 = require("@steroidsjs/core/ui/form");
+var React = __importStar(require("react"));
 exports["default"] = React.memo(function (props) {
     var bem = (0, hooks_1.useBem)('FieldListItemView');
     return (React.createElement("tr", { className: bem.block() },

package/form/FieldList/FieldListView.js

@@ -23,12 +23,14 @@ 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 form_1 = require("@steroidsjs/core/ui/form");
+var React = __importStar(require("react"));
 function FieldListView(props) {
     var bem = (0, hooks_1.useBem)('FieldListView');
-    return (React.createElement("div", { className: bem(bem.block({ hasAlternatingColors: props.hasAlternatingColors }), props.className), style: props.style, ref: props.forwardedRef },
+    return (React.createElement("div", { className: bem(bem.block({
+            hasAlternatingColors: props.hasAlternatingColors
+        }), props.className), style: props.style, ref: props.forwardedRef },
         React.createElement("table", { className: bem(bem.element('table'), props.tableClassName) },
             React.createElement("thead", null,
                 React.createElement("tr", null,

package/form/FieldSet/FieldSetView.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 FieldSetView(props) {
     var bem = (0, hooks_1.useBem)('FieldSetView');
     return (React.createElement("fieldset", { className: bem(bem.block(), props.className) },

package/form/FileField/FileFieldItemView.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var FileField_1 = require("@steroidsjs/core/ui/form/FileField/FileField");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var FileField_1 = require("@steroidsjs/core/ui/form/FileField/FileField");
+var React = __importStar(require("react"));
 function FileFieldItemView(props) {
     var bem = (0, hooks_1.useBem)('FileFieldItemView');
     var isLoading = props.progress && props.progress.percent !== 100;
@@ -38,7 +38,9 @@ function FileFieldItemView(props) {
         ? React.createElement(Icon_1["default"], { name: 'view' })
         : props.title)); }, [bem, props.title, props.error, props.item.url, isWall]);
     var renderProgressBar = React.useCallback(function () { return (React.createElement("div", { className: bem.element('progress-track') },
-        React.createElement("div", { className: bem.element('progress-bar'), style: { width: "".concat(props.progress.percent, "%") } }))); }, [bem, props.progress]);
+        React.createElement("div", { className: bem.element('progress-bar'), style: {
+                width: "".concat(props.progress.percent, "%")
+            } }))); }, [bem, props.progress]);
     var renderLoadingState = React.useCallback(function () {
         var _a;
         return (React.createElement("div", { className: bem.element('left') },
@@ -51,7 +53,9 @@ function FileFieldItemView(props) {
     }, [bem, props.loadingText, props.title, renderProgressBar]);
     var renderFileItem = React.useCallback(function () { return (React.createElement("div", { className: bem.element('left') },
         props.image
-            ? (React.createElement("div", { className: bem.element('image'), style: { backgroundImage: "url(".concat(props.image.url, ")") } }))
+            ? (React.createElement("div", { className: bem.element('image'), style: {
+                    backgroundImage: "url(".concat(props.image.url, ")")
+                } }))
             : (React.createElement("div", { className: bem.element('icon-wrapper') },
                 React.createElement(Icon_1["default"], { className: bem.element('icon'), name: props.imagesOnly ? 'img_box' : 'clip' }))),
         renderLink(),
@@ -64,7 +68,9 @@ function FileFieldItemView(props) {
         isLoading
             ? renderLoadingState()
             : renderFileItem(),
-        props.showRemove && (React.createElement(Icon_1["default"], { name: props.customRemoveIcon || 'trash', className: bem.element('remove', { isLoading: isLoading }), onClick: props.onRemove })),
+        props.showRemove && (React.createElement(Icon_1["default"], { name: props.customRemoveIcon || 'trash', className: bem.element('remove', {
+                isLoading: isLoading
+            }), onClick: props.onRemove })),
         React.createElement("div", { className: bem.element('overlay') })));
 }
 exports["default"] = FileFieldItemView;

package/form/FileField/FileFieldView.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var FileField_1 = require("@steroidsjs/core/ui/form/FileField/FileField");
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var FileField_1 = require("@steroidsjs/core/ui/form/FileField/FileField");
+var React = __importStar(require("react"));
 function FileFieldView(props) {
     var bem = (0, hooks_1.useBem)('FileFieldView');
     var ButtonView = props.buttonView || Button_1["default"];
@@ -50,7 +50,9 @@ function FileFieldView(props) {
             isWall: isWall,
             'is-invalid': !!props.errors
         }), props.className) },
-        React.createElement(ButtonView, __assign({ className: bem.element('button', { isWall: isWall }), icon: isWall ? 'add' : 'export' }, props.buttonProps)),
+        React.createElement(ButtonView, __assign({ className: bem.element('button', {
+                isWall: isWall
+            }), icon: isWall ? 'add' : 'export' }, props.buttonProps)),
         React.createElement("div", { className: bem(bem.element('files')) }, props.items.map(function (item) { return (React.createElement(FileItemView, __assign({ key: item.uid, filesLayout: props.filesLayout, imagesOnly: props.imagesOnly, customRemoveIcon: props.customRemoveIcon, loadingText: props.loadingText }, item, props.itemProps))); }))));
 }
 exports["default"] = FileFieldView;

package/form/Form/FormView.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { IFormViewProps } from '@steroidsjs/core/ui/form/Form/Form';
+import * as React from 'react';
 declare function FormView(props: IFormViewProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormView>;
 export default _default;

package/form/Form/FormView.js

@@ -37,13 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Field_1 = __importDefault(require("@steroidsjs/core/ui/form/Field"));
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
-var react_use_1 = require("react-use");
+var Field_1 = __importDefault(require("@steroidsjs/core/ui/form/Field"));
+var isString_1 = __importDefault(require("lodash-es/isString"));
+var React = __importStar(require("react"));
 var react_1 = require("react");
+var react_use_1 = require("react-use");
 function FormView(props) {
     var bem = (0, hooks_1.useBem)('FormView');
     var formRef = (0, react_1.useRef)(null);
@@ -60,7 +60,9 @@ function FormView(props) {
     });
     return (React.createElement("form", { ref: formRef, className: bem(bem.block(), props.className), onSubmit: props.onSubmit, style: props.style },
         props.children,
-        (props.fields || []).map(function (field, index) { return (React.createElement(Field_1["default"], __assign({ key: index }, ((0, isString_1["default"])(field) ? { attribute: field } : field), { size: field.size || props.size || null }))); }),
+        (props.fields || []).map(function (field, index) { return (React.createElement(Field_1["default"], __assign({ key: index }, ((0, isString_1["default"])(field) ? {
+            attribute: field
+        } : field), { size: field.size || props.size || null }))); }),
         props.buttons,
         props.submitLabel && (React.createElement(Button_1["default"], __assign({ type: 'submit', label: props.submitLabel }, props.submitButtonProps)))));
 }

package/form/HtmlField/HtmlFieldView.js

@@ -3,8 +3,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 HtmlFieldView(props) {
     var bem = (0, hooks_1.useBem)('HtmlFieldView');
     var HtmlComponent = props.htmlComponent;

package/form/ImageField/ImageFieldModalView.js

@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
+var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_image_crop_1 = __importDefault(require("react-image-crop"));
-var Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
 require("react-image-crop/dist/ReactCrop.css");
 function ImageFieldModalView(props) {
     var bem = (0, hooks_1.useBem)('ImageFieldModalView');

package/form/ImageField/ImageFieldView.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var form_1 = require("@steroidsjs/core/ui/form");
+var React = __importStar(require("react"));
 function ImageFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('ImageFieldView');

package/form/InputField/InputFieldView.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable import/no-extraneous-dependencies */
-var React = __importStar(require("react"));
 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 InputFieldView(props) {
     var bem = (0, hooks_1.useBem)('InputFieldView');

package/form/NumberField/NumberFieldView.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var isNumber_1 = __importDefault(require("lodash-es/isNumber"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var isNumber_1 = __importDefault(require("lodash-es/isNumber"));
+var React = __importStar(require("react"));
 function NumberFieldView(props) {
     var _a, _b;
     var bem = (0, hooks_1.useBem)('NumberFieldView');

package/form/PasswordField/PasswordFieldView.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var PasswordField_1 = require("@steroidsjs/core/ui/form/PasswordField/PasswordField");
-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 PasswordField_1 = require("@steroidsjs/core/ui/form/PasswordField/PasswordField");
+var React = __importStar(require("react"));
 function PasswordFieldView(props) {
     var bem = (0, hooks_1.useBem)('PasswordFieldView');
     return (React.createElement("div", { className: bem(bem.block({

package/form/RadioField/RadioFieldView.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"));
+var React = __importStar(require("react"));
 function RadioFieldView(props) {
     var bem = (0, hooks_1.useBem)('RadioFieldView');
     var id = (0, useUniqueId_1["default"])('radio');

package/form/RadioListField/RadioListFieldView.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 hooks_1 = require("@steroidsjs/core/hooks");
 var useUniqueId_1 = __importDefault(require("@steroidsjs/core/hooks/useUniqueId"));
+var React = __importStar(require("react"));
 function RadioListFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('RadioListFieldView');

package/form/RateField/RateFieldView.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var React = __importStar(require("react"));
 function RateFieldView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('RateFieldView');

package/form/ReCaptchaField/ReCaptchaFieldView.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var React = __importStar(require("react"));
 var react_google_recaptcha_1 = __importDefault(require("react-google-recaptcha"));
 function ReCaptchaFieldView(props) {
     var bem = (0, hooks_1.useBem)('ReCaptchaFieldView');

package/form/SliderField/SliderFieldView.js

@@ -34,9 +34,9 @@ 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 rc_slider_1 = __importStar(require("rc-slider"));
+var React = __importStar(require("react"));
 var createRangeWithTooltip = rc_slider_1["default"].createSliderWithTooltip;
 var createSliderWithTooltip = rc_slider_1["default"].createSliderWithTooltip;
 var RangeComponent = createRangeWithTooltip(rc_slider_1.Range);

package/form/SwitcherField/SwitcherFieldView.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 SwitcherFieldView(props) {
     var bem = (0, hooks_1.useBem)('SwitcherFieldView');
     var uniqueId = (0, hooks_1.useUniqueId)('switcher');
@@ -25,7 +25,9 @@ function SwitcherFieldView(props) {
         }
         return props.label;
     }, [props.inputProps.checked, props.label]);
-    var customVariableColorStyle = { '--checkbox-custom-color': props.color };
+    var customVariableColorStyle = {
+        '--checkbox-custom-color': props.color
+    };
     return (react_1["default"].createElement("div", { className: bem(bem.block({
             size: props.size,
             hasErrors: !!props.errors

package/form/SwitcherListField/SwitcherListFieldView.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var React = __importStar(require("react"));
 var SwitcherFieldView_1 = __importDefault(require("../SwitcherField/SwitcherFieldView"));
 function SwitcherListFieldView(props) {
     var bem = (0, hooks_1.useBem)('SwitcherListFieldView');

package/form/TextField/TextFieldView.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var react_1 = __importStar(require("react"));
 function TextFieldView(props) {
     var bem = (0, hooks_1.useBem)('TextFieldView');
     /*

package/form/TimeField/TimeFieldView.js

@@ -37,11 +37,11 @@ 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 Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var TimePanelView_1 = __importDefault(require("./TimePanelView"));
 function TimeFieldView(props) {
     var bem = (0, hooks_1.useBem)('TimeFieldView');

package/form/TimeField/TimePanelView.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var TimePanelColumn_1 = __importDefault(require("./views/TimePanelColumn"));
+var React = __importStar(require("react"));
 var utils_1 = require("./utils");
+var TimePanelColumn_1 = __importDefault(require("./views/TimePanelColumn"));
 function TimePanelView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('TimePanelView');
@@ -70,7 +70,9 @@ function TimePanelView(props) {
     return (React.createElement("div", { className: bem(bem.block(), props.className) },
         props.showHeader && (React.createElement("div", { className: bem.element('header') }, props.value && ("".concat(currentValues.hours, ":").concat(currentValues.minutes)))),
         React.createElement("div", { className: bem.element('body') }, COLUMNS.map(function (column) { return (React.createElement(TimePanelColumn_1["default"], { key: column.currentValueKey, column: column, currentValue: currentValues[column.currentValueKey] })); })),
-        React.createElement("div", { className: bem.element('footer', { 'to-end': !props.showNow }) },
+        React.createElement("div", { className: bem.element('footer', {
+                'to-end': !props.showNow
+            }) },
             props.showNow && (React.createElement("button", { className: bem.element('button', 'now'), onClick: function (e) {
                     e.preventDefault();
                     props.onNow();

package/form/TimeField/views/TimePanelColumn/TimePanelColumn.js

@@ -3,8 +3,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"));
 require("./TimePanelColumn.scss");
 function TimePanelColumn(props) {
     var bem = (0, hooks_1.useBem)('TimePanelColumn');

package/form/TimeRangeField/TimeRangeFieldView.js

@@ -37,9 +37,9 @@ 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 react_1 = __importStar(require("react"));
 var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));
 function TimeRangeFieldView(props) {
     var bem = (0, useBem_1["default"])('TimeRangeFieldView');

package/form/WizardForm/WizardFormView.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 Steps_1 = __importDefault(require("@steroidsjs/core/ui/list/Steps/Steps"));
 var form_1 = require("@steroidsjs/core/ui/form");
+var Steps_1 = __importDefault(require("@steroidsjs/core/ui/list/Steps/Steps"));
+var react_1 = __importDefault(require("react"));
 var TitleView_1 = __importDefault(require("../../typography/Title/TitleView"));
 function WizardFormView(props) {
     var _a;

package/hooks/useHideScroll.js

@@ -14,15 +14,16 @@ function useHideScroll() {
         if (process.env.IS_SSR) {
             return;
         }
-        var fullWindowWidth = window.innerWidth; // полная ширина окна;
-        var windowWidthWithoutScrollbar = document.documentElement.clientWidth; // ширина окна за вычетом скролла
+        // полная ширина окна;
+        var fullWindowWidth = window.innerWidth;
+        // ширина окна за вычетом скролла
+        var windowWidthWithoutScrollbar = document.documentElement.clientWidth;
         defaultPadding.current = document.body.style.paddingRight;
         if (windowWidthWithoutScrollbar < fullWindowWidth) {
             var defaultPaddingInt = defaultPadding.current
                 ? Number(defaultPadding.current.replace(onlyNumbersRegExp, ''))
                 : 0;
-            var paddingRight = "".concat(fullWindowWidth - windowWidthWithoutScrollbar + defaultPaddingInt, "px");
-            document.body.style.paddingRight = paddingRight;
+            document.body.style.paddingRight = "".concat(fullWindowWidth - windowWidthWithoutScrollbar + defaultPaddingInt, "px");
             document.body.classList.add(BODY_HIDE_SCROLL_CLASS_NAME);
         }
     });

package/layout/Header/HeaderView.js

@@ -1,4 +1,5 @@
 "use strict";
+/* eslint-disable consistent-return */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -37,15 +38,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-/* eslint-disable consistent-return */
-var React = __importStar(require("react"));
-var nav_1 = require("@steroidsjs/core/ui/nav");
-var Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
+var modal_1 = require("@steroidsjs/core/actions/modal");
 var hooks_1 = require("@steroidsjs/core/hooks");
+var content_1 = require("@steroidsjs/core/ui/content");
 var form_1 = require("@steroidsjs/core/ui/form");
-var modal_1 = require("@steroidsjs/core/actions/modal");
+var nav_1 = require("@steroidsjs/core/ui/nav");
+var Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
 var Text_1 = __importDefault(require("@steroidsjs/core/ui/typography/Text/Text"));
-var content_1 = require("@steroidsjs/core/ui/content");
+var React = __importStar(require("react"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function HeaderView(props) {
     var _a, _b, _c, _d, _e;

package/layout/Loader/LoaderView.js

@@ -23,9 +23,9 @@ 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 content_1 = require("@steroidsjs/core/ui/content");
+var React = __importStar(require("react"));
 function LoaderView(props) {
     var bem = (0, hooks_1.useBem)('LoaderView');
     return (React.createElement("div", { className: bem.block({

package/layout/Notifications/NotificationsItemView.js

@@ -26,10 +26,10 @@ 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 React = __importStar(require("react"));
 var react_1 = require("react");
 var react_transition_group_1 = require("react-transition-group");
-var hooks_1 = require("@steroidsjs/core/hooks");
 var AlertView_1 = __importDefault(require("../../content/Alert/AlertView"));
 function NotificationsItemView(props) {
     var _a, _b;
@@ -44,6 +44,6 @@ function NotificationsItemView(props) {
         React.createElement("div", { className: bem.block((_b = {},
                 _b[props.position] = true,
                 _b)) },
-            React.createElement(AlertView_1["default"], { onClose: props.onClose, message: props.message, type: props.level, showClose: true, isExist: true, isVisible: true, showIcon: true }))));
+            React.createElement(AlertView_1["default"], { onClose: props.onClose, message: props.message, type: props.type, showClose: true, isExist: true, isVisible: true, showIcon: true }))));
 }
 exports["default"] = NotificationsItemView;

package/layout/Notifications/NotificationsView.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 NotificationsView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('NotificationsView');