@steroidsjs/bootstrap 3.0.11 → 3.0.13

package/README.md

@@ -3,4 +3,12 @@
 
 Эта библиотека содержит представления (views) для компонентов из [Steroids](https://github.com/steroids/react/),
 
-Подробнее о том как создавать и использовать эти view-файлы можно узнать в [документации Steroids](https://github.com/steroids/react/blob/master/docs/index.md)
+Подробнее о том как создавать и использовать эти view-файлы можно узнать в [документации Steroids](https://github.com/steroids/react/blob/master/docs/index.md)
+
+## Направления прикладного использования фреймворка Steroids
+
+- Создание различных сайтов, (например сайт интернет-магазина)
+- Создание CRM и ERP систем
+- Создание SPA приложений
+- Создание панелей администратора
+- Создание личных кабинетов

package/content/CalendarSystem/CalendarSystemView.js

@@ -42,7 +42,7 @@ function CalendarSystemView(props) {
     return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: props.style },
         react_1["default"].createElement("aside", { className: bem.element('aside') },
             react_1["default"].createElement(AsideHeader_1["default"], { openCreateModal: props.openCreateModal, className: bem.element('aside-header') }),
-            react_1["default"].createElement(Calendar_1["default"], { showFooter: false, onMonthChange: props.onCalendarChangedMonth }),
+            react_1["default"].createElement(Calendar_1["default"], __assign({ showFooter: false, onTodayButtonClick: props.onCalendarChangedMonth, onMonthChange: props.onCalendarChangedMonth }, props.asideCalendarProps)),
             react_1["default"].createElement(AsideCalendars_1["default"], { eventGroups: props.eventGroups, eventGroupsTitle: props.eventGroupsTitle, onChangeEventGroupsIds: props.onChangeEventGroupsIds, openCreateEventGroupModal: props.openCreateEventGroupModal })),
         react_1["default"].createElement("div", { className: bem.element('content') },
             react_1["default"].createElement(ContentHeader_1["default"], { dateToDisplay: props.dateToDisplay, handleCalendarTypeChange: props.handleCalendarTypeChange, onClickControl: props.onClickControl }),

package/content/Icon/IconView.js

@@ -42,7 +42,7 @@ var hooks_1 = require("@steroidsjs/core/hooks");
 var omit_1 = __importDefault(require("lodash-es/omit"));
 function IconView(props) {
     var bem = (0, hooks_1.useBem)('IconView');
-    var omittedProps = (0, omit_1["default"])(props, 'contentEditable', 'icon');
+    var omittedProps = (0, omit_1["default"])(props, 'contentEditable', 'icon', 'dataIcon');
     if (typeof props.icon === 'string' && props.icon.indexOf('<svg') === 0) {
         return (React.createElement("span", __assign({}, omittedProps, { dangerouslySetInnerHTML: { __html: props.icon } /* eslint-disable-line react/no-danger */, "aria-label": props.title, title: props.title, className: bem(bem.block(), props.className), onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: props.tabIndex || 0, "data-icon": props.dataIcon })));
     }

package/list/Grid/GridView.js

@@ -73,6 +73,7 @@ function GridView(props) {
             } }));
     }, [bem, props]);
     var emptyContent = (0, react_1.useMemo)(function () { return props.renderEmpty(); }, [props]);
+    var loading = (0, react_1.useMemo)(function () { return props.renderLoading(); }, [props]);
     return props.renderList(React.createElement("div", { className: bem(bem.block({
             loading: props.isLoading || ((_a = props.list) === null || _a === void 0 ? void 0 : _a.isLoading),
             size: props.size,
@@ -93,8 +94,8 @@ function GridView(props) {
                 props.items && props.items.map(function (item, rowIndex) { return (React.createElement("tr", { key: item[props.primaryKey] || rowIndex }, props.columns.map(function (column, columnIndex) { return (React.createElement("td", { key: columnIndex, className: bem(bem.element('column', {
                         isDiagram: !!column.diagram
                     }), column.className), "data-label": (0, isString_1["default"])(column.label) ? column.label : null }, props.renderValue(item, column))); }))); }),
-                emptyContent && (React.createElement("tr", null,
-                    React.createElement("td", { colSpan: props.columns.length }, emptyContent))))),
+                (loading || emptyContent) && (React.createElement("tr", null,
+                    React.createElement("td", { colSpan: props.columns.length }, loading || emptyContent))))),
         props.renderPagination()));
 }
 exports["default"] = GridView;

package/list/List/ListView.js

@@ -44,6 +44,6 @@ function ListView(props) {
         renderPagination(['top', 'both'].includes(props.paginationPosition) && props.renderPagination(), ['top', 'both'].includes(props.paginationSizePosition) && props.renderPaginationSize(), ['top', 'both'].includes(props.layoutNamesPosition) && props.renderLayoutNames()),
         React.createElement("div", { className: bem(bem.element('content'), props.contentClassName) }, props.content),
         renderPagination(['bottom', 'both'].includes(props.paginationPosition) && props.renderPagination(), ['bottom', 'both'].includes(props.paginationSizePosition) && props.renderPaginationSize(), ['bottom', 'both'].includes(props.layoutNamesPosition) && props.renderLayoutNames()),
-        props.renderEmpty()));
+        props.renderLoading() || props.renderEmpty()));
 }
 exports["default"] = ListView;

package/package.json

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