@steroidsjs/core 3.1.9 → 3.1.10

package/tests/ui/form/AutoCompleteField/AutoCompleteFieldMockView.js

@@ -1,79 +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 isArray_1 = __importDefault(require("lodash-es/isArray"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var react_1 = require("react");
-var hooks_1 = require("../../../../src/hooks");
-var content_1 = require("../../../../src/ui/content");
-var Text_1 = __importDefault(require("../../../../src/ui/typography/Text/Text"));
-var normalizeItems = function (items) {
-    var categories = {};
-    var itemsWithoutCategory = [];
-    items.forEach(function (item) {
-        if (item.category) {
-            if (categories[item.category]) {
-                categories[item.category].push(item);
-                return;
-            }
-            categories[item.category] = [item];
-            return;
-        }
-        itemsWithoutCategory.push(item);
-    });
-    return {
-        categories: categories,
-        itemsWithoutCategory: itemsWithoutCategory
-    };
-};
-var renderItem = function (item, props, bem) {
-    var _a, _b, _c;
-    var hasAdditionalIcon = !!((_a = item.additional) === null || _a === void 0 ? void 0 : _a.icon);
-    var hasAdditionalText = !!((_b = item.additional) === null || _b === void 0 ? void 0 : _b.text);
-    var hasSomeAdditional = hasAdditionalText || hasAdditionalIcon;
-    var uniqId = item[props.primaryKey];
-    return ((0, jsx_runtime_1.jsxs)("button", __assign({ className: bem.element('item', {
-            hover: props.hoveredId === uniqId,
-            select: props.selectedIds.includes(uniqId)
-        }), onClick: function () { return props.onItemSelect(uniqId); }, onFocus: function () { return props.onItemHover(uniqId); }, onMouseOver: function () { return props.onItemHover(uniqId); } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('item-label') }, { children: item.label })), hasSomeAdditional && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('item-additional') }, { children: [hasAdditionalIcon && ((0, jsx_runtime_1.jsx)(content_1.Icon, { name: (_c = item.additional) === null || _c === void 0 ? void 0 : _c.icon, className: bem.element('item-additional-icon') })), hasAdditionalText && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('item-additional-text') }, { children: item.additional && item.additional.text })))] })))] }), String(uniqId)));
-};
-function AutoCompleteFieldView(props) {
-    var _a, _b;
-    var bem = (0, hooks_1.useBem)('AutoCompleteFieldView');
-    var renderItems = (0, react_1.useCallback)(function () {
-        if (!(0, isEmpty_1["default"])(props.categories)) {
-            var _a = normalizeItems(props.items), categories = _a.categories, itemsWithoutCategory = _a.itemsWithoutCategory;
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(categories).map(function (_a) {
-                        var category = _a[0], categoryItems = _a[1];
-                        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('category') }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('category__label') }, { children: category })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('category__content') }, { children: categoryItems.map(function (item) { return renderItem(item, props, bem); }) }))] }), category));
-                    }), itemsWithoutCategory.map(function (item) { return renderItem(item, props, bem); })] }));
-        }
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.items.map(function (item) { return renderItem(item, props, bem); }) }));
-    }, [bem, props]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: props.forwardedRef, className: bem(bem.block({
-            size: props.size,
-            opened: props.isOpened
-        }), props.className), style: props.style }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props.inputProps, { value: (0, isArray_1["default"])((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.value)
-                    ? (_b = props.inputProps.value) === null || _b === void 0 ? void 0 : _b.join(props.multipleSeparator)
-                    : props.inputProps.value, className: bem(bem.element('input'), props.inputProps.className), onClick: function (e) {
-                    e.preventDefault();
-                    props.onOpen();
-                }, onChange: function (e) { return props.inputProps.onChange(e.target.value); }, placeholder: props.placeholder, disabled: props.disabled, required: props.required })), true && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('drop-down') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('list') }, { children: !(0, isEmpty_1["default"])(props.items)
-                        ? renderItems()
-                        : ((0, jsx_runtime_1.jsx)(Text_1["default"], { type: 'textSm', content: __('Nothing was found'), className: bem.element('nothing') })) })) })))] })));
-}
-exports["default"] = AutoCompleteFieldView;

package/tests/ui/form/BlankField/BlankField.test.d.ts

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

package/tests/ui/form/BlankField/BlankField.test.js

