@steroidsjs/core 3.1.9 → 3.1.10

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

@@ -1,78 +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");
-require("@testing-library/jest-dom");
-var SliderField_1 = __importDefault(require("../../../../src/ui/form/SliderField/SliderField"));
-var helpers_1 = require("../../../helpers");
-describe('SliderField tests', function () {
-    var expectedSliderFieldClassName = 'SliderFieldView';
-    var externalClassName = 'external-class';
-    var externalStyle = {
-        width: '30px'
-    };
-    var expectedSliderClass = 'rc-slider';
-    var marks = {
-        0: (0, jsx_runtime_1.jsx)("strong", { children: "0\u00B0C" }),
-        26: '26°C',
-        37: '37°C',
-        50: '50°C',
-        80: {
-            style: {
-                color: 'red'
-            },
-            label: (0, jsx_runtime_1.jsx)("strong", { children: "80\u00B0C" })
-        }
-    };
-    var props = {
-        style: externalStyle,
-        className: externalClassName,
-        marks: marks,
-        min: -10,
-        max: 80
-    };
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SliderField_1["default"], props)).container;
-        var sliderField = (0, helpers_1.getElementByClassName)(container, expectedSliderFieldClassName);
-        expect(sliderField).toBeInTheDocument();
-    });
-    it('should have external className and style', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SliderField_1["default"], props)).container;
-        var sliderField = (0, helpers_1.getElementByClassName)(container, expectedSliderFieldClassName);
-        expect(sliderField).toHaveClass(externalClassName);
-        expect(sliderField).toHaveStyle(externalStyle);
-    });
-    it('should be disabled', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SliderField_1["default"], __assign(__assign({}, props), { disabled: true }))).container;
-        var disabledSlider = (0, helpers_1.getElementByClassName)(container, "".concat(expectedSliderClass, "-disabled"));
-        expect(disabledSlider).toBeInTheDocument();
-    });
-    it('should have marks and min max', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SliderField_1["default"], props)).container;
-        var expectMarksCount = 5;
-        var sliderHandle = (0, helpers_1.getElementByClassName)(container, "".concat(expectedSliderClass, "-handle"));
-        var markElements = container.querySelectorAll(".".concat(expectedSliderClass, "-mark-text"));
-        expect(sliderHandle).toHaveAttribute('aria-valuemax', String(props.max));
-        expect(sliderHandle).toHaveAttribute('aria-valuemin', String(props.min));
-        expect(markElements.length).toBe(expectMarksCount);
-    });
-    it('should be range', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SliderField_1["default"], __assign(__assign({}, props), { isRange: true }))).container;
-        var expectedSliderHandlersCount = 2;
-        var sliderHandlers = container.querySelectorAll(".".concat(expectedSliderClass, "-handle"));
-        expect(sliderHandlers.length).toBe(expectedSliderHandlersCount);
-    });
-});

package/tests/ui/form/SliderField/SliderFieldMockView.d.ts

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

package/tests/ui/form/SliderField/SliderFieldMockView.js

@@ -1,71 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable import/no-extraneous-dependencies */
-var rc_slider_1 = __importStar(require("rc-slider"));
-var hooks_1 = require("../../../../src/hooks");
-var createRangeWithTooltip = rc_slider_1["default"].createSliderWithTooltip;
-var createSliderWithTooltip = rc_slider_1["default"].createSliderWithTooltip;
-var RangeComponent = createRangeWithTooltip(rc_slider_1.Range);
-var SliderComponent = createSliderWithTooltip(rc_slider_1["default"]);
-function SliderFieldView(props) {
-    var bem = (0, hooks_1.useBem)('SliderFieldView');
-    var handle = function (prevProps) {
-        var value = prevProps.value;
-        return ((0, jsx_runtime_1.jsx)(rc_slider_1.SliderTooltip, __assign({ prefixCls: 'rc-slider-tooltip', placement: 'top', overlay: "".concat(value) }, { children: (0, jsx_runtime_1.jsx)(rc_slider_1.Handle, { value: value }) })));
-    };
-    var commonProps = {
-        slider: props.slider,
-        className: props.className,
-        min: props.min,
-        max: props.max,
-        step: props.step,
-        marks: props.marks,
-        onChange: props.onChange,
-        onAfterChange: props.onAfterChange,
-        defaultValue: props.defaultValue
-            ? props.defaultValue
-            : (props.isRange ? props.rangeDefaultValue : props.sliderDefaultValue),
-        disabled: props.disabled,
-        tipFormatter: function (value) { return "".concat(value + props.valuePostfix); },
-        handle: handle
-    };
-    var RangeField = ((0, jsx_runtime_1.jsx)(RangeComponent, __assign({}, commonProps, { draggableTrack: true, areaDisabled: true, pushable: true })));
-    var SliderField = ((0, jsx_runtime_1.jsx)(SliderComponent, __assign({}, commonProps)));
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className), style: props.style }, { children: props.isRange ? RangeField : SliderField })));
-}
-exports["default"] = SliderFieldView;

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

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

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

