@steroidsjs/core 3.0.0-beta.99 → 3.0.1

package/package.json

@@ -1,95 +1,96 @@
 {
- "name": "@steroidsjs/core",
- "version": "3.0.0-beta.99",
- "description": "",
- "author": "Vladimir Kozhin <hello@kozhindev.com>",
- "repository": {
-  "type": "git",
-  "url": "https://github.com/steroids/react"
- },
- "main": "dist/index.ts",
- "types": "dist/index.d.ts",
- "exports": {
-  "./": "./dist"
- },
- "license": "MIT",
- "homepage": "https://github.com/steroids/react",
- "bugs": {
-  "url": "https://github.com/steroids/react/issues"
- },
- "scripts": {
-  "docs": "node docs/docs-autogen.js",
-  "test": "jest",
-  "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src ./tests --quiet",
-  "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/ && cp docs/docs-autogen-result.json dist/ && cp docs/locales/en.json dist/",
-  "watch": "tsc -p tsconfig-debug.json"
- },
- "dependencies": {
-  "@maskito/core": "1.7.0",
-  "@maskito/kit": "1.7.0",
-  "@maskito/react": "^0.12.1",
-  "@splidejs/react-splide": "^0.7.12",
-  "axios": "^0.21.1",
-  "connected-react-router": "^6.9.3",
-  "dayjs": "^1.11.9",
-  "domready": "^1.0.8",
-  "dot-prop-immutable": "^2.1.0",
-  "fileup-core": "^1.2.7",
-  "history": "^4.10.1",
-  "intl-messageformat": "^10.1.4",
-  "js-cookie": "^2.2.1",
-  "load-js": "^3.0.3",
-  "lodash": "^4.17.21",
-  "lodash-es": "^4.17.21",
-  "path-to-regexp": "^1.7.0",
-  "qs": "^6.9.4",
-  "query-string": "^6.14.0",
-  "react": "^18.2.0",
-  "react-click-outside": "^3.0.1",
-  "react-day-picker": "^8.7.1",
-  "react-dom": "^18.2.0",
-  "react-grid-gallery": "^0.4.8",
-  "react-helmet": "^6.1.0",
-  "react-image-crop": "^9.0.2",
-  "react-redux": "^8.0.5",
-  "react-router": "^5.2.0",
-  "react-router-dom": "^5.2.0",
-  "react-use": "^17.4.0",
-  "redux": "^4.0.4",
-  "redux-mock-store": "^1.5.4",
-  "set-cookie-parser": "^2.4.8"
- },
- "devDependencies": {
-  "@babel/cli": "^7.13.14",
-  "@babel/core": "^7.13.15",
-  "@babel/preset-env": "^7.13.15",
-  "@babel/preset-react": "^7.13.13",
-  "@babel/preset-typescript": "^7.13.0",
-  "@steroidsjs/eslint-config": "^2.1.4",
-  "@testing-library/dom": "^8.20.0",
-  "@testing-library/jest-dom": "^5.16.5",
-  "@testing-library/react": "^13.4.0",
-  "@testing-library/user-event": "^14.4.3",
-  "@types/enzyme": "^3.10.8",
-  "@types/enzyme-adapter-react-16": "^1.0.6",
-  "@types/jest": "^26.0.22",
-  "@types/markdown-to-jsx": "^7.0.1",
-  "@types/reach__router": "^1.3.7",
-  "@types/react": "^18.0.20",
-  "@types/react-color": "^3.0.4",
-  "@types/react-dom": "^18.0.6",
-  "@types/react-syntax-highlighter": "^13.5.0",
-  "@types/webpack-env": "^1.16.0",
-  "@typescript-eslint/eslint-plugin": "^5.51.0",
-  "@typescript-eslint/parser": "^4.15.0",
-  "@wojtekmaj/enzyme-adapter-react-17": "^0.4.1",
-  "enzyme": "^3.11.0",
-  "eslint": "^8.34.0",
-  "jest": "^26.6.3",
-  "jest-environment-jsdom-fifteen": "^1.0.2",
-  "jest-enzyme": "^7.1.2",
-  "rc-slider": "9.7.4",
-  "ts-jest": "^26.5.1",
-  "typescript": "^4.9.5"
- }
+    "name": "@steroidsjs/core",
+    "version": "3.0.1",
+    "description": "",
+    "author": "Vladimir Kozhin <hello@kozhindev.com>",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/steroids/react"
+    },
+    "main": "dist/index.ts",
+    "types": "dist/index.d.ts",
+    "exports": {
+        "./": "./dist"
+    },
+    "license": "MIT",
+    "homepage": "https://github.com/steroids/react",
+    "bugs": {
+        "url": "https://github.com/steroids/react/issues"
+    },
+    "scripts": {
+        "docs": "node docs/docs-autogen.js",
+        "test": "jest",
+        "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src ./tests --quiet",
+        "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/ && cp docs/docs-autogen-result.json dist/ && cp docs/locales/en.json dist/",
+        "watch": "tsc -p tsconfig-debug.json"
+    },
+    "dependencies": {
+        "@maskito/core": "1.7.0",
+        "@maskito/kit": "1.7.0",
+        "@maskito/react": "^0.12.1",
+        "@splidejs/react-splide": "^0.7.12",
+        "axios": "^0.21.1",
+        "connected-react-router": "^6.9.3",
+        "dayjs": "^1.11.9",
+        "domready": "^1.0.8",
+        "dot-prop-immutable": "^2.1.0",
+        "fileup-core": "^1.2.7",
+        "history": "^4.10.1",
+        "intl-messageformat": "^10.1.4",
+        "js-cookie": "^2.2.1",
+        "load-js": "^3.0.3",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "path-to-regexp": "^1.7.0",
+        "qs": "^6.9.4",
+        "query-string": "^6.14.0",
+        "react": "^18.2.0",
+        "react-click-outside": "^3.0.1",
+        "react-day-picker": "^8.7.1",
+        "react-dom": "^18.2.0",
+        "react-grid-gallery": "^0.4.8",
+        "react-helmet": "^6.1.0",
+        "react-image-crop": "^9.0.2",
+        "react-redux": "^8.0.5",
+        "react-router": "^5.2.0",
+        "react-router-dom": "^5.2.0",
+        "react-use": "^17.4.0",
+        "redux": "^4.0.4",
+        "redux-mock-store": "^1.5.4",
+        "set-cookie-parser": "^2.4.8"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.13.14",
+        "@babel/core": "^7.13.15",
+        "@babel/preset-env": "^7.13.15",
+        "@babel/preset-react": "^7.13.13",
+        "@babel/preset-typescript": "^7.13.0",
+        "@steroidsjs/eslint-config": "^2.1.6",
+        "@testing-library/dom": "^8.20.0",
+        "@testing-library/jest-dom": "^5.16.5",
+        "@testing-library/react": "^13.4.0",
+        "@testing-library/user-event": "^14.4.3",
+        "@types/enzyme": "^3.10.8",
+        "@types/enzyme-adapter-react-16": "^1.0.6",
+        "@types/jest": "^26.0.22",
+        "@types/markdown-to-jsx": "^7.0.1",
+        "@types/reach__router": "^1.3.7",
+        "@types/react": "^18.0.20",
+        "@types/react-color": "^3.0.4",
+        "@types/react-dom": "^18.0.6",
+        "@types/react-syntax-highlighter": "^13.5.0",
+        "@types/webpack-env": "^1.16.0",
+        "@typescript-eslint/eslint-plugin": "^5.51.0",
+        "@typescript-eslint/parser": "^4.15.0",
+        "@wojtekmaj/enzyme-adapter-react-17": "^0.4.1",
+        "enzyme": "^3.11.0",
+        "eslint": "^8.34.0",
+        "jest": "^26.6.3",
+        "jest-environment-jsdom-fifteen": "^1.0.2",
+        "jest-enzyme": "^7.1.2",
+        "rc-slider": "9.7.4",
+        "ts-jest": "^26.5.1",
+        "typedoc": "^0.21.0",
+        "typescript": "^4.9.5"
+    }
 }

