@steroidsjs/core 3.1.9 → 3.1.10

package/tests/ui/layout/Sidebar/FooterIconsMockView.js

@@ -1,31 +0,0 @@
-"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 Icon_1 = __importDefault(require("../../../../src/ui/content/Icon/Icon"));
-var renderIconMock_1 = __importDefault(require("../../../mocks/renderIconMock"));
-function FooterIcons(props) {
-    var _a;
-    var bem = (0, useBem_1["default"])('FooterIcons');
-    return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: bem(bem.block({
-            isShrink: props.isShink
-        })) }, { children: props.isShink
-            ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'mockIcon', className: bem.element('item') }))
-            : (_a = props.footerIcons) === null || _a === void 0 ? void 0 : _a.map(function (icon, iconIndex) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: bem.element('item') }, { children: (0, renderIconMock_1["default"])(icon === null || icon === void 0 ? void 0 : icon.name, __assign({}, icon)) }), iconIndex)); }) })));
-}
-exports["default"] = (0, react_1.memo)(FooterIcons);

package/tests/ui/layout/Sidebar/Sidebar.test.d.ts

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

package/tests/ui/layout/Sidebar/Sidebar.test.js

@@ -1,20 +0,0 @@
-"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 SidebarMockView_1 = __importDefault(require("./SidebarMockView"));
-var Sidebar_1 = __importDefault(require("../../../../src/ui/layout/Sidebar/Sidebar"));
-var helpers_1 = require("../../../helpers");
-describe('Sidebar tests', function () {
-    var expectedSidebarClass = 'SidebarView';
-    var props = {
-        view: SidebarMockView_1["default"]
-    };
-    it('should be in the document', function () {
-        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Sidebar_1["default"], props)), container = _a.container, debug = _a.debug;
-        var sidebar = (0, helpers_1.getElementByClassName)(container, expectedSidebarClass);
-        expect(sidebar).toBeInTheDocument();
-    });
-});

package/tests/ui/layout/Sidebar/SidebarLogoMockView.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-interface ISidebarLogoProps {
-    icon: string | ReactElement;
-    label: string;
-    toggleSidebar: () => void;
-}
-declare function SidebarLogo(props: ISidebarLogoProps): JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof SidebarLogo>;
-export default _default;

package/tests/ui/layout/Sidebar/SidebarLogoMockView.js

@@ -1,28 +0,0 @@
-"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 renderIconMock_1 = __importDefault(require("../../../mocks/renderIconMock"));
-function SidebarLogo(props) {
-    var bem = (0, useBem_1["default"])('SidebarLogo');
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('left') }, { children: [(0, renderIconMock_1["default"])('mockIcon', {
-                        className: bem.element('icon')
-                    }), (0, jsx_runtime_1.jsx)("h3", __assign({ className: bem.element('label') }, { children: props.label }))] })), (0, jsx_runtime_1.jsx)(content_1.Icon, { name: 'mockIcon', className: bem.element('right'), onClick: props.toggleSidebar })] })));
-}
-exports["default"] = (0, react_1.memo)(SidebarLogo);

package/tests/ui/layout/Sidebar/SidebarMockView.d.ts

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

package/tests/ui/layout/Sidebar/SidebarMockView.js

@@ -1,33 +0,0 @@
-"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 FooterIconsMockView_1 = __importDefault(require("./FooterIconsMockView"));
-var SidebarLogoMockView_1 = __importDefault(require("./SidebarLogoMockView"));
-var SidebarUserMockView_1 = __importDefault(require("./SidebarUserMockView"));
-var useBem_1 = __importDefault(require("../../../../src/hooks/useBem"));
-var nav_1 = require("../../../../src/ui/nav");
-function SidebarView(props) {
-    var _a, _b, _c, _d;
-    var bem = (0, useBem_1["default"])('SidebarView');
-    return ((0, jsx_runtime_1.jsxs)("aside", __assign({ className: bem(bem.block({
-            isOpened: props.isOpened,
-            hasSeparatedItem: props.hasSeparatedNavItem
-        }), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsxs)("header", __assign({ className: bem.element('header') }, { children: [(0, jsx_runtime_1.jsx)(SidebarLogoMockView_1["default"], { icon: (_a = props.logo) === null || _a === void 0 ? void 0 : _a.icon, label: (_b = props.logo) === null || _b === void 0 ? void 0 : _b.label, toggleSidebar: props.toggleSidebar }), (0, jsx_runtime_1.jsx)(SidebarUserMockView_1["default"], { menu: props.menu, name: (_c = props.user) === null || _c === void 0 ? void 0 : _c.name, picture: (_d = props.user) === null || _d === void 0 ? void 0 : _d.picture })] })), (0, jsx_runtime_1.jsx)(nav_1.Nav, { items: props.items, layout: "icon", className: bem.element('nav'), onChange: props === null || props === void 0 ? void 0 : props.onClickNav }), (0, jsx_runtime_1.jsx)("footer", __assign({ className: bem.element('footer') }, { children: (0, jsx_runtime_1.jsx)(FooterIconsMockView_1["default"], { footerIcons: props.footerIcons, isShink: !props.isOpened }) })), (0, jsx_runtime_1.jsx)("div", { className: bem.element('trigger'), onClick: props.toggleSidebar })] })));
-}
-exports["default"] = SidebarView;

