@steroidsjs/bootstrap 3.0.45 → 3.1.0

package/nav/Nav/NavListView.js

@@ -10,36 +10,13 @@ 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 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) {
@@ -47,15 +24,11 @@ function NavListView(props) {
         if (!items || items.length === 0) {
             return null;
         }
-        return items.map(function (item, index) { return (React.createElement("li", { key: item.id || index, className: bem(bem.element('list-item', {
+        return items.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)("li", __assign({ className: bem(bem.element('list-item', {
                 active: item.isActive,
                 disabled: item.disabled
-            }), props.navClassName) },
-            React.createElement(Link_1["default"], __assign({ onClick: function () { return props.onClick(item, index); } }, item, { disabled: (parentItemProps === null || parentItemProps === void 0 ? void 0 : parentItemProps.disabled) || item.disabled })),
-            item.items && item.items.length > 0 && (React.createElement("ul", { className: bem.element('sub-list') }, renderItems(item.items, item))))); });
+            }), props.navClassName) }, { children: [(0, jsx_runtime_1.jsx)(Link_1["default"], __assign({ onClick: function () { return props.onClick(item, index); } }, item, { disabled: (parentItemProps === null || parentItemProps === void 0 ? void 0 : parentItemProps.disabled) || item.disabled })), item.items && item.items.length > 0 && ((0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('sub-list') }, { children: renderItems(item.items, item) })))] }), item.id || index)); });
     };
-    return (React.createElement("div", { className: bem(bem.block(), props.className) },
-        React.createElement("ul", { className: bem.element('list') }, renderItems(props.items)),
-        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: renderItems(props.items) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: props.children }))] })));
 }
 exports["default"] = NavListView;

package/nav/Nav/NavTabsView.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 NavTabsView(props) {
     var bem = (0, hooks_1.useBem)('NavTabsView');
-    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"] = NavTabsView;

package/nav/Tree/TreeView.js

@@ -10,40 +10,16 @@ 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 Link_1 = __importDefault(require("@steroidsjs/core/ui/nav/Link"));
-var React = __importStar(require("react"));
 var TreeItemView_1 = __importDefault(require("../TreeItem/TreeItemView"));
 function TreeView(props) {
     var bem = (0, hooks_1.useBem)('TreeView');
-    return (React.createElement("div", { className: bem(bem.block(), props.className) }, props.items.map(function (item) { return (React.createElement(TreeItemView_1["default"], { key: item.uniqueId, item: item, levelPadding: props.levelPadding, hideIcon: props.hideIcon },
-        React.createElement(Link_1["default"], __assign({ className: bem.element('item-label') }, item)))); })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className) }, { children: props.items.map(function (item) { return ((0, jsx_runtime_1.jsx)(TreeItemView_1["default"], __assign({ item: item, levelPadding: props.levelPadding, hideIcon: props.hideIcon }, { children: (0, jsx_runtime_1.jsx)(Link_1["default"], __assign({ className: bem.element('item-label') }, item)) }), item.uniqueId)); }) })));
 }
 exports["default"] = TreeView;

package/nav/TreeItem/TreeItemView.js

@@ -10,36 +10,13 @@ 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 useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var content_1 = require("@steroidsjs/core/ui/content");
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var PADDING_WITH_ICON = 0;
 var PADDING_WITHOUT_ICON = 24;
@@ -52,7 +29,7 @@ function TreeItemView(props) {
         role: 'button',
         tabIndex: 0
     }); }, [props]);
-    return (React.createElement("div", __assign({ key: props.item.uniqueId, className: bem(bem.block({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
             selected: props.item.isSelected,
             opened: props.item.isOpened,
             'has-items': !props.hasIconExpandOnly && (props.item.hasItems || props.hideIcon),
@@ -62,10 +39,8 @@ function TreeItemView(props) {
             'without-pointer-on-label': props.hasIconExpandOnly && props.withoutPointerOnLabel
         }), props.className), style: {
             paddingLeft: !props.hideIcon && "".concat(props.item.level * props.levelPadding + paddingBasedOnIcon, "px")
-        } }, (!props.hasIconExpandOnly && onExpandProps)),
-        props.item.hasItems && !props.hideIcon && (React.createElement(content_1.Icon, __assign({ name: 'expand_right', className: bem.element('icon', {
-                opened: props.item.isOpened
-            }) }, (props.hasIconExpandOnly && onExpandProps)))),
-        React.createElement("div", { className: bem.element('item') }, props.children)));
+        } }, (!props.hasIconExpandOnly && onExpandProps), { children: [props.item.hasItems && !props.hideIcon && ((0, jsx_runtime_1.jsx)(content_1.Icon, __assign({ name: 'expand_right', className: bem.element('icon', {
+                    opened: props.item.isOpened
+                }) }, (props.hasIconExpandOnly && onExpandProps)))), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('item') }, { children: props.children }))] }), props.item.uniqueId));
 }
 exports["default"] = TreeItemView;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.45",