@@ -1,64 +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 SwitcherFieldMockView_1 = __importDefault(require("./SwitcherFieldMockView"));
-var SwitcherField_1 = __importDefault(require("../../../../src/ui/form/SwitcherField/SwitcherField"));
-var helpers_1 = require("../../../helpers");
-describe('SwitcherField tests', function () {
-    var expectedSwitcherFieldClassName = 'SwitcherFieldView';
-    var externalClassName = 'test-class';
-    var externalStyles = {
-        width: '30px'
-    };
-    var itemWithObjectLabel = {
-        id: 2,
-        label: {
-            checked: 'checkedLabel',
-            unchecked: 'uncheckedLabel'
-        }
-    };
-    var props = {
-        view: SwitcherFieldMockView_1["default"],
-        className: externalClassName,
-        style: externalStyles,
-        size: 'lg'
-    };
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SwitcherField_1["default"], props)).container;
-        var switcherField = (0, helpers_1.getElementByClassName)(container, expectedSwitcherFieldClassName);
-        expect(switcherField).toBeInTheDocument();
-    });
-    it('should have external className and styles', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SwitcherField_1["default"], props)).container;
-        var switcherField = (0, helpers_1.getElementByClassName)(container, expectedSwitcherFieldClassName);
-        expect(switcherField).toHaveClass(externalClassName);
-        expect(switcherField).toHaveStyle(externalStyles);
-    });
-    it('should item with object label change label after click', function () {
-        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SwitcherField_1["default"], __assign(__assign({}, props), { label: {
-                checked: 'checkedLabel',
-                unchecked: 'uncheckedLabel'
-            } }))), container = _a.container, getByText = _a.getByText;
-        var switcherItemWithUncheckedLabel = getByText(itemWithObjectLabel.label.unchecked);
-        expect(switcherItemWithUncheckedLabel).toBeInTheDocument();
-        var switcherItemInput = (0, helpers_1.getElementByTag)(container, 'input');
-        dom_1.fireEvent.click(switcherItemInput);
-        var switcherItemWithCheckedLabel = getByText(itemWithObjectLabel.label.checked);
-        expect(switcherItemWithCheckedLabel).toBeInTheDocument();
-    });
-});

package/tests/ui/form/SwitcherField/SwitcherFieldMockView.d.ts

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

