@steroidsjs/core 3.0.21 → 3.0.22

package/docs-autogen-result.json

@@ -25291,6 +25291,7 @@
             "tags": {},
             "defaultProps": null,
             "extends": [
+                "IFieldWrapperInputProps",
                 "IBaseFieldProps"
             ],
             "properties": [

package/hooks/useSaveCursorPosition.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent } from 'react';
 import { IInputParams } from '../ui/form/Field/fieldWrapper';
-export default function useSaveCursorPosition(inputParams: IInputParams): {
+export default function useSaveCursorPosition(inputParams: IInputParams, onChangeCallback?: (value: any) => void): {
     inputRef: React.MutableRefObject<any>;
     onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void;
 };

package/hooks/useSaveCursorPosition.js

@@ -9,7 +9,7 @@ exports.__esModule = true;
 /* eslint-disable no-return-assign */
 /* eslint-disable no-unused-expressions */
 var react_1 = __importDefault(require("react"));
-function useSaveCursorPosition(inputParams) {
+function useSaveCursorPosition(inputParams, onChangeCallback) {
     var _a = react_1["default"].useState(null), cursor = _a[0], setCursor = _a[1];
     var inputRef = react_1["default"].useRef(null);
     react_1["default"].useEffect(function () {
@@ -19,11 +19,14 @@ function useSaveCursorPosition(inputParams) {
         }
     }, [cursor, inputParams.value]);
     var onChange = react_1["default"].useCallback(function (event, value) {
-        var _a, _b;
+        var _a, _b, _c;
         if (value === void 0) { value = null; }
-        setCursor((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.selectionStart);
-        inputParams.onChange(value || ((_b = event.target) === null || _b === void 0 ? void 0 : _b.value));
-    }, [inputParams]);
+        if (onChangeCallback) {
+            onChangeCallback(value || ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value));
+        }
+        setCursor((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.selectionStart);
+        inputParams.onChange(value || ((_c = event.target) === null || _c === void 0 ? void 0 : _c.value));
+    }, [inputParams, onChangeCallback]);
     return {
         inputRef: inputRef,
         onChange: onChange

package/package.json

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

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

@@ -1,12 +1,12 @@
 import React, { ChangeEvent } from 'react';
 import { IBaseFieldProps } from '../InputField/InputField';
-import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * NumberField
  *
  * Числовое поле ввода. Этот компонент представляет собой поле ввода для числовых значений.
  **/
-export interface INumberFieldProps extends IBaseFieldProps {
+export interface INumberFieldProps extends IFieldWrapperInputProps, IBaseFieldProps {
     /**
      * Минимальное значение
      * @example 1

package/ui/form/NumberField/NumberField.js

@@ -45,7 +45,7 @@ var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber")
 var DEFAULT_STEP = 1;
 function NumberField(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)(props.input, props.onChange), currentInputRef = _a.inputRef, onChange = _a.onChange;
     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,

package/ui/form/SliderField/SliderField.js

@@ -16,6 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var react_1 = require("react");
 var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
+var head_1 = __importDefault(require("lodash-es/head"));
+var last_1 = __importDefault(require("lodash-es/last"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var normalizeValue = function (value) { return (0, toInteger_1["default"])(String(value).replace(/[0-9]g/, '')) || 0; };
@@ -28,7 +30,12 @@ function SliderField(props) {
         props.input.onChange(value);
     }, [props]);
     var onAfterChange = (0, react_1.useCallback)(function (value) {
-        var normalizedValue = normalizeValue(value);
+        var normalizedValue = props.isRange
+            ? [
+                normalizeValue((0, head_1["default"])(value)),
+                normalizeValue((0, last_1["default"])(value)),
+            ]
+            : normalizeValue(value);
         if (props.onAfterChange) {
             props.onAfterChange(normalizedValue);
         }