@steroidsjs/core 3.1.7 → 3.1.9

package/tests/ui/content/Accordion/AccordionItemMockView.js

@@ -0,0 +1,83 @@
+"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/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+var react_1 = require("react");
+var hooks_1 = require("../../../../src/hooks");
+var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon/Icon"));
+var IconMockView_1 = __importDefault(require("../Icon/IconMockView"));
+function AccordionItemView(props) {
+    var _a;
+    var bem = (0, hooks_1.useBem)('AccordionItemView');
+    (0, react_1.useEffect)(function () {
+        if (!props.toggleAccordion || !props.toggleCollapse || !props.activeKey) {
+            return;
+        }
+        if (props.hasOneOpenItem) {
+            props.toggleAccordion(props.activeKey - 1);
+        }
+        else {
+            props.toggleCollapse(props.activeKey - 1);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.activeKey]);
+    var renderIcon = (0, react_1.useCallback)(function () {
+        if (!props.icon) {
+            return null;
+        }
+        var openClassName = bem.element('open-icon');
+        var closeClassName = bem.element('close-icon');
+        if (typeof props.icon === 'object') {
+            var icons = props.icon;
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [typeof icons.open === 'string'
+                        ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], name: icons.open, className: openClassName }))
+                        : ((0, jsx_runtime_1.jsx)("span", __assign({ className: openClassName }, { children: icons.open }))), typeof icons.close === 'string'
+                        ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], name: icons.close, className: closeClassName }))
+                        : ((0, jsx_runtime_1.jsx)("span", __assign({ className: closeClassName }, { children: icons.close })))] }));
+        }
+        return typeof props.icon === 'string'
+            ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: props.icon, view: IconMockView_1["default"] }))
+            : ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('custom-icon') }, { children: props.icon })));
+    }, [bem, props.icon]);
+    var handleHeaderClick = (0, react_1.useCallback)(function () {
+        if (props.disabled || !props.toggleAccordion || !props.toggleCollapse) {
+            return;
+        }
+        var toggleAccordion = props.toggleAccordion, toggleCollapse = props.toggleCollapse, hasOneOpenItem = props.hasOneOpenItem, childIndex = props.childIndex;
+        if (hasOneOpenItem) {
+            toggleAccordion(childIndex);
+        }
+        else {
+            toggleCollapse(childIndex);
+        }
+    }, [props]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block((_a = {
+                disable: props.disabled
+            },
+            _a["position_".concat(props.position)] = !!props.position,
+            _a["theme_".concat(props.theme)] = !!props.theme,
+            _a.opened = !props.disabled && props.isShowMore,
+            _a)), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header-container'), onClick: handleHeaderClick }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('title-container') }, { children: (0, jsx_runtime_1.jsx)("p", { children: props.title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('icon-wrapper') }, { children: props.showIcon && props.icon
+                            ? renderIcon()
+                            : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], className: bem.element('icon', {
+                                    active: !props.disabled && props.isShowMore
+                                }), name: 'mockIcon' })) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content', {
+                    visible: !props.disabled && props.isShowMore
+                }) }, { children: props.children }))] })));
+}
+exports["default"] = AccordionItemView;

package/tests/ui/content/Accordion/AccordionMockView.d.ts

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

package/tests/ui/content/Accordion/AccordionMockView.js

@@ -0,0 +1,20 @@
+"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);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../src/hooks");
+function AccordionView(props) {
+    var bem = (0, hooks_1.useBem)('AccordionView');
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className) }, { children: props.children })));
+}
+exports["default"] = AccordionView;

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

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

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

