@snack-uikit/fields 0.17.10 → 0.17.11

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.17.11 (2024-03-21)
+
+
+### Bug Fixes
+
+* **FF-0000:** field stepper step buttons ([cdb4f9f](https://github.com/cloud-ru-tech/snack-uikit/commit/cdb4f9ff0c9d315d69afe05ff893c121bec7e821))
+
+
+
+
+
 ## 0.17.10 (2024-03-19)
 
 ### Only dependencies have been changed

package/README.md

@@ -365,8 +365,8 @@ const [isOpen, setIsOpen] = useState(false);
 | name | `string` | - | Значение html-атрибута name |
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
-| min | `number` | - | Минимальное значение поля |
-| max | `number` | - | Максимальное значение поля |
+| min | `number` | Number.NEGATIVE_INFINITY | Минимальное значение поля |
+| max | `number` | Number.POSITIVE_INFINITY | Максимальное значение поля |
 | error | `string` | - |  |
 | className | `string` | - | CSS-класс |
 | label | `string` | - | Лейбл |

package/dist/components/FieldStepper/FieldStepper.js

@@ -24,12 +24,21 @@ import { useValueControl } from '../../hooks';
 import { FieldDecorator } from '../FieldDecorator';
 import styles from './styles.module.css';
 const TOOLTIP_TIMEOUT = 2000;
+const getDefaultValue = (min, max) => {
+    if (min > 0) {
+        return min;
+    }
+    if (max < 0) {
+        return max;
+    }
+    return 0;
+};
 export const FieldStepper = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, min, max, step = 1, disabled = false, readonly = false, allowMoreThanLimits = true, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error } = _a, rest = __rest(_a, ["id", "name", "value", "min", "max", "step", "disabled", "readonly", "allowMoreThanLimits", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "hint", "showHintIcon", "size", "validationState", "error"]);
+    var { id, name, value: valueProp, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, step = 1, disabled = false, readonly = false, allowMoreThanLimits = true, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error } = _a, rest = __rest(_a, ["id", "name", "value", "min", "max", "step", "disabled", "readonly", "allowMoreThanLimits", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "hint", "showHintIcon", "size", "validationState", "error"]);
     const { t } = useLocale('Fields');
     const [value = 0, setValue] = useValueControl({
         value: valueProp,
-        defaultValue: 0,
+        defaultValue: getDefaultValue(min, max),
         onChange: onChangeProp,
     });
     const [tooltipOpen, setTooltipOpen] = useState(false);
@@ -86,12 +95,12 @@ export const FieldStepper = forwardRef((_a, ref) => {
     const handleMinusButtonClick = (e) => {
         e.preventDefault();
         e.stopPropagation();
-        setValue(min !== undefined ? Math.max(min, value - step) : value - step);
+        setValue(Math.min(Math.max(min, value - step), max));
     };
     const handlePlusButtonClick = (e) => {
         e.preventDefault();
         e.stopPropagation();
-        setValue(max !== undefined ? Math.min(max, value + step) : value + step);
+        setValue(Math.max(Math.min(max, value + step), min));
     };
     const handleMinusButtonKeyDown = event => {
         var _a;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.17.10",
+  "version": "0.17.11",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -56,5 +56,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "886b294a5276c22c27fe63aaf6f71b0ab3f5e63f"
+  "gitHead": "e6879c2667509b3e11bf66ce025ac3e687828898"
 }

package/src/components/FieldStepper/FieldStepper.tsx

@@ -57,14 +57,26 @@ export type FieldStepperProps = WithSupportProps<FieldStepperOwnProps & InputPro
 
 const TOOLTIP_TIMEOUT = 2000;
 
+const getDefaultValue = (min: number, max: number) => {
+  if (min > 0) {
+    return min;
+  }
+
+  if (max < 0) {
+    return max;
+  }
+
+  return 0;
+};
+
 export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
   (
     {
       id,
       name,
       value: valueProp,
-      min,
-      max,
+      min = Number.NEGATIVE_INFINITY,
+      max = Number.POSITIVE_INFINITY,
       step = 1,
       disabled = false,
       readonly = false,
@@ -89,7 +101,7 @@ export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
     const { t } = useLocale('Fields');
     const [value = 0, setValue] = useValueControl<number>({
       value: valueProp,
-      defaultValue: 0,
+      defaultValue: getDefaultValue(min, max),
       onChange: onChangeProp,
     });
     const [tooltipOpen, setTooltipOpen] = useState(false);
@@ -161,13 +173,13 @@ export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
     const handleMinusButtonClick = (e: MouseEvent) => {
       e.preventDefault();
       e.stopPropagation();
-      setValue(min !== undefined ? Math.max(min, value - step) : value - step);
+      setValue(Math.min(Math.max(min, value - step), max));
     };
 
     const handlePlusButtonClick = (e: MouseEvent) => {
       e.preventDefault();
       e.stopPropagation();
-      setValue(max !== undefined ? Math.min(max, value + step) : value + step);
+      setValue(Math.max(Math.min(max, value + step), min));
     };
 
     const handleMinusButtonKeyDown: KeyboardEventHandler<HTMLInputElement> = event => {