@@ -1,37 +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 BlankField_1 = __importDefault(require("../../../../src/ui/form/BlankField"));
-var InputField_1 = __importDefault(require("../../../../src/ui/form/InputField"));
-var helpers_1 = require("../../../helpers");
-describe('BlankField tests', function () {
-    it('should have correct text', function () {
-        var text = 'test-text';
-        var getByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(BlankField_1["default"], {
-            text: text
-        })).getByText;
-        var testText = getByText('test-text');
-        expect(testText).toBeInTheDocument();
-    });
-    it('should have correct children', function () {
-        var expectedChildrenClass = 'InputFieldView';
-        var children = (0, jsx_runtime_1.jsx)(InputField_1["default"], {});
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(BlankField_1["default"], {
-            children: children
-        })).container;
-        var testChildren = (0, helpers_1.getElementByClassName)(container, expectedChildrenClass);
-        expect(testChildren).toBeInTheDocument();
-    });
-    it('should have correct value', function () {
-        var value = 'test-value';
-        var getByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(BlankField_1["default"], {
-            value: value
-        })).getByText;
-        var testValue = getByText('test-value');
-        expect(testValue).toBeInTheDocument();
-    });
-});

package/tests/ui/form/Button/Button.test.d.ts

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

package/tests/ui/form/Button/Button.test.js

@@ -1,121 +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;
-require("@testing-library/jest-dom");
-var dom_1 = require("@testing-library/dom");
-var ButtonMockView_1 = __importDefault(require("./ButtonMockView"));
-var Button_1 = __importDefault(require("../../../../src/ui/form/Button/Button"));
-var helpers_1 = require("../../../helpers");
-describe('Button tests', function () {
-    var props = {
-        view: ButtonMockView_1["default"]
-    };
-    var expectedButtonClass = 'ButtonView';
-    var windowSpy;
-    beforeEach(function () {
-        windowSpy = jest.spyOn(global.window, 'confirm');
-        process.env.IS_WEB = 'true';
-    });
-    afterEach(function () {
-        windowSpy.mockRestore();
-        process.env.IS_WEB = undefined;
-    });
-    it('button should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], props)).container;
-        var button = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(button).toBeInTheDocument();
-    });
-    it('should have right label', function () {
-        var label = 'test-label';
-        var getByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { label: label }))).getByText;
-        expect(getByText(label)).toBeInTheDocument();
-    });
-    it('should have right color, outline, loading, fontThickness, size', function () {
-        var additionalProps = {
-            color: 'info',
-            outline: true,
-            isLoading: true,
-            size: 'md'
-        };
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), additionalProps))).container;
-        var button = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(button).toHaveClass("".concat(expectedButtonClass, "_outline_").concat(additionalProps.color));
-        expect(button).toHaveClass("".concat(expectedButtonClass, "_loading"));
-        expect(button).toHaveClass("".concat(expectedButtonClass, "_size_").concat(additionalProps.size));
-    });
-    it('should have disabled', function () {
-        var _a;
-        var disabled = 'disabled';
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), (_a = {}, _a[disabled] = true, _a)))).container;
-        var button = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(button).toHaveClass("".concat(expectedButtonClass, "_").concat(disabled));
-    });
-    it('should have hint', function () {
-        var hint = 'test-hint';
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { hint: hint }))).container;
-        var button = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(button).toHaveAttribute('title', hint);
-    });
-    it('should have failed', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { isFailed: true }))).container;
-        var button = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(button).toHaveClass("".concat(expectedButtonClass, "_failed"));
-    });
-    it('should be block and link', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { block: true, link: true }))).container;
-        var link = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(link).toHaveAttribute('href', '#');
-        expect(link).toHaveClass('btn-link');
-        expect(link).toHaveClass('btn-block');
-    });
-    it('should be tag', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { tag: 'a' }))).container;
-        var tag = (0, helpers_1.getElementByTag)(container, 'a');
-        expect(tag).toBeInTheDocument();
-    });
-    it('should have badge', function () {
-        var badgeContent = 2;
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { badge: badgeContent }))).container;
-        var badge = (0, helpers_1.getElementByClassName)(container, "".concat(expectedButtonClass, "__badge"));
-        expect(badge).toBeInTheDocument();
-        expect(badge).toHaveTextContent(badgeContent.toString());
-    });
-    it('should have external styles and className', function () {
-        var externalClassName = 'test-button';
-        var externalStyle = {
-            width: '30px'
-        };
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { style: externalStyle, className: externalClassName }))).container;
-        var button = (0, helpers_1.getElementByClassName)(container, expectedButtonClass);
-        expect(button).toHaveStyle(externalStyle);
-        expect(button).toHaveClass(externalClassName);
-    });
-    it('default click', function () {
-        var mockedOnClick = jest.fn();
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { onClick: mockedOnClick }))).container;
-        var button = (0, helpers_1.getElementByTag)(container, 'button');
-        var expectedClickCallCount = 1;
-        dom_1.fireEvent.click(button);
-        expect(mockedOnClick.mock.calls.length).toBe(expectedClickCallCount);
-    });
-    it('should open confirm window on click', function () {
-        var confirmText = 'Test Confirm';
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Button_1["default"], __assign(__assign({}, props), { confirm: confirmText }))).container;
-        var button = (0, helpers_1.getElementByTag)(container, 'button');
-        dom_1.fireEvent.click(button);
-        expect(windowSpy).toHaveBeenCalledWith(confirmText);
-    });
-});

