@steroidsjs/core 3.1.7 → 3.1.9

package/tests/ui/content/CalendarSystem/CalendarSystemMockView.js

@@ -0,0 +1,41 @@
+"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");
+/* eslint-disable max-len */
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../src/hooks/useBem"));
+var CalendarType_1 = __importDefault(require("../../../../src/ui/content/CalendarSystem/enums/CalendarType"));
+function CalendarSystemView(props) {
+    var bem = (0, useBem_1["default"])('CalendarSystemView');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var sharedFunctions = {
+        getEventsFromDate: props.getEventsFromDate,
+        openEditModal: props.openEditModal,
+        openCreateModal: props.openCreateModal
+    };
+    var renderDayGrid = props.dayGridProps.renderGridView, renderWeekGrid = props.weekGridProps.renderGridView, renderMonthGrid = props.monthGridProps.renderGridView;
+    var calendarTypeGrids = (0, react_1.useMemo)(function () {
+        var _a;
+        return (_a = {},
+            _a[CalendarType_1["default"].MONTH] = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderMonthGrid(__assign(__assign({}, props.monthGridProps), sharedFunctions)) })),
+            _a[CalendarType_1["default"].WEEK] = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderWeekGrid(__assign(__assign({}, props.weekGridProps), sharedFunctions)) })),
+            _a[CalendarType_1["default"].DAY] = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderDayGrid(__assign(__assign(__assign({}, props.dayGridProps), sharedFunctions), { users: props.users })) })),
+            _a);
+    }, [props.dayGridProps, props.monthGridProps, props.users, props.weekGridProps, renderDayGrid, renderMonthGrid, renderWeekGrid, sharedFunctions]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsx)("aside", { className: bem.element('aside') }), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: calendarTypeGrids[props.calendarType] }))] })));
+}
+exports["default"] = CalendarSystemView;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ICalendarSystemModalViewProps } from '../../../../src/ui/content/CalendarSystem/CalendarSystem';
+export default function CalendarSystemModalView(props: ICalendarSystemModalViewProps): JSX.Element;

package/tests/ui/content/CalendarSystem/CalendarSystemModalMockView.js

@@ -0,0 +1,41 @@
+"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");
+/* eslint-disable @typescript-eslint/no-shadow */
+/* eslint-disable implicit-arrow-linebreak */
+/* eslint-disable no-undef */
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../src/hooks/useBem"));
+var form_1 = require("../../../../src/ui/form");
+var Modal_1 = __importDefault(require("../../../../src/ui/modal/Modal"));
+var Text_1 = __importDefault(require("../../../../src/ui/typography/Text/Text"));
+function CalendarSystemModalView(props) {
+    var bem = (0, useBem_1["default"])('CalendarSystemModalView');
+    var eventInitialValues = (0, react_1.useMemo)(function () { return props.eventInitialValues; }, [props.eventInitialValues]);
+    var callOnEventSubmit = function (fields) {
+        return eventInitialValues && !props.isCreate ? props.onEventSubmit(fields, eventInitialValues) : props.onEventSubmit(fields);
+    };
+    return ((0, jsx_runtime_1.jsx)(Modal_1["default"], __assign({ title: props.isCreate ? 'Новое событие' : 'Редактирование события', onClose: props.onClose, className: bem.block(), shouldCloseOnEsc: true, shouldCloseOnOverlayClick: true }, { children: (0, jsx_runtime_1.jsxs)(form_1.Form, __assign({ className: bem.element('default-form'), onSubmit: function (fields) {
+                callOnEventSubmit(fields);
+                if (props.onClose) {
+                    props.onClose();
+                }
+            }, initialValues: eventInitialValues !== null && eventInitialValues !== void 0 ? eventInitialValues : null, submitLabel: props.isCreate ? 'Создать' : 'Сохранить' }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: '\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435', className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: 'title', required: true, className: bem.element('name-field') }), (0, jsx_runtime_1.jsx)(form_1.DropDownField, { attribute: 'eventGroupId', items: props.eventGroups, placeholder: '\u0413\u0440\u0443\u043F\u043F\u0430', color: 'primary', required: true, itemsContent: {
+                                type: 'checkbox'
+                            } })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: '\u0412\u0440\u0435\u043C\u044F \u0438 \u0434\u0430\u0442\u0430', className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_1.DateTimeField, { attribute: 'date', required: true })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: '\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435', className: bem.element('label') }), (0, jsx_runtime_1.jsx)(form_1.TextField, { attribute: 'description', required: true })] })] })) })));
+}
+exports["default"] = CalendarSystemModalView;

