@steroidsjs/bootstrap 3.0.0-beta.51 → 3.0.0-beta.53

package/content/Card/CardView.js

@@ -22,7 +22,7 @@ var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var nav_1 = require("@steroidsjs/core/ui/nav");
 function CardView(props) {
     var bem = (0, hooks_1.useBem)('CardView');
-    var hasContent = !!(props.title || props.buttons || props.links || props.description);
+    var hasContent = !!(props.title || props.buttons || props.links || props.description || props.children);
     return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: props.style },
         props.header && (react_1["default"].createElement("div", { className: bem.element('header', {
                 withoutCover: !props.cover && hasContent
@@ -41,7 +41,8 @@ function CardView(props) {
             react_1["default"].createElement("div", { className: bem.element('content-inner') },
                 props.description && (react_1["default"].createElement("p", { className: bem.element('description') }, props.description)),
                 props.buttons && (react_1["default"].createElement("div", { className: bem.element('buttons') }, props.buttons.map(function (button, buttonIndex) { return (react_1["default"].createElement(form_1.Button, __assign({}, button, { key: buttonIndex }))); }))),
-                props.links && (react_1["default"].createElement("div", { className: bem.element('links') }, props.links.map(function (link, linkIndex) { return (react_1["default"].createElement(nav_1.Link, __assign({}, link, { key: linkIndex }))); })))))),
+                props.links && (react_1["default"].createElement("div", { className: bem.element('links') }, props.links.map(function (link, linkIndex) { return (react_1["default"].createElement(nav_1.Link, __assign({}, link, { key: linkIndex }))); }))),
+                props.children))),
         props.footer && (react_1["default"].createElement("div", { className: bem.element('footer') },
             react_1["default"].createElement("h3", { className: bem.element('footer-head') }, props.footer.head),
             react_1["default"].createElement("p", { className: bem.element('footer-subhead') }, props.footer.subhead)))));

package/form/FieldLayout/FieldLayoutView.js

@@ -39,7 +39,7 @@ function FieldLayoutView(props) {
             }) }, props.label + ':')),
         React.createElement("div", { className: bem.element('field') },
             props.children,
-            !(0, isEmpty_1["default"])(props.errors) && (React.createElement("div", { className: bem.element('invalid-feedback') }, props.errors.filter(function (error) { return typeof error === 'string'; }).map(function (error, index) { return (React.createElement("div", { key: index, className: bem.element('error-message') },
+            !(0, isEmpty_1["default"])(props.errors) && (React.createElement("div", { className: bem.element('invalid-feedback') }, [].concat(props.errors).filter(function (error) { return typeof error === 'string'; }).map(function (error, index) { return (React.createElement("div", { key: index, className: bem.element('error-message') },
                 React.createElement(Icon_1["default"], { name: "error_24x24", className: bem.element('icon_error'), tabIndex: -1 }),
                 React.createElement("span", { className: bem.element('error-text', {
                         size: props.size || 'md'

package/form/FileField/FileFieldItemView.js

@@ -41,7 +41,7 @@ function FileFieldItemView(props) {
         React.createElement("div", { className: bem.element('progress-bar'), style: { width: "".concat(props.progress.percent, "%") } }))); }, [bem, props.progress]);
     var renderLoadingState = React.useCallback(function () { return (React.createElement("div", { className: bem.element('left') },
         React.createElement("div", { className: bem.element('icon-wrapper', 'loading') },
-            React.createElement(Icon_1["default"], { className: bem.element('icon-loading'), name: 'loading_icon' })),
+            React.createElement(Icon_1["default"], { className: bem.element('icon-loading'), name: 'loading_default' })),
         React.createElement("div", { className: bem.element('content') },
             React.createElement("span", { className: bem.element('title', 'loading') }, props.title),
             renderProgressBar(),

package/form/FileField/FileFieldView.scss

@@ -24,6 +24,7 @@
     min-width: 200px;
 
     &_isWall {
+      min-width: auto;
       width: 128px;
       height: 128px;
       border: 1px dashed $light;

package/nav/Nav/NavIconView.js

@@ -43,7 +43,7 @@ var hooks_1 = require("@steroidsjs/core/hooks");
 function NavIconView(props) {
     var bem = (0, hooks_1.useBem)('NavIconView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) },
-        props.items.map(function (item, index) { return (React.createElement(Button_1["default"], __assign({ icon: props.icon ? props.icon : 'circle-notch', key: item.id || index, link: true, onClick: function () { return props.onClick(item, index); } }, item, { label: null, hint: item.hint || item.label || null }))); }),
+        props.items.map(function (item, index) { return (React.createElement(Button_1["default"], __assign({ icon: props.icon ? props.icon : 'add', key: item.id || index, link: true, onClick: function () { return props.onClick(item, index); } }, item, { label: null, hint: item.hint || item.label || null }))); }),
         props.children));
 }
 exports["default"] = NavIconView;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.51",
+    "version": "3.0.0-beta.53",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -35,7 +35,7 @@
         "react-use": "^17.4.0"
     },
     "devDependencies": {
-        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.33",
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.35",
         "@steroidsjs/eslint-config": "^2.1.4",
         "@types/enzyme": "^3.10.8",
         "@types/googlemaps": "^3.43.3",