@steroidsjs/bootstrap 3.0.45 → 3.1.1

package/list/Steps/StepItemView.js

@@ -1,58 +1,37 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var Steps_1 = require("@steroidsjs/core/ui/list/Steps/Steps");
 var isString_1 = __importDefault(require("lodash-es/isString"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 function StepItemView(props) {
     var _a;
     var bem = (0, hooks_1.useBem)('StepItemView');
     var renderIcon = (0, react_1.useCallback)(function () { return ((0, isString_1["default"])(props.stepItem.icon)
-        ? (react_1["default"].createElement(Icon_1["default"], { name: props.stepItem.icon }))
-        : (react_1["default"].createElement("span", { className: bem.element('icon') }, props.index))); }, [bem, props.index, props.stepItem.icon]);
-    var renderDivider = (0, react_1.useCallback)(function () { return (react_1["default"].createElement("div", { className: bem.element('divider') },
-        react_1["default"].createElement("div", { className: bem.element('divider-line') }))); }, [bem]);
-    return (react_1["default"].createElement("div", { key: props.index, className: bem(bem.block((_a = {},
+        ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: props.stepItem.icon }))
+        : ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('icon') }, { children: props.index })))); }, [bem, props.index, props.stepItem.icon]);
+    var renderDivider = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('divider') }, { children: (0, jsx_runtime_1.jsx)("div", { className: bem.element('divider-line') }) }))); }, [bem]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block((_a = {},
             _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); } },
-            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') },
-                react_1["default"].createElement("div", { className: bem.element('header') },
-                    props.stepItem.title && (react_1["default"].createElement("div", { className: bem.element('title') }, props.stepItem.title)),
-                    props.stepItem.subtitle && (react_1["default"].createElement("div", { className: bem.element('subtitle') }, props.stepItem.subtitle))),
-                props.stepItem.description && (react_1["default"].createElement("div", { className: bem.element('description') }, props.stepItem.description)))),
-        props.showDivider && props.stepTitleOrientation === Steps_1.HORIZONTAL_STEP_LAYOUT && renderDivider()));
+            _a)), props.className) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('body', {
+                    disabled: props.disabled
+                }), onClick: function () { return props.onChange(props.index); } }, { children: [props.showDivider && props.stepTitleOrientation === Steps_1.VERTICAL_STEP_LAYOUT && renderDivider(), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('step') }, { children: renderIcon() })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header') }, { children: [props.stepItem.title && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('title') }, { children: props.stepItem.title }))), props.stepItem.subtitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('subtitle') }, { children: props.stepItem.subtitle })))] })), props.stepItem.description && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('description') }, { children: props.stepItem.description })))] }))] })), props.showDivider && props.stepTitleOrientation === Steps_1.HORIZONTAL_STEP_LAYOUT && renderDivider()] }), props.index));
 }
 exports["default"] = StepItemView;

package/list/Steps/StepsView.js

@@ -1,12 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var react_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));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(props.className, bem.block()) }, { children: props.children })));
 }
 exports["default"] = StepsView;

package/modal/Modal/ModalView.js

@@ -10,37 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var 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) {
@@ -51,13 +28,8 @@ 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', {
+    return ((0, jsx_runtime_1.jsxs)(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 })),
-        React.createElement("div", { className: bem.element('content') }, props.children),
-        props.buttons && (React.createElement("div", { className: bem.element('footer') }, props.buttons.map(function (button, buttonIndex) { return (React.createElement(form_1.Button, __assign({ key: buttonIndex, size: props.size }, button))); })))));
+        }), props.className), closeTimeoutMS: props.closeTimeoutMs, isOpen: !props.isClosing, onRequestClose: props.onClose, overlayClassName: overrideDefaultClasses, shouldCloseOnEsc: props.shouldCloseOnEsc, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('title') }, { children: props.title })), (0, jsx_runtime_1.jsx)(content_1.Icon, { name: 'cross_12x12', className: bem.element('close'), onClick: props.onClose })] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.children })), props.buttons && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('footer') }, { children: props.buttons.map(function (button, buttonIndex) { return ((0, jsx_runtime_1.jsx)(form_1.Button, __assign({ size: props.size }, button), buttonIndex)); }) })))] })));
 }
 exports["default"] = ModalView;