package/tests/ui/content/CalendarSystem/ContentHeader/ContentHeaderMockView.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+interface IContentHeaderProps {
+    dateToDisplay: string;
+    onChangeCalendarType: (newType: string) => void;
+    handleControlClick: (event: MouseEvent<HTMLElement>) => void;
+}
+declare function ContentHeader(props: IContentHeaderProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ContentHeader>;
+export default _default;

package/tests/ui/content/CalendarSystem/ContentHeader/ContentHeaderMockView.js

@@ -0,0 +1,35 @@
+"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");
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../../src/hooks/useBem"));
+var content_1 = require("../../../../../src/ui/content");
+var CalendarType_1 = __importDefault(require("../../../../../src/ui/content/CalendarSystem/enums/CalendarType"));
+var DateControlType_1 = __importDefault(require("../../../../../src/ui/content/CalendarSystem/enums/DateControlType"));
+var nav_1 = require("../../../../../src/ui/nav");
+var Text_1 = __importDefault(require("../../../../../src/ui/typography/Text/Text"));
+var ButtonGroupMockView_1 = __importDefault(require("../../../nav/ButtonGroup/ButtonGroupMockView"));
+function ContentHeader(props) {
+    var bem = (0, useBem_1["default"])('ContentHeader');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsx)(Text_1["default"], { content: props.dateToDisplay, className: bem.element('month') }), (0, jsx_runtime_1.jsx)("ul", __assign({ className: bem.element('controls'), onClick: props.handleControlClick }, { children: Object.entries(DateControlType_1["default"].getIcons()).map(function (_a, controlIndex) {
+                    var controlLabel = _a[0], controlIcon = _a[1];
+                    return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem.element('controls-item'), "data-control": controlLabel }, { children: (0, jsx_runtime_1.jsx)(content_1.Icon, { className: bem.element('controls-item-icon'), name: 'mockIcon' }) }), controlIndex));
+                }) })), (0, jsx_runtime_1.jsx)(nav_1.ButtonGroup, { view: ButtonGroupMockView_1["default"], className: bem.element('measures'), items: CalendarType_1["default"], onClick: props.onChangeCalendarType, defaultActiveButton: CalendarType_1["default"].MONTH })] })));
+}
+exports["default"] = (0, react_1.memo)(ContentHeader);

package/tests/ui/content/CalendarSystem/MonthGrid/MonthGridMockView.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IDay, IEvent } from '../../../../../src/ui/content/CalendarSystem/CalendarSystem';
+import CalendarEnum from '../../../../../src/ui/content/CalendarSystem/enums/CalendarType';
+interface IMonthGridProps {
+    monthGridWeekDays: string[];
+    monthGridCalendarDays: IDay[];
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+    openEditModal: (event: IEvent) => void;
+    openCreateModal: (eventInitialDay?: IDay) => void;
+}
+declare function MonthGrid(props: IMonthGridProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof MonthGrid>;
+export default _default;

package/tests/ui/content/CalendarSystem/MonthGrid/MonthGridMockView.js

@@ -0,0 +1,25 @@
+"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 react_1 = require("react");
+var MonthDayMockView_1 = __importDefault(require("./views/MonthDay/MonthDayMockView"));
+var useBem_1 = __importDefault(require("../../../../../src/hooks/useBem"));
+function MonthGrid(props) {
+    var bem = (0, useBem_1["default"])('MonthGrid');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('week-days') }, { children: props.monthGridWeekDays.map(function (day, dayIndex) { return ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('week-days-day') }, { children: day }), dayIndex)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('grid') }, { children: props.monthGridCalendarDays.map(function (day, dayIndex) { return ((0, jsx_runtime_1.jsx)(MonthDayMockView_1["default"], { openEditModal: props.openEditModal, getEventsFromDate: props.getEventsFromDate, openCreateModal: props.openCreateModal, day: day }, dayIndex)); }) }))] })));
+}
+exports["default"] = (0, react_1.memo)(MonthGrid);