package/reducers/router.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IRouteItem } from '../ui/nav/Router/Router';
 type TRouteIdArg = string | null;
 export interface IRouterInitialState {
@@ -43,7 +44,7 @@ export declare const normalizeRoutes: (state: any, item: IRouteItem, activeIds:
     id: string;
     title: string;
     label: string;
-    icon: any;
+    icon: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     exact: boolean;
     strict: boolean;
     path: string;

package/ui/content/Accordion/Accordion.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface IAccordionIcon {
     /**
     * Пользовательская иконка открытия
-    * @example 'user
+    * @example 'user'
     */
     open: React.ReactElement | string;
     /**
@@ -64,7 +64,10 @@ export interface IAccordionProps extends IUiComponent {
     activeKey?: number;
     /**
      * Вызываемая функция при каждом изменении состояния
-     * @example {() => {console.log('success')}}
+     * @example
+     * {
+     *  () => { console.log('success') }
+     * }
      */
     onChange?: () => void;
     /**
@@ -78,13 +81,13 @@ export interface IAccordionProps extends IUiComponent {
      */
     showIcon?: boolean;
 }
-export interface IAccordionViewProps extends IAccordionProps {
+export interface IAccordionItemProps extends Omit<IAccordionProps, 'onChange'> {
     toggleAccordion?: (number: any) => void;
     toggleCollapse?: (number: any) => void;
     childIndex?: number;
     isShowMore?: boolean;
 }
-export type IAccordionItemProps = IAccordionProps;
-export type IAccordionItemViewProps = IAccordionViewProps;
+export type IAccordionViewProps = Pick<IAccordionProps, 'children' | 'className'>;
+export type IAccordionItemViewProps = IAccordionItemProps & IUiComponent;
 declare function Accordion(props: IAccordionProps): JSX.Element;
 export default Accordion;

package/ui/content/Accordion/Accordion.js

@@ -44,6 +44,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Accordion(props) {
     var _a = React.useState([]), selectedAccordionItems = _a[0], setSelectedAccordionItems = _a[1];
@@ -77,7 +78,11 @@ function Accordion(props) {
         }
     };
     var components = (0, hooks_1.useComponents)();
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        className: props.className,
+        children: props.children
+    }); }, [props.children, props.className]);
     var AccordionView = components.ui.getView(props.view || 'content.AccordionView');
