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

package/docs-autogen-result.json

@@ -4179,6 +4179,163 @@
                 }
             ]
         },
+        "CalendarSystemEventGroupModalViewProps": {
+            "name": "CalendarSystemEventGroupModalViewProps",
+            "moduleName": "ui/content/CalendarSystem/CalendarSystem",
+            "title": "",
+            "description": "",
+            "tags": {},
+            "defaultProps": null,
+            "extends": [
+                "IModalProps"
+            ],
+            "properties": [
+                {
+                    "name": "buttons",
+                    "decorators": [],
+                    "description": "Коллекция кнопок, которая отобразится в нижней секции Modal",
+                    "required": false,
+                    "type": "IButtonProps[]",
+                    "example": "[{label: __(('Закрыть')), onClick: () => props.onClose()}]"
+                },
+                {
+                    "name": "children",
+                    "decorators": [],
+                    "description": "Вложенные элементы",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                },
+                {
+                    "name": "className",
+                    "decorators": [],
+                    "description": "Кастомный CSS-класс",
+                    "required": false,
+                    "type": "string",
+                    "example": "'CustomCssClassName'"
+                },
+                {
+                    "name": "closeAfterMs",
+                    "decorators": [],
+                    "description": "Время в миллисекундах, через которое автоматически произойдет закрытие Modal.",
+                    "required": false,
+                    "type": "number",
+                    "example": "1000"
+                },
+                {
+                    "name": "closeTimeoutMs",
+                    "decorators": [],
+                    "description": "Время, в течение которого будет происходить анимация закрытия Modal.\nПереопределяет отрезок времени, заданный в ModalPortal",
+                    "required": false,
+                    "type": "number",
+                    "example": "300"
+                },
+                {
+                    "name": "component",
+                    "decorators": [],
+                    "description": "Компонент, который отрендерится внутри Modal",
+                    "required": false,
+                    "type": "{}",
+                    "example": "() => <InnerModalComponent />"
+                },
+                {
+                    "name": "componentProps",
+                    "decorators": [],
+                    "description": "Свойства для внутреннего компонента",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                },
+                {
+                    "name": "group",
+                    "decorators": [],
+                    "description": "Группа Modal",
+                    "required": false,
+                    "type": "string",
+                    "example": "'modal'"
+                },
+                {
+                    "name": "index",
+                    "decorators": [],
+                    "description": "Порядковый номер Modal",
+                    "required": false,
+                    "type": "number",
+                    "example": "0"
+                },
+                {
+                    "name": "isClosing",
+                    "decorators": [],
+                    "description": "Значение свойства отслеживается для показа/закрытия Modal.\nЕсли для компонента ModalPortal установлено значение задержки (animationDelayMc), то после закрытия\nпользователем Modal, оно исчезнет не сразу, а через указанный в animationDelayMc промежуток времени.\nВ течение этого времени флаг isClosing будет равен true.\nЕсли задержка не установлена, Modal закроется сразу же и флаг isClosing всегда будет равен false.",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
+                {
+                    "name": "isCreate",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "boolean",
+                    "example": null
+                },
+                {
+                    "name": "onClose",
+                    "decorators": [],
+                    "description": "Обработчик срабатывает при закрытии Modal",
+                    "required": false,
+                    "type": "{}",
+                    "example": null
+                },
+                {
+                    "name": "onEventGroupSubmit",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "{}",
+                    "example": null
+                },
+                {
+                    "name": "shouldCloseOnEsc",
+                    "decorators": [],
+                    "description": "Закрытие Modal при нажатии на клавишу 'ESC'",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
+                {
+                    "name": "shouldCloseOnOverlayClick",
+                    "decorators": [],
+                    "description": "Закрытие Modal при клике на компонент overlay внутри Modal (темный фон, отделяющий контент страницы от Modal)",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
+                {
+                    "name": "size",
+                    "decorators": [],
+                    "description": "Размер Modal",
+                    "required": false,
+                    "type": "string",
+                    "example": "'middle'"
+                },
+                {
+                    "name": "title",
+                    "decorators": [],
+                    "description": "Заголовок Modal",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Заявка отправлена на модерацию'"
+                },
+                {
+                    "name": "view",
+                    "decorators": [],
+                    "description": "Переопределение React-компонента для кастомизации view-отображения",
+                    "required": false,
+                    "type": "React.ReactNode | {}",
+                    "example": "MyCustomView"
+                }
+            ]
+        },
         "ICalendarSystemModalViewProps": {
             "name": "ICalendarSystemModalViewProps",
             "moduleName": "ui/content/CalendarSystem/CalendarSystem",
@@ -4355,7 +4512,7 @@
         "ICalendarSystemProps": {
             "name": "ICalendarSystemProps",
             "moduleName": "ui/content/CalendarSystem/CalendarSystem",
-            "title": "",
+            "title": "Комплексный календарь",
             "description": "",
             "tags": {},
             "defaultProps": null,
@@ -4366,7 +4523,7 @@
                 {
                     "name": "calendarModalProps",
                     "decorators": [],
-                    "description": "",
+                    "description": "Свойства для модального окна",
                     "required": false,
                     "type": "IModalProps",
                     "example": null
@@ -4382,23 +4539,23 @@
                 {
                     "name": "eventBlock",
                     "decorators": [],
-                    "description": "",
+                    "description": "Параметры для групп событий",
                     "required": true,
                     "type": "{eventGroups: IEventGroup[], title: string}",
                     "example": null
                 },
                 {
-                    "name": "onChangeCalendarType",
+                    "name": "eventGroupModalProps",
                     "decorators": [],
-                    "description": "",
+                    "description": "Свойства для модалного окна группы событий",
                     "required": false,
-                    "type": "{}",
+                    "type": "IModalProps",
                     "example": null
                 },
                 {
-                    "name": "onCreateEvent",
+                    "name": "onChangeCalendarType",
                     "decorators": [],
-                    "description": "",
+                    "description": "Функция, которая вызовется при смене типа календаря",
                     "required": false,
                     "type": "{}",
                     "example": null
@@ -4529,6 +4686,14 @@
                     "type": "{}",
                     "example": null
                 },
+                {
+                    "name": "openCreateEventGroupModal",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "VoidFunction",
+                    "example": null
+                },
                 {
                     "name": "openCreateModal",
                     "decorators": [],
@@ -4617,7 +4782,7 @@
         "IEvent": {
             "name": "IEvent",
             "moduleName": "ui/content/CalendarSystem/CalendarSystem",
-            "title": "",
+            "title": "Событие",
             "description": "",
             "tags": {},
             "defaultProps": null,
@@ -4626,7 +4791,7 @@
                 {
                     "name": "color",
                     "decorators": [],
-                    "description": "",
+                    "description": "Цвет",
                     "required": false,
                     "type": "string",
                     "example": null
@@ -4634,7 +4799,7 @@
                 {
                     "name": "date",
                     "decorators": [],
-                    "description": "",
+                    "description": "Дата",
                     "required": true,
                     "type": "Date",
                     "example": null
@@ -4642,7 +4807,7 @@
                 {
                     "name": "description",
                     "decorators": [],
-                    "description": "",
+                    "description": "Внутреннее описания события",
                     "required": false,
                     "type": "string",
                     "example": null
@@ -4650,7 +4815,7 @@
                 {
                     "name": "id",
                     "decorators": [],
-                    "description": "",
+                    "description": "Идентификатор",
                     "required": true,
                     "type": "number",
                     "example": null
@@ -4658,7 +4823,7 @@
                 {
                     "name": "title",
                     "decorators": [],
-                    "description": "",
+                    "description": "Заголовок",
                     "required": true,
                     "type": "string",
                     "example": null
@@ -4668,7 +4833,7 @@
         "IEventGroup": {
             "name": "IEventGroup",
             "moduleName": "ui/content/CalendarSystem/CalendarSystem",
-            "title": "",
+            "title": "Группа событий",
             "description": "",
             "tags": {},
             "defaultProps": null,
@@ -4677,15 +4842,15 @@
                 {
                     "name": "color",
                     "decorators": [],
-                    "description": "",
+                    "description": "Цвет",
                     "required": false,
                     "type": "string",
-                    "example": null
+                    "example": "'#000000'"
                 },
                 {
                     "name": "events",
                     "decorators": [],
-                    "description": "",
+                    "description": "События группы",
                     "required": true,
                     "type": "Omit[]",
                     "example": null
@@ -4693,7 +4858,7 @@
                 {
                     "name": "id",
                     "decorators": [],
-                    "description": "",
+                    "description": "Идентификатор",
                     "required": true,
                     "type": "number",
                     "example": null
@@ -4701,7 +4866,7 @@
                 {
                     "name": "label",
                     "decorators": [],
-                    "description": "",
+                    "description": "Название группы",
                     "required": true,
                     "type": "string",
                     "example": null
@@ -4722,7 +4887,7 @@
                 {
                     "name": "color",
                     "decorators": [],
-                    "description": "",
+                    "description": "Цвет",
                     "required": false,
                     "type": "string",
                     "example": null
@@ -4730,7 +4895,7 @@
                 {
                     "name": "date",
                     "decorators": [],
-                    "description": "",
+                    "description": "Дата",
                     "required": true,
                     "type": "Date",
                     "example": null
@@ -4738,7 +4903,7 @@
                 {
                     "name": "description",
                     "decorators": [],
-                    "description": "",
+                    "description": "Внутреннее описания события",
                     "required": false,
                     "type": "string",
                     "example": null
@@ -4754,7 +4919,7 @@
                 {
                     "name": "id",
                     "decorators": [],
-                    "description": "",
+                    "description": "Идентификатор",
                     "required": true,
                     "type": "number",
                     "example": null
@@ -4762,7 +4927,7 @@
                 {
                     "name": "title",
                     "decorators": [],
-                    "description": "",
+                    "description": "Заголовок",
                     "required": true,
                     "type": "string",
                     "example": null
@@ -30830,6 +30995,14 @@
             "type": "AvatarGroupProps",
             "example": null
         },
+        "CalendarSystemEventGroupModalFields": {
+            "name": "CalendarSystemEventGroupModalFields",
+            "decorators": [],
+            "description": "",
+            "required": true,
+            "type": "\"label\" | \"color\"",
+            "example": null
+        },
         "CalendarSystemModalFields": {
             "name": "CalendarSystemModalFields",
             "decorators": [],

package/en.json

@@ -906,5 +906,13 @@
     "\nКомпонент в котором можно расположить различные элементы, например графики, таблицы на доске\n": "",
     "Заголовок для элемента": "",
     "Кастомная вьюшка для элемента": "",
-    "Элементы дашборда": ""
+    "Элементы дашборда": "",
+    "Свойства для модального окна": "",
+    "Параметры для групп событий": "",
+    "Свойства для модалного окна группы событий": "",
+    "Функция, которая вызовется при смене типа календаря": "",
+    "Внутреннее описания события": "",
+    "Идентификатор": "",
+    "События группы": "",
+    "Название группы": ""
 }

package/package.json

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

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

@@ -18,26 +18,81 @@ export interface IPresentDateInfo {
     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'>[];
 }
+/**
+ * Комплексный календарь
+ **/
 export interface ICalendarSystemProps extends IUiComponent {
-    onCreateEvent?: () => void;
+    /**
+    * Функция, которая вызовется при смене типа календаря
+    */
     onChangeCalendarType?: (newType: string) => void;
+    /**
+    * Свойства для модального окна
+    */
     calendarModalProps?: IModalProps;
+    /**
+    * Свойства для модалного окна группы событий
+    */
+    eventGroupModalProps?: IModalProps;
+    /**
+    * Параметры для групп событий
+    */
     eventBlock: {
+        /**
+        * Заголовок, который используется для обозначения групп событий
+        */
         title: string;
+        /**
+        * Группы событий
+        */
         eventGroups: IEventGroup[];
     };
     [key: string]: any;
@@ -57,7 +112,7 @@ export interface ICalendarSystemViewProps extends Omit<ICalendarSystemProps, 'ca
     openCreateModal: (eventInitialDay?: IDay) => void;
     openCreateEventGroupModal: VoidFunction;
     openEditModal: (event: IEvent) => void;
-    getEventsFromDate: (dateFromDay: Date, isMonth: boolean) => IEvent[];
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
     onChangeEventGroupsIds: (selectedIds: number[]) => void;
     weekDays: string[];
 }

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -43,7 +43,7 @@ function CalendarSystem(props) {
     var _f = (0, hooks_1.useWeekCalendar)(currentMonthDate), currentWeekDays = _f.currentWeek, weekControls = _f.weekControls, forceUpdateWeekOnMonthChange = _f.forceUpdateWeekOnMonthChange;
     var applyControl = (0, useCalendarControls_1["default"])(calendarType, weekControls);
     var _g = (0, useCalendarSystemModals_1["default"])(props.calendarModalProps, innerEventGroups, setInnerEventGroups), openCreateModal = _g.openCreateModal, openEditModal = _g.openEditModal;
-    var openCreateEventGroupModal = (0, useCalendarSystemEventGroupModals_1.useCalendarSystemEventGroupModals)(innerEventGroups, setInnerEventGroups).openCreateEventGroupModal;
+    var openCreateEventGroupModal = (0, useCalendarSystemEventGroupModals_1.useCalendarSystemEventGroupModals)(innerEventGroups, setInnerEventGroups, props.eventGroupModalProps).openCreateEventGroupModal;
     var onChangeCalendarType = react_1["default"].useCallback(function (newType) {
         setCalendarType(newType);
         if (props.onChangeCalendarType) {

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

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

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

@@ -19,10 +19,10 @@ var react_1 = __importDefault(require("react"));
 var modal_1 = require("../../../../actions/modal");
 var useComponents_1 = __importDefault(require("../../../../hooks/useComponents"));
 var DEFAULT_ID = 1;
-var useCalendarSystemEventGroupModals = function (innerEventGroups, setInnerEventGroups) {
+var useCalendarSystemEventGroupModals = function (innerEventGroups, setInnerEventGroups, eventGroupModalProps) {
     var dispatch = (0, react_redux_1.useDispatch)();
     var components = (0, useComponents_1["default"])();
-    var calendarModalView = components.ui.getView('content.CalendarSystemEventGroupModalView');
+    var calendarModalView = (eventGroupModalProps === null || eventGroupModalProps === void 0 ? void 0 : eventGroupModalProps.component) || components.ui.getView('content.CalendarSystemEventGroupModalView');
     var onEventGroupSubmit = react_1["default"].useCallback(function (fields) {
         var _a;
         var newEventGroup = {

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IAvatarProps } from '../Avatar/Avatar';
+import { IChatConfig, IGroupedMessagesByDates } from './hooks/useChat';
+export interface IChatUser {
+    id: number;
+    firstName?: string;
+    lastName?: string;
+    avatar?: IAvatarProps;
+}
+export interface IChatMessage {
+    id: number;
+    user: IChatUser;
+    text: string;
+    timestamp: Date;
+}
+interface IChatProps extends IChatConfig, IUiComponent {
+    chatId: string;
+    currentUser: IChatUser;
+}
+export interface IChatViewProps extends Omit<IChatProps, 'messages'> {
+    groupedMessagesByDates: IGroupedMessagesByDates;
+}
+export default function Chat(props: IChatProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/ui/content/Chat/Chat.js

@@ -0,0 +1,26 @@
+"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 hooks_1 = require("../../../hooks");
+var useChat_1 = __importDefault(require("./hooks/useChat"));
+function Chat(props) {
+    var components = (0, hooks_1.useComponents)();
+    var groupedMessagesByDates = (0, useChat_1["default"])({
+        messages: props.messages
+    }).groupedMessagesByDates;
+    return components.ui.renderView(props.view || 'content.ChatView', __assign(__assign({}, props), { groupedMessagesByDates: groupedMessagesByDates }));
+}
+exports["default"] = Chat;

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

@@ -0,0 +1,7 @@
+export declare const MONTH_AND_DAY_TEMPLATE = "MMMM DD";
+export declare const HOURS_AND_MINUTES_TEMPLATE = "HH:mm";
+export declare const MINUTE_UNIT = "minute";
+export declare const HOUR_UNIT = "hour";
+export declare const SECONDS_IN_MINUTE_VALUE = 60000;
+export declare const MINUTES_IN_HOUR_VALUE = 60;
+export declare const HOURS_IN_DAY_VALUE = 24;

package/ui/content/Chat/constants/timeTemplatesAndUnits.js

@@ -0,0 +1,10 @@
+"use strict";
+exports.__esModule = true;
+exports.HOURS_IN_DAY_VALUE = exports.MINUTES_IN_HOUR_VALUE = exports.SECONDS_IN_MINUTE_VALUE = exports.HOUR_UNIT = exports.MINUTE_UNIT = exports.HOURS_AND_MINUTES_TEMPLATE = exports.MONTH_AND_DAY_TEMPLATE = void 0;
+exports.MONTH_AND_DAY_TEMPLATE = 'MMMM DD';
+exports.HOURS_AND_MINUTES_TEMPLATE = 'HH:mm';
+exports.MINUTE_UNIT = 'minute';
+exports.HOUR_UNIT = 'hour';
+exports.SECONDS_IN_MINUTE_VALUE = 60000;
+exports.MINUTES_IN_HOUR_VALUE = 60;
+exports.HOURS_IN_DAY_VALUE = 24;

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

@@ -0,0 +1,13 @@
+import { IChatMessage } from '../Chat';
+export interface IChatConfig {
+    messages: IChatMessage[];
+}
+export interface IGroupedMessage extends IChatMessage {
+    isFirstMessage?: boolean;
+    isLastMessage?: boolean;
+}
+export type IGroupedMessagesByDates = Record<string, IGroupedMessage[][]>;
+declare const useChat: (config: IChatConfig) => {
+    groupedMessagesByDates: {};
+};
+export default useChat;

package/ui/content/Chat/hooks/useChat.js

@@ -0,0 +1,12 @@
+"use strict";
+exports.__esModule = true;
+var react_1 = require("react");
+var utils_1 = require("../utils");
+var useChat = function (config) {
+    var _a = (0, react_1.useState)({}), groupedMessagesByDates = _a[0], setGroupedMessagesByDates = _a[1];
+    (0, react_1.useEffect)(function () { return setGroupedMessagesByDates((0, utils_1.getMessagesGroupedByDate)(config.messages)); }, [config.messages]);
+    return {
+        groupedMessagesByDates: groupedMessagesByDates
+    };
+};
+exports["default"] = useChat;

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

@@ -0,0 +1,2 @@
+import Chat from './Chat';
+export default Chat;

package/ui/content/Chat/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Chat_1 = __importDefault(require("./Chat"));
+exports["default"] = Chat_1["default"];

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

@@ -0,0 +1 @@
+export declare const calculateMessageTimeAgo: (timestamp: any) => string;

package/ui/content/Chat/utils/calculateMessageTimeAgo.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.calculateMessageTimeAgo = void 0;
+var dayjs_1 = __importDefault(require("dayjs"));
+var timeTemplatesAndUnits_1 = require("../constants/timeTemplatesAndUnits");
+var calculateMessageTimeAgo = function (timestamp) {
+    var now = (0, dayjs_1["default"])();
+    var messageTime = (0, dayjs_1["default"])(timestamp);
+    var diffInMinutes = now.diff(messageTime, timeTemplatesAndUnits_1.MINUTE_UNIT);
+    var diffInHours = now.diff(messageTime, timeTemplatesAndUnits_1.HOUR_UNIT);
+    var timeAgo = '';
+    if (diffInMinutes < timeTemplatesAndUnits_1.MINUTES_IN_HOUR_VALUE) {
+        timeAgo = __("".concat(diffInMinutes, " \u043C\u0438\u043D. \u043D\u0430\u0437\u0430\u0434"), { diffInMinutes: diffInMinutes });
+    }
+    else if (diffInHours < timeTemplatesAndUnits_1.HOURS_IN_DAY_VALUE) {
+        timeAgo = __("".concat(diffInHours, " \u0447. \u043D\u0430\u0437\u0430\u0434"), { diffInHours: diffInHours });
+    }
+    else {
+        timeAgo = messageTime.format(timeTemplatesAndUnits_1.HOURS_AND_MINUTES_TEMPLATE);
+    }
+    return timeAgo;
+};
+exports.calculateMessageTimeAgo = calculateMessageTimeAgo;

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

@@ -0,0 +1,3 @@
+import { IGroupedMessagesByDates } from '../hooks/useChat';
+import { IChatMessage } from '../Chat';
+export declare const getMessagesGroupedByDate: (messages: IChatMessage[]) => IGroupedMessagesByDates;

package/ui/content/Chat/utils/getMessagesGroupedByDate.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.getMessagesGroupedByDate = void 0;
+var first_1 = __importDefault(require("lodash-es/first"));
+var last_1 = __importDefault(require("lodash-es/last"));
+var dayjs_1 = __importDefault(require("dayjs"));
+var timeTemplatesAndUnits_1 = require("../constants/timeTemplatesAndUnits");
+var isWithinTimeThreshold = function (firstMessage, secondMessage) {
+    var firstMessageTime = new Date(firstMessage.timestamp).getTime();
+    var secondMessageTime = new Date(secondMessage.timestamp).getTime();
+    return firstMessage.user.id === secondMessage.user.id && Math.abs(firstMessageTime - secondMessageTime) <= timeTemplatesAndUnits_1.SECONDS_IN_MINUTE_VALUE;
+};
+var addFirstAndLastKeyForMessageGroup = function (messageGroup) {
+    (0, first_1["default"])(messageGroup).isFirstMessage = true;
+    (0, last_1["default"])(messageGroup).isLastMessage = true;
+};
+var getMessagesGroupedByDate = function (messages) {
+    var groupedMessages = {};
+    var prevDateKey = null;
+    messages.forEach(function (message) {
+        var dateKey = (0, dayjs_1["default"])(message.timestamp).format(timeTemplatesAndUnits_1.MONTH_AND_DAY_TEMPLATE);
+        if (!groupedMessages[dateKey]) {
+            groupedMessages[dateKey] = [];
+        }
+        // array of grouped messages for dateKey
+        var messagesGroupFromDate = groupedMessages[dateKey];
+        // last group of messages
+        var lastMessageGroup = (0, last_1["default"])(messagesGroupFromDate);
+        // add fields to the last group of messages for the previous date
+        if (!lastMessageGroup && prevDateKey) {
+            addFirstAndLastKeyForMessageGroup((0, last_1["default"])(groupedMessages[prevDateKey]));
+        }
+        var lastMessageFromGroup = (0, last_1["default"])(lastMessageGroup);
+        // if time difference between messages is less than a minute, and they are from the same user
+        if (lastMessageFromGroup && isWithinTimeThreshold(lastMessageFromGroup, message)) {
+            lastMessageGroup.push(message);
+        }
+        else if (lastMessageGroup) {
+            // add fields to the previous group of messages for the same date
+            addFirstAndLastKeyForMessageGroup(lastMessageGroup);
+            messagesGroupFromDate.push([message]);
+        }
+        else {
+            prevDateKey = dateKey;
+            messagesGroupFromDate.push([message]);
+        }
+    });
+    // add fields to the last group of messages
+    addFirstAndLastKeyForMessageGroup((0, last_1["default"])(groupedMessages[prevDateKey]));
+    return groupedMessages;
+};
+exports.getMessagesGroupedByDate = getMessagesGroupedByDate;

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

@@ -0,0 +1,3 @@
+import { getMessagesGroupedByDate } from './getMessagesGroupedByDate';
+import { calculateMessageTimeAgo } from './calculateMessageTimeAgo';
+export { getMessagesGroupedByDate, calculateMessageTimeAgo, };

package/ui/content/Chat/utils/index.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+exports.calculateMessageTimeAgo = exports.getMessagesGroupedByDate = void 0;
+var getMessagesGroupedByDate_1 = require("./getMessagesGroupedByDate");
+exports.getMessagesGroupedByDate = getMessagesGroupedByDate_1.getMessagesGroupedByDate;
+var calculateMessageTimeAgo_1 = require("./calculateMessageTimeAgo");
+exports.calculateMessageTimeAgo = calculateMessageTimeAgo_1.calculateMessageTimeAgo;

package/ui/content/index.d.ts

@@ -12,4 +12,5 @@ import CopyToClipboard from './CopyToClipboard';
 import Chart from './Chart';
 import Slider from './Slider';
 import CalendarSystem from './CalendarSystem';
-export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Kanban, Menu, CopyToClipboard, Chart, Slider, CalendarSystem, };
+import Chat from './Chat';
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Kanban, Menu, CopyToClipboard, Chart, Slider, CalendarSystem, Chat, };

package/ui/content/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.CalendarSystem = exports.Slider = exports.Chart = exports.CopyToClipboard = exports.Menu = exports.Kanban = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Chat = exports.CalendarSystem = exports.Slider = exports.Chart = exports.CopyToClipboard = exports.Menu = exports.Kanban = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
@@ -35,3 +35,5 @@ var Slider_1 = __importDefault(require("./Slider"));
 exports.Slider = Slider_1["default"];
 var CalendarSystem_1 = __importDefault(require("./CalendarSystem"));
 exports.CalendarSystem = CalendarSystem_1["default"];
+var Chat_1 = __importDefault(require("./Chat"));
+exports.Chat = Chat_1["default"];