+    "version": "3.1.0",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -20,8 +20,7 @@
     "dependencies": {
         "@splidejs/react-splide": "^0.7.12",
         "date-fns": "^2.29.3",
-        "lodash": "^4.17.20",
-        "lodash-es": "^4.17.20",
+        "lodash-es": "^4.17.23",
         "normalize.css": "^8.0.1",
         "rc-slider": "^9.7.4",
         "react": "^18.2.0",
@@ -40,6 +39,7 @@
         "@types/enzyme": "^3.10.8",
         "@types/googlemaps": "^3.43.3",
         "@types/jest": "^26.0.22",
+        "@types/lodash-es": "^4.17.12",
         "@types/markdown-to-jsx": "^6.11.3",
         "@types/node": "^14.14.37",
         "@types/overlayscrollbars": "^1.12.0",

package/typography/Text/TextView.d.ts

@@ -1,3 +1,3 @@
+/// <reference types="react" />
 import { ITextViewProps } from '@steroidsjs/core/ui/typography/Text/Text';
-import * as React from 'react';
-export default function TextView(props: ITextViewProps): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export default function TextView(props: ITextViewProps): import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;

package/typography/Text/TextView.js

@@ -1,30 +1,8 @@
 "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;
-};
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var React = __importStar(require("react"));
+var react_1 = require("react");
 var TYPE_MAPPING = {
     body: 'p',
     span: 'span',
@@ -33,14 +11,12 @@ var TYPE_MAPPING = {
 function TextView(props) {
     var bem = (0, hooks_1.useBem)('TextView');
     var tag = props.tag || TYPE_MAPPING[props.type || ''] || 'p';
-    return (React.createElement(tag, {
+    return (0, react_1.createElement)(tag, {
         className: bem(bem.block({
             type: props.type,
             color: props.color
         }), props.className),
         style: props.style
-    }, React.createElement(React.Fragment, null,
-        props.content,
-        props.children)));
+    }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.content, props.children] }));
 }
 exports["default"] = TextView;

package/typography/Title/TitleView.d.ts

@@ -1,3 +1,3 @@
+/// <reference types="react" />
 import { ITitleViewProps } from '@steroidsjs/core/ui/typography/Title/Title';
-import * as React from 'react';
-export default function TitleView(props: ITitleViewProps): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export default function TitleView(props: ITitleViewProps): import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;

package/typography/Title/TitleView.js

@@ -1,30 +1,8 @@
 "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;
-};
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var React = __importStar(require("react"));
+var react_1 = require("react");
 var TYPE_MAPPING = {
     h1: 'h1',
     h2: 'h2',
@@ -37,14 +15,12 @@ var TYPE_MAPPING = {
 function TitleView(props) {
     var bem = (0, hooks_1.useBem)('TitleView');
     var tag = props.tag || TYPE_MAPPING[props.type || ''] || 'h2';
-    return (React.createElement(tag, {
+    return (0, react_1.createElement)(tag, {
         className: bem(bem.block({
             type: props.type,
             color: props.color
         }), props.className),
         style: props.style
-    }, React.createElement(React.Fragment, null,
-        props.content,
-        props.children)));
+    }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.content, props.children] }));
 }
 exports["default"] = TitleView;

package/utils/renderIcon.d.ts

@@ -1,9 +1,9 @@
 import { IIconProps } from '@steroidsjs/core/ui/content/Icon/Icon';
-import React from 'react';
+import { ReactElement } from 'react';
 /**
 * Функция которая проверяет соответствует ли typeof icon === 'string', если да - то вернет компонент Icon
 * с переданным в него iconProps, если нет то вернется span с классом iconProps.className со вложенным {icon}
 * @example renderIcon(props.leadIcon, {className: 'leadIcon', tabIndex: -1})
 */
-declare const renderIcon: (icon: string | React.ReactElement, iconProps: IIconProps) => JSX.Element;
+declare const renderIcon: (icon: string | ReactElement, iconProps: IIconProps) => JSX.Element;
 export default renderIcon;

package/utils/renderIcon.js

@@ -14,14 +14,14 @@ 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 valid-typeof */
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon/Icon"));
-var react_1 = __importDefault(require("react"));
 /**
 * Функция которая проверяет соответствует ли typeof icon === 'string', если да - то вернет компонент Icon
 * с переданным в него iconProps, если нет то вернется span с классом iconProps.className со вложенным {icon}
 * @example renderIcon(props.leadIcon, {className: 'leadIcon', tabIndex: -1})
 */
 var renderIcon = function (icon, iconProps) { return typeof icon === 'string'
-    ? (react_1["default"].createElement(Icon_1["default"], __assign({ name: icon }, iconProps))) : (react_1["default"].createElement("span", { className: iconProps.className }, icon)); };
+    ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({ name: icon }, iconProps))) : ((0, jsx_runtime_1.jsx)("span", __assign({ className: iconProps.className }, { children: icon }))); };
 exports["default"] = renderIcon;