package/tests/ui/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDayMockView.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IDay, IEvent } from '../../../../../../../src/ui/content/CalendarSystem/CalendarSystem';
+import CalendarEnum from '../../../../../../../src/ui/content/CalendarSystem/enums/CalendarType';
+export declare const getFormattedExpandRestLabel: (rest: any[]) => string;
+interface IMonthDayProps {
+    day: IDay;
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+    openEditModal: (event: IEvent) => void;
+    openCreateModal: (eventInitialDay?: IDay) => void;
+}
+export default function MonthDay(props: IMonthDayProps): JSX.Element;
+export {};

package/tests/ui/content/CalendarSystem/MonthGrid/views/MonthDay/MonthDayMockView.js

@@ -0,0 +1,82 @@
+"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.getFormattedExpandRestLabel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable @typescript-eslint/no-shadow */
+var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
+var get_1 = __importDefault(require("lodash-es/get"));
+var slice_1 = __importDefault(require("lodash-es/slice"));
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../../../../src/hooks/useBem"));
+var CalendarType_1 = __importDefault(require("../../../../../../../src/ui/content/CalendarSystem/enums/CalendarType"));
+var useExpandClickAway_1 = __importDefault(require("../../../../../../../src/ui/content/CalendarSystem/hooks/useExpandClickAway"));
+var form_1 = require("../../../../../../../src/ui/form");
+var Tooltip_1 = __importDefault(require("../../../../../../../src/ui/layout/Tooltip/Tooltip"));
+var getFormattedExpandRestLabel = function (rest) { return "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 +".concat(rest.length); };
+exports.getFormattedExpandRestLabel = getFormattedExpandRestLabel;
+var SIXTH_ELEMENT_INDEX = 6;
+function MonthDay(props) {
+    var bem = (0, useBem_1["default"])('MonthDay');
+    var day = props.day, getEventsFromDate = props.getEventsFromDate;
+    var _a = (0, useExpandClickAway_1["default"])(), isExpanded = _a.isExpanded, setIsExpanded = _a.setIsExpanded, monthDayRef = _a.triggerRef;
+    var _b = (0, react_1.useMemo)(function () {
+        var callingDate = new Date(props.day.date);
+        var events = getEventsFromDate(callingDate, CalendarType_1["default"].MONTH);
+        var dayHasMoreThanSixEvents = events.length > 6;
+        return {
+            events: events,
+            hasSixEvents: dayHasMoreThanSixEvents
+        };
+    }, [getEventsFromDate, props.day.date]), events = _b.events, hasSixEvents = _b.hasSixEvents;
+    var formattedExpandLabel = (0, react_1.useMemo)(function () { return (0, exports.getFormattedExpandRestLabel)((0, slice_1["default"])(__spreadArray([], events, true), SIXTH_ELEMENT_INDEX)); }, [events]);
+    var renderEvent = (0, react_1.useCallback)(function (event, eventIndex) { return ((0, jsx_runtime_1.jsx)(Tooltip_1["default"], __assign({ position: 'rightBottom', content: event.title, className: bem.element('tooltip') }, { children: (0, jsx_runtime_1.jsxs)("span", __assign({ className: bem.element('event'), "data-eventid": event.id }, { children: [(0, jsx_runtime_1.jsx)("span", { className: bem.element('event-dot'), style: {
+                        backgroundColor: event.color
+                    } }), event.title] })) }), event.id)); }, [bem]);
+    var handleEventClick = (0, react_1.useCallback)(function (event) {
+        var eventFromHour = event.target;
+        var eventId = (0, get_1["default"])(eventFromHour, 'dataset.eventid');
+        if (!eventId) {
+            return;
+        }
+        var requiredEvent = events.filter(function (hourEvent) { return hourEvent.id === Number(eventId); })[0];
+        props.openEditModal(requiredEvent);
+    }, [events, props]);
+    var handleOnContextMenuCreateClick = (0, react_1.useCallback)(function (e) {
+        e.preventDefault();
+        var day = (0, cloneDeep_1["default"])(props.day);
+        day.date.setHours(0, 0, 0, 0);
+        props.openCreateModal(day);
+    }, [props]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
+            outOfRange: day.outOfRange,
+            isToday: day.isToday
+        })), ref: monthDayRef, onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('wrapper') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('number') }, { children: day.dayNumber.toString() })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content', {
+                        isExpanded: isExpanded
+                    }) }, { children: [events.map(renderEvent), hasSixEvents && !isExpanded && ((0, jsx_runtime_1.jsx)(form_1.Button, __assign({ link: true, className: bem.element('expand-button'), onClick: function () { return setIsExpanded(true); } }, { children: formattedExpandLabel })))] }))] })) })));
+}
+exports["default"] = MonthDay;

