@steroidsjs/bootstrap 3.0.2 → 3.0.4

package/content/Slider/SliderView.js

@@ -15,7 +15,7 @@ function SliderView(props) {
     var Splide = react_splide_1.Splide;
     var ItemView = props.itemView;
     return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: props.style },
-        react_1["default"].createElement(Splide, { options: props.sliderOptions, extensions: props.extensions, hasTrack: props.hasTrack, tag: props.tag, transition: props.transition }, (_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, itemIndex) { return (react_1["default"].createElement(react_splide_1.SplideSlide, { key: itemIndex },
+        react_1["default"].createElement(Splide, { options: props.sliderOptions, extensions: props.extensions, hasTrack: props.hasTrack, tag: props.tag, transition: props.transition, ref: props.ref }, (_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, itemIndex) { return (react_1["default"].createElement(react_splide_1.SplideSlide, { key: itemIndex },
             react_1["default"].createElement(ItemView, { item: item }))); }))));
 }
 exports["default"] = SliderView;

package/form/CheckboxListField/CheckboxListFieldView.js

@@ -48,7 +48,7 @@ function CheckboxListFieldView(props) {
             },
             disabled: props.disabled
         },
-        size: props.size,
+        size: checkbox.size || props.size,
         color: checkbox.color,
         required: checkbox.required
     }); })));

package/form/FieldList/FieldListView.scss

@@ -1,4 +1,3 @@
-
 @use "../../scss/variables";
 
 :root {
@@ -15,7 +14,6 @@ $background-th: var(--background-th);
 $background-td-alternating: var(--background-td-alternating);
 
 .FieldListView {
-    overflow-x: auto;
     table {
         width: 100%;
         background-color: transparent;
@@ -23,7 +21,20 @@ $background-td-alternating: var(--background-td-alternating);
         border-collapse: separate;
         border-radius: 10px;
         border-spacing: 0;
-        overflow: hidden;
+    }
+
+    thead tr:first-child {
+        th:first-child {
+            border-radius: 10px 0 0 0;
+            -moz-border-radius: 10px 0 0 0;
+            -webkit-border-radius: 10px 0 0 0;
+        }
+
+        th:last-child {
+            border-radius: 0 10px 0 0;
+            -moz-border-radius: 0 10px 0 0;
+            -webkit-border-radius: 0 10px 0 0;
+        }
     }
 
     th:not(:last-child),
@@ -43,10 +54,6 @@ $background-td-alternating: var(--background-td-alternating);
         border-bottom: 1px solid variables.$gray-dark;
     }
 
-    tfoot > tr > td {
-        border-top: 1px solid variables.$gray-dark;
-    }
-
     tr td {
         padding: 12px;
     }
@@ -62,7 +69,11 @@ $background-td-alternating: var(--background-td-alternating);
 
     td {
         background: variables.$element-background-color;
-        overflow: hidden;
+    }
+
+    tfoot > tr > td {
+        border-top: 1px solid variables.$gray-dark;
+        border-radius: 0 0 10px 10px;
     }
 
     &_hasAlternatingColors {
@@ -86,3 +97,17 @@ $background-td-alternating: var(--background-td-alternating);
         margin-bottom: 0;
     }
 }
+
+.FieldListView:not(:has(tfoot)) {
+    tbody tr:last-child td:first-child {
+        border-radius: 0 0 0 10px !important;
+        -moz-border-radius: 0 0 0 10px !important;
+        -webkit-border-radius: 0 0 0 10px !important;
+    }
+
+    tbody tr:last-child td:last-child {
+        border-radius: 0 0 10px 0 !important;
+        -moz-border-radius: 0 0 10px 0 !important;
+        -webkit-border-radius: 0 0 10px 0 !important;
+    }
+}

package/form/Form/FormView.js

@@ -60,8 +60,8 @@ function FormView(props) {
     });
     return (React.createElement("form", { ref: formRef, className: bem(bem.block(), props.className), onSubmit: props.onSubmit, style: props.style },
         props.children,
-        (props.fields || []).map(function (field, index) { return (React.createElement(Field_1["default"], __assign({ key: index }, ((0, isString_1["default"])(field) ? { attribute: field } : field)))); }),
+        (props.fields || []).map(function (field, index) { return (React.createElement(Field_1["default"], __assign({ key: index }, ((0, isString_1["default"])(field) ? { attribute: field } : field), { size: field.size || props.size || null }))); }),
         props.buttons,
-        props.submitLabel && (React.createElement(Button_1["default"], { type: 'submit', label: props.submitLabel }))));
+        props.submitLabel && (React.createElement(Button_1["default"], __assign({ type: 'submit', label: props.submitLabel }, props.submitButtonProps)))));
 }
 exports["default"] = React.memo(FormView);

package/form/RadioListField/RadioListFieldView.js

@@ -48,7 +48,7 @@ function RadioListFieldView(props) {
             },
             disabled: props.disabled
         },
-        size: props.size,
+        size: radio.size || props.size,
         required: radio.required
     }); })));
 }

package/index.scss

@@ -53,7 +53,6 @@
 @include meta.load-css('form/ImageField/ImageFieldView');
 @include meta.load-css('form/FileField/FileFieldItemView');
 @include meta.load-css('form/FieldSet/FieldSetView');
-@include meta.load-css('form/Form/FormView');
 @include meta.load-css('form/WizardForm/WizardFormView');
 @include meta.load-css('form/HtmlField/HtmlFieldView');
 @include meta.load-css('form/InputField/InputFieldView');

package/layout/Header/HeaderView.js

@@ -77,7 +77,7 @@ function HeaderView(props) {
     return (React.createElement("header", { className: bem(bem.block({
             size: props.size
         }), props.className), style: props.style },
-        props.logo && (React.createElement(nav_1.Link, __assign({ className: bem.element('logo'), toRoute: 'root', size: props.size }, props.logo.linkProps),
+        props.logo && (React.createElement(nav_1.Link, __assign({ className: bem(bem.element('logo'), props.logo.className), toRoute: 'root', size: props.size }, props.logo.linkProps),
             props.logo.icon && ((0, renderIcon_1["default"])(props.logo.icon, {
                 className: bem.element('logo-image')
             })),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.2",
+    "version": "3.0.4",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -35,7 +35,7 @@
         "react-use": "^17.4.0"
     },
     "devDependencies": {
-        "@steroidsjs/core": "^3.0.2",
+        "@steroidsjs/core": "^3.0.4",
         "@steroidsjs/eslint-config": "^2.1.6",
         "@types/enzyme": "^3.10.8",
         "@types/googlemaps": "^3.43.3",

package/form/Form/FormView.scss

@@ -1,4 +0,0 @@
-.FormView {
-    display: flex;
-    flex-flow: column nowrap;
-}