@@ -0,0 +1,77 @@
+"use strict";
+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 dom_1 = require("@testing-library/dom");
+require("@testing-library/jest-dom");
+var AlertMockView_1 = __importDefault(require("./AlertMockView"));
+var Alert_1 = __importDefault(require("../../../../src/ui/content/Alert"));
+var helpers_1 = require("../../../helpers");
+describe('Alert', function () {
+    var props = {
+        className: 'test',
+        type: 'mockIcon',
+        message: 'Are you sure?',
+        description: 'It is maybe dangerous',
+        style: {
+            width: '45%'
+        },
+        showClose: true,
+        showIcon: true,
+        view: AlertMockView_1["default"]
+    };
+    var wrapper = (0, helpers_1.JSXWrapper)(Alert_1["default"], props);
+    var expectedAlertClass = 'AlertView';
+    var testId = 'alert-test';
+    it('should render something without props', function () {
+        var container = (0, helpers_1.render)((0, jsx_runtime_1.jsx)(Alert_1["default"], { view: AlertMockView_1["default"] })).container;
+        expect(container).not.toBeEmptyDOMElement();
+    });
+    it('should be in the document', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var alert = getByTestId(testId);
+        expect(alert).toBeInTheDocument();
+        expect(alert).toHaveClass(expectedAlertClass);
+    });
+    it('should render right icons', function () {
+        var _a = (0, helpers_1.render)(wrapper), getByTestId = _a.getByTestId, getAllByRole = _a.getAllByRole;
+        var alert = getByTestId(testId);
+        var closeIconIndex = 1;
+        var closeIcon = getAllByRole('img')[closeIconIndex];
+        expect(alert).toHaveClass("".concat(expectedAlertClass, "_").concat(props.type));
+        expect(closeIcon).toHaveClass("".concat(expectedAlertClass, "__icon-close"));
+    });
+    it('should have right external className', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var alert = getByTestId(testId);
+        expect(alert).toHaveClass(props.className);
+    });
+    it('should have right message and description', function () {
+        var getByText = (0, helpers_1.render)(wrapper).getByText;
+        expect(getByText(props.message)).toBeInTheDocument();
+        expect(getByText(props.description)).toBeInTheDocument();
+    });
+    it('should have right external style', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var alert = getByTestId(testId);
+        expect(alert).toHaveStyle(props.style);
+    });
+    describe('actions', function () {
+        var mockedOnClose = jest.fn();
+        var actionProps = {
+            showClose: true,
+            showIcon: false,
+            onClose: mockedOnClose,
+            view: AlertMockView_1["default"]
+        };
+        it('should click to close call callback', function () {
+            var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Alert_1["default"], actionProps)).container;
+            var closeIcon = (0, helpers_1.getElementByClassName)(container, "".concat(expectedAlertClass, "__icon-close"));
+            var expectedCloseCallCount = 1;
+            dom_1.fireEvent.click(closeIcon);
+            expect(mockedOnClose.mock.calls.length).toBe(expectedCloseCallCount);
+        });
+    });
+});

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

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

package/tests/ui/content/Alert/AlertMockView.js

@@ -0,0 +1,33 @@
+"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 hooks_1 = require("../../../../src/hooks");
+var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon"));
+var IconMockView_1 = __importDefault(require("../Icon/IconMockView"));
+function Alert(props) {
+    var _a, _b;
+    var bem = (0, hooks_1.useBem)('AlertView');
+    return (props.isExist && ((0, jsx_runtime_1.jsx)("div", __assign({ "data-testid": 'alert-test', className: bem(bem.block((_a = {},
+            _a[props.type] = !!props.type,
+            _a['close-animation'] = !props.isVisible,
+            _a)), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('wrapper') }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [props.showIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], name: props.type, className: bem.element('icon', (_b = {},
+                                _b[props.type] = !!props.type,
+                                _b)) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('text-block') }, { children: [props.message && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('message') }, { children: props.message }))), props.description && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('description') }, { children: props.description })))] })), (0, jsx_runtime_1.jsx)("div", { children: props.showClose && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], className: bem.element('icon-close', {
+                                    large: !!props.description
+                                }), name: 'mockIcon', onClick: props.onClose })) })] })), props.children || null] })) }))));
+}
+exports["default"] = Alert;

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

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

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

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+require("@testing-library/jest-dom");
+var AvatarMockView_1 = __importDefault(require("./AvatarMockView"));
+var Avatar_1 = __importDefault(require("../../../../src/ui/content/Avatar/Avatar"));
+var helpers_1 = require("../../../helpers");
+describe('Avatar tests', function () {
+    var props = {
+        alt: 'default image',
+        src: 'https://www.dreamsart.it/wp-content/uploads/2019/04/image1-9.jpeg',
+        title: 'Avatar',
+        className: 'test',
+        size: 'x-large',
+        shape: 'circle',
+        status: true,
+        style: {
+            width: '30px'
+        },
+        view: AvatarMockView_1["default"]
+    };
+    var testId = 'avatar-test';
+    var bodyTestId = 'body-test';
+    var expectedAvatarClass = 'AvatarView';
+    var wrapper = (0, helpers_1.JSXWrapper)(Avatar_1["default"], props);
+    it('avatar should be in the document', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var avatar = getByTestId(testId);
+        expect(avatar).toBeInTheDocument();
+        expect(avatar).toHaveClass(expectedAvatarClass);
+        expect(avatar).toHaveClass(props.className);
+    });
+    it('avatar should have right size, shape, status', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var avatar = getByTestId(testId);
+        expect(avatar).toHaveClass("".concat(expectedAvatarClass, "_size_").concat(props.size));
+        expect(avatar).toHaveClass("".concat(expectedAvatarClass, "_shape_").concat(props.shape));
+        expect(avatar).toHaveClass("".concat(expectedAvatarClass, "_has-status"));
+    });
+    it('should render picture with right attributes', function () {
+        var getByRole = (0, helpers_1.render)(wrapper).getByRole;
+        var picture = getByRole('img');
+        expect(picture).toBeInTheDocument();
+        expect(picture).toHaveAttribute('alt', props.alt);
+        expect(picture).toHaveAttribute('src', props.src);
+        expect(picture).toHaveAttribute('title', props.title);
+    });
+    it('body should have right style', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var body = getByTestId(bodyTestId);
+        expect(body).toBeInTheDocument();
+        expect(body).toHaveStyle(props.style);
+    });
+});

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IAvatarViewProps } from '../../../../src/ui/content/Avatar/Avatar';
+interface IAvatarProps extends IAvatarViewProps {
+    formattedTitle: any;
+}
+export default function Avatar(props: IAvatarProps): JSX.Element;
+export {};

