@steroidsjs/core 3.0.88 → 3.0.90

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

@@ -92,7 +92,7 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
         to: MaskitoOptions;
     };
     /**
-     *  Ограничение доступных дат.
+     * Ограничение доступных дат.
      */
     disabledDays?: {
         after?: Date;

package/ui/form/DateTimeField/DateTimeField.d.ts

@@ -28,7 +28,7 @@ export interface IDateTimeFieldProps extends IDateInputStateInput, IUiComponent
      */
     dateTimeSeparator?: string;
     /**
-     *  Ограничение доступных дат.
+     * Ограничение доступных дат.
      */
     disabledDays?: {
         after?: Date;

package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts

@@ -58,7 +58,7 @@ export interface IDateTimeRangeFieldProps extends Omit<IDateInputStateInput, 'in
         to: MaskitoOptions;
     };
     /**
-     *  Ограничение доступных дат.
+     * Ограничение доступных дат.
      */
     disabledDays?: {
         after?: Date;

package/ui/form/EmailField/EmailField.js

@@ -44,7 +44,9 @@ var useInputTypeEmail_1 = __importDefault(require("./hooks/useInputTypeEmail"));
 var enums_1 = require("../../../enums");
 function EmailField(props) {
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), currentInputRef = _a.inputRef, onChange = _a.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: props.input
+    }), currentInputRef = _a.inputRef, onChange = _a.onChange;
     var onInputChange = (0, useInputTypeEmail_1["default"])(currentInputRef, onChange, props.input.value, props.required).onInputChange;
     var onClear = react_1["default"].useCallback(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = react_1["default"].useMemo(function () {

package/ui/form/InputField/InputField.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { MaskitoOptions } from '@maskito/core';
+import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 export declare const MASK_PRESETS: {
     date: Required<MaskitoOptions>;
@@ -87,6 +88,10 @@ export interface IInputFieldProps extends IBaseFieldProps {
      * Пользовательская иконка svg или название иконки
      */
     leadIcon?: React.ReactElement | string;
+    /**
+     * Задержка применения введённого значения
+     */
+    debounce?: boolean | ISaveCursorPositionDebounceConfig;
 }
 export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/InputField/InputField.js

@@ -87,11 +87,16 @@ exports.MASK_PRESETS = {
     }
 };
 function InputField(props) {
+    var _a;
     var components = (0, hooks_1.useComponents)();
     var maskedInputRef = (0, react_2.useMaskito)({
         options: props.maskOptions
     });
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), inputRef = _a.inputRef, onChange = _a.onChange;
+    var _b = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: props.input,
+        onChangeCallback: props.onChange,
+        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? { enabled: props.debounce } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
+    }), inputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
     React.useEffect(function () {
         if (inputRef.current) {
             maskedInputRef(inputRef.current);
@@ -103,11 +108,8 @@ function InputField(props) {
             props.onClear('');
         }
         props.input.onChange('');
-    }, [props.input, props.onClear]);
-    var inputProps = (0, react_1.useMemo)(function () {
-        var _a;
-        return (__assign({ type: props.type, name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onInput: onChange, placeholder: props.placeholder }, props.inputProps));
-    }, [onChange, props.input.name, props.input.value, props.inputProps, props.placeholder, props.type]);
+    }, [props]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ type: props.type, name: props.input.name, value: value, onInput: onChange, placeholder: props.placeholder }, props.inputProps)); }, [value, onChange, props.input.name, props.inputProps, props.placeholder, props.type]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         inputRef: useInputFieldWarningByType_1.INPUT_TYPES_SUPPORTED_SELECTION.includes(props.type) ? inputRef : null,
         onClear: onClear,

package/ui/form/NumberField/NumberField.d.ts

@@ -1,4 +1,5 @@
 import React, { ChangeEvent } from 'react';
+import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
 import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
@@ -30,6 +31,10 @@ export interface INumberFieldProps extends IFieldWrapperInputProps, IBaseFieldPr
      * Может ли число быть отрицательным
      */
     isCanBeNegative?: boolean;
+    /**
+     * Задержка применения введённого значения
+     */
+    debounce?: boolean | ISaveCursorPositionDebounceConfig;
 }
 export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/NumberField/NumberField.js