package/tests/ui/layout/Sidebar/SidebarUserMockView.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IMenuProps } from '../../../../src/ui/content/Menu/Menu';
-interface ISidebarUserProps {
-    menu: IMenuProps;
-    name: string;
-    picture: string;
-}
-declare function SidebarUser(props: ISidebarUserProps): JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof SidebarUser>;
-export default _default;

package/tests/ui/layout/Sidebar/SidebarUserMockView.js

@@ -1,26 +0,0 @@
-"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 Menu_1 = __importDefault(require("../../../../src/ui/content/Menu/Menu"));
-function SidebarUser(props) {
-    var bem = (0, useBem_1["default"])('SidebarUser');
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('left') }, { children: [(0, jsx_runtime_1.jsx)(content_1.Avatar, { size: "sm", src: props.picture }), (0, jsx_runtime_1.jsx)("p", __assign({ className: bem.element('name') }, { children: props.name }))] })), (0, jsx_runtime_1.jsx)(Menu_1["default"], __assign({ icon: 'mockIcon' }, props === null || props === void 0 ? void 0 : props.menu))] })));
-}
-exports["default"] = (0, react_1.memo)(SidebarUser);

package/tests/ui/layout/Tooltip/Tooltip.test.d.ts

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

package/tests/ui/layout/Tooltip/Tooltip.test.js

@@ -1,101 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-require("@testing-library/jest-dom");
-var react_1 = require("@testing-library/react");
-var Tooltip_1 = __importDefault(require("../../../../src/ui/layout/Tooltip/Tooltip"));
-var helpers_1 = require("../../../helpers");
-describe('Tooltip tests', function () {
-    var props = {
-        testId: 'tooltip-test',
-        position: 'bottom',
-        content: 'test-content',
-        children: 'children',
-        defaultVisible: true
-    };
-    var expectedTooltipClass = 'TooltipView';
-    var wrapper = (0, helpers_1.JSXWrapper)(Tooltip_1["default"], props, true);
-    it('should be in the document and have class', function () {
-        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
-        var tooltip = getByTestId(props.testId);
-        expect(tooltip).toBeInTheDocument();
-        expect(tooltip).toHaveClass(expectedTooltipClass);
-    });
-    it('should have a class modifier from the absolute positioning hook', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var expectedTooltipShowClass, getByTestId, tooltip;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    expectedTooltipShowClass = 'TooltipView_show';
-                    getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
-                    tooltip = getByTestId(props.testId);
-                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            expect(tooltip).toBeInTheDocument();
-                            expect(tooltip).toHaveClass(expectedTooltipShowClass);
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('should have correct content', function () {
-        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
-        var content = getByTestId(props.testId);
-        expect(content).toHaveTextContent(props.content);
-    });
-    it('should have correct children', function () {
-        var getByText = (0, helpers_1.render)(wrapper).getByText;
-        var children = getByText(props.children);
-        expect(children).toBeInTheDocument();
-    });
-    it('should have right class position', function () {
-        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
-        var tooltip = getByTestId(props.testId);
-        expect(tooltip).toHaveClass("".concat(expectedTooltipClass, "_position_").concat(props.position));
-    });
-    it('should have right class arrow position', function () {
-        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
-        var tooltip = getByTestId(props.testId);
-        var tooltipArrow = (0, helpers_1.getElementByClassName)(tooltip, "".concat(expectedTooltipClass, "__arrow"));
-        expect(tooltipArrow).toHaveClass("".concat(expectedTooltipClass, "__arrow_position_").concat(props.position));
-    });
-});

package/tests/ui/layout/Tooltip/TooltipMockView.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ITooltipViewProps } from '../../../../src/ui/layout/Tooltip/Tooltip';
-interface ITooltipMockViewProps extends ITooltipViewProps {
-    testId: string;
-}
-export default function TooltipView(props: ITooltipMockViewProps): JSX.Element;
-export {};

package/tests/ui/layout/Tooltip/TooltipMockView.js

