@snack-uikit/fields 0.17.7 → 0.17.9

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.17.9 (2024-03-19)
+
+
+### Bug Fixes
+
+* **FF-0000:** tag deletion cross click handling ([eed7b9b](https://github.com/cloud-ru-tech/snack-uikit/commit/eed7b9b9afab3b77a60ecca3d742d02cdc8c81f3))
+
+
+
+
+
+## 0.17.8 (2024-03-12)
+
+
+### Bug Fixes
+
+* **FF-4497:** minus button is no longer clickable if value grater than min ([8446173](https://github.com/cloud-ru-tech/snack-uikit/commit/8446173bed6224d307821807e86b737bbb0b409a))
+
+
+
+
+
 ## 0.17.7 (2024-03-11)
 
 ### Only dependencies have been changed

package/dist/components/FieldSelect/hooks.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, KeyboardEventHandler, RefObject } from 'react';
+import { KeyboardEvent, KeyboardEventHandler, MouseEvent, RefObject } from 'react';
 import { Handler } from 'uncontrollable';
 import { ItemWithId, SearchState } from './types';
 type UseHandleOnKeyDownProps = {
@@ -26,5 +26,5 @@ export declare function useSearchInput({ value, onChange, defaultValue }: Search
     onInputValueChange: Handler;
     prevInputValue: import("react").MutableRefObject<string>;
 };
-export declare function useHandleDeleteItem(setValue: Handler): (item?: ItemWithId) => () => void;
+export declare function useHandleDeleteItem(setValue: Handler): (item?: ItemWithId) => (e?: MouseEvent<HTMLButtonElement>) => void;
 export {};

package/dist/components/FieldSelect/hooks.js

@@ -55,8 +55,9 @@ export function useSearchInput({ value, onChange, defaultValue }) {
     return { inputValue, onInputValueChange, prevInputValue };
 }
 export function useHandleDeleteItem(setValue) {
-    return useCallback((item) => () => {
+    return useCallback((item) => (e) => {
         var _a;
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         if (!item) {
             return;
         }

package/dist/components/FieldStepper/FieldStepper.js

@@ -38,8 +38,8 @@ export const FieldStepper = forwardRef((_a, ref) => {
     const inputRef = useRef(null);
     const minusButtonRef = useRef(null);
     const plusButtonRef = useRef(null);
-    const isMinusButtonDisabled = value === min || readonly || disabled;
-    const isPlusButtonDisabled = value === max || readonly || disabled;
+    const isMinusButtonDisabled = (typeof min === 'number' && value <= min) || readonly || disabled;
+    const isPlusButtonDisabled = (typeof max === 'number' && value >= max) || readonly || disabled;
     const adjustValue = (value) => {
         setValue(value);
         setTooltipOpen(true);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.17.7",
+  "version": "0.17.9",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -56,5 +56,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "113e80e60c1a5ce1ce6957d48d37a6181991c5fd"
+  "gitHead": "396d85d77756f5a0f877aee7d35b7f2c160a1e86"
 }

package/src/components/FieldSelect/hooks.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, KeyboardEventHandler, RefObject, useCallback, useMemo, useRef } from 'react';
+import { KeyboardEvent, KeyboardEventHandler, MouseEvent, RefObject, useCallback, useMemo, useRef } from 'react';
 import { Handler } from 'uncontrollable';
 
 import { useButtonNavigation, useClearButton } from '@snack-uikit/input-private';
@@ -108,7 +108,9 @@ export function useSearchInput({ value, onChange, defaultValue }: SearchState) {
 
 export function useHandleDeleteItem(setValue: Handler) {
   return useCallback(
-    (item?: ItemWithId) => () => {
+    (item?: ItemWithId) => (e?: MouseEvent<HTMLButtonElement>) => {
+      e?.stopPropagation();
+
       if (!item) {
         return;
       }

package/src/components/FieldStepper/FieldStepper.tsx

@@ -98,8 +98,8 @@ export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
     const inputRef = useRef<HTMLInputElement>(null);
     const minusButtonRef = useRef<HTMLButtonElement>(null);
     const plusButtonRef = useRef<HTMLButtonElement>(null);
-    const isMinusButtonDisabled = value === min || readonly || disabled;
-    const isPlusButtonDisabled = value === max || readonly || disabled;
+    const isMinusButtonDisabled = (typeof min === 'number' && value <= min) || readonly || disabled;
+    const isPlusButtonDisabled = (typeof max === 'number' && value >= max) || readonly || disabled;
 
     const adjustValue = (value: number) => {
       setValue(value);