package/tests/ui/form/Button/ButtonMockView.d.ts

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

package/tests/ui/form/Button/ButtonMockView.js

@@ -1,56 +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 isString_1 = __importDefault(require("lodash-es/isString"));
-var hooks_1 = require("../../../../src/hooks");
-var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon"));
-var IconMockView_1 = __importDefault(require("../../content/Icon/IconMockView"));
-function ButtonView(props) {
-    var _a;
-    var bem = (0, hooks_1.useBem)('ButtonView');
-    var renderLabel = function () {
-        var title = props.label && (0, isString_1["default"])(props.label)
-            ? props.label
-            : (props.hint || null);
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.isLoading && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], className: bem.element('loader'), name: 'mockIcon' })), !props.isLoading && ((0, jsx_runtime_1.jsxs)("span", __assign({ className: bem.element('label') }, { children: [props.icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { view: IconMockView_1["default"], name: props.icon, title: title, className: bem.element('icon', !props.label && 'without-label') })), props.children] })))] }));
-    };
-    var renderBadge = function () {
-        if (!props.badge || !props.badge.enable) {
-            return null;
-        }
-        return ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem('badge', props.badge.color && "badge-".concat(props.badge.color), bem.element('badge'), props.badge.className) }, { children: props.badge.value })));
-    };
-    var className = bem(bem.block((_a = {
-            button: !props.link
-        },
-        _a["color_".concat(props.color)] = props.color && !props.outline,
-        _a["outline_".concat(props.color)] = props.outline,
-        _a.outline = props.outline,
-        _a.size = props.size,
-        _a.disabled = props.disabled,
-        _a.submitting = props.submitting,
-        _a.loading = !!props.isLoading,
-        _a.failed = props.isFailed,
-        _a.link = props.tag === 'a',
-        _a.thickness = props.fontThickness,
-        _a)), props.block && 'btn-block', props.link && 'btn-link', props.className);
-    if (props.tag === 'a') {
-        return ((0, jsx_runtime_1.jsxs)("a", __assign({ className: className, href: props.url, onClick: props.onClick, style: props.style, target: props.target }, { children: [renderLabel(), renderBadge()] })));
-    }
-    return ((0, jsx_runtime_1.jsxs)("button", __assign({ title: props.hint, type: props.type, disabled: props.disabled, onClick: props.onClick, style: props.style, className: className }, { children: [renderLabel(), renderBadge()] })));
-}
-exports["default"] = ButtonView;

package/tests/ui/form/CheckboxField/CheckboxField.test.d.ts

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

package/tests/ui/form/CheckboxField/CheckboxField.test.js