package/tests/ui/form/SwitcherField/SwitcherFieldMockView.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");
-/* 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");
-function SwitcherFieldMockView(props) {
-    var bem = (0, hooks_1.useBem)('SwitcherFieldView');
-    var uniqueId = (0, hooks_1.useUniqueId)('switcher');
-    var renderLabel = (0, react_1.useCallback)(function () {
-        if (typeof props.label === 'object') {
-            return props.inputProps.checked ? props.label.checked : props.label.unchecked;
-        }
-        return props.label;
-    }, [props.inputProps.checked, props.label]);
-    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 }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.id || uniqueId, disabled: props.disabled, required: props.required, className: bem.element('input') }, props.inputProps)), (0, jsx_runtime_1.jsx)("span", { className: bem.element('slider') }), (0, jsx_runtime_1.jsx)("span", __assign({ className: bem.element('label') }, { children: renderLabel() }))] })));
-}
-exports["default"] = SwitcherFieldMockView;

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

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

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

@@ -1,44 +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 SwitcherListFieldMockView_1 = __importDefault(require("./SwitcherListFieldMockView"));
-var SwitcherListField_1 = __importDefault(require("../../../../src/ui/form/SwitcherListField/SwitcherListField"));
-var helpers_1 = require("../../../helpers");
-var SwitcherFieldMockView_1 = __importDefault(require("../SwitcherField/SwitcherFieldMockView"));
-describe('SwitcherListField tests', function () {
-    var expectedSwitcherListFieldClass = 'SwitcherListFieldView';
-    var items = [
-        {
-            id: 1,
-            label: 'item1'
-        },
-        {
-            id: 2,
-            label: 'item2'
-        },
-        {
-            id: 3,
-            label: 'item3'
-        }
-    ];
-    var props = {
-        items: items,
-        orientation: 'horizontal',
-        size: 'large',
-        view: SwitcherListFieldMockView_1["default"],
-        itemView: SwitcherFieldMockView_1["default"]
-    };
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SwitcherListField_1["default"], props)).container;
-        var switcherListField = (0, helpers_1.getElementByClassName)(container, expectedSwitcherListFieldClass);
-        expect(switcherListField).toBeInTheDocument();
-    });
-    it('should render inputs', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(SwitcherListField_1["default"], props)).container;
-        var inputs = container.querySelectorAll('input');
-        expect(inputs).toHaveLength(items.length);
-    });
-});

package/tests/ui/form/SwitcherListField/SwitcherListFieldMockView.d.ts

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

package/tests/ui/form/SwitcherListField/SwitcherListFieldMockView.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 SwitcherFieldMockView_1 = __importDefault(require("../SwitcherField/SwitcherFieldMockView"));
-function SwitcherListFieldMockView(props) {
-    var bem = (0, hooks_1.useBem)('SwitcherListFieldView');
-    var prefix = (0, hooks_1.useUniqueId)('switcher');
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block(), props.className) }, { children: props.items.map(function (checkbox, checkboxIndex) { return props.renderItem({
-            key: checkboxIndex,
-            id: "".concat(prefix, "_").concat(checkbox.id),
-            label: checkbox.label,
-            inputProps: {
-                name: "".concat(prefix, "_").concat(checkbox.id),
-                type: 'checkbox',
-                checked: props.selectedIds.includes(checkbox.id),
-                onChange: function () {
-                    props.onItemSelect(checkbox.id);
-                },
-                disabled: props.disabled || checkbox.disabled
-            },
-            size: checkbox.size || props.size,
-            color: checkbox.color,
-            required: checkbox.required,
-            view: SwitcherFieldMockView_1["default"]
-        }); }) })));
-}
-exports["default"] = SwitcherListFieldMockView;

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

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

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

@@ -1,102 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var dom_1 = require("@testing-library/dom");
-var react_1 = require("react");
-require("@testing-library/jest-dom");
-var TextFieldMockView_1 = __importDefault(require("./TextFieldMockView"));
-var TextField_1 = __importDefault(require("../../../../src/ui/form/TextField/TextField"));
-var helpers_1 = require("../../../helpers");
-describe('TextField tests', function () {
-    var externalClassName = 'TextFieldExternalClass';
-    var inputRef = (0, react_1.createRef)();
-    var props = {
-        inputProps: {
-            disabled: true,
-            required: false,
-            name: 'name',
-            onChange: jest.fn(),
-            placeholder: 'placeholder',
-            value: 'value',
-            onKeyUp: jest.fn(),
-            ref: inputRef
-        },
-        required: true,
-        onClear: jest.fn(),
-        placeholder: 'placeholder',
-        className: externalClassName,
-        view: TextFieldMockView_1["default"]
-    };
-    var expectedTextFieldClass = 'TextFieldView';
-    it('should be in the document', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], props)).container;
-        var textField = (0, helpers_1.getElementByClassName)(container, expectedTextFieldClass);
-        expect(textField).toBeInTheDocument();
-    });
-    it('should have external className', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], props)).container;
-        var textField = (0, helpers_1.getElementByClassName)(container, expectedTextFieldClass);
-        expect(textField).toBeInTheDocument();
-        expect(textField).toHaveClass(externalClassName);
-    });
-    it('should have right placeholder', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], props)).container;
-        var textArea = (0, helpers_1.getElementByTag)(container, 'textarea');
-        expect(textArea).toHaveAttribute('placeholder', props.placeholder);
-    });
-    it('should have name attribute and value', function () {
-        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], props)), container = _a.container, getByText = _a.getByText;
-        var textArea = (0, helpers_1.getElementByTag)(container, 'textarea');
-        var value = getByText(props.inputProps.value);
-        expect(textArea).toHaveAttribute('name', props.inputProps.name);
-        expect(value).toBeInTheDocument();
-    });
-    it('should be disabled', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], props)).container;
-        var textArea = (0, helpers_1.getElementByTag)(container, 'textarea');
-        expect(textArea).toBeDisabled();
-    });
-    describe('actions', function () {
-        var mockedOnChange = jest.fn();
-        var mockedOnKeyUp = jest.fn();
-        var mockedOnClear = jest.fn();
-        var actionInputRef = (0, react_1.createRef)();
-        var actionProps = {
-            inputProps: {
-                disabled: true,
-                required: false,
-                name: 'name',
-                onChange: mockedOnChange,
-                placeholder: 'placeholder',
-                value: 'value',
-                onKeyUp: mockedOnKeyUp,
-                ref: actionInputRef
-            },
-            view: TextFieldMockView_1["default"],
-            showClose: true,
-            onClear: mockedOnClear
-        };
-        it('should call onChange', function () {
-            var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], actionProps)).container;
-            var textArea = (0, helpers_1.getElementByTag)(container, 'textarea');
-            var expectedChangeCallCount = 1;
-            dom_1.fireEvent.change(textArea, {
-                target: {
-                    value: '1'
-                }
-            });
-            expect(mockedOnChange.mock.calls.length).toBe(expectedChangeCallCount);
-        });
-        it('should call onKeyUp', function () {
-            var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TextField_1["default"], actionProps)).container;
-            var textArea = (0, helpers_1.getElementByTag)(container, 'textarea');
-            var expectedKeyUpCallCount = 1;
-            dom_1.fireEvent.keyUp(textArea, {
-                key: 'Enter'
-            });
-            expect(mockedOnKeyUp.mock.calls.length).toBe(expectedKeyUpCallCount);
-        });
-    });
-});

package/tests/ui/form/TextField/TextFieldMockView.d.ts

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

package/tests/ui/form/TextField/TextFieldMockView.js

@@ -1,52 +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 Icon_1 = __importDefault(require("../../../../src/ui/content/Icon"));
-function TextFieldView(props) {
-    var bem = (0, hooks_1.useBem)('TextFieldView');
-    /*
-    В хуке устанавливается высота текстового поля, равная высоте введенного текста
-    */
-    (0, react_1.useEffect)(function () {
-        if (props.autoHeight) {
-            var inputElement = props.inputProps.ref.current;
-            if (!inputElement) {
-                return;
-            }
-            var inputElementComputedStyles = window.getComputedStyle(inputElement);
-            // Получаем числовое значение ширины верхней и нижней границ
-            var borderTopWidth = parseInt(inputElementComputedStyles.borderTopWidth, 10);
-            var borderBottomWidth = parseInt(inputElementComputedStyles.borderBottomWidth, 10);
-            /**
-             * Сброс высоты до значения по умолчанию.
-             * Необходимо для корректного расчета текущей высоты содержимого:
-             * - если текст из поля убирают, высота поля уменьшится до минимально установленного значения
-             * - если текст добавляют, высота подстроится под высоту текущего контента
-             */
-            inputElement.style.height = 'auto';
-            inputElement.style.height = "".concat(inputElement.scrollHeight + borderTopWidth + borderBottomWidth, "px");
-        }
-    }, [props.inputProps.ref, props.inputProps.value, props.autoHeight]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
-            hasErrors: !!props.errors,
-            filled: !!props.inputProps.value,
-            size: props.size
-        }), props.className) }, { children: [(0, jsx_runtime_1.jsx)("textarea", __assign({ className: bem.element('textarea'), id: props.id }, props.inputProps)), props.showClear && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('clear'), name: 'cross_8x8', onClick: props.onClear }))] })));
-}
-exports["default"] = TextFieldView;

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

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

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

