@steroidsjs/bootstrap 3.0.44 → 3.0.45

package/layout/ProgressBar/CircleProgressBarView.js

@@ -23,14 +23,20 @@ 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 CircleProgressBarView(props) {
     var bem = (0, hooks_1.useBem)('CircleProgressBarView');
     var size = {
-        large: { radius: 64 },
-        medium: { radius: 48 },
-        small: { radius: 32 }
+        large: {
+            radius: 64
+        },
+        medium: {
+            radius: 48
+        },
+        small: {
+            radius: 32
+        }
     };
     var getCircumference = function () { return 2 * Math.PI * size[props.size].radius; };
     return (React.createElement("div", { className: bem.block({
@@ -39,7 +45,9 @@ function CircleProgressBarView(props) {
         }) },
         React.createElement("svg", null,
             React.createElement("g", { className: bem.element('circles') },
-                React.createElement("circle", { className: bem.element('emptyCircle'), style: { strokeDasharray: getCircumference() } }),
+                React.createElement("circle", { className: bem.element('emptyCircle'), style: {
+                        strokeDasharray: getCircumference()
+                    } }),
                 React.createElement("circle", { className: bem.element('progressCircle'), style: {
                         // eslint-disable-next-line max-len
                         strokeDashoffset: getCircumference() - (Math.min(props.percent, 100) * getCircumference()) / 100,

package/layout/ProgressBar/LineProgressBarView.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 LineProgressBarView(props) {
     var bem = (0, hooks_1.useBem)('LineProgressBarView');
     return (React.createElement("div", { className: bem.block({
@@ -32,7 +32,9 @@ function LineProgressBarView(props) {
             status: props.status
         }) },
         React.createElement("div", { className: bem.element('emptyLine') },
-            React.createElement("div", { className: bem.element('progressLine'), style: { width: "".concat(props.percent, "%") } })),
+            React.createElement("div", { className: bem.element('progressLine'), style: {
+                    width: "".concat(props.percent, "%")
+                } })),
         React.createElement("div", { className: bem.element('text') }, props.label)));
 }
 exports["default"] = LineProgressBarView;

package/layout/Sidebar/FooterIcons/FooterIcons.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IIconProps } from '@steroidsjs/core/ui/content/Icon/Icon';
+import React from 'react';
 import './FooterIcons.scss';
 interface IFooterIconsProps {
     footerIcons?: IIconProps[];

package/layout/Sidebar/FooterIcons/FooterIcons.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 Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon/Icon"));
+var react_1 = __importStar(require("react"));
 var renderIcon_1 = __importDefault(require("../../../utils/renderIcon"));
 require("./FooterIcons.scss");
 function FooterIcons(props) {

package/layout/Sidebar/SidebarLogo/SidebarLogo.js

@@ -26,9 +26,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 renderIcon_1 = __importDefault(require("../../../utils/renderIcon"));
 require("./SidebarLogo.scss");
 function SidebarLogo(props) {

package/layout/Sidebar/SidebarUser/SidebarUser.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IMenuProps } from '@steroidsjs/core/ui/content/Menu/Menu';
+import React from 'react';
 import './SidebarUser.scss';
 interface ISidebarUserProps {
     menu: IMenuProps;

package/layout/Sidebar/SidebarUser/SidebarUser.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 Menu_1 = __importDefault(require("@steroidsjs/core/ui/content/Menu/Menu"));
 var content_1 = require("@steroidsjs/core/ui/content");
+var Menu_1 = __importDefault(require("@steroidsjs/core/ui/content/Menu/Menu"));
+var react_1 = __importStar(require("react"));
 require("./SidebarUser.scss");
 function SidebarUser(props) {
     var bem = (0, useBem_1["default"])('SidebarUser');

package/layout/Sidebar/SidebarView.js

@@ -3,12 +3,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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var nav_1 = require("@steroidsjs/core/ui/nav");
-var SidebarUser_1 = __importDefault(require("./SidebarUser"));
-var SidebarLogo_1 = __importDefault(require("./SidebarLogo"));
+var react_1 = __importDefault(require("react"));
 var FooterIcons_1 = __importDefault(require("./FooterIcons"));
+var SidebarLogo_1 = __importDefault(require("./SidebarLogo"));
+var SidebarUser_1 = __importDefault(require("./SidebarUser"));
 function SidebarView(props) {
     var bem = (0, useBem_1["default"])('SidebarView');
     return (react_1["default"].createElement("aside", { className: bem(bem.block({

package/layout/Skeleton/SkeletonView.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 SkeletonView(props) {
     var bem = (0, hooks_1.useBem)('SkeletonView');
     return (React.createElement("span", { className: bem(props.className, bem.block({

package/layout/Tooltip/TooltipView.js

@@ -23,9 +23,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
+var hooks_1 = require("@steroidsjs/core/hooks");
 var React = __importStar(require("react"));
 var react_1 = require("react");
-var hooks_1 = require("@steroidsjs/core/hooks");
 function TooltipView(props) {
     var bem = (0, hooks_1.useBem)('TooltipView');
     var tooltipRef = (0, react_1.useRef)(null);
@@ -37,7 +37,9 @@ function TooltipView(props) {
             show: props.isTooltipVisible,
             position: props.position
         }), props.className), style: props.style },
-        React.createElement("div", { ref: arrowRef, className: bem.element('arrow', { position: props.position }), style: props.arrowPosition }),
+        React.createElement("div", { ref: arrowRef, className: bem.element('arrow', {
+                position: props.position
+            }), style: props.arrowPosition }),
         React.createElement("div", { className: bem.element('content') },
             React.createElement("span", null, props.content))));
 }

package/list/CheckboxColumn/CheckboxColumnView.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 CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
 var get_1 = __importDefault(require("lodash-es/get"));
+var React = __importStar(require("react"));
 function CheckboxColumnView(props) {
     var bem = (0, hooks_1.useBem)('CheckboxColumnView');
     var CheckboxFieldInternal = CheckboxField_1["default"].WrappedComponent;

package/list/ControlsColumnView/ControlsColumnView.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 Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
+var React = __importStar(require("react"));
 function ControlsColumnView(props) {
     var bem = (0, hooks_1.useBem)('ControlsColumnView');
     return (React.createElement("div", { className: bem.block() },

package/list/Empty/EmptyView.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 EmptyView(props) {
     var bem = (0, hooks_1.useBem)('EmptyView');
     return (React.createElement("div", { className: bem(bem.block(), props.className), style: props.style }, props.text));

package/list/FlexGrid/FlexGridView.js

@@ -34,8 +34,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 FlexGridView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('FlexGridView');

package/list/Grid/GridView.js

@@ -38,13 +38,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.getFormId = void 0;
-var React = __importStar(require("react"));
-var get_1 = __importDefault(require("lodash-es/get"));
-var keyBy_1 = __importDefault(require("lodash-es/keyBy"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
+var hooks_1 = require("@steroidsjs/core/hooks");
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var Field_1 = __importDefault(require("@steroidsjs/core/ui/form/Field"));
-var hooks_1 = require("@steroidsjs/core/hooks");
+var get_1 = __importDefault(require("lodash-es/get"));
+var isString_1 = __importDefault(require("lodash-es/isString"));
+var keyBy_1 = __importDefault(require("lodash-es/keyBy"));
+var React = __importStar(require("react"));
 var react_1 = require("react");
 var getFormId = function (props) { return (0, get_1["default"])(props, 'searchForm.formId', props.listId); };
 exports.getFormId = getFormId;
@@ -55,7 +55,9 @@ function GridView(props) {
         if (!props.searchForm || !props.searchForm.fields || props.searchForm.layout !== 'table') {
             return null;
         }
-        var fields = (0, keyBy_1["default"])(props.searchForm.fields.map(function (column) { return (0, isString_1["default"])(column) ? { attribute: column } : column; }), 'attribute');
+        var fields = (0, keyBy_1["default"])(props.searchForm.fields.map(function (column) { return (0, isString_1["default"])(column) ? {
+            attribute: column
+        } : column; }), 'attribute');
         return (React.createElement("tr", null, props.columns.map(function (column, columnIndex) {
             var _a;
             return (React.createElement("td", { key: columnIndex, className: column.headerClassName }, column.attribute && fields[column.attribute] && (React.createElement(Field_1["default"], __assign({ size: (_a = props.searchForm) === null || _a === void 0 ? void 0 : _a.size }, fields[column.attribute])))));

package/list/Grid/views/ContentColumnView/ContentColumnView.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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var content_1 = require("@steroidsjs/core/ui/content");
 var Format_1 = __importDefault(require("@steroidsjs/core/ui/format/Format"));
-var get_1 = __importDefault(require("lodash-es/get"));
 var nav_1 = require("@steroidsjs/core/ui/nav");
-var content_1 = require("@steroidsjs/core/ui/content");
+var get_1 = __importDefault(require("lodash-es/get"));
+var react_1 = __importDefault(require("react"));
 function ContentColumnView(props) {
     var _a, _b, _c, _d, _e;
     var bem = (0, useBem_1["default"])('ContentColumnView');

package/list/Grid/views/DiagramColumnView/DiagramColumnView.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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_1 = __importDefault(require("react"));
 require("./DiagramColumnView.scss");
 var DiagramType;
 (function (DiagramType) {
@@ -42,7 +42,9 @@ function DiagramColumnView(props) {
                             hasPercentSign && ' %'),
                         react_1["default"].createElement("div", { className: bem.element('diagram-filling', {
                                 color: itemColor
-                            }), style: (_a = {}, _a[fillingProperty] = "".concat(itemPercentage, "%"), _a) })));
+                            }), style: (_a = {},
+                                _a[fillingProperty] = "".concat(itemPercentage, "%"),
+                                _a) })));
                 })),
                 hasSubtitle && (react_1["default"].createElement("span", { className: bem.element('subtitle') }, props.item[props.subtitleAttribute])))));
     };

package/list/Grid/views/TreeColumnView/TreeColumnView.js

@@ -14,9 +14,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 Format_1 = __importDefault(require("@steroidsjs/core/ui/format/Format"));
+var react_1 = __importDefault(require("react"));
 var TreeItemView_1 = __importDefault(require("../../../../nav/TreeItem/TreeItemView"));
 function TreeColumnView(props) {
     var bem = (0, hooks_1.useBem)('TreeColumnView');

package/list/List/ListItemView.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 ListItemView(props) {
     var bem = (0, hooks_1.useBem)('ListItemView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) }, props.item.title || props.item.label || props.item[props.primaryKey]));

package/list/List/ListView.js

@@ -23,9 +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_1 = require("react");
+var react_1 = __importStar(require("react"));
 function ListView(props) {
     var bem = (0, hooks_1.useBem)('ListView');
     var infiniteScroll = (0, react_1.useMemo)(function () { return props.renderInfiniteScroll(); }, [props]);
@@ -37,18 +36,20 @@ function ListView(props) {
         if (!pagination && !paginationSize && !layout) {
             return null;
         }
-        return (React.createElement("div", { className: bem.element('pagination') },
-            pagination && (React.createElement("div", { className: bem.element('pagination-button') }, pagination)),
-            paginationSize && (React.createElement("div", { className: bem.element('pagination-sizes') }, paginationSize)),
-            layout && (React.createElement("div", { className: bem.element('pagination-layout') }, layout))));
+        return (react_1["default"].createElement("div", { className: bem.element('pagination') },
+            pagination && (react_1["default"].createElement("div", { className: bem.element('pagination-button') }, pagination)),
+            paginationSize && (react_1["default"].createElement("div", { className: bem.element('pagination-sizes') }, paginationSize)),
+            layout && (react_1["default"].createElement("div", { className: bem.element('pagination-layout') }, layout))));
     };
-    return props.renderList(React.createElement("div", { className: bem(bem.block({ loading: props.isLoading || props.list.isLoading }), props.className) },
+    return props.renderList(react_1["default"].createElement("div", { className: bem(bem.block({
+            loading: props.isLoading || props.list.isLoading
+        }), props.className) },
         props.renderSearchForm(),
         renderPagination(['top', 'both'].includes(props.paginationPosition) && props.renderPagination(), ['top', 'both'].includes(props.paginationSizePosition) && props.renderPaginationSize(), ['top', 'both'].includes(props.layoutNamesPosition) && props.renderLayoutNames()),
-        React.createElement("div", { className: bem(bem.element('content'), props.contentClassName) }, props.content),
+        react_1["default"].createElement("div", { className: bem(bem.element('content'), props.contentClassName) }, props.content),
         renderPagination(['bottom', 'both'].includes(props.paginationPosition) && props.renderPagination(), ['bottom', 'both'].includes(props.paginationSizePosition) && props.renderPaginationSize(), ['bottom', 'both'].includes(props.layoutNamesPosition) && props.renderLayoutNames()),
         props.renderLoading() || props.renderEmpty(),
-        !loading && infiniteScroll && (React.createElement("tr", { className: bem.element('infinite-scroll') },
-            React.createElement("td", null, infiniteScroll)))));
+        !loading && infiniteScroll && (react_1["default"].createElement("tr", { className: bem.element('infinite-scroll') },
+            react_1["default"].createElement("td", null, infiniteScroll)))));
 }
 exports["default"] = ListView;

package/list/Pagination/PaginationButtonView.js

@@ -23,10 +23,12 @@ 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 renderArrowStep = function (bem, onClick, iconName, rotate, rounding, disabled) {
+var React = __importStar(require("react"));
+var renderArrowStep = function (bem, onClick, iconName, 
+// eslint-disable-next-line default-param-last
+rotate, rounding, disabled) {
     if (rotate === void 0) { rotate = false; }
     return (React.createElement("li", { className: bem.element('page', {
             'rounding-left': rounding.left,
@@ -47,7 +49,9 @@ function PaginationButtonView(props) {
             size: props.size
         }), props.className) },
         props.showEdgeSteps
-            && renderArrowStep(bem, props.onSelectFirst, 'double_arrow_left', false, { left: true }, props.isFirstPage),
+            && renderArrowStep(bem, props.onSelectFirst, 'double_arrow_left', false, {
+                left: true
+            }, props.isFirstPage),
         props.showSteps
             && renderArrowStep(bem, props.onSelectPrev, 'arrow_left_24x24', false, {}, props.isFirstPage),
         props.pages.map(function (item, index) { return (React.createElement("li", { key: index, className: bem.element('page', {
@@ -60,6 +64,8 @@ function PaginationButtonView(props) {
         props.showSteps
             && renderArrowStep(bem, props.onSelectNext, 'arrow_left_24x24', true, {}, props.isLastPage),
         props.showEdgeSteps
-            && renderArrowStep(bem, props.onSelectLast, 'double_arrow_left', true, { right: true }, props.isLastPage)));
+            && renderArrowStep(bem, props.onSelectLast, 'double_arrow_left', true, {
+                right: true
+            }, props.isLastPage)));
 }
 exports["default"] = PaginationButtonView;

package/list/Pagination/PaginationMoreView.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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var React = __importStar(require("react"));
 function PaginationMoreView(props) {
     var bem = (0, hooks_1.useBem)('PaginationMoreView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) },

package/list/PaginationSize/PaginationSizeView.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 ButtonGroup_1 = __importDefault(require("@steroidsjs/core/ui/nav/ButtonGroup"));
+var React = __importStar(require("react"));
 function PaginationSizeView(props) {
     var bem = (0, hooks_1.useBem)('PaginationSizeView');
     return (React.createElement("div", { className: bem(props.className, bem.block()) },

package/list/Steps/StepItemView.js

@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-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 Steps_1 = require("@steroidsjs/core/ui/list/Steps/Steps");
+var isString_1 = __importDefault(require("lodash-es/isString"));
+var react_1 = __importStar(require("react"));
 function StepItemView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('StepItemView');
@@ -43,7 +43,9 @@ function StepItemView(props) {
             _a[props.status] = true,
             _a["".concat(props.stepTitleOrientation)] = !!props.stepTitleOrientation,
             _a)), props.className) },
-        react_1["default"].createElement("div", { className: bem.element('body', { disabled: props.disabled }), onClick: function () { return props.onChange(props.index); } },
+        react_1["default"].createElement("div", { className: bem.element('body', {
+                disabled: props.disabled
+            }), onClick: function () { return props.onChange(props.index); } },
             props.showDivider && props.stepTitleOrientation === Steps_1.VERTICAL_STEP_LAYOUT && renderDivider(),
             react_1["default"].createElement("div", { className: bem.element('step') }, renderIcon()),
             react_1["default"].createElement("div", { className: bem.element('content') },

package/list/Steps/StepsView.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 StepsView(props) {
     var bem = (0, hooks_1.useBem)('StepsView');
     return (react_1["default"].createElement("div", { className: bem(props.className, bem.block()) }, props.children));

package/modal/Modal/ModalView.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_modal_1 = __importDefault(require("react-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 React = __importStar(require("react"));
+var react_modal_1 = __importDefault(require("react-modal"));
 var hooks_2 = require("../../hooks");
 function ModalView(props) {
     var bem = (0, hooks_1.useBem)('ModalView');
@@ -51,7 +51,9 @@ function ModalView(props) {
         afterOpen: 'ModalView_overlay-after',
         beforeClose: 'ModalView_overlay-before'
     };
-    return (React.createElement(react_modal_1["default"], __assign({}, props, { ariaHideApp: false, className: bem(bem.element('body', { size: props.size }), props.className), closeTimeoutMS: props.closeTimeoutMs, isOpen: !props.isClosing, onRequestClose: props.onClose, overlayClassName: overrideDefaultClasses, shouldCloseOnEsc: props.shouldCloseOnEsc, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick }),
+    return (React.createElement(react_modal_1["default"], __assign({}, props, { ariaHideApp: false, className: bem(bem.element('body', {
+            size: props.size
+        }), props.className), closeTimeoutMS: props.closeTimeoutMs, isOpen: !props.isClosing, onRequestClose: props.onClose, overlayClassName: overrideDefaultClasses, shouldCloseOnEsc: props.shouldCloseOnEsc, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick }),
         React.createElement("div", { className: bem.element('header') },
             React.createElement("span", { className: bem.element('title') }, props.title),
             React.createElement(content_1.Icon, { name: 'cross_12x12', className: bem.element('close'), onClick: props.onClose })),

package/modal/TwoFactorModal/TwoFactorModalView.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 Modal_1 = __importDefault(require("@steroidsjs/core/ui/modal/Modal"));
-var form_1 = require("@steroidsjs/core/ui/form");
 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 react_1 = __importDefault(require("react"));
 function TwoFactorModalView(props) {
     var bem = (0, hooks_1.useBem)('TwoFactorModalView');
     return (react_1["default"].createElement(Modal_1["default"], __assign({}, props),

package/nav/Breadcrubms/BreadcrumbsView.js

@@ -26,17 +26,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
-var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var content_1 = require("@steroidsjs/core/ui/content");
+var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
+var React = __importStar(require("react"));
 var renderIcon_1 = __importDefault(require("../../utils/renderIcon"));
 function BreadcrumbsView(props) {
     var bem = (0, hooks_1.useBem)('BreadcrumbsView');
     var items = props.items || [];
     var renderLink = React.useCallback(function (item, children) { return (React.createElement(Link_1["default"], { toRoute: item.id, toRouteParams: props.routeParams, href: item.id }, children)); }, [props.routeParams]);
     var renderHomeIcon = React.useCallback(function () { return (props.customIcon
-        ? (0, renderIcon_1["default"])(props.customIcon, { className: bem.element('custom-icon') })
+        ? (0, renderIcon_1["default"])(props.customIcon, {
+            className: bem.element('custom-icon')
+        })
         : (React.createElement(content_1.Icon, { name: 'home', className: bem.element('icon') }))); }, [bem, props.customIcon]);
     return (React.createElement("nav", { className: bem(bem.block(), props.className), "aria-label": 'breadcrumb' },
         React.createElement("ol", { className: bem.element('list') }, items.map(function (item, index) {

package/nav/ButtonGroup/ButtonGroupView.js

@@ -14,9 +14,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 form_1 = require("@steroidsjs/core/ui/form");
+var react_1 = __importDefault(require("react"));
 function ButtonGroupView(props) {
     var bem = (0, hooks_1.useBem)('ButtonGroupView');
     return (react_1["default"].createElement("ul", { className: bem(bem.block({

package/nav/Controls/ControlsView.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 Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
+var React = __importStar(require("react"));
 function ControlsView(props) {
     var bem = (0, hooks_1.useBem)('ControlsView');
     var renderControls = function (items) {

package/nav/Nav/NavBarView.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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var React = __importStar(require("react"));
 function NavBarView(props) {
     var bem = (0, hooks_1.useBem)('NavBarView');
     return (React.createElement("div", { className: bem(bem.block({

package/nav/Nav/NavButtonView.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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var React = __importStar(require("react"));
 function NavButtonView(props) {
     var bem = (0, hooks_1.useBem)('NavButtonView');
     return (React.createElement("div", { className: bem(bem.block({

package/nav/Nav/NavIconView.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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var React = __importStar(require("react"));
 var DEFAULT_ICON = 'add';
 function NavIconView(props) {
     var bem = (0, hooks_1.useBem)('NavIconView');

package/nav/Nav/NavLinkView.js

@@ -38,9 +38,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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var React = __importStar(require("react"));
 function NavLinkView(props) {
     var bem = (0, hooks_1.useBem)('NavLinkView');
     return (React.createElement("div", { className: bem(bem.block({

package/nav/Nav/NavListView.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 Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
+var React = __importStar(require("react"));
 function NavListView(props) {
     var bem = (0, hooks_1.useBem)('NavListView');
     var renderItems = function (items, parentItemProps) {

package/nav/Nav/NavTabsView.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 Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
+var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
+var React = __importStar(require("react"));
 function NavTabsView(props) {
     var bem = (0, hooks_1.useBem)('NavTabsView');
     return (React.createElement("div", { className: bem(bem.block({