@steroidsjs/core 3.1.8 → 3.1.9

package/src/hooks/useListField.js

@@ -0,0 +1,81 @@
+"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;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var _1 = require(".");
+function useListField(props) {
+    var components = (0, _1.useComponents)();
+    var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
+    // Data provider
+    var items = (0, _1.useDataProvider)({
+        items: props.items,
+        initialSelectedIds: inputSelectedIds,
+        dataProvider: props.dataProvider
+    }).items;
+    // Data select
+    var _a = (0, _1.useDataSelect)({
+        multiple: props.multiple,
+        selectedIds: inputSelectedIds,
+        selectFirst: props.selectFirst,
+        primaryKey: props.primaryKey,
+        items: items,
+        inputValue: props.input.value
+    }), selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
+    var onItemSelect = (0, react_1.useCallback)(function (id) {
+        setSelectedIds(id);
+    }, [setSelectedIds]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: props.inputType, name: props.input.name, disabled: props.disabled, onChange: function (value) { return props.input.onChange(value); } })); }, [props.disabled, props.input, props.inputProps, props.inputType]);
+    // Sync with form
+    var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
+    (0, react_1.useEffect)(function () {
+        if (!(0, isEqual_1["default"])(prevSelectedIds || [], selectedIds)) {
+            var valueToSave = props.multiple ? selectedIds : selectedIds[0];
+            props.input.onChange.call(null, valueToSave);
+            if (props.onChange) {
+                props.onChange.call(null, valueToSave);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.input.onChange, selectedIds]);
+    var onReset = (0, react_1.useCallback)(function () {
+        setSelectedIds([]);
+    }, [setSelectedIds]);
+    // Reset selected ids on form reset
+    var prevInputValue = (0, react_use_1.usePrevious)(props.input.value);
+    (0, react_use_1.useUpdateEffect)(function () {
+        // if form reset
+        if (prevInputValue && props.input.value === undefined && selectedIds.length > 0) {
+            onReset();
+        }
+    }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
+    var renderItem = (0, react_1.useCallback)(function (itemProps) {
+        var defaultItemView = props.defaultItemView;
+        var ItemFieldView = itemProps.view || props.itemView || components.ui.getView(defaultItemView);
+        return ((0, jsx_runtime_1.jsx)(ItemFieldView, __assign({}, itemProps, props.itemViewProps, { type: props.inputType })));
+    }, [components.ui, props.defaultItemView, props.inputType, props.itemView, props.itemViewProps]);
+    return {
+        selectedIds: selectedIds,
+        items: items,
+        inputProps: inputProps,
+        onItemSelect: onItemSelect,
+        setSelectedIds: setSelectedIds,
+        renderItem: renderItem
+    };
+}
+exports["default"] = useListField;

package/src/hooks/useSaveCursorPosition.js

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+/* eslint-disable consistent-return */
+/* eslint-disable no-return-assign */
+var debounce_1 = __importDefault(require("lodash-es/debounce"));
+var isNull_1 = __importDefault(require("lodash-es/isNull"));
+var react_1 = require("react");
+var DEFAULT_DEBOUNCE_DELAY_MS = 300;
+function useSaveCursorPosition(config) {
+    var _a, _b, _c;
+    var _d = (0, react_1.useState)(null), cursor = _d[0], setCursor = _d[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var _e = (0, react_1.useState)((_a = config.inputParams.value) !== null && _a !== void 0 ? _a : ''), localValue = _e[0], setLocalValue = _e[1];
+    (0, react_1.useEffect)(function () {
+        var el = inputRef.current;
+        if (!el || (0, isNull_1["default"])(cursor)) {
+            return;
+        }
+        var pos = Math.max(0, Math.min(cursor, el.value.length));
+        try {
+            el.setSelectionRange(pos, pos);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }, [cursor, localValue]);
+    /**
+     * Синхронизация ТОЛЬКО при внешнем reset (например, очистка формы)
+     */
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (config.inputParams.value !== localValue) {
+            setLocalValue((_a = config.inputParams.value) !== null && _a !== void 0 ? _a : '');
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [config.inputParams.value]);
+    /**
+     * Создаём debounce только при смене delay или enabled.
+     * onChange и onChangeCallback не добавляем в зависимости,
+     * чтобы debounce не пересоздавался каждый рендер.
+     */
+    var debouncedCommit = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        if (!((_a = config.debounce) === null || _a === void 0 ? void 0 : _a.enabled)) {
+            return null;
+        }
+        return (0, debounce_1["default"])(function (value) {
+            var _a;
+            config.inputParams.onChange(value);
+            (_a = config.onChangeCallback) === null || _a === void 0 ? void 0 : _a.call(config, value);
+        }, (_b = config.debounce.delayMs) !== null && _b !== void 0 ? _b : DEFAULT_DEBOUNCE_DELAY_MS);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [(_b = config.debounce) === null || _b === void 0 ? void 0 : _b.enabled, (_c = config.debounce) === null || _c === void 0 ? void 0 : _c.delayMs]);
+    var onChange = (0, react_1.useCallback)(function (event, value) {
+        var _a, _b, _c;
+        if (value === void 0) { value = null; }
+        var val = value !== null && value !== void 0 ? value : event.target.value;
+        setCursor((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.selectionStart);
+        setLocalValue(val);
+        if ((_b = config.debounce) === null || _b === void 0 ? void 0 : _b.enabled) {
+            debouncedCommit(val);
+        }
+        else {
+            config.inputParams.onChange(val);
+            (_c = config.onChangeCallback) === null || _c === void 0 ? void 0 : _c.call(config, val);
+        }
+    }, [config, debouncedCommit]);
+    return {
+        inputRef: inputRef,
+        onChange: onChange,
+        value: localValue
+    };
+}
+exports["default"] = useSaveCursorPosition;

package/src/hooks/useTree.d.ts

@@ -0,0 +1,125 @@
+import { MouseEvent } from 'react';
+import { IButtonProps } from '../ui/form/Button/Button';
+export interface ITreeItem extends IButtonProps {
+    /**
+     * Идентификатор узла
+     */
+    id: string | number | boolean;
+    /**
+     * Вложенные элементы
+     * @example
+     * [
+     *  {
+     *   id: 2,
+     *   label: 'Nested element',
+     *   items: [...]
+     *  }
+     * ]
+     */
+    items?: ITreeItem[];
+    /**
+     * Скрыть или показать узел
+     * @example true
+     */
+    visible?: boolean;
+}
+export interface IPreparedTreeItem extends ITreeItem {
+    uniqueId: string;
+    index: number;
+    level: number;
+    isOpened: boolean;
+    isSelected: boolean;
+    hasItems: boolean;
+    onClick: (e: Event | MouseEvent | any) => void;
+    className?: CssClassName;
+}
+export interface ITreeOutput {
+    treeItems: IPreparedTreeItem[];
+    onItemFocus: (e: Event | MouseEvent | any) => void;
+}
+export interface ITreeConfig {
+    /**
+     * Коллекция с узлами. Также можно передать идентификатор роута, тогда компонент найдет все
+     * вложенные роуты и отобразит их в виде дерева.
+     * @example
+     * [
+     *  {
+     *   id: 1,
+     *   label: 'Root',
+     *   items: [...]
+     *  }
+     * ] | 'root'
+     */
+    items?: ITreeItem[] | string;
+    /**
+     * Ограничивает максимальный уровень вложенности дерева
+     * @example 2
+     */
+    level?: number;
+    /**
+     * Ключ для доступа к вложенным элементам узла
+     * @example 'items'
+     */
+    itemsKey?: string;
+    /**
+     * Идентификатор узла, которой нужно отобразить в раскрытом виде
+     * @example 2
+     */
+    selectedItemId?: string | number;
+    /**
+     * Максимальный уровень вложенности, до которого все узлы будут отображаться в развёрнутом виде
+     * @example 1
+     */
+    autoOpenLevels?: number;
+    /**
+     * Обработчик на клик по узлу
+     * @param args
+     */
+    onExpand?: (...args: any[]) => any;
+    /**
+     * Используется для управления раскрытием всех элементов в дереве
+     * @example: true
+     */
+    alwaysOpened?: boolean;
+    /**
+     * Текущая страница, используется для корректного отображения пагинации
+     * @example: 1
+     */
+    currentPage?: number;
+    /**
+     * Количество элементов на странице, используется для корректного отображения пагинации
+     * @example: 4
+     */
+    itemsOnPage?: number;
+    /**
+     * Параметры роутинга
+     * @example: true
+     */
+    routerParams?: any;
+    /**
+     * При повторном нажатии на выбранный элемент из дерева, он продолжит отображаться как активный.
+     * @example true
+     */
+    useSameSelectedItemId?: boolean;
+    /**
+     * Скрывать открытые вложенные узлы, если скрыли родительский узел
+     * @example true
+     */
+    collapseChildItems?: boolean;
+    /**
+     * Сохранение в localStorage уровней вложенности.
+     * @example true
+     */
+    saveInClientStorage?: boolean;
+    /**
+     * Идентификатор (ключ) для сохранения в LocalStorage коллекции.
+     * @example 'exampleTree'
+     */
+    clientStorageId?: string;
+    /**
+     * Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц
+     * @example true
+     */
+    isSinglePageItems?: boolean;
+}
+export default function useTree(config: ITreeConfig): ITreeOutput;

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

@@ -0,0 +1,213 @@
+import { ReactNode, MouseEvent } from 'react';
+import { ICustomViews } from './hooks/useCustomViews';
+import { ICheckboxListFieldProps } from '../../form/CheckboxListField/CheckboxListField';
+import { IModalProps } from '../../modal/Modal/Modal';
+import { ICalendarProps } from '../Calendar/Calendar';
+export type CalendarSystemModalFields = 'title' | 'eventGroupId' | 'description' | 'startDate' | 'endDate' | 'id' | 'usersIds';
+export type CalendarSystemEventGroupModalFields = 'label' | 'color';
+export interface IEventInitialValues extends IEvent {
+    eventGroupId: string;
+    usersIds: number[];
+}
+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;
+    /**
+    * Начальная дата
+    */
+    startDate: Date;
+    /**
+    * Конечная дата
+    */
+    endDate: Date;
+    /**
+    * Заголовок
+    */
+    title: string;
+    /**
+    * Цвет
+    */
+    color?: string;
+    /**
+    * Внутреннее описания события
+    */
+    description?: string;
+    [key: string]: any;
+}
+/**
+* Группа событий
+*/
+export interface IEventGroup {
+    /**
+    * Идентификатор
+    */
+    id: number | string;
+    /**
+    * Название группы
+    */
+    label: string;
+    /**
+    * Цвет
+    * @example '#000000'
+    */
+    color?: string;
+    /**
+    * События группы
+    */
+    events: Omit<IEvent, 'color'>[];
+}
+export interface ICalendarUser {
+    id: number;
+    name: string;
+    caption: string;
+    eventsIds: IEvent['id'][];
+}
+export interface IGridViews {
+    eventView?: CustomView;
+    hourView?: CustomView;
+    gridView?: CustomView;
+}
+/**
+ * CalendarSystem
+ *
+ * Комплексный компонент календарь служит для планирования событий и их отображения в календаре.
+ *
+ * Компонент умеет отображать события с помощью недельной сетки с шагом в 1 час,
+ * а также переключать отображение на сетку по месяцам с шагом 1 день.
+ * Присутствует возможность добавлять в календарь события и создавать новые группы событий.
+ *
+ */
+export interface ICalendarSystemProps extends IUiComponent {
+    /**
+    * Функция, которая вызывется при смене типа календаря
+    */
+    onChangeCalendarType?: (newType: string) => void;
+    /**
+    * Свойства для модального окна
+    */
+    calendarModalProps?: IModalProps;
+    /**
+    * Свойства для модального окна группы событий
+    */
+    eventGroupModalProps?: IModalProps;
+    /**
+    * Параметры для групп событий
+    */
+    eventBlock: {
+        /**
+        * Заголовок, который используется для обозначения групп событий
+        */
+        title: string;
+        /**
+        * Группы событий
+        */
+        eventGroups: IEventGroup[];
+        /**
+        * Можно ли добавлять группы событий в календарь
+        */
+        canAddedEventGroups?: boolean;
+    };
+    /**
+    * Свойства для сетки дня
+    */
+    dayGrid?: IGridViews;
+    /**
+    * Свойства для сетки недели
+    */
+    weekGrid?: IGridViews;
+    /**
+    * Свойства для сетки месяца
+    */
+    monthGrid?: IGridViews;
+    users: ICalendarUser[];
+    /**
+    * Дополнительные свойства, которые передаются во view компонента
+    */
+    additionalViewProps?: Record<string, any>;
+    /**
+     * Дополнительные свойства для бокового календаря
+     */
+    asideCalendarProps?: ICalendarProps;
+    /**
+     * Дополнительные свойства для списка календарей бокового календаря
+     */
+    asideCalendarCheckboxListProps?: ICheckboxListFieldProps;
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Функция, которая вызывается по клику на событие
+     */
+    onEventClick?: (event: Record<string, any>) => void;
+    /**
+     * Данные для формы с текущими датами календаря
+     */
+    calendarDatesFormData?: {
+        formId: string;
+        dateFromAttribute?: string;
+        dateToAttribute?: string;
+    };
+    [key: string]: any;
+}
+export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps' | 'asideCalendarCheckboxListProps'> {
+    onCalendarChangedMonth: (newDate: Date) => void;
+    eventGroups: IEventGroup[];
+    eventGroupsTitle: string;
+    canAddedEventGroups?: boolean;
+    onChangeEventGroupsIds: (selectedIds: number[]) => void;
+    openCreateEventGroupModal: VoidFunction;
+    dateToDisplay: string;
+    handleCalendarTypeChange: (newType: string) => void;
+    onClickControl: (event: MouseEvent<HTMLElement>) => void;
+    calendarType: string;
+    children: ReactNode;
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: string) => IEvent[];
+    openEditModal: (event: IEvent) => void;
+    openCreateModal: (eventInitialDay?: IDay) => void;
+    monthGridProps: {
+        monthGridWeekDays: string[];
+        monthGridCalendarDays: IDay[];
+    } & ICustomViews;
+    weekGridProps: {
+        weekGridTwentyFourHoursArray: string[];
+        weekGridCurrentWeekDays: IDay[];
+    } & ICustomViews;
+    dayGridProps: {
+        dayGridTwentyFourHoursArray: string[];
+        dayGridCurrentDay: IDay;
+    } & ICustomViews;
+}
+export interface ICalendarSystemModalViewProps extends IModalProps {
+    eventGroups: IEventGroup[];
+    onModalFormSubmit: (fields: Record<CalendarSystemModalFields, string>, eventInitialValues?: IEventInitialValues) => void;
+    isCreate: boolean;
+    eventInitialValues?: any;
+    users: ICalendarUser[];
+}
+export interface CalendarSystemEventGroupModalViewProps extends IModalProps {
+    isCreate: boolean;
+    onEventGroupSubmit: (fields: Record<CalendarSystemEventGroupModalFields, string>) => void;
+    eventGroupInitialValues?: {
+        color: string;
+        label: string;
+    };
+}
+export default function CalendarSystem(props: ICalendarSystemProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/src/ui/content/CalendarSystem/CalendarSystem.js

@@ -0,0 +1,59 @@
+"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 max-len */
+/* eslint-disable no-return-assign */
+/* eslint-disable default-case */
+/* eslint-disable no-plusplus */
+var dayjs_1 = __importDefault(require("dayjs"));
+var localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
+var react_1 = require("react");
+var useCalendarSystem_1 = require("./hooks/useCalendarSystem");
+var useCustomViews_1 = require("./hooks/useCustomViews");
+var hooks_1 = require("../../../hooks");
+dayjs_1["default"].extend(localeData_1["default"]);
+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 = (0, react_1.useMemo)(function () { return ({
+        className: props.className,
+        style: props.style,
+        additionalViewProps: props.additionalViewProps,
+        users: calendarSystem.users,
+        eventGroupsTitle: props.eventBlock.title,
+        canAddedEventGroups: props.eventBlock.canAddedEventGroups,
+        asideCalendarProps: props.asideCalendarProps,
+        asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps,
+        children: props.children,
+        dateToDisplay: calendarSystem.dateToDisplay,
+        eventGroups: calendarSystem.innerEventGroups,
+        calendarType: calendarSystem.calendarType,
+        openCreateModal: calendarSystem.openCreateModal,
+        onCalendarChangedMonth: calendarSystem.onCalendarChangedMonth,
+        onChangeEventGroupsIds: function (newSelectedEventGroupsIds) { return calendarSystem.setSelectedEventGroupsIds(newSelectedEventGroupsIds); },
+        openCreateEventGroupModal: calendarSystem.openCreateEventGroupModal,
+        handleCalendarTypeChange: calendarSystem.handleCalendarTypeChange,
+        onClickControl: calendarSystem.onClickControl,
+        getEventsFromDate: calendarSystem.getEventsFromDate,
+        openEditModal: props.onEventClick || calendarSystem.openEditModal,
+        monthGridProps: __assign({ monthGridWeekDays: calendarSystem.monthGridWeekDays, monthGridCalendarDays: calendarSystem.monthGridCalendarDays }, monthGridViews),
+        weekGridProps: __assign({ weekGridTwentyFourHoursArray: calendarSystem.weekGridTwentyFourHoursArray, weekGridCurrentWeekDays: calendarSystem.weekGridCurrentWeekDays }, weekGridViews),
+        dayGridProps: __assign({ dayGridTwentyFourHoursArray: calendarSystem.dayGridTwentyFourHoursArray, dayGridCurrentDay: calendarSystem.dayGridCurrentDay }, dayGridViews)
+    }); }, [props.className, props.style, props.additionalViewProps, props.eventBlock.title, props.eventBlock.canAddedEventGroups, props.asideCalendarProps, props.asideCalendarCheckboxListProps, props.children, props.onEventClick, calendarSystem, monthGridViews, weekGridViews, dayGridViews]);
+    return components.ui.renderView(props.view || 'content.CalendarSystemView', viewProps);
+}
+exports["default"] = CalendarSystem;

package/src/ui/content/Chat/utils/addNewMessageIntoGroupedMessages.d.ts

@@ -0,0 +1,5 @@
+import { IChatMessage } from '../Chat';
+import { IGroupedMessage, IGroupedMessagesByDates } from '../hooks/useChat';
+export declare const addNewMessageIntoGroupedMessages: (newMessage: IChatMessage, groupedMessagesByDates: IGroupedMessagesByDates) => {
+    [x: string]: IGroupedMessage[][];
+};

package/src/ui/content/Chat/utils/addNewMessageIntoGroupedMessages.js

@@ -0,0 +1,61 @@
+"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 __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.addNewMessageIntoGroupedMessages = void 0;
+var dayjs_1 = __importDefault(require("dayjs"));
+var last_1 = __importDefault(require("lodash-es/last"));
+var getMessagesGroupedByDate_1 = require("./getMessagesGroupedByDate");
+var timeTemplatesAndUnits_1 = require("../constants/timeTemplatesAndUnits");
+var addMessageToExistingGroup = function (newMessage, groupedMessagesByDates, dateKey) {
+    var _a;
+    var currentGroupedMessagesByDates = __spreadArray([], groupedMessagesByDates[dateKey], true);
+    // last array of messages for this date
+    var lastMessageGroup = currentGroupedMessagesByDates.pop();
+    // last message for this date
+    var lastMessageFromGroup = (0, last_1["default"])(lastMessageGroup);
+    var messagesGroupForCurrentDate = __spreadArray(__spreadArray([], groupedMessagesByDates[dateKey], true), [[newMessage]], false);
+    if ((0, getMessagesGroupedByDate_1.isWithinTimeThreshold)(lastMessageFromGroup, newMessage)) {
+        // make a new message the last in the group
+        delete lastMessageFromGroup.isLastMessage;
+        delete newMessage.isFirstMessage;
+        if (lastMessageGroup.length === 1) {
+            messagesGroupForCurrentDate = __spreadArray(__spreadArray([], currentGroupedMessagesByDates, true), [[lastMessageFromGroup, newMessage]], false);
+        }
+        else {
+            messagesGroupForCurrentDate = __spreadArray(__spreadArray([], currentGroupedMessagesByDates, true), [__spreadArray(__spreadArray([], lastMessageGroup, true), [newMessage], false)], false);
+        }
+    }
+    return __assign(__assign({}, groupedMessagesByDates), (_a = {}, _a[dateKey] = messagesGroupForCurrentDate, _a));
+};
+var addNewMessageIntoGroupedMessages = function (newMessage, groupedMessagesByDates) {
+    var _a;
+    var dateKey = (0, dayjs_1["default"])(newMessage.timestamp).format(timeTemplatesAndUnits_1.MONTH_AND_DAY_TEMPLATE);
+    var singleMessageInGroup = __assign(__assign({}, newMessage), { isFirstMessage: true, isLastMessage: true });
+    if (groupedMessagesByDates[dateKey]) {
+        return addMessageToExistingGroup(singleMessageInGroup, groupedMessagesByDates, dateKey);
+    }
+    return __assign(__assign({}, groupedMessagesByDates), (_a = {}, _a[dateKey] = [[singleMessageInGroup]], _a));
+};
+exports.addNewMessageIntoGroupedMessages = addNewMessageIntoGroupedMessages;