@@ -45,8 +45,13 @@ var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber")
 var enums_1 = require("../../../enums");
 var DEFAULT_STEP = 1;
 function NumberField(props) {
+    var _a;
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), currentInputRef = _a.inputRef, onChange = _a.onChange;
+    var _b = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: props.input,
+        onChangeCallback: props.onChange,
+        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? { enabled: props.debounce } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
+    }), currentInputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
     var step = react_1["default"].useMemo(function () { var _a; return (_a = props.step) !== null && _a !== void 0 ? _a : DEFAULT_STEP; }, [props.step]);
     var onInputChange = (0, useInputTypeNumber_1["default"])(currentInputRef, {
         max: props.max,
@@ -58,7 +63,7 @@ function NumberField(props) {
         var _a;
         var currentValue = Number((_a = currentInputRef === null || currentInputRef === void 0 ? void 0 : currentInputRef.current) === null || _a === void 0 ? void 0 : _a.value);
         var newValue;
-        var fixToDecimal = function (value) { return props.decimal ? value.toFixed(props.decimal) : value; };
+        var fixToDecimal = function (rawValue) { return props.decimal ? rawValue.toFixed(props.decimal) : rawValue; };
         if (isIncrement) {
             newValue = fixToDecimal(currentValue + step);
         }
@@ -75,10 +80,7 @@ function NumberField(props) {
             onStep(false);
         }
     }, [onStep]);
-    var inputProps = (0, react_1.useMemo)(function () {
-        var _a;
-        return (__assign(__assign({}, props.inputProps), { name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: onInputChange, type: 'text', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled, required: props.required, autoComplete: 'off', onKeyDown: onKeyDown }));
-    }, [props.inputProps, props.input.name, props.input.value, props.min, props.max, props.step, props.placeholder, props.disabled, props.required, onInputChange, onKeyDown]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { name: props.input.name, value: value, onChange: onInputChange, type: 'text', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled, required: props.required, autoComplete: 'off', onKeyDown: onKeyDown })); }, [props.inputProps, props.input.name, props.min, props.max, props.step, props.placeholder, props.disabled, props.required, value, onInputChange, onKeyDown]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         viewProps: props.viewProps,
         inputProps: inputProps,

package/ui/form/PasswordField/PasswordField.js

@@ -56,7 +56,7 @@ exports.checkPassword = checkPassword;
 function PasswordField(props) {
     var _a = (0, react_1.useState)(InputType.PASSWORD), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
-    var _b = (0, hooks_1.useSaveCursorPosition)(props.input), inputRef = _b.inputRef, onChange = _b.onChange;
+    var _b = (0, hooks_1.useSaveCursorPosition)({ inputParams: props.input }), inputRef = _b.inputRef, onChange = _b.onChange;
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var onShowButtonClick = (0, react_1.useCallback)(function () {
         type === InputType.PASSWORD ? setType(InputType.TEXT) : setType(InputType.PASSWORD);

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, KeyboardEventHandler } from 'react';
+import React, { ChangeEvent, KeyboardEventHandler } from 'react';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 import { IBaseFieldProps } from '../InputField/InputField';
 /**
@@ -11,6 +11,11 @@ export interface ITextFieldProps extends IBaseFieldProps {
      * @example true
      */
     submitOnEnter?: boolean;
+    /**
+     * Флаг, который указывает, что высота поля должна быть равна высоте контента
+     * @example false
+     */
+    autoHeight?: boolean;
 }
 export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutputProps {
     inputProps: {
@@ -21,6 +26,7 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
         placeholder: string;
         disabled: boolean;
         required: boolean;
+        ref: React.MutableRefObject<any>;
     };
     onClear: VoidFunction;
 }

package/ui/form/TextField/TextField.js

@@ -21,7 +21,9 @@ var enums_1 = require("../../../enums");
 function TextField(props) {
     // const dispatch = useDispatch();
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, hooks_1.useSaveCursorPosition)(props.input), inputRef = _a.inputRef, onChange = _a.onChange;
+    var _a = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: props.input
+    }), inputRef = _a.inputRef, onChange = _a.onChange;
     var onKeyUp = (0, react_1.useCallback)(function (e) {
         if (props.submitOnEnter
             && props.formId
@@ -38,12 +40,13 @@ function TextField(props) {
         var _a;
         return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: handleChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled, required: props.required, ref: inputRef }, props.inputProps));
     }, [props.input.name, props.input.value, props.placeholder, props.disabled, props.required, props.inputProps, handleChange, onKeyUp, inputRef]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { inputProps: inputProps, onClear: onClear, errors: props.errors, size: props.size, className: props.className, showClear: props.showClear })); }, [inputProps, onClear, props.className, props.errors, props.showClear, props.size, props.viewProps]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { inputProps: inputProps, onClear: onClear, errors: props.errors, size: props.size, className: props.className, showClear: props.showClear, autoHeight: props.autoHeight })); }, [inputProps, onClear, props.className, props.errors, props.showClear, props.size, props.viewProps, props.autoHeight]);
     return components.ui.renderView(props.view || 'form.TextFieldView', viewProps);
 }
 TextField.defaultProps = {
     disabled: false,
     required: false,
-    submitOnEnter: false
+    submitOnEnter: false,
+    autoHeight: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TEXT_FIELD, TextField);

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