package/tests/ui/content/Avatar/AvatarMockView.js

@@ -0,0 +1,36 @@
+"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);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../src/hooks");
+function Avatar(props) {
+    var bem = (0, hooks_1.useBem)('AvatarView');
+    var customSize = typeof props.size === 'number'
+        ? {
+            width: props.size,
+            height: props.size,
+            lineHeight: "".concat(props.size, "px"),
+            fontSize: props.size / 2
+        }
+        : {};
+    var renderImage = function () { return ((props.isError && ((0, jsx_runtime_1.jsx)("span", { children: props.formattedTitle }))) || ((0, jsx_runtime_1.jsx)("img", { alt: props.alt, src: props.src, title: props.title, srcSet: props.srcSet, onError: props.onError }))); };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ "data-testid": 'avatar-test', className: bem(bem.block({
+            size: props.size,
+            shape: props.shape,
+            'has-image': !!props.src && !props.isError,
+            'has-status': props.status,
+            'has-border': props.hasBorder,
+            'has-custom-status': props.status && !!customSize.width
+        }), props.className) }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('body'), style: __assign(__assign({}, props.style), customSize), "data-testid": 'body-test' }, { children: (props.src && renderImage()) || ((0, jsx_runtime_1.jsxs)("span", { children: [props.formattedTitle, props.children] })) })) })));
+}
+exports["default"] = Avatar;

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

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

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

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+require("@testing-library/jest-dom");
+var dom_1 = require("@testing-library/dom");
+var BadgeMockView_1 = __importDefault(require("./BadgeMockView"));
+var Badge_1 = __importDefault(require("../../../../src/ui/content/Badge/Badge"));
+var helpers_1 = require("../../../helpers");
+describe('Badge tests', function () {
+    var props = {
+        message: 'badgeTest',
+        view: BadgeMockView_1["default"],
+        showClose: true,
+        className: 'testClass',
+        style: {
+            width: '30px'
+        }
+    };
+    var testId = 'badge-test';
+    var expectedBadgeClass = 'BadgeView';
+    var wrapper = (0, helpers_1.JSXWrapper)(Badge_1["default"], props);
+    it('should be in the document', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var badge = getByTestId(testId);
+        expect(badge).toBeInTheDocument();
+        expect(badge).toHaveClass(expectedBadgeClass);
+        expect(badge).toHaveClass(props.className);
+    });
+    it('should have right size, rounding, type and external className', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var badge = getByTestId(testId);
+        expect(badge).toHaveClass("".concat(expectedBadgeClass, "_primary"));
+        expect(badge).toHaveClass("".concat(expectedBadgeClass, "_md"));
+        expect(badge).toHaveClass("".concat(expectedBadgeClass, "_squarer"));
+        expect(badge).toHaveClass(props.className);
+    });
+    it('should have correct message', function () {
+        var getByText = (0, helpers_1.render)(wrapper).getByText;
+        var message = getByText(props.message);
+        expect(message).toBeInTheDocument();
+    });
+    it('should have right style', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var badge = getByTestId(testId);
+        expect(badge).toHaveStyle(props.style);
+    });
+    describe('badge with counter', function () {
+        var defaultCounterProps = {
+            view: BadgeMockView_1["default"],
+            counter: {
+                isEnable: true,
+                content: 5
+            },
+            message: 'badge with chip'
+        };
+        var counterWrapper = (0, helpers_1.JSXWrapper)(Badge_1["default"], defaultCounterProps);
+        it('should have counter', function () {
+            var _a = (0, helpers_1.render)(counterWrapper), getByTestId = _a.getByTestId, container = _a.container;
+            var badge = getByTestId(testId);
+            var counter = (0, helpers_1.getElementByClassName)(container, "".concat(expectedBadgeClass, "__counter"));
+            expect(badge).toHaveClass("".concat(expectedBadgeClass, "_has-counter"));
+            expect(counter).toBeInTheDocument();
+        });
+    });
+    describe('actions', function () {
+        var mockedOnClose = jest.fn();
+        var actionProps = {
+            showClose: true,
+            onClose: mockedOnClose,
+            view: BadgeMockView_1["default"]
+        };
+        var actionWrapper = (0, helpers_1.JSXWrapper)(Badge_1["default"], actionProps);
+        it('should click to close call callback', function () {
+            var container = (0, helpers_1.render)(actionWrapper).container;
+            var closeIcon = (0, helpers_1.getElementByClassName)(container, "".concat(expectedBadgeClass, "__close"));
+            var expectedCloseCallCount = 1;
+            dom_1.fireEvent.click(closeIcon);
+            expect(mockedOnClose.mock.calls.length).toBe(expectedCloseCallCount);
+        });
+    });
+});

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

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

