@snack-uikit/fields 0.51.4 → 0.51.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>0.51.5 (2025-10-09)</small>
+
+* fix(PDS-811): fix field stepper step ([4033ad6](https://github.com/cloud-ru-tech/snack-uikit/commit/4033ad6))
+
+
+
+
+
 ## <small>0.51.4 (2025-09-24)</small>
 
 ### Only dependencies have been changed

package/README.md

@@ -213,7 +213,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | open | `boolean` | - | Открыт color-picker |
 | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
@@ -232,6 +231,7 @@ FieldStepper в основном предназначен для работы с
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
 | placeholder | `string` | - | Значение плейсхолдера |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | label | `string` | - | Лейбл |
 | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
 | required | `boolean` | - | Является ли поле обязательным |
@@ -248,7 +248,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | mode* | "date" \| "date-time" | - |  |
 | open | `boolean` | - | Открыт date-picker |
 | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
@@ -264,6 +263,7 @@ FieldStepper в основном предназначен для работы с
 | readonly | `boolean` | - | Является ли поле доступным только для чтения |
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | className | `string` | - | CSS-класс |
 | label | `string` | - | Лейбл |
 | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
@@ -304,7 +304,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | hidden | `boolean` | - | Замаскированно ли значение поля |
 | onHiddenChange | `(value: boolean) => void` | - | Колбек смены маскирования |
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
@@ -321,6 +320,7 @@ FieldStepper в основном предназначен для работы с
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
 | placeholder | `string` | - | Значение плейсхолдера |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | maxLength | `number` | - | Максимальная длина вводимого значения |
 | autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
 | className | `string` | - | CSS-класс |
@@ -341,7 +341,6 @@ FieldStepper в основном предназначен для работы с
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | options* | `OptionProps[]` | - |  |
-| autoFocus* | `unknown` | - |  |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
 | disabled | `boolean` | false | Является ли поле деактивированным |
@@ -349,6 +348,7 @@ FieldStepper в основном предназначен для работы с
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
 | placeholder | `string` | - | Значение плейсхолдера |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки начала нажатия клавиши клавиатуры |
 | className | `string` | - | CSS-класс |
 | label | `string` | - | Лейбл |
@@ -400,7 +400,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | postfixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-постфикс для поля |
 | showScaleBar | `boolean` | true | Отображение линейки |
 | textInputFormatter | `TextInputFormatter` | - | Функция для форматирования значений в текстовом поле |
@@ -413,6 +412,7 @@ FieldStepper в основном предназначен для работы с
 | readonly | `boolean` | - | Является ли поле доступным только для чтения |
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | onChange | `(value: number \| number[]) => void` | - |  |
 | value | `number \| number[]` | - |  |
 | range | `boolean` | - |  |
@@ -436,7 +436,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | value | `number` | - | Значение поля |
 | onChange | `(value: number, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
 | step | `number` | 1 | Шаг поля |
@@ -451,6 +450,7 @@ FieldStepper в основном предназначен для работы с
 | readonly | `boolean` | - | Является ли поле доступным только для чтения |
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | min | `number` | Number.NEGATIVE_INFINITY | Минимальное значение поля |
 | max | `number` | Number.POSITIVE_INFINITY | Максимальное значение поля |
 | className | `string` | - | CSS-класс |
@@ -470,7 +470,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
@@ -482,7 +481,7 @@ FieldStepper в основном предназначен для работы с
 | type | "text" \| "tel" \| "email" | text |  |
 | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
 | value | `string` | - | Значение input |
-| inputMode | enum InputMode: `"text"`, `"search"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
+| inputMode | enum InputMode: `"none"`, `"text"`, `"search"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
 | disabled | `boolean` | - | Является ли поле деактивированным |
@@ -490,6 +489,7 @@ FieldStepper в основном предназначен для работы с
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
 | placeholder | `string` | - | Значение плейсхолдера |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | maxLength | `number` | - | Максимальная длина вводимого значения |
 | autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
 | spellCheck | `boolean` | true | Значение атрибута spellcheck (проверка орфографии) |
@@ -532,7 +532,7 @@ FieldStepper в основном предназначен для работы с
 | placeholder | `string` | - | Плейсхолдер |
 | autoFocus | `boolean` | - | Включен ли авто-фокус |
 | maxLength | `number` | - | Максимальное кол-во символов |
-| inputMode | enum InputMode: `"text"`, `"search"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
+| inputMode | enum InputMode: `"none"`, `"text"`, `"search"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
 | spellCheck | `boolean` | true | Включение проверки орфографии |
 | onKeyDown | `KeyboardEventHandler<HTMLTextAreaElement>` | - | Колбек нажатия клавиши клавиатуры |
 | className | `string` | - | CSS-класс |
@@ -552,7 +552,6 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| autoFocus* | `unknown` | - |  |
 | open | `boolean` | - | Открыт time-picker |
 | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
 | value | `TimeValue` | - | Значение поля |
@@ -567,6 +566,7 @@ FieldStepper в основном предназначен для работы с
 | readonly | `boolean` | - | Является ли поле доступным только для чтения |
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
+| autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
 | className | `string` | - | CSS-класс |
 | label | `string` | - | Лейбл |
 | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |

package/dist/cjs/components/FieldStepper/FieldStepper.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.FieldStepper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
+const decimal_js_1 = __importDefault(require("decimal.js"));
 const merge_refs_1 = __importDefault(require("merge-refs"));
 const react_1 = require("react");
 const button_1 = require("@snack-uikit/button");
@@ -145,12 +146,14 @@ exports.FieldStepper = (0, react_1.forwardRef)((_a, ref) => {
   const handleMinusButtonClick = e => {
     e.preventDefault();
     e.stopPropagation();
-    setValue(Math.min(Math.max(min, value - step), max));
+    const newValue = new decimal_js_1.default(value).minus(step).toNumber();
+    setValue(Math.min(Math.max(min, newValue), max));
   };
   const handlePlusButtonClick = e => {
     e.preventDefault();
     e.stopPropagation();
-    setValue(Math.max(Math.min(max, value + step), min));
+    const newValue = new decimal_js_1.default(value).plus(step).toNumber();
+    setValue(Math.max(Math.min(max, newValue), min));
   };
   const handleMinusButtonKeyDown = () => {
     if (readonly || disabled) {

package/dist/esm/components/FieldStepper/FieldStepper.js

@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
+import Decimal from 'decimal.js';
 import mergeRefs from 'merge-refs';
 import { forwardRef, useEffect, useRef, useState, } from 'react';
 import { ButtonFunction } from '@snack-uikit/button';
@@ -96,12 +97,14 @@ export const FieldStepper = forwardRef((_a, ref) => {
     const handleMinusButtonClick = (e) => {
         e.preventDefault();
         e.stopPropagation();
-        setValue(Math.min(Math.max(min, value - step), max));
+        const newValue = new Decimal(value).minus(step).toNumber();
+        setValue(Math.min(Math.max(min, newValue), max));
     };
     const handlePlusButtonClick = (e) => {
         e.preventDefault();
         e.stopPropagation();
-        setValue(Math.max(Math.min(max, value + step), min));
+        const newValue = new Decimal(value).plus(step).toNumber();
+        setValue(Math.max(Math.min(max, newValue), min));
     };
     const handleMinusButtonKeyDown = () => {
         if (readonly || disabled) {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.51.4",
+  "version": "0.51.5",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -53,6 +53,7 @@
     "@snack-uikit/utils": "4.0.0",
     "classnames": "2.5.1",
     "copy-to-clipboard": "3.3.3",
+    "decimal.js": "10.6.0",
     "fuzzy-search": "3.2.1",
     "merge-refs": "1.3.0",
     "react-textarea-autosize": "8.5.3",
@@ -65,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "259f7bba7e5f94b39497fb5857e6b5042273bac6"
+  "gitHead": "947af41accb00c4fee550db954f1e0bb637fd1ba"
 }

package/src/components/FieldStepper/FieldStepper.tsx

@@ -1,4 +1,5 @@
 import cn from 'classnames';
+import Decimal from 'decimal.js';
 import mergeRefs from 'merge-refs';
 import {
   ChangeEvent,
@@ -193,13 +194,15 @@ export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
     const handleMinusButtonClick = (e: MouseEvent) => {
       e.preventDefault();
       e.stopPropagation();
-      setValue(Math.min(Math.max(min, value - step), max));
+      const newValue = new Decimal(value).minus(step).toNumber();
+      setValue(Math.min(Math.max(min, newValue), max));
     };
 
     const handlePlusButtonClick = (e: MouseEvent) => {
       e.preventDefault();
       e.stopPropagation();
-      setValue(Math.max(Math.min(max, value + step), min));
+      const newValue = new Decimal(value).plus(step).toNumber();
+      setValue(Math.max(Math.min(max, newValue), min));
     };
 
     const handleMinusButtonKeyDown: KeyboardEventHandler<HTMLInputElement> = () => {