@steroidsjs/bootstrap 3.0.23 → 3.0.25

package/content/CalendarSystem/AsideCalendars/AsideCalendars.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
 import './AsideCalendars.scss';
-type IAsideCalendarsProps = Pick<ICalendarSystemViewProps, 'eventGroups' | 'eventGroupsTitle' | 'asideCalendarCheckboxListProps' | 'onChangeEventGroupsIds' | 'openCreateEventGroupModal'>;
+type IAsideCalendarsProps = Pick<ICalendarSystemViewProps, 'eventGroups' | 'eventGroupsTitle' | 'asideCalendarCheckboxListProps' | 'onChangeEventGroupsIds' | 'openCreateEventGroupModal' | 'canAddedEventGroups'>;
 declare function AsideCalendars(props: IAsideCalendarsProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof AsideCalendars>;
 export default _default;

package/content/CalendarSystem/AsideCalendars/AsideCalendars.js

@@ -42,13 +42,17 @@ var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
 var content_1 = require("@steroidsjs/core/ui/content");
 var form_1 = require("@steroidsjs/core/ui/form");
 require("./AsideCalendars.scss");
+var EVENT_GROUPS_FORM_ID = 'CalendarSystemEventGroupsForm';
 function AsideCalendars(props) {
     var bem = (0, useBem_1["default"])('AsideCalendars');
     return (react_1["default"].createElement("div", { className: bem.block() },
         react_1["default"].createElement(content_1.Accordion, null,
-            react_1["default"].createElement(content_1.AccordionItem, { title: props.eventGroupsTitle },
-                react_1["default"].createElement(form_1.CheckboxListField, __assign({ items: props.eventGroups, onChange: function (selectedIds) { return props.onChangeEventGroupsIds(selectedIds); } }, props.asideCalendarCheckboxListProps)),
-                react_1["default"].createElement(form_1.Button, { color: 'basic', className: bem.element('add'), onClick: props.openCreateEventGroupModal, size: 'sm' },
-                    react_1["default"].createElement(content_1.Icon, { name: "add_16x16" }))))));
+            react_1["default"].createElement(content_1.AccordionItem, { isShowMore: true, title: props.eventGroupsTitle },
+                react_1["default"].createElement(form_1.Form, { formId: EVENT_GROUPS_FORM_ID, initialValues: {
+                        eventGroups: props.eventGroups.map(function (eventGroup) { return eventGroup.id; })
+                    }, useRedux: true },
+                    react_1["default"].createElement(form_1.CheckboxListField, __assign({ attribute: 'eventGroups', items: props.eventGroups, onChange: function (selectedIds) { return props.onChangeEventGroupsIds(selectedIds); } }, props.asideCalendarCheckboxListProps))),
+                props.canAddedEventGroups && (react_1["default"].createElement(form_1.Button, { color: 'basic', className: bem.element('add'), onClick: props.openCreateEventGroupModal, size: 'sm' },
+                    react_1["default"].createElement(content_1.Icon, { name: "add_16x16" })))))));
 }
 exports["default"] = (0, react_1.memo)(AsideCalendars);

package/content/CalendarSystem/CalendarSystemView.js

@@ -44,7 +44,7 @@ function CalendarSystemView(props) {
             react_1["default"].createElement(AsideHeader_1["default"], { openCreateModal: props.openCreateModal, className: bem.element('aside-header') }),
             react_1["default"].createElement(Calendar_1["default"], __assign({ showFooter: false, onTodayButtonClick: props.onCalendarChangedMonth, onMonthChange: props.onCalendarChangedMonth }, props.asideCalendarProps)),
             props.children,
-            react_1["default"].createElement(AsideCalendars_1["default"], { eventGroups: props.eventGroups, eventGroupsTitle: props.eventGroupsTitle, onChangeEventGroupsIds: props.onChangeEventGroupsIds, openCreateEventGroupModal: props.openCreateEventGroupModal, asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps })),
+            react_1["default"].createElement(AsideCalendars_1["default"], { eventGroups: props.eventGroups, canAddedEventGroups: props.canAddedEventGroups, eventGroupsTitle: props.eventGroupsTitle, onChangeEventGroupsIds: props.onChangeEventGroupsIds, openCreateEventGroupModal: props.openCreateEventGroupModal, asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps })),
         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 }),
             calendarTypeGrids[props.calendarType])));

package/list/Grid/GridView.js

@@ -72,6 +72,7 @@ function GridView(props) {
                 props.onSort(!isActive ? sortKey : null);
             } }));
     }, [bem, props]);
+    var infiniteScroll = (0, react_1.useMemo)(function () { return props.renderInfiniteScroll(); }, [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({
@@ -95,7 +96,9 @@ function GridView(props) {
                         isDiagram: !!column.diagram
                     }), column.className), "data-label": (0, isString_1["default"])(column.label) ? column.label : null }, props.renderValue(item, column))); }))); }),
                 (loading || emptyContent) && (React.createElement("tr", null,
-                    React.createElement("td", { colSpan: props.columns.length }, loading || emptyContent))))),
+                    React.createElement("td", { colSpan: props.columns.length }, loading || emptyContent))),
+                !loading && (React.createElement("tr", { className: bem.element('infinite-scroll') },
+                    React.createElement("td", null, infiniteScroll))))),
         props.renderPagination()));
 }
 exports["default"] = GridView;

package/list/Grid/GridView.scss

@@ -165,4 +165,10 @@ $grid-td-alternating-color: var(--grid-td-alternating-color);
             }
         }
     }
+
+    &__infinite-scroll {
+        td {
+            width: 100%;
+        }
+    }
 }

package/package.json

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