package/tests/ui/content/Badge/BadgeMockView.js

@@ -0,0 +1,31 @@
+"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 hooks_1 = require("../../../../src/hooks");
+var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon/Icon"));
+var IconMockView_1 = __importDefault(require("../Icon/IconMockView"));
+function BadgeView(props) {
+    var _a;
+    var bem = (0, hooks_1.useBem)('BadgeView');
+    return (props.isExist && ((0, jsx_runtime_1.jsx)("div", __assign({ "data-testid": 'badge-test', className: bem(bem.block((_a = {},
+            _a[props.type] = !!props.type,
+            _a[props.size] = !!props.size,
+            _a[props.roundingStyle] = !!props.roundingStyle,
+            _a['has-counter'] = !!props.counter,
+            _a)), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('wrapper') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('content') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('message') }, { children: props.message })), props.counter && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('counter') }, { children: typeof props.counter === 'object' && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('counter-content') }, { children: props.counter.content }))) }))), props.showClose && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], onClick: props.onClose, className: bem.element('close'), name: 'mockIcon' }))] })) })) }))));
+}
+exports["default"] = BadgeView;

package/tests/ui/content/CalendarSystem/AsideCalendars/AsideCalendarsMockView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IEventGroup } from '../../../../../src/ui/content/CalendarSystem/CalendarSystem';
+interface IAsideCalendarsProps {
+    eventGroups: IEventGroup[];
+    eventGroupsTitle: string;
+    onChangeEventGroupsIds: (selectedIds: number[]) => void;
+    openCreateEventGroupModal: () => void;
+}
+declare function AsideCalendars(props: IAsideCalendarsProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AsideCalendars>;
+export default _default;

package/tests/ui/content/CalendarSystem/AsideCalendars/AsideCalendarsMockView.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 jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../../src/hooks/useBem"));
+var content_1 = require("../../../../../src/ui/content");
+var form_1 = require("../../../../../src/ui/form");
+function AsideCalendars(props) {
+    var bem = (0, useBem_1["default"])('AsideCalendars');
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsx)(content_1.Accordion, { children: (0, jsx_runtime_1.jsxs)(content_1.AccordionItem, __assign({ title: props.eventGroupsTitle }, { children: [(0, jsx_runtime_1.jsx)(form_1.CheckboxListField, { items: props.eventGroups, onChange: function (selectedIds) { return props.onChangeEventGroupsIds(selectedIds); } }), (0, jsx_runtime_1.jsx)(form_1.Button, __assign({ color: 'basic', className: bem.element('add'), onClick: props.openCreateEventGroupModal, size: 'sm' }, { children: (0, jsx_runtime_1.jsx)(content_1.Icon, { name: 'mockIcon' }) }))] })) }) })));
+}
+exports["default"] = (0, react_1.memo)(AsideCalendars);