-    return (React.createElement(AccordionView, __assign({}, props), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, childIndex: index, toggleCollapse: toggleCollapse, toggleAccordion: toggleAccordion, hasOneOpenItem: props.hasOneOpenItem, isShowMore: (selectedAccordionItems || []).includes(index), icon: props.icon, showIcon: props.showIcon }, child.props)); })));
+    return (React.createElement(AccordionView, __assign({}, viewProps), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, childIndex: index, toggleCollapse: toggleCollapse, toggleAccordion: toggleAccordion, hasOneOpenItem: props.hasOneOpenItem, isShowMore: (selectedAccordionItems || []).includes(index), icon: props.icon, showIcon: props.showIcon }, child.props)); })));
 }
 exports["default"] = Accordion;

package/ui/content/Accordion/AccordionItem.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IAccordionItemProps } from './Accordion';
+import { IAccordionItemProps, IAccordionItemViewProps } from './Accordion';
 declare function AccordionItem(props: IAccordionItemProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace AccordionItem {
-    var defaultProps: import("./Accordion").IAccordionViewProps;
+    var defaultProps: IAccordionItemViewProps;
 }
 export default AccordionItem;

package/ui/content/Accordion/AccordionItem.js

@@ -1,20 +1,9 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 function AccordionItem(props) {
     var components = (0, hooks_1.useComponents)();
-    return components.ui.renderView(props.view || 'content.AccordionItemView', __assign({}, props));
+    return components.ui.renderView(props.view || 'content.AccordionItemView', props);
 }
 AccordionItem.defaultProps = {
     title: 'Accordion',

package/ui/content/Alert/Alert.d.ts

@@ -18,7 +18,7 @@ import React from 'react';
 export interface IAlertProps extends IUiComponent {
     /**
     * Дочерние элементы
-    * @example {<span>children</span>}
+    * @example { <span>children</span> }
     */
     children?: React.ReactNode;
     /**
@@ -45,7 +45,10 @@ export interface IAlertProps extends IUiComponent {
     showIcon?: boolean;
     /**
      * Callback функция вызываемая при нажатии на кнопку закрытия
-     * @example {() => console.log('this is callback')}
+     * @example
+     * {
+     *  () => console.log('this is callback')
+     * }
      */
     onClose?: () => void;
     /**

package/ui/content/Alert/Alert.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 exports.__esModule = true;
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
@@ -24,7 +13,19 @@ function Alert(props) {
             props.onClose();
         }
     }, [props]);
-    return components.ui.renderView(props.view || 'content.AlertView', __assign(__assign({}, props), { isExist: isExist, isVisible: isVisible, onClose: onClose }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        type: props.type,
+        showIcon: props.showIcon,
+        message: props.message,
+        description: props.description,
+        showClose: props.showClose,
+        className: props.className,
+        style: props.style,
+        isExist: isExist,
+        isVisible: isVisible,
+        onClose: onClose
+    }); }, [isExist, isVisible, onClose, props.className, props.description, props.message, props.showClose, props.showIcon, props.style, props.type]);
+    return components.ui.renderView(props.view || 'content.AlertView', viewProps);
 }
 Alert.defaultProps = {
     type: 'default',

package/ui/content/Avatar/Avatar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 exports.__esModule = true;
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
@@ -32,7 +21,24 @@ function Avatar(props) {
         }
         return resultTitle;
     }, [props.title]);
-    return components.ui.renderView(props.view || 'content.AvatarView', __assign(__assign({}, props), { isError: isError, onError: onError, formattedTitle: formattedTitle }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        alt: props.alt,
+        size: props.size,
+        shape: props.shape,
+        src: props.src,
+        srcSet: props.srcSet,
+        status: props.status,
+        title: props.title,
+        children: props.children,
+        hasBorder: props.hasBorder,
+        className: props.className,
+        style: props.style,
+        isError: isError,
+        onError: onError,
+        formattedTitle: formattedTitle
+    }); }, [props.alt, props.size, props.shape, props.src, props.srcSet, props.status, props.title,
+        props.children, props.hasBorder, props.className, props.style, isError, onError, formattedTitle]);
+    return components.ui.renderView(props.view || 'content.AvatarView', viewProps);
 }
 Avatar.defaultProps = {
     size: 'md',

package/ui/content/Badge/Badge.d.ts

@@ -47,7 +47,11 @@ export interface IBadgeProps extends IUiComponent {
     message?: string;
     /**
      * Нужно ли отображать счетчик
-     * @example {isEnable: true, content: 'Hello from counter!'}
+     * @example
+     * {
+     *  isEnable: true,
+     *  content: 'Hello from counter!',
+     * }
      */
     counter: boolean | ICounter;
     /**

package/ui/content/Badge/Badge.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 exports.__esModule = true;
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
@@ -22,7 +11,20 @@ function Badge(props) {
             props.onClose();
         }
     }, [props]);
-    return components.ui.renderView(props.view || 'content.BadgeView', __assign(__assign({}, props), { isExist: isExist, onClose: onClose }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        type: props.type,
+        size: props.size,
+        showClose: props.showClose,
+        roundingStyle: props.roundingStyle,
+        counter: props.counter,
+        message: props.message,
+        className: props.className,
+        style: props.style,
+        onClose: onClose,
+        isExist: isExist
+    }); }, [props.type, props.size, props.showClose, props.roundingStyle, props.counter, props.message,
+        props.className, props.style, onClose, isExist]);
+    return components.ui.renderView(props.view || 'content.BadgeView', viewProps);
 }
 Badge.defaultProps = {
     type: 'primary',

package/ui/content/Calendar/Calendar.d.ts

@@ -29,7 +29,12 @@ export interface ICalendarProps extends IUiComponent {
     onChange?: (date: string) => void;
     /**
      * Свойства для компонента DayPickerInput
-     * @example {dayPickerProps: {showWeekNumbers: true}}
+     * @example
+     * {
+     *  dayPickerProps: {
+     *   showWeekNumbers: true
+     *  }
+     * }
      */
     pickerProps?: DayPickerProps | any;
     /**

package/ui/content/Calendar/Calendar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 exports.__esModule = true;
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
@@ -45,7 +34,25 @@ function Calendar(props) {
             props.onMonthChange(newMonth);
         }
     }, [props]);
-    return components.ui.renderView(props.view || 'content.CalendarView', __assign(__assign(__assign({}, props.viewProps), props.pickerProps), { month: month, toYear: toYear, fromYear: fromYear, onDaySelect: onDaySelect, onMonthSelect: onMonthSelect, selectedDates: selectedDates, toggleCaptionPanel: toggleCaptionPanel, isCaptionPanelVisible: isCaptionPanelVisible, className: props.className, showFooter: props.showFooter, numberOfMonths: props.numberOfMonths }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        month: month,
+        toYear: toYear,
+        fromYear: fromYear,
+        onDaySelect: onDaySelect,
+        onMonthSelect: onMonthSelect,
+        selectedDates: selectedDates,
+        toggleCaptionPanel: toggleCaptionPanel,
+        isCaptionPanelVisible: isCaptionPanelVisible,
+        style: props.style,
+        className: props.className,
+        viewProps: props.viewProps,
+        showFooter: props.showFooter,
+        pickerProps: props.pickerProps,
+        numberOfMonths: props.numberOfMonths
+    }); }, [fromYear, isCaptionPanelVisible, month, onDaySelect, onMonthSelect, props.className,
+        props.numberOfMonths, props.pickerProps, props.showFooter, props.style, props.viewProps,
+        selectedDates, toYear, toggleCaptionPanel]);
+    return components.ui.renderView(props.view || 'content.CalendarView', viewProps);
 }
 Calendar.defaultProps = {
     numberOfMonths: 1,

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

@@ -67,8 +67,15 @@ export interface IEventGroup {
     events: Omit<IEvent, 'color'>[];
 }
 /**
- * Комплексный календарь
- **/
+ * CalendarSystem
+ *
+ * Комплексный компонент календарь служит для планирования событий и их отображения в календаре.
+ *
+ * Компонент умеет отображать события с помощью недельной сетки с шагом в 1 час,
+ * а также переключать отображение на сетку по месяцам с шагом 1 день.
+ * Присутствует возможность добавлять в календарь события и создавать новые группы событий.
+ *
+ */
 export interface ICalendarSystemProps extends IUiComponent {
     /**
     * Функция, которая вызовется при смене типа календаря
@@ -95,35 +102,50 @@ export interface ICalendarSystemProps extends IUiComponent {
         */
         eventGroups: IEventGroup[];
     };
+    /**
+    * Дополнительные свойства, которые передаются во view компонента
+    */
+    additionalViewProps?: Record<string, any>;
     [key: string]: any;
 }
-export interface ICalendarSystemViewProps extends Omit<ICalendarSystemProps, 'calendarGroups'> {
-    monthCalendarDays: IDay[];
-    currentWeekDays: IDay[];
-    allHours: string[];
-    calendarType: CalendarEnum;
-    dateToDisplay: string;
+export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps'> {
+    openCreateModal: (eventInitialDay?: IDay) => void;
+    onInnerCalendarChangeMonth: (newDate: Date) => void;
     eventGroups: IEventGroup[];
     eventGroupsTitle: string;
-    selectedCalendarGroupsIds: number[];
-    onChangeCalendarType: (newType: string) => void;
-    onMonthChange: (newDate: Date) => void;
-    applyControl: (event: React.MouseEvent<HTMLElement>) => void;
-    openCreateModal: (eventInitialDay?: IDay) => void;
-    openCreateEventGroupModal: VoidFunction;
-    openEditModal: (event: IEvent) => void;
-    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
     onChangeEventGroupsIds: (selectedIds: number[]) => void;
-    weekDays: string[];
+    openCreateEventGroupModal: VoidFunction;
+    dateToDisplay: string;
+    handleCalendarTypeChange: (newType: string) => void;
+    handleControlClick: (event: React.MouseEvent<HTMLElement>) => void;
+    calendarType: CalendarEnum;
+    monthGridProps: {
+        monthGridWeekDays: string[];
+        monthGridCalendarDays: IDay[];
+        getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+        openEditModal: (event: IEvent) => void;
+        openCreateModal: (eventInitialDay?: IDay) => void;
+    };
+    weekGridProps: {
+        weekGridTwentyFourHoursArray: string[];
+        weekGridCurrentWeekDays: IDay[];
+        getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+        openEditModal: (event: IEvent) => void;
+        openCreateModal: (eventInitialDay?: IDay) => void;
+    };
 }
 export interface ICalendarSystemModalViewProps extends IModalProps {
     eventGroups: IEventGroup[];
-    onEventSubmit: (fields: Record<CalendarSystemModalFields, string>, eventInitialValues?: IEventInitialValues) => void;
+    onModalFormSubmit: (fields: Record<CalendarSystemModalFields, string>, eventInitialValues?: IEventInitialValues) => void;
     isCreate: boolean;
     eventInitialValues?: any;
 }
 export interface CalendarSystemEventGroupModalViewProps extends IModalProps {
     isCreate: boolean;
     onEventGroupSubmit: (fields: Record<CalendarSystemEventGroupModalFields, string>) => void;
+    eventGroupInitialValues?: {
+        color: string;
+        label: string;
+    };
 }
 export default function CalendarSystem(props: ICalendarSystemProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;