@@ -1,54 +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 TimeField_1 = __importDefault(require("../../../../src/ui/form/TimeField/TimeField"));
-var helpers_1 = require("../../../helpers");
-describe('TimeField', function () {
-    var expectedTimeFieldClassName = 'TimeFieldView';
-    var externalClass = 'external-class';
-    var externalStyle = {
-        width: '30px'
-    };
-    var props = {
-        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)(TimeField_1["default"], props)).container;
-        var timeField = (0, helpers_1.getElementByClassName)(container, expectedTimeFieldClassName);
-        expect(timeField).toBeInTheDocument();
-    });
-    it('should have correct size', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TimeField_1["default"], props)).container;
-        var timeField = (0, helpers_1.getElementByClassName)(container, expectedTimeFieldClassName);
-        expect(timeField).toHaveClass("".concat(expectedTimeFieldClassName, "_size_").concat(props.size));
-    });
-    it('should have placeholder', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TimeField_1["default"], props)).container;
-        var timeField = (0, helpers_1.getElementByClassName)(container, "".concat(expectedTimeFieldClassName, "__input"));
-        expect(timeField).toHaveAttribute('placeholder', props.placeholder);
-    });
-    it('should be disabled', function () {
-        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(TimeField_1["default"], __assign(__assign({}, props), { disabled: true }))).container;
-        var dateField = (0, helpers_1.getElementByClassName)(container, expectedTimeFieldClassName);
-        expect(dateField).toHaveClass("".concat(expectedTimeFieldClassName, "_disabled"));
-    });
-    //TODO Action
-});