@@ -1,59 +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;
-require("@testing-library/jest-dom");
-var CheckboxFieldMockView_1 = __importDefault(require("./CheckboxFieldMockView"));
-var CheckboxField_1 = __importDefault(require("../../../../src/ui/form/CheckboxField/CheckboxField"));
-var helpers_1 = require("../../../helpers");
-describe('CheckboxField tests', function () {
-    var props = {
-        view: CheckboxFieldMockView_1["default"],
-        inputProps: {
-            name: 'checkbox-test',
-            type: 'checkbox',
-            checked: false,
-            onChange: function () { },
-            disabled: false
-        }
-    };
-    var expectedCheckboxClass = 'CheckboxFieldView';
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(CheckboxField_1["default"], props)).container;
-        var checkbox = (0, helpers_1.getElementByClassName)(container, expectedCheckboxClass);
-        expect(checkbox).toBeInTheDocument();
-    });
-    it('should have external class name and style', function () {
-        var externalClassName = 'external-class-test';
-        var externalStyle = {
-            width: '30px'
-        };
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(CheckboxField_1["default"], __assign(__assign({}, props), { className: externalClassName, style: externalStyle }))).container;
-        var checkbox = (0, helpers_1.getElementByClassName)(container, externalClassName);
-        expect(checkbox).toBeInTheDocument();
-        expect(checkbox).toHaveStyle(externalStyle);
-    });
-    it('should have label', function () {
-        var label = 'label';
-        var getByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(CheckboxField_1["default"], __assign(__assign({}, props), { label: label }))).getByText;
-        var checkbox = getByText(label);
-        expect(checkbox).toBeInTheDocument();
-    });
-    it('should have name', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(CheckboxField_1["default"], props)).container;
-        var input = (0, helpers_1.getElementByClassName)(container, "".concat(expectedCheckboxClass, "__input"));
-        expect(input).toHaveAttribute('name', 'checkbox-test');
-    });
-});

package/tests/ui/form/CheckboxField/CheckboxFieldMockView.d.ts

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

package/tests/ui/form/CheckboxField/CheckboxFieldMockView.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);
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hooks_1 = require("../../../../src/hooks");
-function CheckboxFieldView(props) {
-    var bem = (0, hooks_1.useBem)('CheckboxFieldView');
-    var id = (0, hooks_1.useUniqueId)('checkbox');
-    var customVariableColorStyle = {
-        '--checkbox-custom-color': props.color
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
-            size: props.size,
-            hasErrors: !!props.errors
-        }), props.className), style: __assign(__assign({}, props.style), customVariableColorStyle), onClick: props.onChange, role: 'button', "aria-hidden": true }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ className: bem.element('input', {
-                    hasCustomColor: !!props.color
-                }), id: props.id || id, disabled: props.disabled, required: props.required }, props.inputProps)), (0, jsx_runtime_1.jsx)("label", __assign({ className: bem.element('label', {
-                    'has-label-only': !props.id
-                }), htmlFor: props.id || id }, { children: props.label && ((0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('label-text', {
-                        required: props.required
-                    }) }, { children: props.label }))) }))] })));
-}
-exports["default"] = CheckboxFieldView;

package/tests/ui/form/CheckboxListField/CheckboxListField.test.d.ts

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

package/tests/ui/form/CheckboxListField/CheckboxListField.test.js

@@ -1,35 +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 CheckboxListField_1 = __importDefault(require("../../../../src/ui/form/CheckboxListField/CheckboxListField"));
-var helpers_1 = require("../../../helpers");
-describe('CheckboxListField tests', function () {
-    var expectedCheckboxListFieldClass = 'CheckboxListFieldView';
-    var items = [
-        {
-            id: 1,
-            label: 'item1'
-        },
-        {
-            id: 2,
-            label: 'item2'
-        },
-        {
-            id: 3,
-            label: 'item3'
-        }
-    ];
-    var props = {
-        items: items,
-        orientation: 'horizontal',
-        size: 'large'
-    };
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(CheckboxListField_1["default"], props)).container;
-        var checkboxListField = (0, helpers_1.getElementByClassName)(container, expectedCheckboxListFieldClass);
-        expect(checkboxListField).toBeInTheDocument();
-    });
-});

package/tests/ui/form/CheckboxListField/CheckboxListFieldMockView.d.ts

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

package/tests/ui/form/CheckboxListField/CheckboxListFieldMockView.js

@@ -1,42 +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 hooks_1 = require("../../../../src/hooks");
-var useUniqueId_1 = __importDefault(require("../../../../src/hooks/useUniqueId"));
-function CheckboxListFieldView(props) {
-    var _a;
-    var bem = (0, hooks_1.useBem)('CheckboxListFieldView');
-    var prefix = (0, useUniqueId_1["default"])('checkbox');
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block((_a = {},
-            _a["".concat(props.orientation)] = !!props.orientation,
-            _a))) }, { children: props.items.map(function (checkbox, checkboxIndex) { return props.renderItem({
-            inputProps: {
-                name: "".concat(prefix, "_").concat(checkbox.id),
-                checked: false,
-                type: 'checkbox',
-                disabled: false,
-                onChange: function () {
-                    props.onItemSelect(checkbox.id);
-                }
-            },
-            disabled: props.disabled,
-            label: checkbox.label,
-            id: "".concat(prefix, "_").concat(checkbox.id),
-            key: checkboxIndex
-        }); }) })));
-}
-exports["default"] = CheckboxListFieldView;