@@ -1,36 +0,0 @@
-"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 react_1 = require("react");
-var hooks_1 = require("../../../../src/hooks");
-function TooltipView(props) {
-    var tooltipRef = (0, react_1.useRef)(null);
-    var arrowRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        //@ts-ignore
-        props.calculatePosition(
-        //@ts-ignore
-        tooltipRef.current.getBoundingClientRect(), 
-        //@ts-ignore
-        arrowRef.current.getBoundingClientRect());
-    }, [props.calculatePosition]);
-    var bem = (0, hooks_1.useBem)('TooltipView');
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ "data-testid": 'tooltip-test', ref: tooltipRef, className: bem.block({
-            show: props.isTooltipVisible,
-            position: props.position
-        }), style: props.style }, { children: [(0, jsx_runtime_1.jsx)("div", { ref: arrowRef, className: bem.element('arrow', {
-                    position: props.position
-                }), style: props.arrowPosition }), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: (0, jsx_runtime_1.jsx)("span", { children: props.content }) }))] })));
-}
-exports["default"] = TooltipView;

package/tests/ui/list/Empty/Empty.test.d.ts

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

package/tests/ui/list/Empty/Empty.test.js

@@ -1,17 +0,0 @@
-"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 Empty_1 = __importDefault(require("../../../../src/ui/list/Empty/Empty"));
-var helpers_1 = require("../../../helpers");
-describe('Empty tests', function () {
-    var expectedEmptyClass = 'EmptyView';
-    var props = {};
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Empty_1["default"], props)).container;
-        var empty = (0, helpers_1.getElementByClassName)(container, expectedEmptyClass);
-        expect(empty).toBeInTheDocument();
-    });
-});

package/tests/ui/list/Empty/EmptyMockView.d.ts

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

package/tests/ui/list/Empty/EmptyMockView.js

@@ -1,20 +0,0 @@
-"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 EmptyView(props) {
-    var bem = (0, hooks_1.useBem)('EmptyView');
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: props.text })));
-}
-exports["default"] = EmptyView;

package/tests/ui/list/FlexGrid/FlexGrid.test.d.ts

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

package/tests/ui/list/FlexGrid/FlexGrid.test.js

@@ -1,51 +0,0 @@
-"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");
-require("@testing-library/jest-dom");
-var FlexGridMockView_1 = __importDefault(require("./FlexGridMockView"));
-var FlexGrid_1 = __importDefault(require("../../../../src/ui/list/FlexGrid/FlexGrid"));
-var helpers_1 = require("../../../helpers");
-describe('FlexGrid tests', function () {
-    var expectedFlexGridClass = 'FlexGridView';
-    var items = [
-        {
-            content: (0, jsx_runtime_1.jsx)("div", { children: "col-12" }),
-            col: 12
-        },
-        {
-            content: (0, jsx_runtime_1.jsx)("div", { children: "col-6" }),
-            col: 6
-        },
-        {
-            content: (0, jsx_runtime_1.jsx)("div", { children: "col-6" }),
-            col: 6
-        },
-    ];
-    var props = {
-        items: items,
-        className: 'test-flex-grid',
-        view: FlexGridMockView_1["default"],
-        direction: 'column',
-        justify: 'center',
-        align: 'flex-end',
-        wrap: true
-    };
-    var wrapper = (0, helpers_1.JSXWrapper)(FlexGrid_1["default"], props);
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)(wrapper).container;
-        var flexGrid = (0, helpers_1.getElementByClassName)(container, expectedFlexGridClass);
-        expect(flexGrid).toBeInTheDocument();
-    });
-    it('should have correct classes', function () {
-        var container = (0, helpers_1.render)(wrapper).container;
-        var flexGrid = (0, helpers_1.getElementByClassName)(container, expectedFlexGridClass);
-        expect(flexGrid).toHaveClass(props.className);
-        expect(flexGrid).toHaveClass("".concat(expectedFlexGridClass, "_direction_").concat(props.direction));
-        expect(flexGrid).toHaveClass("".concat(expectedFlexGridClass, "_justify_").concat(props.justify));
-        expect(flexGrid).toHaveClass("".concat(expectedFlexGridClass, "_align_").concat(props.align));
-        expect(flexGrid).toHaveClass("".concat(expectedFlexGridClass, "_wrap"));
-    });
-});

package/tests/ui/list/FlexGrid/FlexGridMockView.d.ts

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

package/tests/ui/list/FlexGrid/FlexGridMockView.js