package/tests/ui/content/CalendarSystem/WeekGrid/WeekGridMockView.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IDay, IEvent } from '../../../../../src/ui/content/CalendarSystem/CalendarSystem';
+import CalendarEnum from '../../../../../src/ui/content/CalendarSystem/enums/CalendarType';
+interface IWeekGridProps {
+    weekGridTwentyFourHoursArray: string[];
+    weekGridCurrentWeekDays: IDay[];
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+    openEditModal: (event: IEvent) => void;
+    openCreateModal: (eventInitialDay?: IDay) => void;
+}
+declare function WeekGrid(props: IWeekGridProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof WeekGrid>;
+export default _default;

package/tests/ui/content/CalendarSystem/WeekGrid/WeekGridMockView.js

@@ -0,0 +1,30 @@
+"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 react_1 = require("react");
+var WeekMockHour_1 = __importDefault(require("./views/WeekHour/WeekMockHour"));
+var useBem_1 = __importDefault(require("../../../../../src/hooks/useBem"));
+var Text_1 = __importDefault(require("../../../../../src/ui/typography/Text/Text"));
+function WeekGrid(props) {
+    var bem = (0, useBem_1["default"])('WeekGrid');
+    var weekGridCurrentWeekDays = props.weekGridCurrentWeekDays, getEventsFromDate = props.getEventsFromDate;
+    var renderWeekHours = (0, react_1.useCallback)(function (hour) { return weekGridCurrentWeekDays.map(function (dayOfWeek, dayOfWeekIndex) { return ((0, jsx_runtime_1.jsx)(WeekMockHour_1["default"], { hour: hour, getEventsFromDate: getEventsFromDate, dayOfWeek: dayOfWeek, openEditModal: props.openEditModal, openCreateModal: props.openCreateModal }, dayOfWeekIndex)); }); }, [weekGridCurrentWeekDays, getEventsFromDate, props.openCreateModal, props.openEditModal]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hours-time') }, { children: props.weekGridTwentyFourHoursArray.map(function (hour, hourIndex) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('hours-time-item') }, { children: hour }), hourIndex)); }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('table') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-heading') }, { children: weekGridCurrentWeekDays.map(function (weekDay, weekDayIndex) { return ((0, jsx_runtime_1.jsx)(Text_1["default"], __assign({ className: bem.element('day', {
+                                    isToday: weekDay.isToday
+                                }) }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('day-wrapper') }, { children: weekDay.formattedDisplay })) }), weekDayIndex)); }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-grid') }, { children: props.weekGridTwentyFourHoursArray.map(function (hour, hourIndex) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-grid-row') }, { children: renderWeekHours(hour) }), hourIndex)); }) }))] }))] })) })));
+}
+exports["default"] = (0, react_1.memo)(WeekGrid);

