@steroidsjs/bootstrap 2.1.10 → 2.1.14

package/content/DropDown/DropDownView.js

@@ -18,21 +18,34 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 exports.__esModule = true;
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var React = __importStar(require("react"));
 var react_use_1 = require("react-use");
 var hooks_1 = require("@steroidsjs/core/hooks");
 require("./DropDownView.scss");
+var react_1 = require("react");
 function DropDownView(props) {
     var _a;
     var bem = hooks_1.useBem('DropDownView');
+    var ui = hooks_1.useComponents().ui;
     react_use_1.useMount(function () {
         props.calculatePosition(props.forwardedRef.current.getBoundingClientRect());
     });
+    var contentProps = react_1.useMemo(function () { return ({
+        onClose: props.onClose
+    }); }, [props.onClose]);
+    var content = props.content();
+    if (isFunction_1["default"](content)) {
+        content = ui.renderView(content, contentProps);
+    }
     return (React.createElement("div", { ref: props.forwardedRef, className: bem(bem.block((_a = {
                 show: props.isComponentVisible
             },
             _a["position-" + props.position] = !!props.position,
-            _a)), props.className), style: props.style }, props.content()));
+            _a)), props.className), style: props.style }, content));
 }
 exports["default"] = DropDownView;

package/form/FileField/FileFieldItemView.js

@@ -27,7 +27,7 @@ var hooks_1 = require("@steroidsjs/core/hooks");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
 function FileFieldItemView(props) {
     var bem = hooks_1.useBem('FileFieldItemView');
-    return (React.createElement("div", { className: bem(bem.block(), 'card float-left mb-1 mr-1', props.error && 'border-danger') },
+    return (React.createElement("div", { className: bem(bem.block(), 'card mb-1 mr-1', props.error && 'border-danger') },
         props.image
             ? (React.createElement("img", { src: props.image.url, className: 'card-img-top', width: props.image.width, height: props.image.height, alt: props.title }))
             : (React.createElement(Icon_1["default"], { className: bem.element('blank-img'), name: props.imagesOnly ? 'file-image' : 'file' })),

package/form/FileField/FileFieldView.js

@@ -42,7 +42,7 @@ function FileFieldView(props) {
     var ButtonComponent = props.buttonComponent || Button_1["default"];
     var FileItemView = props.itemView;
     return (React.createElement("div", { className: bem.block() },
-        React.createElement("div", { className: bem(bem.element('files'), 'clearfix') }, props.items.map(function (item) { return (React.createElement(FileItemView, __assign({ key: item.uid }, item, props.itemProps))); })),
+        React.createElement("div", { className: bem(bem.element('files')) }, props.items.map(function (item) { return (React.createElement(FileItemView, __assign({ key: item.uid }, item, props.itemProps))); })),
         React.createElement("div", { className: bem.element('button') },
             React.createElement(ButtonComponent, __assign({}, props.buttonProps, { layout: false, label: null }),
                 React.createElement(Icon_1["default"], { className: bem.element('button-icon'), name: props.imagesOnly ? 'file-image' : 'upload' }),

package/form/FileField/FileFieldView.scss

@@ -1,6 +1,8 @@
 .FileFieldView {
   &__files {
     margin-bottom: 1em;
+    display: flex;
+    flex-wrap: wrap;
   }
 
   &__button-label {

package/form/RadioListField/RadioListFieldView.js

@@ -40,7 +40,7 @@ function RadioListFieldView(props) {
     var bem = hooks_1.useBem('RadioListFieldView');
     var prefix = useUniqueId_1["default"]('radio');
     return (React.createElement("div", { className: bem.block() }, props.items.map(function (item, index) { return (React.createElement("div", { key: typeof item.id !== 'boolean' ? item.id : (item.id ? 'true' : 'false'), className: 'custom-control custom-radio' },
-        React.createElement("input", __assign({}, props.inputProps, { id: prefix + "_" + item.id, className: bem(bem.element('input'), 'custom-control-input', !!props.errors && 'is-invalid'), checked: props.selectedIds.includes(item.id), disabled: props.disabled, onChange: function (e) {
+        React.createElement("input", __assign({}, props.inputProps, { id: prefix + "_" + item.id, className: bem(bem.element('input'), 'custom-control-input', !!props.errors && 'is-invalid'), checked: props.selectedIds.includes(item.id), disabled: props.disabled || item.disabled, onChange: function (e) {
                 props.inputProps.onChange(e.target.value);
                 props.onItemSelect(item.id);
             } })),

package/list/Grid/GridView.js

@@ -52,7 +52,10 @@ function GridView(props) {
             return null;
         }
         var fields = keyBy_1["default"](props.searchForm.fields.map(function (column) { return isString_1["default"](column) ? { attribute: column } : column; }), 'attribute');
-        return (React.createElement("tr", null, props.columns.map(function (column, columnIndex) { return (React.createElement("td", { key: columnIndex, className: column.headerClassName }, column.attribute && fields[column.attribute] && (React.createElement(Field_1["default"], __assign({ layout: 'inline' }, fields[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 _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/bootstrap",
-  "version": "2.1.10",
+  "version": "2.1.14",
   "description": "",
   "main": "index.js",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@ckeditor/ckeditor5-react": "^3.0.2",
     "@steroidsjs/ckeditor5": "^27.0.2-rc.2",
-    "@steroidsjs/core": "^2.2.32",
+    "@steroidsjs/core": "^2.2.44",
     "bootstrap": "^4.5.2",
     "lodash": "^4.17.20",
     "lodash-es": "^4.17.20",