package/tests/ui/content/CalendarSystem/AsideHeader/AsideHeaderMockView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IAsideHeaderProps {
+    onClick?: () => void;
+    className?: string;
+}
+declare function AsideHeader(props: IAsideHeaderProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AsideHeader>;
+export default _default;

package/tests/ui/content/CalendarSystem/AsideHeader/AsideHeaderMockView.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 jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var useBem_1 = __importDefault(require("../../../../../src/hooks/useBem"));
+var form_1 = require("../../../../../src/ui/form");
+var Title_1 = __importDefault(require("../../../../../src/ui/typography/Title/Title"));
+function AsideHeader(props) {
+    var bem = (0, useBem_1["default"])('AsideHeader');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className) }, { children: [(0, jsx_runtime_1.jsx)(Title_1["default"], { content: '\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C', className: bem.element('title') }), (0, jsx_runtime_1.jsx)(form_1.Button, { icon: 'mockIcon', size: 'sm', label: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C', className: bem.element('create'), onClick: props.onClick })] })));
+}
+exports["default"] = (0, react_1.memo)(AsideHeader);

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

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

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

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+require("@testing-library/jest-dom");
+var CalendarSystemEventGroupModalMockView_1 = __importDefault(require("./CalendarSystemEventGroupModalMockView"));
+var CalendarSystemMockView_1 = __importDefault(require("./CalendarSystemMockView"));
+var CalendarSystemModalMockView_1 = __importDefault(require("./CalendarSystemModalMockView"));
+var content_1 = require("../../../../src/ui/content");
+var helpers_1 = require("../../../helpers");
+describe('CalendarSystem', function () {
+    var props = {
+        view: CalendarSystemMockView_1["default"],
+        eventBlock: {
+            title: 'My Calendars',
+            eventGroups: []
+        },
+        calendarModalProps: {
+            component: CalendarSystemModalMockView_1["default"]
+        },
+        eventGroupModalProps: {
+            component: CalendarSystemEventGroupModalMockView_1["default"]
+        },
+        users: [
+            {
+                id: 16201,
+                name: 'Susie Russell',
+                caption: 'snake',
+                eventsIds: [1, 2]
+            },
+        ]
+    };
+    var calendarSystemExpectedClassName = 'CalendarSystemView';
+    //TODO исправить ошибку в тестах
+    it.skip('should be in the document', function () {
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(content_1.CalendarSystem, props)), container = _a.container, debug = _a.debug;
+        var calendarSystem = (0, helpers_1.getElementByClassName)(container, calendarSystemExpectedClassName);
+        expect(calendarSystem).toBeInTheDocument();
+    });
+});

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

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

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

@@ -0,0 +1,29 @@
+"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 hooks_1 = require("../../../../src/hooks");
+var form_1 = require("../../../../src/ui/form");
+var Modal_1 = __importDefault(require("../../../../src/ui/modal/Modal"));
+var typography_1 = require("../../../../src/ui/typography");
+function CalendarSystemEventGroupModalView(props) {
+    var bem = (0, hooks_1.useBem)('CalendarSystemEventGroupModalView');
+    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('form'), onSubmit: function (fields) {
+                props.onEventGroupSubmit(fields);
+                props.onClose();
+            }, submitLabel: props.isCreate ? 'Создать' : 'Сохранить' }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: bem.element('label'), content: __('Имя') }), (0, jsx_runtime_1.jsx)(form_1.InputField, { attribute: 'label', required: true, className: bem.element('name-field') })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Text, { className: bem.element('label'), content: "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430" }), (0, jsx_runtime_1.jsx)(form_1.InputField, { type: 'color', required: true, attribute: 'color' })] })] })) })));
+}
+exports["default"] = CalendarSystemEventGroupModalView;

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

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