package/tests/ui/content/CalendarSystem/WeekGrid/views/WeekHour/WeekMockHour.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IDay, IEvent } from '../../../../../../../src/ui/content/CalendarSystem/CalendarSystem';
+import CalendarEnum from '../../../../../../../src/ui/content/CalendarSystem/enums/CalendarType';
+export declare const getFormattedExpandRestLabel: (rest: any[]) => string;
+interface IWeekHourProps {
+    dayOfWeek: IDay;
+    getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
+    hour: string;
+    openEditModal: (event: IEvent) => void;
+    openCreateModal: (eventInitialDay?: IDay) => void;
+}
+export default function WeekHour(props: IWeekHourProps): JSX.Element;
+export {};

package/tests/ui/content/CalendarSystem/WeekGrid/views/WeekHour/WeekMockHour.js

@@ -0,0 +1,91 @@
+"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.getFormattedExpandRestLabel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable @typescript-eslint/no-shadow */
+var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
+var get_1 = __importDefault(require("lodash-es/get"));
+var slice_1 = __importDefault(require("lodash-es/slice"));
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../../../../src/hooks/useBem"));
+var CalendarType_1 = __importDefault(require("../../../../../../../src/ui/content/CalendarSystem/enums/CalendarType"));
+var useExpandClickAway_1 = __importDefault(require("../../../../../../../src/ui/content/CalendarSystem/hooks/useExpandClickAway"));
+var form_1 = require("../../../../../../../src/ui/form");
+var Tooltip_1 = __importDefault(require("../../../../../../../src/ui/layout/Tooltip/Tooltip"));
+var calendar_1 = require("../../../../../../../src/utils/calendar");
+var getFormattedExpandRestLabel = function (rest) { return "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 +".concat(rest.length); };
+exports.getFormattedExpandRestLabel = getFormattedExpandRestLabel;
+var FOURTH_ELEMENT_INDEX = 3;
+function WeekHour(props) {
+    var bem = (0, useBem_1["default"])('WeekHour');
+    var _a = (0, useExpandClickAway_1["default"])(), isExpanded = _a.isExpanded, setIsExpanded = _a.setIsExpanded, weekHourRef = _a.triggerRef;
+    var _b = (0, react_1.useMemo)(function () {
+        var callingDate = new Date(props.dayOfWeek.date);
+        var timeArray = props.hour.replace(':', '').split('');
+        callingDate.setHours(Number(timeArray[0] + timeArray[1]), 0, 0, 0);
+        var events = props.getEventsFromDate(callingDate, CalendarType_1["default"].WEEK);
+        var hasOneEvent = events.length === 1;
+        var hasTwoEvents = events.length === 2;
+        var hasMoreThanTreeEvents = events.length >= 3;
+        var hasMoreThanFourEvents = events.length > 3;
+        return {
+            events: events,
+            hasOneEvent: hasOneEvent,
+            hasTwoEvents: hasTwoEvents,
+            hasTreeEvents: hasMoreThanTreeEvents,
+            hasMoreThanFourEvents: hasMoreThanFourEvents
+        };
+    }, [props]), events = _b.events, hasOneEvent = _b.hasOneEvent, hasTwoEvents = _b.hasTwoEvents, hasTreeEvents = _b.hasTreeEvents, hasMoreThanFourEvents = _b.hasMoreThanFourEvents;
+    var renderEvent = (0, react_1.useCallback)(function (event, eventIndex) { return ((0, jsx_runtime_1.jsx)(Tooltip_1["default"], __assign({ position: 'rightBottom', content: event.title, className: bem.element('tooltip') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('hour-event'), style: {
+                backgroundColor: event.color
+            }, title: event.title, "data-eventid": event.id }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('hour-event-title') }, { children: event.title })), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('hour-event-time') }, { children: (0, calendar_1.convertDate)(event.date, null, 'HH:mm') }))] })) }), eventIndex)); }, [bem]);
+    var formattedExpandLabel = (0, react_1.useMemo)(function () { return (0, exports.getFormattedExpandRestLabel)((0, slice_1["default"])(__spreadArray([], events, true), FOURTH_ELEMENT_INDEX)); }, [events]);
+    var handleEventClick = (0, react_1.useCallback)(function (event) {
+        var eventFromHour = event.target;
+        var eventId = (0, get_1["default"])(eventFromHour, 'dataset.eventid');
+        if (!eventId) {
+            return;
+        }
+        var requiredEvent = events.filter(function (hourEvent) { return hourEvent.id === Number(eventId); })[0];
+        props.openEditModal(requiredEvent);
+    }, [events, props]);
+    var handleOnContextMenuCreateClick = (0, react_1.useCallback)(function (e) {
+        e.preventDefault();
+        var day = (0, cloneDeep_1["default"])(props.dayOfWeek);
+        day.date.setHours(Number((0, calendar_1.convertDate)(props.hour, 'HH:mm', 'H')), 0, 0, 0);
+        props.openCreateModal(day);
+    }, [props]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('hour', {
+            isToday: props.dayOfWeek.isToday,
+            hasOneEvent: hasOneEvent,
+            hasTwoEvents: hasTwoEvents,
+            hasTreeEvents: hasTreeEvents,
+            isExpanded: isExpanded
+        }), ref: weekHourRef, onClick: handleEventClick, onContextMenu: handleOnContextMenuCreateClick }, { children: [events.map(renderEvent), hasMoreThanFourEvents && !isExpanded && ((0, jsx_runtime_1.jsx)(form_1.Button, __assign({ link: true, className: bem.element('expand-button'), onClick: function () { return setIsExpanded(true); } }, { children: formattedExpandLabel })))] })));
+}
+exports["default"] = WeekHour;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tests/ui/content/Card/Card.test.js

