@steroidsjs/bootstrap 3.0.24 → 3.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ICalendarSystemViewProps } from '@steroidsjs/core/ui/content/CalendarSystem/CalendarSystem';
|
|
3
3
|
import './AsideCalendars.scss';
|
|
4
|
-
type IAsideCalendarsProps = Pick<ICalendarSystemViewProps, 'eventGroups' | 'eventGroupsTitle' | 'asideCalendarCheckboxListProps' | 'onChangeEventGroupsIds' | 'openCreateEventGroupModal'>;
|
|
4
|
+
type IAsideCalendarsProps = Pick<ICalendarSystemViewProps, 'eventGroups' | 'eventGroupsTitle' | 'asideCalendarCheckboxListProps' | 'onChangeEventGroupsIds' | 'openCreateEventGroupModal' | 'canAddedEventGroups'>;
|
|
5
5
|
declare function AsideCalendars(props: IAsideCalendarsProps): JSX.Element;
|
|
6
6
|
declare const _default: React.MemoExoticComponent<typeof AsideCalendars>;
|
|
7
7
|
export default _default;
|
|
@@ -42,13 +42,17 @@ var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
|
|
|
42
42
|
var content_1 = require("@steroidsjs/core/ui/content");
|
|
43
43
|
var form_1 = require("@steroidsjs/core/ui/form");
|
|
44
44
|
require("./AsideCalendars.scss");
|
|
45
|
+
var EVENT_GROUPS_FORM_ID = 'CalendarSystemEventGroupsForm';
|
|
45
46
|
function AsideCalendars(props) {
|
|
46
47
|
var bem = (0, useBem_1["default"])('AsideCalendars');
|
|
47
48
|
return (react_1["default"].createElement("div", { className: bem.block() },
|
|
48
49
|
react_1["default"].createElement(content_1.Accordion, null,
|
|
49
|
-
react_1["default"].createElement(content_1.AccordionItem, { title: props.eventGroupsTitle },
|
|
50
|
-
react_1["default"].createElement(form_1.
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
react_1["default"].createElement(content_1.AccordionItem, { isShowMore: true, title: props.eventGroupsTitle },
|
|
51
|
+
react_1["default"].createElement(form_1.Form, { formId: EVENT_GROUPS_FORM_ID, initialValues: {
|
|
52
|
+
eventGroups: props.eventGroups.map(function (eventGroup) { return eventGroup.id; })
|
|
53
|
+
}, useRedux: true },
|
|
54
|
+
react_1["default"].createElement(form_1.CheckboxListField, __assign({ attribute: 'eventGroups', items: props.eventGroups, onChange: function (selectedIds) { return props.onChangeEventGroupsIds(selectedIds); } }, props.asideCalendarCheckboxListProps))),
|
|
55
|
+
props.canAddedEventGroups && (react_1["default"].createElement(form_1.Button, { color: 'basic', className: bem.element('add'), onClick: props.openCreateEventGroupModal, size: 'sm' },
|
|
56
|
+
react_1["default"].createElement(content_1.Icon, { name: "add_16x16" })))))));
|
|
53
57
|
}
|
|
54
58
|
exports["default"] = (0, react_1.memo)(AsideCalendars);
|
|
@@ -44,7 +44,7 @@ function CalendarSystemView(props) {
|
|
|
44
44
|
react_1["default"].createElement(AsideHeader_1["default"], { openCreateModal: props.openCreateModal, className: bem.element('aside-header') }),
|
|
45
45
|
react_1["default"].createElement(Calendar_1["default"], __assign({ showFooter: false, onTodayButtonClick: props.onCalendarChangedMonth, onMonthChange: props.onCalendarChangedMonth }, props.asideCalendarProps)),
|
|
46
46
|
props.children,
|
|
47
|
-
react_1["default"].createElement(AsideCalendars_1["default"], { eventGroups: props.eventGroups, eventGroupsTitle: props.eventGroupsTitle, onChangeEventGroupsIds: props.onChangeEventGroupsIds, openCreateEventGroupModal: props.openCreateEventGroupModal, asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps })),
|
|
47
|
+
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 })),
|
|
48
48
|
react_1["default"].createElement("div", { className: bem.element('content') },
|
|
49
49
|
react_1["default"].createElement(ContentHeader_1["default"], { dateToDisplay: props.dateToDisplay, handleCalendarTypeChange: props.handleCalendarTypeChange, onClickControl: props.onClickControl }),
|
|
50
50
|
calendarTypeGrids[props.calendarType])));
|
package/list/Grid/GridView.js
CHANGED
|
@@ -97,7 +97,7 @@ function GridView(props) {
|
|
|
97
97
|
}), column.className), "data-label": (0, isString_1["default"])(column.label) ? column.label : null }, props.renderValue(item, column))); }))); }),
|
|
98
98
|
(loading || emptyContent) && (React.createElement("tr", null,
|
|
99
99
|
React.createElement("td", { colSpan: props.columns.length }, loading || emptyContent))),
|
|
100
|
-
!loading && (React.createElement("tr", { className: bem.element('infinite-scroll') },
|
|
100
|
+
!loading && infiniteScroll && (React.createElement("tr", { className: bem.element('infinite-scroll') },
|
|
101
101
|
React.createElement("td", null, infiniteScroll))))),
|
|
102
102
|
props.renderPagination()));
|
|
103
103
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@steroidsjs/bootstrap",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.26",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": "Vladimir Kozhin <hello@kozhindev.com>",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"react-use": "^17.4.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@steroidsjs/core": "3.0.
|
|
38
|
+
"@steroidsjs/core": "3.0.40",
|
|
39
39
|
"@steroidsjs/eslint-config": "^2.1.6",
|
|
40
40
|
"@types/enzyme": "^3.10.8",
|
|
41
41
|
"@types/googlemaps": "^3.43.3",
|