@steroidsjs/core 3.0.0-beta.69 → 3.0.0-beta.70

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.69",
+ "version": "3.0.0-beta.70",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -92,7 +92,10 @@ function AutoCompleteField(props) {
             props.inputProps.onBlur(e);
         }
     }, [onClose, props.inputProps, props.isOpened]);
-    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, value: props.input.value || '', placeholder: props.placeholder, disabled: props.disabled, onChange: onChange, onBlur: onBlur })); }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
+    var inputProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', placeholder: props.placeholder, disabled: props.disabled, onChange: onChange, onBlur: onBlur }));
+    }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     //Sync with form
     (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds[0] || null);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 import { MaskitoOptions } from '@maskito/core';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 export declare const MASK_PRESETS: {
@@ -17,7 +17,7 @@ export interface IBaseFieldProps extends IFieldWrapperInputProps, IUiComponent {
      * Свойства для элемента input
      * @example {onKeyDown: ...}
      */
-    inputProps?: any;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
     /**
      * Показывать иконку очищения поля
      * @example true
@@ -88,7 +88,7 @@ export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOut
         onChange: (value: any) => void;
         value: string | number;
         placeholder: string;
-        disabled: string;
+        disabled: boolean;
     };
     onClear?: () => void;
     onFocus?: (e: Event | React.FocusEvent) => void;

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

@@ -1,3 +1,4 @@
+import { ChangeEvent } from 'react';
 import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
@@ -26,7 +27,7 @@ export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperO
     inputProps: {
         type: string;
         name: string;
-        onChange: (value: string) => void;
+        onChange: (value: ChangeEvent<HTMLInputElement> | string) => void;
         value: number;
         placeholder: string;
         disabled: boolean;

package/ui/form/NumberField/NumberField.js

@@ -21,7 +21,7 @@ function NumberField(props) {
     var components = (0, hooks_1.useComponents)();
     props.inputProps = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+        return (__assign({ name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
     }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
     return components.ui.renderView(props.view || 'form.NumberFieldView', props);
 }

package/ui/form/PasswordField/PasswordField.js

@@ -50,7 +50,10 @@ function PasswordField(props) {
     var _a = (0, react_1.useState)('password'), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
-    props.inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: type, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, type]);
+    props.inputProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign({ name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, type: type, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+    }, [props.disabled, props.input, props.inputProps, props.placeholder, type]);
     props.securityLevel = props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null;
     props.onShowPassword = function () { return setType('text'); };
     props.onHidePassword = function () { return setType('password'); };

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

@@ -16,7 +16,7 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
     inputProps: {
         name: string;
         onChange: (value: string | ChangeEvent) => void;
-        onKeyUp: KeyboardEventHandler<HTMLTextAreaElement>;
+        onKeyUp: KeyboardEventHandler;
         value: string | number;
         placeholder: string;
         disabled: boolean;

package/ui/form/TextField/TextField.js

@@ -32,7 +32,10 @@ function TextField(props) {
     }, [props.formId, props.submitOnEnter]);
     var onChange = (0, react_1.useCallback)(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
-    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
+    var inputProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign({ name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: onChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+    }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps, onClear: onClear }));
 }
 TextField.defaultProps = {