@steroidsjs/bootstrap 2.1.21 → 3.0.0-beta.2

package/layout/Header/HeaderView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -39,7 +43,7 @@ var Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function HeaderView(props) {
-    var bem = hooks_1.useBem('HeaderView');
+    var bem = (0, hooks_1.useBem)('HeaderView');
     return (React.createElement("nav", { className: bem('navbar navbar-expand-lg', props.dark ? 'navbar-dark' : 'navbar-light', props.dark ? 'bg-dark' : 'bg-light', bem.block(), props.className) },
         props.logo && (React.createElement(nav_1.Link, __assign({ className: bem('navbar-brand', bem.element('logo')), toRoute: 'root' }, props.logo.linkProps),
             props.logo.icon && (React.createElement(Icon_1["default"], { className: bem.element('logo-image'), name: props.logo.icon, title: props.logo.title })),

package/layout/Loader/LoaderView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function LoaderView(props) {
-    var bem = hooks_1.useBem('LoaderView');
+    var bem = (0, hooks_1.useBem)('LoaderView');
     return (React.createElement("div", { className: bem.block() },
         React.createElement("div", { className: bem.element('loader') })));
 }

package/layout/Notifications/NotificationsItemView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -25,11 +29,11 @@ var react_transition_group_1 = require("react-transition-group");
 var hooks_1 = require("@steroidsjs/core/hooks");
 function NotificationsItemView(props) {
     var _a, _b;
-    var _c = react_1.useState(false), isShow = _c[0], setIsShow = _c[1];
-    react_1.useEffect(function () {
+    var _c = (0, react_1.useState)(false), isShow = _c[0], setIsShow = _c[1];
+    (0, react_1.useEffect)(function () {
         setIsShow(!props.isClosing);
     }, [props.isClosing]);
-    var bem = hooks_1.useBem('NotificationsItemView');
+    var bem = (0, hooks_1.useBem)('NotificationsItemView');
     return (React.createElement(react_transition_group_1.CSSTransition, { "in": isShow, timeout: 1000, classNames: bem(bem.block((_a = {},
             _a[props.position] = true,
             _a))), unmountOnExit: true },

package/layout/Notifications/NotificationsView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -23,7 +27,7 @@ var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function NotificationsView(props) {
     var _a;
-    var bem = hooks_1.useBem('NotificationsView');
+    var bem = (0, hooks_1.useBem)('NotificationsView');
     return (React.createElement("div", { className: bem(bem.block((_a = {},
             _a[props.position] = true,
             _a))) }, props.children));

package/layout/ProgressBar/CircleProgressBarView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function CircleProgressBarView(props) {
-    var bem = hooks_1.useBem('CircleProgressBarView');
+    var bem = (0, hooks_1.useBem)('CircleProgressBarView');
     var size = {
         large: { radius: 64 },
         medium: { radius: 48 },

package/layout/ProgressBar/LineProgressBarView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,10 +26,10 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function LineProgressBarView(props) {
-    var bem = hooks_1.useBem('LineProgressBarView');
+    var bem = (0, hooks_1.useBem)('LineProgressBarView');
     return (React.createElement("div", { className: bem.block({ size: props.size, status: props.status }) },
         React.createElement("div", { className: bem.element('emptyLine') },
-            React.createElement("div", { className: bem.element('progressLine'), style: { width: 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/Skeleton/SkeletonView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function SkeletonView(props) {
-    var bem = hooks_1.useBem('SkeletonView');
+    var bem = (0, hooks_1.useBem)('SkeletonView');
     return (React.createElement("span", { className: bem(props.className, bem.block({
             type: props.children ? null : props.type,
             animation: props.animation

package/layout/Tooltip/TooltipView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -24,12 +28,12 @@ var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
 function TooltipView(props) {
     var _a;
-    var tooltipRef = react_1.useRef(null);
-    var arrowRef = react_1.useRef(null);
-    react_1.useEffect(function () {
+    var tooltipRef = (0, react_1.useRef)(null);
+    var arrowRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
         props.calculatePosition(tooltipRef.current.getBoundingClientRect(), arrowRef.current.getBoundingClientRect());
     }, [props.calculatePosition]);
-    var bem = hooks_1.useBem('TooltipView');
+    var bem = (0, hooks_1.useBem)('TooltipView');
     return (React.createElement("div", { ref: tooltipRef, className: bem(bem.block({
             show: props.isTooltipVisible
         }), 'tooltip', 'tooltip-position-' + props.position), style: props.style },

package/list/CheckboxColumn/CheckboxColumnView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
 var CheckboxField_1 = __importDefault(require("@steroidsjs/core/ui/form/CheckboxField"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function CheckboxColumnView(props) {
-    var bem = hooks_1.useBem('CheckboxColumnView');
+    var bem = (0, hooks_1.useBem)('CheckboxColumnView');
     var CheckboxFieldInternal = CheckboxField_1["default"].WrappedComponent;
     return (React.createElement("div", { className: bem.block() },
         React.createElement(CheckboxFieldInternal, __assign({}, props.fieldProps, { input: props.input }))));

package/list/ControlsColumnView/ControlsColumnView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
 var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function ControlsColumnView(props) {
-    var bem = hooks_1.useBem('ControlsColumnView');
+    var bem = (0, hooks_1.useBem)('ControlsColumnView');
     return (React.createElement("div", { className: bem.block() },
         React.createElement(Controls_1["default"], __assign({}, props, { navProps: {
                 layout: 'icon'

package/list/Empty/EmptyView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function EmptyView(props) {
-    var bem = hooks_1.useBem('EmptyView');
+    var bem = (0, hooks_1.useBem)('EmptyView');
     return (React.createElement("div", { className: bem(bem.block(), 'text-center p-5', props.className) }, props.text));
 }
 exports["default"] = EmptyView;

package/list/Grid/GridView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -42,22 +46,22 @@ 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 react_1 = require("react");
-var getFormId = function (props) { return get_1["default"](props, 'searchForm.formId', props.listId); };
+var getFormId = function (props) { return (0, get_1["default"])(props, 'searchForm.formId', props.listId); };
 exports.getFormId = getFormId;
 function GridView(props) {
     var _a, _b;
-    var bem = hooks_1.useBem('GridView');
-    var renderInsideSearchForm = react_1.useCallback(function () {
+    var bem = (0, hooks_1.useBem)('GridView');
+    var renderInsideSearchForm = (0, react_1.useCallback)(function () {
         if (!props.searchForm || !props.searchForm.fields || props.searchForm.layout !== 'table') {
             return null;
         }
-        var fields = keyBy_1["default"](props.searchForm.fields.map(function (column) { return 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({ layout: 'inline', size: (_a = props.searchForm) === null || _a === void 0 ? void 0 : _a.size }, fields[column.attribute])))));
         })));
     }, [props.searchForm, props.columns]);
-    var renderSortButton = react_1.useCallback(function (attribute, direction) {
+    var renderSortButton = (0, react_1.useCallback)(function (attribute, direction) {
         var _a;
         var sortKey = (direction === 'desc' ? '-' : '') + attribute;
         var isActive = [].concat(((_a = props.list) === null || _a === void 0 ? void 0 : _a.sort) || []).includes(sortKey);
@@ -68,7 +72,7 @@ function GridView(props) {
                 props.onSort(!isActive ? sortKey : null);
             } }));
     }, [props.onSort, (_a = props.list) === null || _a === void 0 ? void 0 : _a.sort]);
-    var emptyContent = react_1.useMemo(function () { return props.renderEmpty(); }, [props.renderEmpty]);
+    var emptyContent = (0, react_1.useMemo)(function () { return props.renderEmpty(); }, [props.renderEmpty]);
     return props.renderList(React.createElement("div", { className: bem(bem.block({ loading: props.isLoading || ((_b = props.list) === null || _b === void 0 ? void 0 : _b.isLoading) }), props.className) },
         props.renderSearchForm(),
         props.renderPaginationSize(),
@@ -82,7 +86,7 @@ function GridView(props) {
                         renderSortButton(column.attribute, 'desc'))))); })),
                 renderInsideSearchForm()),
             React.createElement("tbody", null,
-                props.items && props.items.map(function (item, rowIndex) { return (React.createElement("tr", { key: item[props.primaryKey] || rowIndex }, props.columns.map(function (column, columnIndex) { return (React.createElement("td", { key: columnIndex, className: column.className, "data-label": isString_1["default"](column.label) ? column.label : null }, props.renderValue(item, column))); }))); }),
+                props.items && props.items.map(function (item, rowIndex) { return (React.createElement("tr", { key: item[props.primaryKey] || rowIndex }, props.columns.map(function (column, columnIndex) { return (React.createElement("td", { key: columnIndex, className: column.className, "data-label": (0, isString_1["default"])(column.label) ? column.label : null }, props.renderValue(item, column))); }))); }),
                 emptyContent && (React.createElement("tr", null,
                     React.createElement("td", { colSpan: props.columns.length }, emptyContent))))),
         props.renderPagination()));

package/list/List/ListItemView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function ListItemView(props) {
-    var bem = hooks_1.useBem('ListItemView');
+    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]));
 }
 exports["default"] = ListItemView;

package/list/List/ListView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function ListView(props) {
-    var bem = hooks_1.useBem('ListView');
+    var bem = (0, hooks_1.useBem)('ListView');
     if (!props.list) {
         return null;
     }

package/list/Pagination/PaginationButtonView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,8 +26,8 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function PaginationButtonView(props) {
-    var bem = hooks_1.useBem('PaginationButtonView');
-    return (React.createElement("ul", { className: bem(props.className, bem.block(), 'flex-row', 'pagination', "pagination-" + props.size) }, props.pages.map(function (item, index) { return (React.createElement("li", { key: index, className: bem(bem.element('page', { hidden: !item.page }), 'page-item', item.isActive ? 'active' : '') },
+    var bem = (0, hooks_1.useBem)('PaginationButtonView');
+    return (React.createElement("ul", { className: bem(props.className, bem.block(), 'flex-row', 'pagination', "pagination-".concat(props.size)) }, props.pages.map(function (item, index) { return (React.createElement("li", { key: index, className: bem(bem.element('page', { hidden: !item.page }), 'page-item', item.isActive ? 'active' : '') },
         React.createElement("button", { className: bem(bem.element('page-link', { hidden: !item.page }), 'page-link'), onClick: function (e) {
                 e.preventDefault();
                 props.onSelect(item.page);

package/list/Pagination/PaginationMoreView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function PaginationMoreView(props) {
-    var bem = hooks_1.useBem('PaginationMoreView');
+    var bem = (0, hooks_1.useBem)('PaginationMoreView');
     return (React.createElement("div", { className: bem('text-center', bem.block(), props.className) },
         React.createElement(Button_1["default"], __assign({ color: 'secondary', outline: true, label: __('Загрузить еще...') }, props.buttonProps, { onClick: props.onSelectNext }))));
 }

package/list/PaginationSize/PaginationSizeView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,9 +26,9 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function PaginationSizeView(props) {
-    var bem = hooks_1.useBem('PaginationSizeView');
+    var bem = (0, hooks_1.useBem)('PaginationSizeView');
     return (React.createElement("div", { className: bem(props.className, bem.block()) },
-        React.createElement("ul", { className: bem(bem.element('sizes'), 'pagination', "pagination-" + props.size) }, props.items.map(function (item, index) { return (React.createElement("li", { key: index, className: bem(bem.element('sizes-item', { active: item.isActive }), 'page-item', item.isActive && 'active') },
+        React.createElement("ul", { className: bem(bem.element('sizes'), 'pagination', "pagination-".concat(props.size)) }, props.items.map(function (item, index) { return (React.createElement("li", { key: index, className: bem(bem.element('sizes-item', { active: item.isActive }), 'page-item', item.isActive && 'active') },
             React.createElement("button", { className: bem(bem.element('link'), 'page-link'), onClick: function (e) {
                     e.preventDefault();
                     props.onSelect(item.size);

package/list/Steps/StepItemView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -27,11 +31,11 @@ var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function StepItemView(props) {
     var _a;
-    var bem = hooks_1.useBem("StepItemView");
+    var bem = (0, hooks_1.useBem)("StepItemView");
     return (React.createElement("div", { className: bem(props.className, bem.block((_a = {}, _a[props.status] = true, _a))) },
         React.createElement("div", { className: bem.element('body', { disabled: props.disabled }), onClick: props.onChange },
             React.createElement("div", { className: bem.element('header') },
-                React.createElement("span", { className: bem.element('icon') }, props.status === 'finish' ? React.createElement(Icon_1["default"], { name: 'check' }) : props.stepItem.icon || "0" + props.index),
+                React.createElement("span", { className: bem.element('icon') }, props.status === 'finish' ? React.createElement(Icon_1["default"], { name: 'check' }) : props.stepItem.icon || "0".concat(props.index)),
                 React.createElement("div", null,
                     React.createElement("div", { className: bem.element('title') }, props.stepItem.title),
                     React.createElement("div", { className: bem.element('subtitle') }, props.stepItem.subtitle))),

package/list/Steps/StepsView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -22,7 +26,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function StepsView(props) {
-    var bem = hooks_1.useBem("StepsView");
+    var bem = (0, hooks_1.useBem)("StepsView");
     return (React.createElement("div", { className: bem(props.className, bem.block()) }, props.children));
 }
 exports["default"] = StepsView;

package/modal/Modal/ModalView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -38,7 +42,7 @@ var react_modal_1 = __importDefault(require("react-modal"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var Controls_1 = __importDefault(require("@steroidsjs/core/ui/nav/Controls"));
 function ModalView(props) {
-    var bem = hooks_1.useBem('ModalView');
+    var bem = (0, hooks_1.useBem)('ModalView');
     var overrideDefaultClasses = {
         base: bem.block('overlay'),
         afterOpen: 'ModalView_overlay-after',

package/modal/TwoFactorModal/TwoFactorModalView.js

@@ -20,7 +20,7 @@ var form_1 = require("@steroidsjs/core/ui/form");
 require("./TwoFactorModalView.scss");
 var hooks_1 = require("@steroidsjs/core/hooks");
 function TwoFactorModalView(props) {
-    var bem = hooks_1.useBem('TwoFactorModalView');
+    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),

package/nav/Breadcrubms/BreadcrumbsView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -26,7 +30,7 @@ var React = __importStar(require("react"));
 var Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function BreadcrumbsView(props) {
-    var bem = hooks_1.useBem('BreadcrumbsView');
+    var bem = (0, hooks_1.useBem)('BreadcrumbsView');
     var items = props.items || [];
     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/Controls/ControlsView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -43,7 +47,7 @@ function ControlsView(props) {
         }
         return (React.createElement(Nav_1["default"], __assign({ layout: 'button' }, props.navProps, { items: items })));
     };
-    var bem = hooks_1.useBem('ControlsView');
+    var bem = (0, hooks_1.useBem)('ControlsView');
     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'; }))));

package/nav/Nav/NavBarView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function NavBarView(props) {
-    var bem = hooks_1.useBem('NavBarView');
+    var bem = (0, hooks_1.useBem)('NavBarView');
     return (React.createElement("div", { className: bem('navbar-expand-lg navbar-nav', props.dark && 'navbar-dark bg-dark', bem.block(), props.className) },
         React.createElement("div", { className: 'navbar-nav px-3' }, props.items.map(function (item, index) { return (React.createElement("li", { key: item.id || index, className: bem('nav-item text-nowrap', item.isActive && 'active') },
             React.createElement(Button_1["default"], __assign({ link: true, className: bem('nav-link', item.isActive && 'active'), onClick: function () { return props.onClick(item, index); } }, item)))); })),

package/nav/Nav/NavButtonView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -37,7 +41,7 @@ var React = __importStar(require("react"));
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function NavButtonView(props) {
-    var bem = hooks_1.useBem('NavButtonView');
+    var bem = (0, hooks_1.useBem)('NavButtonView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) },
         React.createElement("div", { className: bem(props.children && 'mb-3', bem.element('nav')) }, props.items.map(function (item, index) { return (React.createElement(Button_1["default"], __assign({ key: item.id || index, color: 'secondary', outline: !item.isActive, disabled: props.disabled, onClick: function () { return props.onClick(item, index); }, className: bem.element('nav-item') }, item))); })),
         React.createElement("div", { className: bem.element('content') }, props.children)));