@@ -27,7 +27,7 @@ export interface ITimeFieldProps extends IDateInputStateInput, IUiComponent {
      */
     maskOptions?: MaskitoOptions;
     /**
-     *  Ограничение доступного времени.
+     * Ограничение доступного времени.
      */
     availableTime?: {
         from: string;

package/ui/form/TimeRangeField/TimeRangeField.d.ts

@@ -67,7 +67,7 @@ export interface ITimeRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
         to: MaskitoOptions;
     };
     /**
-     *  Ограничение доступного времени.
+     * Ограничение доступного времени.
      */
     availableTime?: {
         from: string;

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

@@ -103,7 +103,7 @@ export interface IGridColumn {
         isLeft?: boolean;
     };
     /**
-    *  Параметры для картинки в колонке
+    * Параметры для картинки в колонке
     * @example
      * {
      *  attribute: 'icon',

package/ui/list/List/List.js

@@ -50,6 +50,7 @@ function List(props) {
         actionMethod: props.actionMethod,
         pagination: props.pagination,
         paginationSize: props.paginationSize,
+        infiniteScroll: props.infiniteScroll,
         sort: props.sort,
         layout: props.layout,
         empty: props.empty,
@@ -67,7 +68,7 @@ function List(props) {
         initialItems: props.initialItems,
         initialTotal: props.initialTotal,
         autoFetchOnFormChanges: props.autoFetchOnFormChanges
-    }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderLoading = _a.renderLoading, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm;
+    }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderLoading = _a.renderLoading, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, renderInfiniteScroll = _a.renderInfiniteScroll;
     var ItemView = props.itemView || components.ui.getView('list.ListItemView');
     var content = ((list === null || list === void 0 ? void 0 : list.items) || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
     var viewProps = (0, react_1.useMemo)(function () { return ({
@@ -82,12 +83,12 @@ function List(props) {
         renderPaginationSize: renderPaginationSize,
         renderLayoutNames: renderLayoutNames,
         renderSearchForm: renderSearchForm,
+        renderInfiniteScroll: renderInfiniteScroll,
         content: content,
         isLoading: props.isLoading,
         className: props.className,
         contentClassName: props.contentClassName
-    }); }, [content, layoutNamesPosition, list, paginationPosition, paginationSizePosition, props.className, props.contentClassName,
-        props.isLoading, renderEmpty, renderLayoutNames, renderList, renderPagination, renderPaginationSize, renderSearchForm, renderLoading]);
+    }); }, [list, paginationPosition, paginationSizePosition, layoutNamesPosition, renderList, renderLoading, renderEmpty, renderPagination, renderPaginationSize, renderLayoutNames, renderSearchForm, renderInfiniteScroll, content, props.isLoading, props.className, props.contentClassName]);
     return components.ui.renderView(props.view || 'list.ListView', viewProps);
 }
 exports["default"] = List;

package/ui/modal/Modal/Modal.d.ts

@@ -90,6 +90,10 @@ export interface IModalProps {
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     * Свойства для view компонента
+     */
+    viewProps?: CustomViewProps;
     /**
      * Вложенные элементы
      */

package/ui/modal/Modal/Modal.js

@@ -56,9 +56,9 @@ function Modal(props) {
         shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick,
         title: props.title,
         children: props.children,
-        buttons: props.buttons
-    }); }, [props.buttons, props.children, props.className, props.closeTimeoutMs, props.isClosing, props.onClose, props.shouldCloseOnEsc,
-        props.shouldCloseOnOverlayClick, props.size, props.title]);
+        buttons: props.buttons,
+        viewProps: props.viewProps
+    }); }, [props.buttons, props.children, props.className, props.closeTimeoutMs, props.isClosing, props.onClose, props.shouldCloseOnEsc, props.shouldCloseOnOverlayClick, props.size, props.title, props.viewProps]);
     return (react_1["default"].createElement(ModalView, __assign({}, viewProps), (ContentComponent && (react_1["default"].createElement(ContentComponent, __assign({}, props, props.componentProps)))) || (props.children)));
 }
 Modal.defaultProps = {