@steroidsjs/core 3.0.0-beta.97 → 3.0.0-beta.98

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.97",
+ "version": "3.0.0-beta.98",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/content/CalendarSystem/CalendarSystem.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { IModalProps } from '../../../ui/modal/Modal/Modal';
 import CalendarEnum from './enums/CalendarType';
 export type CalendarSystemModalFields = 'title' | 'eventGroupId' | 'date' | 'description';
+export type CalendarSystemEventGroupModalFields = 'label' | 'color';
 export interface IEventInitialValues extends IEvent {
     eventGroupId: string;
 }
@@ -54,6 +55,7 @@ export interface ICalendarSystemViewProps extends Omit<ICalendarSystemProps, 'ca
     onMonthChange: (newDate: Date) => void;
     applyControl: (event: React.MouseEvent<HTMLElement>) => void;
     openCreateModal: (eventInitialDay?: IDay) => void;
+    openCreateEventGroupModal: VoidFunction;
     openEditModal: (event: IEvent) => void;
     getEventsFromDate: (dateFromDay: Date, isMonth: boolean) => IEvent[];
     onChangeEventGroupsIds: (selectedIds: number[]) => void;
@@ -65,4 +67,8 @@ export interface ICalendarSystemModalViewProps extends IModalProps {
     isCreate: boolean;
     eventInitialValues?: any;
 }
+export interface CalendarSystemEventGroupModalViewProps extends IModalProps {
+    isCreate: boolean;
+    onEventGroupSubmit: (fields: Record<CalendarSystemEventGroupModalFields, string>) => void;
+}
 export default function CalendarSystem(props: ICalendarSystemProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -31,6 +31,7 @@ var hooks_1 = require("../../../hooks");
 var addEventIfMatchDate_1 = require("./helpers/addEventIfMatchDate");
 var CalendarType_1 = __importDefault(require("./enums/CalendarType"));
 var useCalendarSystemModals_1 = __importDefault(require("./hooks/useCalendarSystemModals"));
+var useCalendarSystemEventGroupModals_1 = require("./hooks/useCalendarSystemEventGroupModals");
 dayjs_1["default"].extend(localeData_1["default"]);
 function CalendarSystem(props) {
     var components = (0, hooks_1.useComponents)();
@@ -42,6 +43,7 @@ function CalendarSystem(props) {
     var _f = (0, hooks_1.useWeekCalendar)(currentMonthDate), currentWeekDays = _f.currentWeek, weekControls = _f.weekControls, forceUpdateWeekOnMonthChange = _f.forceUpdateWeekOnMonthChange;
     var applyControl = (0, useCalendarControls_1["default"])(calendarType, weekControls);
     var _g = (0, useCalendarSystemModals_1["default"])(props.calendarModalProps, innerEventGroups, setInnerEventGroups), openCreateModal = _g.openCreateModal, openEditModal = _g.openEditModal;
+    var openCreateEventGroupModal = (0, useCalendarSystemEventGroupModals_1.useCalendarSystemEventGroupModals)(innerEventGroups, setInnerEventGroups).openCreateEventGroupModal;
     var onChangeCalendarType = react_1["default"].useCallback(function (newType) {
         setCalendarType(newType);
         if (props.onChangeCalendarType) {
@@ -96,6 +98,6 @@ function CalendarSystem(props) {
         }
         return hoursArray;
     }, []);
-    return components.ui.renderView(props.view || 'content.CalendarSystemView', __assign(__assign({}, props), { dateToDisplay: dateToDisplay, monthCalendarDays: monthCalendarDays, calendarType: calendarType, currentWeekDays: currentWeekDays, eventGroups: innerEventGroups, eventGroupsTitle: props.eventBlock.title, allHours: allHours, selectedEventGroupsIds: selectedEventGroupsIds, onChangeCalendarType: onChangeCalendarType, onMonthChange: onMonthChange, applyControl: applyControl, openCreateModal: openCreateModal, getEventsFromDate: getEventsFromDate, onChangeEventGroupsIds: function (newSelectedEventGroupsIds) { return setSelectedEventGroupsIds(newSelectedEventGroupsIds); }, openEditModal: openEditModal, weekDays: weekDays }));
+    return components.ui.renderView(props.view || 'content.CalendarSystemView', __assign(__assign({}, props), { dateToDisplay: dateToDisplay, monthCalendarDays: monthCalendarDays, calendarType: calendarType, currentWeekDays: currentWeekDays, eventGroups: innerEventGroups, eventGroupsTitle: props.eventBlock.title, allHours: allHours, selectedEventGroupsIds: selectedEventGroupsIds, onChangeCalendarType: onChangeCalendarType, onMonthChange: onMonthChange, applyControl: applyControl, openCreateModal: openCreateModal, getEventsFromDate: getEventsFromDate, onChangeEventGroupsIds: function (newSelectedEventGroupsIds) { return setSelectedEventGroupsIds(newSelectedEventGroupsIds); }, openCreateEventGroupModal: openCreateEventGroupModal, openEditModal: openEditModal, weekDays: weekDays }));
 }
 exports["default"] = CalendarSystem;

package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IEventGroup } from '../CalendarSystem';
+export declare const useCalendarSystemEventGroupModals: (innerEventGroups: IEventGroup[], setInnerEventGroups: React.Dispatch<React.SetStateAction<IEventGroup[]>>) => {
+    openCreateEventGroupModal: () => void;
+};

package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.js

@@ -0,0 +1,46 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.useCalendarSystemEventGroupModals = void 0;
+var react_redux_1 = require("react-redux");
+var maxBy_1 = __importDefault(require("lodash-es/maxBy"));
+var react_1 = __importDefault(require("react"));
+var modal_1 = require("../../../../actions/modal");
+var useComponents_1 = __importDefault(require("../../../../hooks/useComponents"));
+var DEFAULT_ID = 1;
+var useCalendarSystemEventGroupModals = function (innerEventGroups, setInnerEventGroups) {
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var components = (0, useComponents_1["default"])();
+    var calendarModalView = components.ui.getView('content.CalendarSystemEventGroupModalView');
+    var onEventGroupSubmit = react_1["default"].useCallback(function (fields) {
+        var _a;
+        var newEventGroup = {
+            id: (((_a = (0, maxBy_1["default"])(innerEventGroups, function (eventsGroup) { return eventsGroup.id; })) === null || _a === void 0 ? void 0 : _a.id) || DEFAULT_ID) + 1,
+            label: fields.label,
+            color: fields.color,
+            events: []
+        };
+        setInnerEventGroups(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newEventGroup], false); });
+    }, [innerEventGroups, setInnerEventGroups]);
+    var openCreateEventGroupModal = react_1["default"].useCallback(function () {
+        dispatch((0, modal_1.openModal)(calendarModalView, {
+            isCreate: true,
+            onEventGroupSubmit: onEventGroupSubmit
+        }));
+    }, [calendarModalView, dispatch, onEventGroupSubmit]);
+    return {
+        openCreateEventGroupModal: openCreateEventGroupModal
+    };
+};
+exports.useCalendarSystemEventGroupModals = useCalendarSystemEventGroupModals;