package/modal/TwoFactorModal/TwoFactorModalView.js

@@ -14,17 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 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),
-        react_1["default"].createElement("div", { className: bem.block() },
-            react_1["default"].createElement(form_1.Form, __assign({}, props.formProps),
-                react_1["default"].createElement("p", null, props.description),
-                react_1["default"].createElement(form_1.InputField, { attribute: 'code', label: __('Код подтверждения') }),
-                react_1["default"].createElement(form_1.Button, { type: 'submit', label: __('Отправить') })))));
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsxs)(form_1.Form, __assign({}, props.formProps, { children: [(0, jsx_runtime_1.jsx)("p", { children: props.description }), (0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: 'code', label: __('Код подтверждения') }), (0, jsx_runtime_1.jsx)(form_1.Button, { type: 'submit', label: __('Отправить') })] })) })) })));
 }
 exports["default"] = TwoFactorModalView;

package/nav/Breadcrubms/BreadcrumbsView.js

@@ -1,53 +1,38 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var content_1 = require("@steroidsjs/core/ui/content");
 var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
-var React = __importStar(require("react"));
+var react_1 = 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
+    var renderLink = (0, react_1.useCallback)(function (item, children) { return ((0, jsx_runtime_1.jsx)(Link_1["default"], __assign({ toRoute: item.id, toRouteParams: props.routeParams, href: item.id }, { children: children }))); }, [props.routeParams]);
+    var renderHomeIcon = (0, react_1.useCallback)(function () { return (props.customIcon
         ? (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) {
-            var isLastItem = items.length === index + 1;
-            var isFirstItem = index === 0;
-            return (React.createElement("li", { key: item.id || index, className: bem.element('item') },
-                isFirstItem && item.id && renderLink(item, props.showIcon ? renderHomeIcon() : item.title),
-                !isFirstItem && !isLastItem && item.id && renderLink(item, item.title),
-                (isLastItem || !item.id) && (React.createElement("span", null, props.pageTitle || item.title))));
-        }))));
+        : ((0, jsx_runtime_1.jsx)(content_1.Icon, { name: 'home', className: bem.element('icon') }))); }, [bem, props.customIcon]);
+    return ((0, jsx_runtime_1.jsx)("nav", __assign({ className: bem(bem.block(), props.className), "aria-label": 'breadcrumb' }, { children: (0, jsx_runtime_1.jsx)("ol", __assign({ className: bem.element('list') }, { children: items.map(function (item, index) {
+                var isLastItem = items.length === index + 1;
+                var isFirstItem = index === 0;
+                return ((0, jsx_runtime_1.jsxs)("li", __assign({ className: bem.element('item') }, { children: [isFirstItem && item.id && renderLink(item, props.showIcon ? renderHomeIcon() : item.title), !isFirstItem && !isLastItem && item.id && renderLink(item, item.title), (isLastItem || !item.id) && ((0, jsx_runtime_1.jsx)("span", { children: props.pageTitle || item.title }))] }), item.id || index));
+            }) })) })));
 }
 exports["default"] = BreadcrumbsView;

package/nav/ButtonGroup/ButtonGroupView.js