package/tests/ui/form/TimeField/TimeFieldMockView.d.ts

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

package/tests/ui/form/TimeField/TimeFieldMockView.js

@@ -1,37 +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 TimePanelMockView_1 = __importDefault(require("./TimePanelMockView"));
-var hooks_1 = require("../../../../src/hooks");
-var DropDown_1 = __importDefault(require("../../../../src/ui/content/DropDown"));
-var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon"));
-function TimeFieldView(props) {
-    var bem = (0, hooks_1.useBem)('TimeFieldView');
-    var renderContent = (0, react_1.useCallback)(function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('panel-container') }, { children: (0, jsx_runtime_1.jsx)(TimePanelMockView_1["default"], __assign({}, props.timePanelViewProps)) }))); }, [bem, props.timePanelViewProps]);
-    return ((0, jsx_runtime_1.jsx)(DropDown_1["default"], __assign({ position: 'bottomLeft', content: renderContent, visible: props.isOpened, onClose: props.onClose, className: bem.element('dropdown'), hasArrow: false }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: bem(bem.block({
-                size: props.size,
-                disabled: props.disabled,
-                '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, { className: bem(bem.element('input'), props.inputProps.className), onChange: function (e) { return props.inputProps.onChange(e.target.value); } })), (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: typeof props.icon === 'string' ? props.icon : 'calendar_range', tabIndex: -1 })), props.showRemove && props.inputProps.value && props.icon !== false && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { className: bem.element('close-icon'), onClick: function (e) {
-                                    e.preventDefault();
-                                    if (props.onClear) {
-                                        props.onClear();
-                                    }
-                                }, name: 'cross_8x8' }))] }))] })) })) })));
-}
-exports["default"] = TimeFieldView;

package/tests/ui/form/TimeField/TimePanelMockView.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ITimePanelViewProps } from '../../../../src/ui/form/TimeField/TimeField';
-declare function TimePanelView(props: ITimePanelViewProps): JSX.Element;
-declare namespace TimePanelView {
-    var defaultProps: {
-        showHeader: boolean;
-        showNow: boolean;
-    };
-}
-export default TimePanelView;