@@ -0,0 +1,102 @@
+"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;
+require("@testing-library/jest-dom");
+var CardMockView_1 = __importDefault(require("./CardMockView"));
+var Card_1 = __importDefault(require("../../../../src/ui/content/Card/Card"));
+var helpers_1 = require("../../../helpers");
+describe('Card tests', function () {
+    var coverSrc = 'https://i.ibb.co/1rTqmJD/image-1.jpg';
+    var avatarSrc = 'https://i.ibb.co/T4j2NMQ/20230325210515-1.jpg';
+    var props = {
+        view: CardMockView_1["default"],
+        header: {
+            avatar: {
+                src: avatarSrc,
+                status: true
+            },
+            head: 'Header',
+            subhead: 'Header Subhead',
+            menu: true
+        },
+        cover: coverSrc,
+        footer: {
+            head: 'Footer',
+            subhead: 'Footer Subhead'
+        }
+    };
+    var expectedCardClassName = 'CardView';
+    it('should be in the document', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Card_1["default"], props)).container;
+        var card = (0, helpers_1.getElementByClassName)(container, expectedCardClassName);
+        expect(card).toBeInTheDocument();
+    });
+    it('should have header', function () {
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Card_1["default"], props)), container = _a.container, getByText = _a.getByText;
+        var header = (0, helpers_1.getElementByClassName)(container, "".concat(expectedCardClassName, "__header"));
+        var avatar = (0, helpers_1.getElementByClassName)(container, 'AvatarView');
+        var head = getByText(props.header.head);
+        var subhead = getByText(props.header.subhead);
+        var menu = (0, helpers_1.getElementByClassName)(container, "".concat(expectedCardClassName, "__header-menu"));
+        expect(header).toBeInTheDocument();
+        expect(avatar).toBeInTheDocument();
+        expect(head).toBeInTheDocument();
+        expect(subhead).toBeInTheDocument();
+        expect(menu).toBeInTheDocument();
+    });
+    it('should have footer', function () {
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Card_1["default"], props)), container = _a.container, getByText = _a.getByText;
+        var footer = (0, helpers_1.getElementByClassName)(container, "".concat(expectedCardClassName, "__footer"));
+        var head = getByText(props.footer.head);
+        var subhead = getByText(props.footer.subhead);
+        expect(footer).toBeInTheDocument();
+        expect(head).toBeInTheDocument();
+        expect(subhead).toBeInTheDocument();
+    });
+    it('should have cover', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Card_1["default"], props)).container;
+        var cover = (0, helpers_1.getElementByClassName)(container, "".concat(expectedCardClassName, "__cover"));
+        var img = container.querySelector(".".concat(expectedCardClassName, "__cover > img"));
+        expect(cover).toBeInTheDocument();
+        expect(img).toHaveAttribute('src', props.cover);
+        expect(img).toHaveAttribute('alt', 'Card cover img');
+    });
+    it('should have links and buttons', function () {
+        var button = {
+            outline: true,
+            color: 'primary',
+            label: 'PRIMARY',
+            size: 'sm'
+        };
+        var link = {
+            url: 'https://steroids.kozhin.dev',
+            label: 'Link'
+        };
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Card_1["default"], __assign(__assign({}, props), { links: [
+                link,
+            ], buttons: [
+                button,
+            ] }))), container = _a.container, getByText = _a.getByText;
+        var expectedLinksAndButtonsCount = 2;
+        var linksAndButtons = container.querySelectorAll('.ButtonView');
+        var linkElement = (0, helpers_1.getElementByClassName)(container, 'ButtonView_link');
+        var buttonElement = getByText(button.label);
+        expect(linksAndButtons.length).toBe(expectedLinksAndButtonsCount);
+        expect(linkElement).toBeInTheDocument();
+        expect(linkElement).toHaveAttribute('href', link.url);
+        expect(buttonElement).toBeInTheDocument();
+    });
+});

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ICardViewProps } from '../../../../src/ui/content/Card/Card';
+export default function CardView(props: ICardViewProps): JSX.Element;