@@ -10,24 +10,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
 var 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({
+    return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: bem(bem.block({
             size: props.size
-        }), props.className), style: props.style }, props.items.map(function (item, index) {
-        var isActive = props.activeButton === item.id;
-        return (react_1["default"].createElement("li", { key: index, className: item.className ? item.className : null },
-            react_1["default"].createElement(form_1.Button, __assign({ className: bem.element('button', {
-                    "default": !isActive,
-                    active: isActive
-                }), label: item.label, onClick: function () { return props.onClick(item.id); } }, props.buttonProps))));
-    })));
+        }), props.className), style: props.style }, { children: props.items.map(function (item, index) {
+            var isActive = props.activeButton === item.id;
+            return ((0, jsx_runtime_1.jsx)("li", __assign({ className: item.className ? item.className : null }, { children: (0, jsx_runtime_1.jsx)(form_1.Button, __assign({ className: bem.element('button', {
+                        "default": !isActive,
+                        active: isActive
+                    }), label: item.label, onClick: function () { return props.onClick(item.id); } }, props.buttonProps)) }), index));
+        }) })));
 }
 exports["default"] = ButtonGroupView;

package/nav/Controls/ControlsView.js

@@ -10,46 +10,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var 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) {
         if (items.length === 0) {
             return null;
         }
-        return (React.createElement(Nav_1["default"], __assign({ layout: 'button' }, props.navProps, { items: items })));
+        return ((0, jsx_runtime_1.jsx)(Nav_1["default"], __assign({ layout: 'button' }, props.navProps, { items: items })));
     };
-    return (React.createElement("div", { className: bem(bem.block(), props.className) },
-        renderControls(props.items.filter(function (item) { return item.position !== 'right'; })),
-        renderControls(props.items.filter(function (item) { return item.position === 'right'; }))));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className) }, { children: [renderControls(props.items.filter(function (item) { return item.position !== 'right'; })), renderControls(props.items.filter(function (item) { return item.position === 'right'; }))] })));
 }
 exports["default"] = ControlsView;

package/nav/Nav/NavBarView.js

@@ -10,46 +10,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var 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({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             size: props.size
-        }), props.className) },
-        React.createElement("ul", { className: bem.element('list') }, props.items.map(function (item, index) { return (React.createElement("li", { key: item.id || index, className: bem(bem.element('list-item', {
-                active: item.isActive,
-                disabled: item.disabled
-            }), props.navClassName) },
-            React.createElement(Button_1["default"], __assign({ size: props.size, link: !item.isActive, onClick: function () { return props.onClick(item, index); } }, item)))); })),
-        React.createElement("div", { className: bem.element('content') }, props.children)));
+        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('list') }, { children: props.items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem(bem.element('list-item', {
+                        active: item.isActive,
+                        disabled: item.disabled
+                    }), props.navClassName) }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ size: props.size, link: !item.isActive, onClick: function () { return props.onClick(item, index); } }, item)) }), item.id || index)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.children }))] })));
 }
 exports["default"] = NavBarView;

package/nav/Nav/NavButtonView.js

@@ -10,46 +10,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var 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({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             size: props.size
-        }), props.className) },
-        React.createElement("ul", { className: bem.element('list') }, props.items.map(function (item, index) { return (React.createElement("li", { key: item.id || index, className: bem(bem.element('list-item', {
-                active: item.isActive,
-                disabled: item.disabled
-            }), props.navClassName) },
-            React.createElement(Button_1["default"], __assign({ size: props.size, color: 'secondary', outline: !item.isActive, disabled: item.disabled, onClick: function () { return props.onClick(item, index); } }, item)))); })),
-        React.createElement("div", { className: bem.element('content') }, props.children)));
+        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('list') }, { children: props.items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem(bem.element('list-item', {
+                        active: item.isActive,
+                        disabled: item.disabled
+                    }), props.navClassName) }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ size: props.size, color: 'secondary', outline: !item.isActive, disabled: item.disabled, onClick: function () { return props.onClick(item, index); } }, item)) }), item.id || index)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.children }))] })));
 }
 exports["default"] = NavButtonView;

package/nav/Nav/NavIconView.js