@@ -1,46 +0,0 @@
-"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 FlexGridView(props) {
-    var _a, _b;
-    var bem = (0, hooks_1.useBem)('FlexGridView');
-    var halfColGap = (props.colGap || 10) / 2;
-    var hasItems = !!((_a = props.items) === null || _a === void 0 ? void 0 : _a.length);
-    var colGapStyle = hasItems
-        ? {
-            marginRight: -halfColGap,
-            marginLeft: -halfColGap
-        }
-        : {
-            columnGap: props.colGap
-        };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
-            wrap: props.wrap,
-            align: props.align,
-            direction: props.direction,
-            justify: props.justify
-        }), props.className), style: __assign(__assign(__assign({}, props.style), colGapStyle), { rowGap: props.rowGap }) }, { children: [hasItems && ((_b = props.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.element('item', {
-                    col: item.col,
-                    lg: item.lg,
-                    md: item.md,
-                    sm: item.sm,
-                    offset: item.offset
-                }), props.itemClassName), style: {
-                    paddingRight: halfColGap,
-                    paddingLeft: halfColGap,
-                    order: item.order
-                } }, { children: item.content }), index)); })), props.children] })));
-}
-exports["default"] = FlexGridView;

package/tests/ui/list/Grid/CheckboxColumnMockView.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ICheckboxColumnViewProps } from '../../../../src/ui/list/CheckboxColumn/CheckboxColumn';
-import { IColumnViewProps } from '../../../../src/ui/list/Grid/Grid';
-export default function CheckboxColumnView(props: ICheckboxColumnViewProps & IColumnViewProps): JSX.Element;

package/tests/ui/list/Grid/CheckboxColumnMockView.js

@@ -1,26 +0,0 @@
-"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 get_1 = __importDefault(require("lodash-es/get"));
-var hooks_1 = require("../../../../src/hooks");
-var CheckboxField_1 = __importDefault(require("../../../../src/ui/form/CheckboxField"));
-function CheckboxColumnView(props) {
-    var bem = (0, hooks_1.useBem)('CheckboxColumnView');
-    var CheckboxFieldInternal = CheckboxField_1["default"].WrappedComponent;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.block() }, { children: (0, jsx_runtime_1.jsx)(CheckboxFieldInternal, __assign({}, props.fieldProps, { input: props.input, size: props.size, label: (0, get_1["default"])(props.item, props.attribute) })) })));
-}
-exports["default"] = CheckboxColumnView;

package/tests/ui/list/Grid/ContentColumnMockView.d.ts

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

package/tests/ui/list/Grid/ContentColumnMockView.js

@@ -1,47 +0,0 @@
-"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 get_1 = __importDefault(require("lodash-es/get"));
-var useBem_1 = __importDefault(require("../../../../src/hooks/useBem"));
-var content_1 = require("../../../../src/ui/content");
-var Format_1 = __importDefault(require("../../../../src/ui/format/Format"));
-var nav_1 = require("../../../../src/ui/nav");
-function ContentColumnView(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var bem = (0, useBem_1["default"])('ContentColumnView');
-    var hasLink = !!((_a = props.link) === null || _a === void 0 ? void 0 : _a.attribute);
-    var hasPicture = !!((_b = props.picture) === null || _b === void 0 ? void 0 : _b.attribute);
-    var hasIcon = !!((_c = props.icon) === null || _c === void 0 ? void 0 : _c.attribute);
-    var hasSubtitle = !!props.subtitleAttribute;
-    var hasTextData = !!props.attribute || !!props.subtitleAttribute || hasLink;
-    var renderFormat = function () {
-        var _a;
-        return ((0, jsx_runtime_1.jsx)(Format_1["default"], __assign({}, props, (props.formatter || {}), { attribute: hasLink ? (_a = props.link) === null || _a === void 0 ? void 0 : _a.attribute : props.attribute })));
-    };
-    var renderValue = function () {
-        var _a, _b;
-        if (hasLink) {
-            return ((0, jsx_runtime_1.jsx)(nav_1.Link, __assign({}, (_a = props.link) === null || _a === void 0 ? void 0 : _a.linkProps, { url: (0, get_1["default"])(props.item, (_b = props.link) === null || _b === void 0 ? void 0 : _b.urlAttribute), className: bem.element('link') }, { children: renderFormat() })));
-        }
-        return ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('value') }, { children: renderFormat() })));
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
-            size: props.size,
-            isLeft: ((_d = props.picture) === null || _d === void 0 ? void 0 : _d.isLeft) || ((_e = props.icon) === null || _e === void 0 ? void 0 : _e.isLeft)
-        })) }, { children: [hasTextData && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('data') }, { children: [renderValue(), hasSubtitle && (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('subtitle') }, { children: (0, get_1["default"])(props.item, props.subtitleAttribute) }))] }))), hasPicture && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('picture') }, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, get_1["default"])(props.item, (_f = props.picture) === null || _f === void 0 ? void 0 : _f.attribute), alt: "cell element" }) }))), hasIcon && ((0, jsx_runtime_1.jsx)(content_1.Icon, { name: (0, get_1["default"])(props.item, (_g = props.icon) === null || _g === void 0 ? void 0 : _g.attribute), className: bem.element('icon') }))] })));
-}
-exports["default"] = ContentColumnView;

package/tests/ui/list/Grid/DiagramColumnMockView.d.ts

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