@steroidsjs/bootstrap 3.0.0 → 3.0.1

package/content/Calendar/CalendarView.scss

@@ -155,10 +155,10 @@ $calendar-border-color: var(--calendar-border-color);
             z-index: 9;
         }
 
-        &:focus { 
+        &:focus {
             outline: none;
         }
-        
+
         &:focus:not(:active)::after {
             opacity: 1;
         }
@@ -291,3 +291,8 @@ $calendar-border-color: var(--calendar-border-color);
         }
     }
 }
+
+// Class to allow body scroll, when Calendar is open in a Modal window
+.ModalView_body-hide-scroll:has(.CalendarView) {
+    overflow-y: auto;
+}

package/form/DateField/DateFieldView.js

@@ -46,7 +46,7 @@ var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar")
 function DateFieldView(props) {
     var bem = (0, hooks_1.useBem)('DateFieldView');
     var renderCalendar = (0, react_1.useCallback)(function () { return (React.createElement(Calendar_1["default"], __assign({}, props.calendarProps))); }, [props.calendarProps]);
-    return (React.createElement(DropDown_1["default"], { content: renderCalendar, position: "bottom", visible: props.isOpened, onClose: props.onClose, className: bem.element('dropdown'), hasArrow: false },
+    return (React.createElement(DropDown_1["default"], { content: renderCalendar, position: "bottom", visible: props.isOpened, onClose: props.onClose, className: bem.element('dropdown'), autoPositioning: props.autoPositioning, hasArrow: false },
         React.createElement("div", { className: bem(bem.block({
                 size: props.size,
                 disabled: props.disabled,

package/nav/Tree/TreeView.js

@@ -43,7 +43,7 @@ var hooks_1 = require("@steroidsjs/core/hooks");
 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 },
+    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)))); })));
 }
 exports["default"] = TreeView;

package/nav/TreeItem/TreeItemView.js

@@ -55,13 +55,14 @@ function TreeItemView(props) {
     return (React.createElement("div", __assign({ key: props.item.uniqueId, className: bem(bem.block({
             selected: props.item.isSelected,
             opened: props.item.isOpened,
-            'has-items': props.item.hasItems,
+            'has-items': props.item.hasItems || props.hideIcon,
             level: props.item.level,
-            disabled: props.item.disabled
+            disabled: props.item.disabled,
+            'hide-icon': props.hideIcon
         }), props.className), style: {
-            paddingLeft: "".concat(props.item.level * props.levelPadding + paddingBasedOnIcon, "px")
+            paddingLeft: !props.hideIcon && "".concat(props.item.level * props.levelPadding + paddingBasedOnIcon, "px")
         } }, (!props.hasIconExpandOnly && onExpandProps)),
-        props.item.hasItems && (React.createElement(content_1.Icon, __assign({ name: 'expand_right', className: bem.element('icon', {
+        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)));

package/nav/TreeItem/TreeItemView.scss

@@ -38,9 +38,21 @@ $grid-icon-color: var(--grid-icon-color);
   &__item {
     display: flex;
     margin-left: 8px;
+    flex-grow: 1;
+
+    >* {
+      flex-grow: 1;
+    }
+  }
+
+  &_hide-icon &__item {
+    margin-left: 0;
   }
 
   &__icon {
+    min-width: 24px;
+    min-height: 24px;
+
     transform: rotate(0);
     transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 
@@ -52,9 +64,4 @@ $grid-icon-color: var(--grid-icon-color);
         stroke: $grid-icon-color;
     }
   }
-
-  .IconView {
-    min-width: 24px;
-    min-height: 24px;
-  }
 }

package/package.json

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