@steroidsjs/core 3.0.96 → 3.1.1

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 /**
  * Alert
  *
@@ -20,7 +20,7 @@ export interface IAlertProps extends IUiComponent {
     * Дочерние элементы
     * @example { <span>children</span> }
     */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Типы Оповещений
      * @example 'info'

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 /**
  * Avatar
  *
@@ -20,7 +20,7 @@ export interface IAvatarProps extends IUiComponent {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Размер аватара
      * @example 'md'

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

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

package/ui/content/Avatar/AvatarGroup.js

@@ -1,29 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function AvatarGroup(props) {
     var childrenToRender = (0, react_1.useMemo)(function () {
@@ -34,7 +12,7 @@ function AvatarGroup(props) {
     }, [props.children, props.maxCount]);
     var components = (0, hooks_1.useComponents)();
     var AvatarGroupView = components.ui.getView(props.view || 'content.AvatarGroupView');
-    return (react_1["default"].createElement(AvatarGroupView, null, childrenToRender));
+    return ((0, jsx_runtime_1.jsx)(AvatarGroupView, { children: childrenToRender }));
 }
 AvatarGroup.defaultProps = {};
 exports["default"] = AvatarGroup;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode, MouseEvent } from 'react';
 import { ICustomViews } from './hooks/useCustomViews';
 import { ICalendarProps } from '../../../ui/content/Calendar/Calendar';
 import { ICheckboxListFieldProps } from '../../../ui/form/CheckboxListField/CheckboxListField';
@@ -152,7 +152,7 @@ export interface ICalendarSystemProps extends IUiComponent {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Функция, которая вызывается по клику на событие
      */
@@ -176,9 +176,9 @@ export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'cl
     openCreateEventGroupModal: VoidFunction;
     dateToDisplay: string;
     handleCalendarTypeChange: (newType: string) => void;
-    onClickControl: (event: React.MouseEvent<HTMLElement>) => void;
+    onClickControl: (event: MouseEvent<HTMLElement>) => void;
     calendarType: string;
-    children: React.ReactNode;
+    children: ReactNode;
     getEventsFromDate: (dateFromDay: Date, currentCalendarType: string) => IEvent[];
     openEditModal: (event: IEvent) => void;
     openCreateModal: (eventInitialDay?: IDay) => void;
@@ -210,4 +210,4 @@ export interface CalendarSystemEventGroupModalViewProps extends IModalProps {
         label: string;
     };
 }