package/tests/ui/form/DateField/DateField.test.d.ts

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

package/tests/ui/form/DateField/DateField.test.js

@@ -1,62 +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;
-require("@testing-library/jest-dom");
-var DateFieldMockView_1 = __importDefault(require("./DateFieldMockView"));
-var DateField_1 = __importDefault(require("../../../../src/ui/form/DateField/DateField"));
-var helpers_1 = require("../../../helpers");
-describe('DateField tests', function () {
-    var expectedDateFieldClassName = 'DateFieldView';
-    var externalClass = 'external-class';
-    var externalStyle = {
-        width: '30px'
-    };
-    var props = {
-        view: DateFieldMockView_1["default"],
-        size: 'lg',
-        className: externalClass,
-        isOpened: true,
-        style: externalStyle,
-        placeholder: 'This is a placeholder'
-    };
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(DateField_1["default"], props)).container;
-        var dateField = (0, helpers_1.getElementByClassName)(container, expectedDateFieldClassName);
-        expect(dateField).toBeInTheDocument();
-    });
-    it('should have correct size', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(DateField_1["default"], props)).container;
-        var dateField = (0, helpers_1.getElementByClassName)(container, expectedDateFieldClassName);
-        expect(dateField).toHaveClass("".concat(expectedDateFieldClassName, "_size_").concat(props.size));
-    });
-    it('should have external styles and class', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(DateField_1["default"], props)).container;
-        var dateField = (0, helpers_1.getElementByClassName)(container, expectedDateFieldClassName);
-        expect(dateField).toHaveClass(externalClass);
-        expect(dateField).toHaveStyle(externalStyle);
-    });
-    it('should have placeholder', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(DateField_1["default"], props)).container;
-        var dateFieldInput = (0, helpers_1.getElementByClassName)(container, "".concat(expectedDateFieldClassName, "__input"));
-        expect(dateFieldInput).toHaveAttribute('placeholder', props.placeholder);
-    });
-    it('should be disabled', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(DateField_1["default"], __assign(__assign({}, props), { disabled: true }))).container;
-        var dateField = (0, helpers_1.getElementByClassName)(container, expectedDateFieldClassName);
-        expect(dateField).toHaveClass("".concat(expectedDateFieldClassName, "_disabled"));
-    });
-    //TODO ACTION
-});

package/tests/ui/form/DateField/DateFieldMockView.d.ts

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

package/tests/ui/form/DateField/DateFieldMockView.js

@@ -1,40 +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 hooks_1 = require("../../../../src/hooks");
-var Calendar_1 = __importDefault(require("../../../../src/ui/content/Calendar"));
-var DropDown_1 = __importDefault(require("../../../../src/ui/content/DropDown"));
-var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon"));
-function DateFieldView(props) {
-    var bem = (0, hooks_1.useBem)('DateFieldView');
-    var renderCalendar = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)(Calendar_1["default"], __assign({}, props.calendarProps))); }, [props.calendarProps]);
-    return ((0, jsx_runtime_1.jsx)(DropDown_1["default"], __assign({ content: renderCalendar, position: 'bottomLeft', visible: props.isOpened, onClose: props.onClose, className: bem.element('dropdown') }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
-                size: props.size,
-                disabled: props.disabled,
-                'has-icon': !!props.icon,
-                'is-invalid': !!props.errors
-            }), props.className), style: props.style }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('body') }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props.inputProps, { ref: props.maskInputRef, onInput: function (e) {
-                            props.inputProps.onChange(e.currentTarget.value);
-                        }, className: bem(bem.element('input'), props.inputProps.className) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('icon-container') }, { children: [!props.inputProps.value && props.icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('date-icon'), name: "mockIcon", tabIndex: -1 })), props.showRemove && props.inputProps.value && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('close-icon'), onClick: function (e) {
-                                    e.preventDefault();
-                                    if (props.onClear) {
-                                        props.onClear();
-                                    }
-                                }, name: 'mockIcon' }))] }))] })) })) })));
-}
-exports["default"] = DateFieldView;

package/tests/ui/form/DateRangeField/DateRangeField.test.d.ts

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