@@ -10,59 +10,31 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var 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');
-    return (React.createElement("div", { className: bem(bem.block(), props.className) },
-        React.createElement("ul", { className: bem.element('list') }, props.items.map(function (item, index) {
-            var _a;
-            var isDisabled = item.disabled;
-            var isActive = item.isActive;
-            var isActiveNested = item.isActiveNested;
-            var isBorder = item.border;
-            return (React.createElement("li", { key: item.id || index, className: bem(bem.element('list-item', {
-                    active: isActive,
-                    disabled: isDisabled,
-                    nestedActive: isActiveNested,
-                    hasItems: !!item.items,
-                    hasBorder: isBorder
-                }), props.navClassName) },
-                React.createElement(Button_1["default"], __assign({ icon: props.icon ? props.icon : DEFAULT_ICON, link: true, onClick: function () { return props.onClick(item, index); } }, item, { label: item.label, hint: item.hint || item.label || null }, item.itemProps)),
-                !isDisabled && (isActive || isActiveNested) && (React.createElement("ul", { className: bem.element('list-item-nested') }, (_a = item.items) === null || _a === void 0 ? void 0 : _a.map(function (nestedItem, nestedItemIndex) { return (React.createElement("li", { key: nestedItemIndex, className: bem.element('list-item-nested-item', {
-                        active: nestedItem.isActive
-                    }) },
-                    React.createElement(Button_1["default"], __assign({ link: true, onClick: function () { return props.onClick(nestedItem, nestedItemIndex); } }, nestedItem, { label: nestedItem.label, hint: item.hint })))); })))));
-        })),
-        React.createElement("div", { className: bem.element('content') }, props.children)));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className) }, { children: [(0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('list') }, { children: props.items.map(function (item, index) {
+                    var _a;
+                    var isDisabled = item.disabled;
+                    var isActive = item.isActive;
+                    var isActiveNested = item.isActiveNested;
+                    var isBorder = item.border;
+                    return ((0, jsx_runtime_1.jsxs)("li", __assign({ className: bem(bem.element('list-item', {
+                            active: isActive,
+                            disabled: isDisabled,
+                            nestedActive: isActiveNested,
+                            hasItems: !!item.items,
+                            hasBorder: isBorder
+                        }), props.navClassName) }, { children: [(0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ icon: props.icon ? props.icon : DEFAULT_ICON, link: true, onClick: function () { return props.onClick(item, index); } }, item, { label: item.label, hint: item.hint || item.label || null }, item.itemProps)), !isDisabled && (isActive || isActiveNested) && ((0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('list-item-nested') }, { children: (_a = item.items) === null || _a === void 0 ? void 0 : _a.map(function (nestedItem, nestedItemIndex) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem.element('list-item-nested-item', {
+                                        active: nestedItem.isActive
+                                    }) }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ link: true, onClick: function () { return props.onClick(nestedItem, nestedItemIndex); } }, nestedItem, { label: nestedItem.label, hint: item.hint })) }), nestedItemIndex)); }) })))] }), item.id || index));
+                }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.children }))] })));
 }
 exports["default"] = NavIconView;

package/nav/Nav/NavLinkView.js

@@ -10,47 +10,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 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({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             size: props.size
-        }), props.className) },
-        React.createElement("ul", { className: bem.element('list') }, props.items.map(function (item, index) { return (React.createElement("li", { key: item.id || index, className: bem(bem.element('list-item', {
-                active: item.isActive,
-                disabled: item.disabled
-            }), props.navClassName), onClick: function () { return props.onClick(item, index); } },
-            React.createElement(Button_1["default"], __assign({ link: true }, item)))); })),
-        React.createElement("div", { className: bem.element('content') }, props.children)));
+        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('list') }, { children: props.items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem(bem.element('list-item', {
+                        active: item.isActive,
+                        disabled: item.disabled
+                    }), props.navClassName), onClick: function () { return props.onClick(item, index); } }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ link: true }, item)) }), item.id || index)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.children }))] })));
 }
 exports["default"] = NavLinkView;