-export default function CalendarSystem(props: ICalendarSystemProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default function CalendarSystem(props: ICalendarSystemProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -21,7 +21,7 @@ exports.__esModule = true;
 /* eslint-disable no-plusplus */
 var dayjs_1 = __importDefault(require("dayjs"));
 var localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var useCalendarSystem_1 = require("./hooks/useCalendarSystem");
 var useCustomViews_1 = require("./hooks/useCustomViews");
 var hooks_1 = require("../../../hooks");
@@ -30,7 +30,7 @@ function CalendarSystem(props) {
     var components = (0, hooks_1.useComponents)();
     var calendarSystem = (0, useCalendarSystem_1.useCalendarSystem)(props);
     var _a = (0, useCustomViews_1.useCustomViews)(props), dayGridViews = _a.dayGridViews, monthGridViews = _a.monthGridViews, weekGridViews = _a.weekGridViews;
-    var viewProps = react_1["default"].useMemo(function () { return ({
+    var viewProps = (0, react_1.useMemo)(function () { return ({
         className: props.className,
         style: props.style,
         additionalViewProps: props.additionalViewProps,

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import { MouseEvent, SetStateAction, Dispatch, MutableRefObject } from 'react';
 import { IDay } from '../CalendarSystem';
-declare const useCalendarControls: (calendarType: string, generalCurrentDay: IDay, setGeneralCurrentDay: React.Dispatch<React.SetStateAction<IDay>>, isGeneralCurrentDayNeedsUpdate: React.MutableRefObject<boolean>) => {
-    onClickControl: (event: React.MouseEvent<HTMLElement>) => void;
+declare const useCalendarControls: (calendarType: string, generalCurrentDay: IDay, setGeneralCurrentDay: Dispatch<SetStateAction<IDay>>, isGeneralCurrentDayNeedsUpdate: MutableRefObject<boolean>) => {
+    onClickControl: (event: MouseEvent<HTMLElement>) => void;
 };
 export default useCalendarControls;

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

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,7 +8,7 @@ exports.__esModule = true;
 /* eslint-disable no-console */
 /* eslint-disable default-case */
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var CalendarType_1 = __importDefault(require("../enums/CalendarType"));
 var DateControlType_1 = __importDefault(require("../enums/DateControlType"));
 var utils_1 = require("../utils/utils");
@@ -89,7 +66,7 @@ var useCalendarControls = function (calendarType, generalCurrentDay, setGeneralC
         setGeneralCurrentDay(formattedDay);
         checkIsOutAndUpdateInnerCalendar(formattedDay, prevMonthNumber, prevYearNumber);
     }, [generalCurrentDay.date, setGeneralCurrentDay, checkIsOutAndUpdateInnerCalendar]);
-    var onClickControl = react_1["default"].useCallback(function (event) {
+    var onClickControl = (0, react_1.useCallback)(function (event) {
         var controlType = getControlTypeFromButton(event);
         var sourceCalendarControl = (0, utils_1.getSourceCalendarControl)(controlType);
         if (!sourceCalendarControl) {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ICalendarSystemProps, ICalendarUser, IEventGroup } from '../CalendarSystem';
 export declare const useCalendarSystem: (props: ICalendarSystemProps) => {
     monthGridWeekDays: any;
@@ -17,12 +17,12 @@ export declare const useCalendarSystem: (props: ICalendarSystemProps) => {
     innerEventGroups: IEventGroup[];
     calendarType: string;
     users: ICalendarUser[];
-    setSelectedEventGroupsIds: React.Dispatch<React.SetStateAction<number[]>>;
+    setSelectedEventGroupsIds: import("react").Dispatch<import("react").SetStateAction<number[]>>;
     handleCalendarTypeChange: (newType: string) => void;
     getEventsFromDate: (dateFromDay: Date, currentCalendarType: string) => import("../CalendarSystem").IEvent[];
     onCalendarChangedMonth: (newDate: Date) => void;
     openCreateEventGroupModal: () => void;
     openEditModal: (event: import("../CalendarSystem").IEvent) => void;
     openCreateModal: (eventInitialDay?: import("../CalendarSystem").IDay) => void;
-    onClickControl: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickControl: (event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
 };

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

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,7 +7,7 @@ exports.useCalendarSystem = void 0;
 /* eslint-disable default-case */
 var head_1 = __importDefault(require("lodash-es/head"));
 var last_1 = __importDefault(require("lodash-es/last"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var react_redux_1 = require("react-redux");
 var react_use_1 = require("react-use");
 var useCalendarControls_1 = __importDefault(require("./useCalendarControls"));
@@ -51,17 +28,17 @@ var DEFAULT_DATE_TO_ATTRIBUTE = 'dateTo';
 var useCalendarSystem = function (props) {
     var _a, _b;
     var dispatch = (0, react_redux_1.useDispatch)();
-    var _c = react_1["default"].useState(props.eventBlock.eventGroups || []), innerEventGroups = _c[0], setInnerEventGroups = _c[1];
-    var _d = react_1["default"].useState([]), selectedEventGroupsIds = _d[0], setSelectedEventGroupsIds = _d[1];
+    var _c = (0, react_1.useState)(props.eventBlock.eventGroups || []), innerEventGroups = _c[0], setInnerEventGroups = _c[1];
+    var _d = (0, react_1.useState)([]), selectedEventGroupsIds = _d[0], setSelectedEventGroupsIds = _d[1];
     var _e = (0, react_1.useState)(props.users), users = _e[0], setUsers = _e[1];
-    react_1["default"].useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setInnerEventGroups(props.eventBlock.eventGroups);
     }, [props.eventBlock.eventGroups]);
-    react_1["default"].useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setUsers(props.users);
     }, [props.users]);
     //Главная дата, от которой происходят все вычисления
-    var _f = react_1["default"].useState((0, utils_1.getFormattedDay)()), generalCurrentDay = _f[0], setGeneralCurrentDay = _f[1];
+    var _f = (0, react_1.useState)((0, utils_1.getFormattedDay)()), generalCurrentDay = _f[0], setGeneralCurrentDay = _f[1];
     var isGeneralCurrentDayNeedsUpdate = (0, react_1.useRef)(true);
     var updateGeneralCurrentDay = (0, react_1.useCallback)(function (newDate) {
         if (!isGeneralCurrentDayNeedsUpdate.current) {
@@ -70,7 +47,7 @@ var useCalendarSystem = function (props) {
         }
         setGeneralCurrentDay((0, utils_1.getFormattedDay)(newDate));
     }, [isGeneralCurrentDayNeedsUpdate]);
-    var onCalendarChangedMonth = react_1["default"].useCallback(function (newDate) {
+    var onCalendarChangedMonth = (0, react_1.useCallback)(function (newDate) {
         updateGeneralCurrentDay(newDate);
     }, [updateGeneralCurrentDay]);
     var _g = (0, useDisplayDate_1["default"])(generalCurrentDay), dateToDisplay = _g.dateToDisplay, changeDisplayFormat = _g.changeDisplayFormat;
@@ -100,7 +77,7 @@ var useCalendarSystem = function (props) {
                 _a)));
         }
     });
-    react_1["default"].useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         if (props.calendarDatesFormData) {
             var currentDateArray = calendarType === CalendarType_1["default"].MONTH

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IModalProps } from '../../../modal/Modal/Modal';
 import { IEventGroup } from '../CalendarSystem';
 export declare const useCalendarSystemEventGroupModals: (innerEventGroups: IEventGroup[], setInnerEventGroups: React.Dispatch<React.SetStateAction<IEventGroup[]>>, eventGroupModalProps: IModalProps) => {

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

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 exports.useCalendarSystemEventGroupModals = void 0;
 var maxBy_1 = __importDefault(require("lodash-es/maxBy"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var react_redux_1 = require("react-redux");
 var modal_1 = require("../../../../actions/modal");
 var hooks_1 = require("../../../../hooks");
@@ -27,8 +27,8 @@ var useCalendarSystemEventGroupModals = function (innerEventGroups, setInnerEven
     var components = (0, useComponents_1["default"])();
     var theme = (0, hooks_1.useTheme)().theme;
     var calendarModalView = (eventGroupModalProps === null || eventGroupModalProps === void 0 ? void 0 : eventGroupModalProps.component) || components.ui.getView('content.CalendarSystemEventGroupModalView');
-    var defaultEventGroupColor = react_1["default"].useMemo(function () { return theme === 'light' ? PRIMARY_LIGHT : PRIMARY_DARK; }, [theme]);
-    var onSubmit = react_1["default"].useCallback(function (fields) {
+    var defaultEventGroupColor = (0, react_1.useMemo)(function () { return theme === 'light' ? PRIMARY_LIGHT : PRIMARY_DARK; }, [theme]);
+    var onSubmit = (0, react_1.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,
@@ -38,7 +38,7 @@ var useCalendarSystemEventGroupModals = function (innerEventGroups, setInnerEven
         };
         setInnerEventGroups(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newEventGroup], false); });
     }, [innerEventGroups, setInnerEventGroups]);
-    var openCreateEventGroupModal = react_1["default"].useCallback(function () {
+    var openCreateEventGroupModal = (0, react_1.useCallback)(function () {
         dispatch((0, modal_1.openModal)(calendarModalView, {
             isCreate: true,
             onEventGroupSubmit: onSubmit,

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import { IModalProps } from '../../../modal/Modal/Modal';
 import { ICalendarSystemModalViewProps, ICalendarUser, IDay, IEvent, IEventGroup } from '../CalendarSystem';
-declare const useCalendarSystemModals: (calendarModalProps: IModalProps, innerEventGroups: IEventGroup[], setInnerEventGroups: React.Dispatch<React.SetStateAction<IEventGroup[]>>, users: ICalendarUser[], setUsers: React.Dispatch<React.SetStateAction<ICalendarUser[]>>) => {
+declare const useCalendarSystemModals: (calendarModalProps: IModalProps, innerEventGroups: IEventGroup[], setInnerEventGroups: Dispatch<SetStateAction<IEventGroup[]>>, users: ICalendarUser[], setUsers: Dispatch<SetStateAction<ICalendarUser[]>>) => {
     openCreateModal: (eventInitialDay?: IDay) => void;
     openEditModal: (event: IEvent) => void;
     getEventFromGroup: (event: IEvent) => IEventGroup;

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

@@ -26,7 +26,7 @@ exports.__esModule = true;
 var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var maxBy_1 = __importDefault(require("lodash-es/maxBy"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var react_redux_1 = require("react-redux");
 var modal_1 = require("../../../../actions/modal");
 var useComponents_1 = __importDefault(require("../../../../hooks/useComponents"));
@@ -36,7 +36,7 @@ var useCalendarSystemModals = function (calendarModalProps, innerEventGroups, se
     var dispatch = (0, react_redux_1.useDispatch)();
     var components = (0, useComponents_1["default"])();
     var calendarModalView = (calendarModalProps === null || calendarModalProps === void 0 ? void 0 : calendarModalProps.component) || components.ui.getView('content.CalendarSystemModalView');
-    var onModalFormSubmit = react_1["default"].useCallback(function (fields, eventInitialValues) {
+    var onModalFormSubmit = (0, react_1.useCallback)(function (fields, eventInitialValues) {
         var _a;
         var id = fields.id, eventGroupId = fields.eventGroupId, startDate = fields.startDate, title = fields.title, description = fields.description, endDate = fields.endDate, usersIds = fields.usersIds;
         var currentEventGroups = __spreadArray([], innerEventGroups, true);
@@ -77,11 +77,11 @@ var useCalendarSystemModals = function (calendarModalProps, innerEventGroups, se
         });
         setUsers(newUsers);
     }, [innerEventGroups, setInnerEventGroups, setUsers, users]);
-    var getModalProps = react_1["default"].useCallback(function (isCreate, eventInitialValues) { return (__assign(__assign({}, calendarModalProps), { component: calendarModalView, eventGroups: innerEventGroups, onModalFormSubmit: onModalFormSubmit, isCreate: isCreate, eventInitialValues: eventInitialValues, users: users })); }, [calendarModalProps, calendarModalView, innerEventGroups, onModalFormSubmit, users]);
-    var getEventFromGroup = react_1["default"].useCallback(function (event) { return innerEventGroups
+    var getModalProps = (0, react_1.useCallback)(function (isCreate, eventInitialValues) { return (__assign(__assign({}, calendarModalProps), { component: calendarModalView, eventGroups: innerEventGroups, onModalFormSubmit: onModalFormSubmit, isCreate: isCreate, eventInitialValues: eventInitialValues, users: users })); }, [calendarModalProps, calendarModalView, innerEventGroups, onModalFormSubmit, users]);
+    var getEventFromGroup = (0, react_1.useCallback)(function (event) { return innerEventGroups
         .find(function (group) { return group.events
         .some(function (groupEvent) { return (0, isEqual_1["default"])((0, utils_1.getOmittedEvent)(groupEvent), (0, utils_1.getOmittedEvent)(event)); }); }); }, [innerEventGroups]);
-    var openCreateModal = react_1["default"].useCallback(function (eventInitialDay) {
+    var openCreateModal = (0, react_1.useCallback)(function (eventInitialDay) {
         if (eventInitialDay === void 0) { eventInitialDay = null; }
         var modalProps = eventInitialDay
             ? getModalProps(true, {
@@ -89,7 +89,7 @@ var useCalendarSystemModals = function (calendarModalProps, innerEventGroups, se
             }) : getModalProps(true);
         dispatch((0, modal_1.openModal)(calendarModalView, modalProps));
     }, [calendarModalView, dispatch, getModalProps]);
-    var openEditModal = react_1["default"].useCallback(function (event) {
+    var openEditModal = (0, react_1.useCallback)(function (event) {
         var _a;
         var eventGroupId = ((_a = getEventFromGroup(event)) === null || _a === void 0 ? void 0 : _a.id) || 0;
         dispatch((0, modal_1.openModal)(calendarModalView, getModalProps(false, __assign(__assign({}, event), { eventGroupId: eventGroupId, usersIds: users.map(function (user) {

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

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.useCalendarType = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var CalendarType_1 = __importDefault(require("../enums/CalendarType"));
 var useCalendarType = function (onChangeCalendarType) {
-    var _a = react_1["default"].useState(CalendarType_1["default"].MONTH), calendarType = _a[0], setCalendarType = _a[1];
-    var handleCalendarTypeChange = react_1["default"].useCallback(function (newType) {
+    var _a = (0, react_1.useState)(CalendarType_1["default"].MONTH), calendarType = _a[0], setCalendarType = _a[1];
+    var handleCalendarTypeChange = (0, react_1.useCallback)(function (newType) {
         setCalendarType(newType);
         if (onChangeCalendarType) {
             onChangeCalendarType(newType);

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

@@ -7,7 +7,7 @@ exports.__esModule = true;
 exports.useEventsFromDate = void 0;
 /* eslint-disable default-case */
 var dayjs_1 = __importDefault(require("dayjs"));
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var CalendarType_1 = __importDefault(require("../enums/CalendarType"));
 var addEventIfMatchDate_1 = require("../helpers/addEventIfMatchDate");
 var CALENDAR_TYPE_GETTING_EVENTS_PROPERTIES = (_a = {},
@@ -33,7 +33,7 @@ var CALENDAR_TYPE_GETTING_EVENTS_PROPERTIES = (_a = {},
     },
     _a);
 var useEventsFromDate = function (innerEventGroups, selectedEventGroupsIds) {
-    var getEventsFromDate = react_1["default"].useCallback(function (dateFromDay, currentCalendarType) {
+    var getEventsFromDate = (0, react_1.useCallback)(function (dateFromDay, currentCalendarType) {
         var resultEventsOnDate = [];
         var dayjsDateFromDay = (0, dayjs_1["default"])(dateFromDay);
         var forEachEventGroupEvent = function (callback) {

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare const useExpandClickAway: () => {
     isExpanded: boolean;
-    setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-    triggerRef: React.MutableRefObject<any>;
+    setIsExpanded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    triggerRef: import("react").MutableRefObject<any>;
 };
 export default useExpandClickAway;

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

@@ -1,13 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
 var useExpandClickAway = function () {
-    var _a = react_1["default"].useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
-    var triggerRef = react_1["default"].useRef(null);
+    var _a = (0, react_1.useState)(false), isExpanded = _a[0], setIsExpanded = _a[1];
+    var triggerRef = (0, react_1.useRef)(null);
     (0, react_use_1.useClickAway)(triggerRef, function () {
         if (!isExpanded) {
             return;

package/ui/content/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IButtonProps } from '../../form/Button/Button';
 import { ILinkProps } from '../../nav/Link/Link';
 import { IAvatarProps } from '../Avatar/Avatar';
@@ -45,7 +45,7 @@ export interface ICardProps extends IUiComponent {
     /**
      * Дочерние элементы
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Обложка для карточки, нужно передать ссылку на изображение
      * @example 'https://cat/cat.png'
@@ -105,5 +105,5 @@ export interface ICardProps extends IUiComponent {
     title?: string;
 }
 export type ICardViewProps = ICardProps;
-declare function Card(props: ICardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare function Card(props: ICardProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export default Card;

package/ui/content/Chat/Chat.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IGroupedMessagesByDates } from './hooks/useChat';
 import { IFileFieldProps } from '../../form/FileField/FileField';
 import { IAvatarProps } from '../Avatar/Avatar';
@@ -87,7 +87,7 @@ export interface IChatProps extends IUiComponent {
      * Переопределение view React компонента для кастомизации отображения элемента инпута
      * @example MyCustomView
      */
-    customChatInputView?: React.ReactNode;
+    customChatInputView?: ReactNode;
     /**
      * Кастомный placeholder для инпута
      */
@@ -106,4 +106,4 @@ export interface IChatInputViewProps extends Pick<IChatProps, 'chatId' | 'fileFi
     onUploadFiles: (files: any) => void;
     inputPlaceholder: string;
 }
-export default function Chat(props: IChatProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default function Chat(props: IChatProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/ui/content/Chat/Chat.js

@@ -1,32 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var useChat_1 = __importDefault(require("./hooks/useChat"));
 var hooks_1 = require("../../../hooks");
 function Chat(props) {
@@ -38,7 +16,7 @@ function Chat(props) {
         onSendMessage: props.onSendMessage
     }), onSendMessage = _a.onSendMessage, onUploadFiles = _a.onUploadFiles, groupedMessagesByDates = _a.groupedMessagesByDates;
     var ChatInputView = props.customChatInputView || components.ui.getView('content.ChatInputView');
-    var renderChatInput = (0, react_1.useCallback)(function () { return (react_1["default"].createElement(ChatInputView, { chatId: props.chatId, onSendMessage: onSendMessage, onUploadFiles: onUploadFiles, fileFieldProps: props.fileFieldProps, inputPlaceholder: props.customInputPlaceholder || __('Введите сообщение') })); }, [ChatInputView, onSendMessage, onUploadFiles, props.chatId, props.customInputPlaceholder, props.fileFieldProps]);
+    var renderChatInput = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)(ChatInputView, { chatId: props.chatId, onSendMessage: onSendMessage, onUploadFiles: onUploadFiles, fileFieldProps: props.fileFieldProps, inputPlaceholder: props.customInputPlaceholder || __('Введите сообщение') })); }, [ChatInputView, onSendMessage, onUploadFiles, props.chatId, props.customInputPlaceholder, props.fileFieldProps]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         currentUser: props.currentUser,
         groupedMessagesByDates: groupedMessagesByDates,

package/ui/content/CopyToClipboard/CopyToClipboard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { IShowNotificationParameters } from '../../../actions/notifications';
 /**
  * CopyToClipboard
@@ -52,12 +52,12 @@ export interface ICopyToClipboardProps extends IUiComponent {
     * Иконка
     * @example calendar-day
     */
-    icon?: string | React.ReactElement;
+    icon?: string | ReactElement;
     /**
     * Дочерний элемент
     * @example <h1>This message will be copied!</h1>
     */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
     * Callback который вызывается при копировании
     */
@@ -66,7 +66,7 @@ export interface ICopyToClipboardProps extends IUiComponent {
 export interface ICopyToClipboardViewProps extends ICopyToClipboardProps {
     onClick: () => void;
 }
-declare function CopyToClipboard(props: ICopyToClipboardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare function CopyToClipboard(props: ICopyToClipboardProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace CopyToClipboard {
     var defaultProps: {
         showCopyIcon: boolean;

package/ui/content/Dashboard/Dashboard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IFlexGridItem, IFlexGridProps } from '../../../ui/list/FlexGrid/FlexGrid';
 export interface IDashboardItem extends IFlexGridItem {
     /**
@@ -26,7 +26,7 @@ export interface IDashboardProps extends IUiComponent, IFlexGridProps {
     itemView?: CustomView;
 }
 export interface IDashboardItemViewProps extends Pick<IDashboardItem, 'title' | 'iconName'> {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 declare function Dashboard(props: IDashboardProps): JSX.Element;
 export default Dashboard;

package/ui/content/Dashboard/Dashboard.js

@@ -10,41 +10,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var FlexGrid_1 = __importDefault(require("../../../ui/list/FlexGrid/FlexGrid"));
 function Dashboard(props) {
     var components = (0, hooks_1.useComponents)();
     var DashboardItemView = props.itemView || components.ui.getView('content.DashboardItemView');
-    var flexGridItems = react_1["default"].useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, item), { content: (react_1["default"].createElement(DashboardItemView, { title: item.title, iconName: item.iconName }, item.content)) })); }); }, [DashboardItemView, props.items]);
+    var flexGridItems = (0, react_1.useMemo)(function () { return props.items.map(function (item) { return (__assign(__assign({}, item), { content: ((0, jsx_runtime_1.jsx)(DashboardItemView, __assign({ title: item.title, iconName: item.iconName }, { children: item.content }))) })); }); }, [DashboardItemView, props.items]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props), { items: flexGridItems })); }, [flexGridItems, props]);
-    return (react_1["default"].createElement(FlexGrid_1["default"], __assign({}, viewProps)));
+    return ((0, jsx_runtime_1.jsx)(FlexGrid_1["default"], __assign({}, viewProps)));
 }
 exports["default"] = Dashboard;