package/tests/ui/content/Card/CardMockView.js

@@ -0,0 +1,32 @@
+"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 react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../src/hooks");
+var Avatar_1 = __importDefault(require("../../../../src/ui/content/Avatar/Avatar"));
+var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon"));
+var form_1 = require("../../../../src/ui/form");
+var nav_1 = require("../../../../src/ui/nav");
+var IconMockView_1 = __importDefault(require("../Icon/IconMockView"));
+function CardView(props) {
+    var bem = (0, hooks_1.useBem)('CardView');
+    var hasContent = !!(props.title || props.buttons || props.links || props.description || props.children);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: [props.header && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header', {
+                    withoutCover: !props.cover && hasContent
+                }) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header-data') }, { children: [props.header.avatar && ((0, jsx_runtime_1.jsx)(Avatar_1["default"], __assign({}, props.header.avatar, { className: bem(props.header.avatar.className, bem.element('header-avatar')) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header-text-content') }, { children: [(0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('header-head') }, { children: props.header.head })), (0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('header-subhead') }, { children: props.header.subhead }))] }))] })), props.header.menu && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('header-menu'), role: 'button' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], name: 'mockIcon', className: bem.element('header-dots') }) })))] }))), props.cover && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('cover') }, { children: (0, jsx_runtime_1.jsx)("img", { src: props.cover, alt: 'Card cover img' }) }))), hasContent && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [props.title && ((0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('title') }, { children: props.title }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content-inner') }, { children: [props.description && ((0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('description') }, { children: props.description }))), props.buttons && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('buttons') }, { children: props.buttons.map(function (button, buttonIndex) { return ((0, react_1.createElement)(form_1.Button, __assign({}, button, { key: buttonIndex }))); }) }))), props.links && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('links') }, { children: props.links.map(function (link, linkIndex) { return ((0, react_1.createElement)(nav_1.Link, __assign({}, link, { key: linkIndex }))); }) }))), props.children] }))] }))), props.footer && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('footer') }, { children: [(0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('footer-head') }, { children: props.footer.head })), (0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('footer-subhead') }, { children: props.footer.subhead }))] })))] })));
+}
+exports["default"] = CardView;

package/tests/ui/content/Chart/Chart.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';