@snack-uikit/fields 0.42.0 → 0.42.2-preview-b28bfeb6.0

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.42.1 (2025-05-06)
+
+
+### Bug Fixes
+
+* **PDS-2180:** added float support for slider field ([2c2986b](https://github.com/cloud-ru-tech/snack-uikit/commit/2c2986b1ac81034feb1cd38a7d9ea98188354007))
+
+
+
+
+
 # 0.42.0 (2025-04-23)
 
 

package/dist/cjs/components/FieldSelect/FieldSelectMultiple.js

@@ -109,11 +109,6 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
     postfix,
     disabled
   });
-  (0, react_1.useEffect)(() => {
-    if (options.length === 0 && value && value.length > 0) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
   (0, utils_1.useLayoutEffect)(() => {
     setItems(_ref => {
       let {

package/dist/cjs/components/FieldSelect/FieldSelectSingle.js

@@ -107,11 +107,6 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
     postfix,
     disabled
   });
-  (0, react_1.useEffect)(() => {
-    if (options.length < 1 && Boolean(value)) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
   (0, utils_1.useLayoutEffect)(() => {
     setItems(_ref => {
       let {
@@ -157,7 +152,7 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
   } = (0, hooks_2.useButtons)({
     readonly,
     size,
-    showClearButton: showClearButton && !disabled && !readonly && value !== undefined,
+    showClearButton: showClearButton && !disabled && !readonly && value !== undefined && selectedItem !== undefined,
     showCopyButton,
     inputRef: localRef,
     onClear,

package/dist/cjs/components/FieldSlider/FieldSlider.js

@@ -94,7 +94,7 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
   }, [marks]);
   const hasMarksEqualToValues = (0, react_1.useMemo)(() => Object.keys(marks).every(key => key === getMarkValue(key)), [getMarkValue, marks]);
   const onTextFieldChange = textFieldValue => {
-    const numValue = parseInt(textFieldValue);
+    const numValue = parseFloat(textFieldValue);
     if (textFieldValue && Number.isNaN(numValue)) {
       return;
     }
@@ -107,15 +107,15 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
     };
     const allowedValues = Object.keys(marks).map(key => ({
       key,
-      value: parseInt(String(getMarkValue(key)))
+      value: parseFloat(String(getMarkValue(key)))
     }));
     const suitableEntry = allowedValues.find(entry => entry.value === textFieldNumValue);
     if (suitableEntry) {
       handleChange(suitableEntry.key);
       return;
     }
-    const actualMin = parseInt(String(getMarkValue(min)));
-    const actualMax = parseInt(String(getMarkValue(max)));
+    const actualMin = parseFloat(String(getMarkValue(min)));
+    const actualMax = parseFloat(String(getMarkValue(max)));
     if (textFieldNumValue < actualMin) {
       handleChange(min);
       return;
@@ -169,8 +169,8 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
     if (range) {
       return;
     }
-    const parsedValue = parseInt(textFieldInputValue);
-    const actualMinByMark = parseInt(String(getMarkValue(min)));
+    const parsedValue = parseFloat(textFieldInputValue);
+    const actualMinByMark = parseFloat(String(getMarkValue(min)));
     const actualMin = Number.isNaN(actualMinByMark) ? min : actualMinByMark;
     const textFieldNumValue = textFieldInputValue ? parsedValue : actualMin;
     if (Number.isNaN(textFieldNumValue)) {

package/dist/cjs/components/FieldSlider/helpers/generateAllowedValues.js

@@ -8,7 +8,7 @@ const generateAllowedValues = (min, max, step) => {
   const values = [];
   let current = min;
   while (current <= max) {
-    values.push(current);
+    values.push(parseFloat(current.toFixed(10)));
     current += step;
   }
   return values;

package/dist/esm/components/FieldSelect/FieldSelectMultiple.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { forwardRef, useEffect, useRef, useState } from 'react';
+import { forwardRef, useRef, useState } from 'react';
 import { InputPrivate } from '@snack-uikit/input-private';
 import { Droplist } from '@snack-uikit/list';
 import { Tag } from '@snack-uikit/tag';
@@ -47,11 +47,6 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
         resetSearchOnOptionSelection }));
     const prefixSettings = usePrefix({ prefix, disabled });
     const postfixSettings = usePostfix({ postfix, disabled });
-    useEffect(() => {
-        if (options.length === 0 && value && value.length > 0) {
-            setValue(undefined);
-        }
-    }, [options.length, setValue, value]);
     useLayoutEffect(() => {
         setItems(({ selectedItems }) => updateMultipleItems({ options, value, selectedItems }));
     }, [options, value]);

package/dist/esm/components/FieldSelect/FieldSelectSingle.js

@@ -43,11 +43,6 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const prevSelectedItem = useRef(selectedItem);
     const prefixSettings = usePrefix({ prefix, disabled });
     const postfixSettings = usePostfix({ postfix, disabled });
-    useEffect(() => {
-        if (options.length < 1 && Boolean(value)) {
-            setValue(undefined);
-        }
-    }, [options.length, setValue, value]);
     useLayoutEffect(() => {
         setItems(({ selectedItem }) => updateItems({ options, value, selectedItem }));
     }, [options, value]);
@@ -75,7 +70,7 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const { postfixButtons, inputKeyDownNavigationHandler, buttonsRefs } = useButtons({
         readonly,
         size,
-        showClearButton: showClearButton && !disabled && !readonly && value !== undefined,
+        showClearButton: showClearButton && !disabled && !readonly && value !== undefined && selectedItem !== undefined,
         showCopyButton,
         inputRef: localRef,
         onClear,

package/dist/esm/components/FieldSlider/FieldSlider.js

@@ -50,7 +50,7 @@ export const FieldSlider = forwardRef((_a, ref) => {
     }, [marks]);
     const hasMarksEqualToValues = useMemo(() => Object.keys(marks).every(key => key === getMarkValue(key)), [getMarkValue, marks]);
     const onTextFieldChange = (textFieldValue) => {
-        const numValue = parseInt(textFieldValue);
+        const numValue = parseFloat(textFieldValue);
         if (textFieldValue && Number.isNaN(numValue)) {
             return;
         }
@@ -63,15 +63,15 @@ export const FieldSlider = forwardRef((_a, ref) => {
         };
         const allowedValues = Object.keys(marks).map(key => ({
             key,
-            value: parseInt(String(getMarkValue(key))),
+            value: parseFloat(String(getMarkValue(key))),
         }));
         const suitableEntry = allowedValues.find(entry => entry.value === textFieldNumValue);
         if (suitableEntry) {
             handleChange(suitableEntry.key);
             return;
         }
-        const actualMin = parseInt(String(getMarkValue(min)));
-        const actualMax = parseInt(String(getMarkValue(max)));
+        const actualMin = parseFloat(String(getMarkValue(min)));
+        const actualMax = parseFloat(String(getMarkValue(max)));
         if (textFieldNumValue < actualMin) {
             handleChange(min);
             return;
@@ -119,8 +119,8 @@ export const FieldSlider = forwardRef((_a, ref) => {
         if (range) {
             return;
         }
-        const parsedValue = parseInt(textFieldInputValue);
-        const actualMinByMark = parseInt(String(getMarkValue(min)));
+        const parsedValue = parseFloat(textFieldInputValue);
+        const actualMinByMark = parseFloat(String(getMarkValue(min)));
         const actualMin = Number.isNaN(actualMinByMark) ? min : actualMinByMark;
         const textFieldNumValue = textFieldInputValue ? parsedValue : actualMin;
         if (Number.isNaN(textFieldNumValue)) {

package/dist/esm/components/FieldSlider/helpers/generateAllowedValues.js

@@ -2,7 +2,7 @@ export const generateAllowedValues = (min, max, step) => {
     const values = [];
     let current = min;
     while (current <= max) {
-        values.push(current);
+        values.push(parseFloat(current.toFixed(10)));
         current += step;
     }
     return values;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.42.0",
+  "version": "0.42.2-preview-b28bfeb6.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -65,5 +65,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "9786e3a2d1ef58fd4b1002d4bc69a61a70113acf"
+  "gitHead": "ba980d62f5d8c0dc023391184812ff742f69281f"
 }

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { FocusEvent, forwardRef, KeyboardEvent, KeyboardEventHandler, useEffect, useRef, useState } from 'react';
+import { FocusEvent, forwardRef, KeyboardEvent, KeyboardEventHandler, useRef, useState } from 'react';
 
 import { InputPrivate } from '@snack-uikit/input-private';
 import { BaseItemProps, Droplist, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
@@ -82,12 +82,6 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
   const prefixSettings = usePrefix({ prefix, disabled });
   const postfixSettings = usePostfix({ postfix, disabled });
 
-  useEffect(() => {
-    if (options.length === 0 && value && value.length > 0) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
-
   useLayoutEffect(() => {
     setItems(({ selectedItems }) => updateMultipleItems({ options, value, selectedItems }));
   }, [options, value]);

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -88,12 +88,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
   const prefixSettings = usePrefix({ prefix, disabled });
   const postfixSettings = usePostfix({ postfix, disabled });
 
-  useEffect(() => {
-    if (options.length < 1 && Boolean(value)) {
-      setValue(undefined);
-    }
-  }, [options.length, setValue, value]);
-
   useLayoutEffect(() => {
     setItems(({ selectedItem }) => updateItems({ options, value, selectedItem }));
   }, [options, value]);
@@ -128,7 +122,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
   const { postfixButtons, inputKeyDownNavigationHandler, buttonsRefs } = useButtons({
     readonly,
     size,
-    showClearButton: showClearButton && !disabled && !readonly && value !== undefined,
+    showClearButton: showClearButton && !disabled && !readonly && value !== undefined && selectedItem !== undefined,
     showCopyButton,
     inputRef: localRef,
     onClear,

package/src/components/FieldSlider/FieldSlider.tsx

@@ -143,7 +143,7 @@ export const FieldSlider = forwardRef<HTMLInputElement, FieldSliderProps>(
     );
 
     const onTextFieldChange = (textFieldValue: string) => {
-      const numValue = parseInt(textFieldValue);
+      const numValue = parseFloat(textFieldValue);
 
       if (textFieldValue && Number.isNaN(numValue)) {
         return;
@@ -160,7 +160,7 @@ export const FieldSlider = forwardRef<HTMLInputElement, FieldSliderProps>(
 
       const allowedValues = Object.keys(marks).map(key => ({
         key,
-        value: parseInt(String(getMarkValue(key))),
+        value: parseFloat(String(getMarkValue(key))),
       }));
       const suitableEntry = allowedValues.find(entry => entry.value === textFieldNumValue);
 
@@ -169,8 +169,8 @@ export const FieldSlider = forwardRef<HTMLInputElement, FieldSliderProps>(
         return;
       }
 
-      const actualMin = parseInt(String(getMarkValue(min)));
-      const actualMax = parseInt(String(getMarkValue(max)));
+      const actualMin = parseFloat(String(getMarkValue(min)));
+      const actualMax = parseFloat(String(getMarkValue(max)));
 
       if (textFieldNumValue < actualMin) {
         handleChange(min);
@@ -230,8 +230,8 @@ export const FieldSlider = forwardRef<HTMLInputElement, FieldSliderProps>(
         return;
       }
 
-      const parsedValue = parseInt(textFieldInputValue);
-      const actualMinByMark = parseInt(String(getMarkValue(min)));
+      const parsedValue = parseFloat(textFieldInputValue);
+      const actualMinByMark = parseFloat(String(getMarkValue(min)));
       const actualMin = Number.isNaN(actualMinByMark) ? min : actualMinByMark;
 
       const textFieldNumValue = textFieldInputValue ? parsedValue : actualMin;

package/src/components/FieldSlider/helpers/generateAllowedValues.ts

@@ -4,7 +4,7 @@ export const generateAllowedValues = (min: number, max: number, step: number): n
   let current = min;
 
   while (current <= max) {
-    values.push(current);
+    values.push(parseFloat(current.toFixed(10)));
     current += step;
   }