@steroidsjs/core 3.0.0-beta.11 → 3.0.0-beta.110

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

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

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

@@ -1,45 +1,67 @@
 import React from 'react';
-export interface IAlertProps {
-    view?: any;
-    className?: CssClassName;
+/**
+ * Alert
+ *
+ * Компонент оповещения, который отображает сообщения для пользователя.
+ * Он может быть использован для показа уведомлений, предупреждений или ошибок,
+ * которые требуют внимания пользователя.
+ *
+ * Компонент `Alert` может содержать текстовое сообщение и дополнительное описание,
+ * а также опциональную кнопку для закрытия оповещения.
+ *
+ * Оповещения могут иметь различные типы, такие как 'success', 'info', 'warning', 'error'
+ * или другие пользовательские типы.
+ *
+ * Компонент также предлагает настройки для отображения иконки, анимации, а также
+ * обратного вызова при закрытии оповещения.
+ */
+export interface IAlertProps extends IUiComponent {
     /**
     * Дочерние элементы
+    * @example { <span>children</span> }
     */
     children?: React.ReactNode;
     /**
      * Типы Оповещений
-     * @example {'info'}
+     * @example 'info'
      */
-    type: 'success' | 'info' | 'warning' | 'error' | 'default' | string;
+    type?: 'success' | 'info' | 'warning' | 'error' | 'default' | string;
     /** Основное сообщения Оповещения
-     * @example {'Sending is confirmed!'}
+     * @example 'Sending is confirmed!'
      */
     message?: string;
     /** Дополнительное содрежание сообщения.
-     * @example {'Please, check your email.'}
+     * @example 'Please, check your email.'
      */
     description?: string;
-    style?: React.CSSProperties;
     /**
      *  Нужно ли отображать кнопку, чтобы закрыть Оповещение
      */
     showClose?: boolean;
     /**
      * Нужно ли отображать иконку, соответствующую типа Оповещения
-     * @example {true}
+     * @example true
      */
     showIcon?: boolean;
     /**
      * Callback функция вызываемая при нажатии на кнопку закрытия
-     * @example {() => console.log('this is callback')}
+     * @example
+     * {
+     *  () => console.log('this is callback')
+     * }
      */
     onClose?: () => void;
+    /**
+    * Флаг, который включает анимацию
+    * @example true
+    */
     animation?: boolean;
     /**
      * Время анимации в миллисекундах
-     * @example {1000}
+     * @example 1000
      */
     animationDuration?: number;
+    [key: string]: any;
 }
 export interface IAlertViewProps extends IAlertProps {
     isExist: boolean;

package/ui/content/Avatar/Avatar.d.ts

@@ -1,56 +1,58 @@
-export interface IAvatarProps {
+/// <reference types="react" />
+/**
+ * Avatar
+ *
+ * Компонент аватара, который отображает изображение пользователя или иконку.
+ * Он может использоваться для представления пользователя, контакта или профиля.
+ *
+ * Компонент `Avatar` позволяет указать размер, форму, изображение или иконку,
+ * а также добавить альтернативный текст и статус онлайна.
+ *
+ * Если изображение аватара не загружается, можно показать альтернативный текст
+ * или иконку вместо него.
+ */
+export interface IAvatarProps extends IUiComponent {
     /**
      * Альтернативный текст для изображения
-     * @example {'default image'}
+     * @example 'default image'
      */
     alt?: string;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
     /**
      * Дочерние элементы
      */
-    children?: CustomView;
+    children?: React.ReactNode;
     /**
      * Размер аватара
-     * @example {'md'}
+     * @example 'md'
      */
     size?: Size | number;
     /**
      * Форма аватара
-     * @example {'circle'}
+     * @example 'circle'
      */
     shape?: 'circle' | 'square' | string;
     /**
      * Ссылка на изображение для аватара
-     * @example {'https://user/avatar.png'}
+     * @example 'https://user/avatar.png'
      */
     src?: string;
+    /**
+    * Набор адаптивных изображений
+    */
     srcSet?: string;
     /**
      * Статус онлайна
-     * @example {true}
+     * @example true
      */
     status?: boolean;
-    /**
-     * Объект CSS стилей
-     * @example {width: '30px'}
-     */
-    style?: CustomStyle;
     /**
      * Заголовок аватарки
-     * @example {'Avatar'}
+     * @example 'Avatar'
      */
     title?: string;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
     /**
      * Наличие обводки вокруг аватара
-     * @example {true}
+     * @example true
      */
     hasBorder?: boolean;
 }
@@ -59,7 +61,7 @@ export interface IAvatarViewProps extends IAvatarProps {
     onError: () => void;
     formattedTitle: () => void;
 }
-declare function Avatar(props: IAvatarProps): any;
+declare function Avatar(props: IAvatarProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace Avatar {
     var defaultProps: {
         size: string;

package/ui/content/Avatar/Avatar.js

@@ -35,7 +35,7 @@ function Avatar(props) {
     return components.ui.renderView(props.view || 'content.AvatarView', __assign(__assign({}, props), { isError: isError, onError: onError, formattedTitle: formattedTitle }));
 }
 Avatar.defaultProps = {
-    size: 'middle',
+    size: 'md',
     shape: 'circle',
     status: false
 };

package/ui/content/Avatar/AvatarGroup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export interface AvatarGroupProps {
-    view?: any;
-    children?: CustomView[];
-    style?: React.CSSProperties;
+    view?: CustomView;
+    children?: React.ReactNode[];
+    style?: CustomStyle;
     maxCount?: number;
 }
 export type IAvatarGroupViewProps = AvatarGroupProps;

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

@@ -1,47 +1,64 @@
-import React from 'react';
-interface ICounter {
+/// <reference types="react" />
+export interface ICounter {
+    /**
+    * Состояние счетчика
+    * @example true
+    */
     isEnable: boolean;
-    content: string | number;
-}
-export interface IBadgeProps {
     /**
-    * Дополнительный CSS-класс
+    * Содержимое счетчика
+    * @example 'Counter'
     */
-    className?: CssClassName;
+    content: string | number;
+}
+/**
+ * Badge
+ *
+ * Компонент бэйджа, который используется для отображения информационных меток на элементах пользовательского интерфейса.
+ * Он может использоваться для обозначения статуса, количества, типа или любой другой важной информации.
+ *
+ * Компонент `Badge` позволяет указать тип бэйджа, стиль скругления, наличие кнопки для закрытия,
+ * текст сообщения, отображение счетчика и размер.
+ *
+ * Если установлен флаг `showClose`, то пользователь может закрыть бэйдж, вызывая соответствующую callback функцию `onClose`.
+ */
+export interface IBadgeProps extends IUiComponent {
     /**
      * Тип badge
+     * @example 'primary'
      */
-    type: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+    type: ColorName;
     /**
      * Стиль скругления
      */
     roundingStyle: 'rounder' | 'squarer';
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     */
-    view?: CustomView;
     /**
      * Нужно ли отображать кнопку, чтобы закрыть badge
      */
     showClose?: boolean;
     /**
      * Callback функция вызываемая при нажатии на кнопку закрытия
-     * @example {() => console.log('this is callback')}
+     * @example () => console.log('Hello from onClose!')
      */
     onClose?: () => void;
     /** Текст для badge
-    * @example {'Sending is confirmed!'}
+    * @example 'Sending is confirmed!'
     */
     message?: string;
     /**
      * Нужно ли отображать счетчик
+     * @example
+     * {
+     *  isEnable: true,
+     *  content: 'Hello from counter!',
+     * }
      */
     counter: boolean | ICounter;
-    style?: React.CSSProperties;
     /**
      * Размер для badge
+     * @example 'md'
      */
-    size: 'small' | 'medium' | 'large';
+    size: Size;
 }
 export interface IBadgeViewProps extends IBadgeProps {
     isExist: boolean;

package/ui/content/Badge/Badge.js

@@ -27,7 +27,7 @@ function Badge(props) {
 Badge.defaultProps = {
     type: 'primary',
     roundingStyle: 'squarer',
-    size: 'medium',
+    size: 'md',
     counter: false,
     showClose: false
 };

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

@@ -1,5 +1,18 @@
+/// <reference types="react" />
 import { DayPickerProps } from 'react-day-picker';
-export interface ICalendarProps {
+/**
+ * Calendar
+ *
+ * Компонент календаря, который позволяет выбирать даты или диапазоны дат.
+ * Он предоставляет пользователю удобный способ выбора даты и может использоваться для различных целей,
+ * таких как выбор даты доставки, даты резервирования и т.д.
+ *
+ * Компонент `Calendar` позволяет указать значение даты или диапазона дат, формат значения, callback функцию при изменении,
+ * свойства для компонента `DayPicker`, отображение панели выбора месяца/года, количество отображаемых месяцев и другие свойства.
+ *
+ * Если установлено значение `showFooter`, то будет отображаться футер с кнопкой "Today".
+ */
+export interface ICalendarProps extends IUiComponent {
     /**
      * Значение задает выбранные в календаре дату или диапазон дат.
      * Необходимо передать валидную дату в виде строки (массива строк)
@@ -16,14 +29,14 @@ export interface ICalendarProps {
     onChange?: (date: string) => void;
     /**
      * Свойства для компонента DayPickerInput
-     * @example {dayPickerProps: {showWeekNumbers: true}}
+     * @example
+     * {
+     *  dayPickerProps: {
+     *   showWeekNumbers: true
+     *  }
+     * }
      */
     pickerProps?: DayPickerProps | any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
     /**
      * Пропсы для компонента отображения
      */
@@ -38,9 +51,10 @@ export interface ICalendarProps {
      */
     numberOfMonths?: number;
     /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
+    * Callback вызываемый при нажатии на смену года или месяца в шапке Calendar
+    * @param newDate - дата первого дня нового месяца
+    */
+    onMonthChange?: (newDate: Date) => void;
 }
 export interface ICalendarViewProps extends ICalendarProps {
     /**
@@ -76,7 +90,7 @@ export interface ICalendarViewProps extends ICalendarProps {
      */
     toggleCaptionPanel: () => void;
 }
-declare function Calendar(props: ICalendarProps): any;
+declare function Calendar(props: ICalendarProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace Calendar {
     var defaultProps: {
         numberOfMonths: number;

package/ui/content/Calendar/Calendar.js

@@ -31,13 +31,20 @@ function Calendar(props) {
             setMonth(selectedDates[0]);
         }
     }, [selectedDates]);
-    var onDaySelect = (0, react_1.useCallback)(function (date) { return props.onChange.call(null, (0, calendar_1.convertDate)(date, null, props.valueFormat, false, true)); }, [props.onChange, props.valueFormat]);
+    var onDaySelect = (0, react_1.useCallback)(function (date) {
+        if (props.onChange) {
+            props.onChange.call(null, (0, calendar_1.convertDate)(date, null, props.valueFormat, false, true));
+        }
+    }, [props.onChange, props.valueFormat]);
     var toggleCaptionPanel = (0, react_1.useCallback)(function () {
         setIsCaptionPanelVisible(!isCaptionPanelVisible);
     }, [isCaptionPanelVisible]);
     var onMonthSelect = (0, react_1.useCallback)(function (newMonth) {
         setMonth(newMonth);
-    }, []);
+        if (props.onMonthChange) {
+            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 }));
 }
 Calendar.defaultProps = {

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

@@ -0,0 +1,140 @@
+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;
+}
+export interface IDay {
+    dayNumber: number;
+    date: Date;
+    outOfRange?: boolean;
+    isToday?: boolean;
+    formattedDisplay?: string;
+}
+export interface IPresentDateInfo {
+    currentYear: number;
+    currentMonth: number;
+    dateToDisplay: string;
+}
+/**
+* Событие
+*/
+export interface IEvent {
+    /**
+    * Идентификатор
+    */
+    id: number;
+    /**
+    * Дата
+    */
+    date: Date;
+    /**
+    * Заголовок
+    */
+    title: string;
+    /**
+    * Цвет
+    */
+    color?: string;
+    /**
+    * Внутреннее описания события
+    */
+    description?: string;
+    [key: string]: any;
+}
+/**
+* Группа событий
+*/
+export interface IEventGroup {
+    /**
+    * Идентификатор
+    */
+    id: number;
+    /**
+    * Название группы
+    */
+    label: string;
+    /**
+    * Цвет
+    * @example '#000000'
+    */
+    color?: string;
+    /**
+    * События группы
+    */
+    events: Omit<IEvent, 'color'>[];
+}
+/**
+ * CalendarSystem
+ *
+ * Комплексный компонент календарь служит для планирования событий и их отображения в календаре.
+ *
+ * Компонент умеет отображать события с помощью недельной сетки с шагом в 1 час,
+ * а также переключать отображение на сетку по месяцам с шагом 1 день.
+ * Присутствует возможность добавлять в календарь события и создавать новые группы событий.
+ *
+ */
+export interface ICalendarSystemProps extends IUiComponent {
+    /**
+    * Функция, которая вызовется при смене типа календаря
+    */
+    onChangeCalendarType?: (newType: string) => void;
+    /**
+    * Свойства для модального окна
+    */
+    calendarModalProps?: IModalProps;
+    /**
+    * Свойства для модалного окна группы событий
+    */
+    eventGroupModalProps?: IModalProps;
+    /**
+    * Параметры для групп событий
+    */
+    eventBlock: {
+        /**
+        * Заголовок, который используется для обозначения групп событий
+        */
+        title: string;
+        /**
+        * Группы событий
+        */
+        eventGroups: IEventGroup[];
+    };
+    [key: string]: any;
+}
+export interface ICalendarSystemViewProps extends Omit<ICalendarSystemProps, 'calendarGroups'> {
+    monthCalendarDays: IDay[];
+    currentWeekDays: IDay[];
+    allHours: string[];
+    calendarType: CalendarEnum;
+    dateToDisplay: string;
+    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[];
+}
+export interface ICalendarSystemModalViewProps extends IModalProps {
+    eventGroups: IEventGroup[];
+    onEventSubmit: (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>>;

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -0,0 +1,103 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+/* eslint-disable no-return-assign */
+/* eslint-disable default-case */
+/* eslint-disable no-unused-expressions */
+/* eslint-disable no-plusplus */
+var react_1 = __importDefault(require("react"));
+var dayjs_1 = __importDefault(require("dayjs"));
+var concat_1 = __importDefault(require("lodash-es/concat"));
+var slice_1 = __importDefault(require("lodash-es/slice"));
+var localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
+var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
+var useCalendarControls_1 = __importDefault(require("./hooks/useCalendarControls"));
+var useDisplayDate_1 = __importDefault(require("./hooks/useDisplayDate"));
+var useMonthCalendar_1 = __importDefault(require("./hooks/useMonthCalendar"));
+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)();
+    var _a = react_1["default"].useState(props.eventBlock.eventGroups || []), innerEventGroups = _a[0], setInnerEventGroups = _a[1];
+    var _b = react_1["default"].useState([]), selectedEventGroupsIds = _b[0], setSelectedEventGroupsIds = _b[1];
+    var _c = (0, useDisplayDate_1["default"])(), dateToDisplay = _c.dateToDisplay, setNewDateToDisplay = _c.setNewDateToDisplay;
+    var _d = react_1["default"].useState(CalendarType_1["default"].MONTH), calendarType = _d[0], setCalendarType = _d[1];
+    var _e = (0, useMonthCalendar_1["default"])(), monthCalendarDays = _e.calendarArray, setCurrentMonthDate = _e.setCurrentMonthDate, currentMonthDate = _e.currentMonthDate;
+    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, props.eventGroupModalProps).openCreateEventGroupModal;
+    var onChangeCalendarType = react_1["default"].useCallback(function (newType) {
+        setCalendarType(newType);
+        if (props.onChangeCalendarType) {
+            props.onChangeCalendarType(newType);
+        }
+    }, [props]);
+    var onMonthChange = react_1["default"].useCallback(function (newDate) {
+        setNewDateToDisplay(newDate);
+        setCurrentMonthDate(newDate);
+        forceUpdateWeekOnMonthChange(newDate);
+    }, [forceUpdateWeekOnMonthChange, setCurrentMonthDate, setNewDateToDisplay]);
+    var getEventsFromDate = function (date, currentCalendarType) {
+        var eventsOnDate = [];
+        var dayjsDate = (0, dayjs_1["default"])(date);
+        var iterateEventGroups = function (callback) {
+            innerEventGroups.forEach(function (eventGroup) {
+                eventGroup.events.forEach(function (event) {
+                    callback(event, eventGroup);
+                });
+            });
+        };
+        switch (currentCalendarType) {
+            case CalendarType_1["default"].MONTH: {
+                iterateEventGroups(function (event, eventGroup) {
+                    var eventDateDayJs = (0, dayjs_1["default"])(event.date);
+                    (0, addEventIfMatchDate_1.addEventIfMatchDate)(eventDateDayJs, dayjsDate, eventGroup, event, 'day', selectedEventGroupsIds, eventsOnDate);
+                });
+                break;
+            }
+            case CalendarType_1["default"].WEEK: {
+                iterateEventGroups(function (event, eventGroup) {
+                    var eventDate = new Date(event.date);
+                    eventDate.setHours(eventDate.getHours(), 0, 0, 0);
+                    var eventDateDayJs = (0, dayjs_1["default"])(eventDate);
+                    (0, addEventIfMatchDate_1.addEventIfMatchDate)(eventDateDayJs, dayjsDate, eventGroup, event, 'hours', selectedEventGroupsIds, eventsOnDate);
+                });
+                break;
+            }
+        }
+        // eslint-disable-next-line consistent-return
+        return eventsOnDate;
+    };
+    var weekDays = react_1["default"].useMemo(function () {
+        var unformattedDaysOfWeek = dayjs_1["default"].weekdaysMin();
+        return (0, concat_1["default"])((0, slice_1["default"])(unformattedDaysOfWeek, 1), unformattedDaysOfWeek[0]).map(function (weekDay) { return __("".concat((0, upperFirst_1["default"])(weekDay))); });
+    }, []);
+    var allHours = react_1["default"].useMemo(function () {
+        var hoursArray = [];
+        for (var i = 0; i < 24; i++) {
+            var formattedHour = (0, dayjs_1["default"])().startOf('day').add(i, 'hour').format('HH:00');
+            hoursArray.push(formattedHour);
+        }
+        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); }, openCreateEventGroupModal: openCreateEventGroupModal, openEditModal: openEditModal, weekDays: weekDays }));
+}
+exports["default"] = CalendarSystem;

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

@@ -0,0 +1,6 @@
+import Enum from '../../../../base/Enum';
+export default class CalendarType extends Enum {
+    static WEEK: string;
+    static MONTH: string;
+    static getLabels(): Record<string, string>;
+}