@snack-uikit/fields 0.55.1-preview-ff470bb3.0 → 0.55.1

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.55.1 (2026-05-07)
+
+
+### Bug Fixes
+
+* **UIIAAS-1866:** reset FieldSelectSingle search on clear ([027c156](https://github.com/cloud-ru-tech/snack-uikit/commit/027c15609e65a814291662dcfefaf997a09d36ca))
+
+
+
+
+
 # 0.55.0 (2026-04-21)
 
 

package/README.md

@@ -732,8 +732,8 @@ FieldStepper в основном предназначен для работы с
 | selectedOptionFormatter | `SelectedOptionFormatter` | - |  |
 | scrollToSelectedItem | `boolean` | - | Флаг, отвещающий за прокручивание до выбранного элемента |
 | virtualized | `boolean` | - | Включить виртуализацию на компоненты списка. Рекомендуется если у вас от 1к элементов списка |
-| scrollRef | `Ref<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
-| scrollContainerRef | `Ref<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
+| scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
+| scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
 | onScroll | `(event?: Event) => void` | - | Колбек на скролл прокручиваемого списка |
 | dataFiltered | `boolean` | - |  |
@@ -938,7 +938,6 @@ FieldStepper в основном предназначен для работы с
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showSeconds | `boolean` | true | Показывать ли секунды |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
-| footerMode | enum TimePickerFooterMode: `"current-and-apply"`, `"apply-only"` | current-and-apply | Режим футера: кнопка «Текущее время» и компактная «Применить», либо одна широкая «Применить» с подписью. |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
 | disabled | `boolean` | - | Является ли поле деактивированным |
@@ -963,8 +962,8 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| __@metadata@2033* | `DecoratorMetadataObject` | - |  |
-| __@hasInstance@2031* | `(value: any) => boolean` | - | Determines whether the given value inherits from this function if this function was used as a constructor function.  A constructor function can control which objects are recognized as its instances by 'instanceof' by overriding this method. |
+| __@metadata@1004* | `DecoratorMetadataObject` | - |  |
+| __@hasInstance@1002* | `(value: any) => boolean` | - | Determines whether the given value inherits from this function if this function was used as a constructor function.  A constructor function can control which objects are recognized as its instances by 'instanceof' by overriding this method. |
 | name* | `string` | - | Returns the name of the function. Function names are read-only and can not be changed. |
 | caller* | `Function` | - |  |
 | arguments* | `any` | - |  |

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

@@ -135,11 +135,12 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
   const onClear = (0, react_1.useCallback)(() => {
     var _a;
     setValue(undefined);
+    setInputValue('');
     (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     if (required) {
       setOpen(true);
     }
-  }, [required, setOpen, setValue]);
+  }, [required, setInputValue, setOpen, setValue]);
   const {
     ArrowIcon,
     arrowIconSize

package/dist/cjs/components/FieldTime/FieldTime.d.ts

@@ -24,29 +24,9 @@ type FieldTimeOwnProps = {
      * @default true
      */
     showClearButton?: boolean;
-} & Pick<TimePickerProps, 'footerMode'>;
+};
 export type FieldTimeProps = WithSupportProps<FieldTimeOwnProps & InputProps & WrapperProps>;
 export declare const FieldTime: import("react").ForwardRefExoticComponent<{
     'data-test-id'?: string;
-} & import("react").AriaAttributes & {
-    /** Открыт time-picker */
-    open?: boolean;
-    /** Колбек открытия пикера */
-    onOpenChange?(value: boolean): void;
-    /** Значение поля */
-    value?: TimePickerProps["value"];
-    /** Колбек смены значения */
-    onChange?: TimePickerProps["onChangeValue"];
-    /** Отображение кнопки копирования */
-    showCopyButton?: boolean;
-    /** Колбек клика по кнопке Копировать для поля */
-    onCopyButtonClick?(): void;
-    /** Показывать ли секунды */
-    showSeconds?: boolean;
-    /**
-     * Отображение кнопки Очистки поля
-     * @default true
-     */
-    showClearButton?: boolean;
-} & Pick<TimePickerProps, "footerMode"> & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").AriaAttributes & FieldTimeOwnProps & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/components/FieldTime/FieldTime.js

@@ -78,10 +78,9 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
       validationState = constants_1.VALIDATION_STATE.Default,
       error,
       onCopyButtonClick,
-      autoFocus,
-      footerMode
+      autoFocus
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick", "autoFocus", "footerMode"]);
+    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick", "autoFocus"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
@@ -265,8 +264,7 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
         onFocusLeave: handleCalendarFocusLeave,
         "data-test-id": 'field-time__timepicker',
         fitToContainer: false,
-        showSeconds: showSeconds,
-        footerMode: footerMode
+        showSeconds: showSeconds
       }),
       children: (0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, {
         className: styles_module_scss_1.default.container,

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

@@ -61,11 +61,12 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const onClear = useCallback(() => {
         var _a;
         setValue(undefined);
+        setInputValue('');
         (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         if (required) {
             setOpen(true);
         }
-    }, [required, setOpen, setValue]);
+    }, [required, setInputValue, setOpen, setValue]);
     const { ArrowIcon, arrowIconSize } = getArrowIcon({ size, open });
     const { postfixButtons, inputKeyDownNavigationHandler, buttonsRefs } = useButtons({
         readonly,

package/dist/esm/components/FieldTime/FieldTime.d.ts

@@ -24,29 +24,9 @@ type FieldTimeOwnProps = {
      * @default true
      */
     showClearButton?: boolean;
-} & Pick<TimePickerProps, 'footerMode'>;
+};
 export type FieldTimeProps = WithSupportProps<FieldTimeOwnProps & InputProps & WrapperProps>;
 export declare const FieldTime: import("react").ForwardRefExoticComponent<{
     'data-test-id'?: string;
-} & import("react").AriaAttributes & {
-    /** Открыт time-picker */
-    open?: boolean;
-    /** Колбек открытия пикера */
-    onOpenChange?(value: boolean): void;
-    /** Значение поля */
-    value?: TimePickerProps["value"];
-    /** Колбек смены значения */
-    onChange?: TimePickerProps["onChangeValue"];
-    /** Отображение кнопки копирования */
-    showCopyButton?: boolean;
-    /** Колбек клика по кнопке Копировать для поля */
-    onCopyButtonClick?(): void;
-    /** Показывать ли секунды */
-    showSeconds?: boolean;
-    /**
-     * Отображение кнопки Очистки поля
-     * @default true
-     */
-    showClearButton?: boolean;
-} & Pick<TimePickerProps, "footerMode"> & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").AriaAttributes & FieldTimeOwnProps & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/components/FieldTime/FieldTime.js

@@ -40,7 +40,7 @@ const getStringTimeValue = (time, { showSeconds, locale }) => {
     });
 };
 export const FieldTime = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onOpenChange, onChange, onFocus, onBlur: onBlurProp, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, showSeconds = true, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, onCopyButtonClick, autoFocus, footerMode } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick", "autoFocus", "footerMode"]);
+    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onOpenChange, onChange, onFocus, onBlur: onBlurProp, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, showSeconds = true, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, onCopyButtonClick, autoFocus } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick", "autoFocus"]);
     const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
     const localRef = useRef(null);
     const clearButtonRef = useRef(null);
@@ -157,5 +157,5 @@ export const FieldTime = forwardRef((_a, ref) => {
             : {
                 open: showDropList,
                 onOpenChange: setIsOpen,
-            }), { content: _jsx(TimePicker, { size: size, value: valueProp, onChangeValue: handleSelectTime, navigationStartRef: navigationStartRef, onFocusLeave: handleCalendarFocusLeave, "data-test-id": 'field-time__timepicker', fitToContainer: false, showSeconds: showSeconds, footerMode: footerMode }), children: _jsx(FieldContainerPrivate, { className: styles.container, size: size, validationState: fieldValidationState, disabled: disabled, readonly: readonly, variant: CONTAINER_VARIANT.SingleLine, focused: showDropList, inputRef: localRef, postfix: postfixButtons, children: _jsx(InputPrivate, { ref: mergeRefs(ref, localRef), "data-size": size, value: value || '', placeholder: mask, onChange: handleChange, onFocus: inputHandlers.onFocus, onMouseDown: inputHandlers.onMouseDown, onBlur: onBlur, onKeyDown: handleInputKeyDown, onClick: onClick, disabled: disabled, readonly: readonly, tabIndex: inputTabIndex, type: 'text', inputMode: 'numeric', id: id, name: name, autoFocus: autoFocus, "data-test-id": 'field-time__input' }) }) })) })));
+            }), { content: _jsx(TimePicker, { size: size, value: valueProp, onChangeValue: handleSelectTime, navigationStartRef: navigationStartRef, onFocusLeave: handleCalendarFocusLeave, "data-test-id": 'field-time__timepicker', fitToContainer: false, showSeconds: showSeconds }), children: _jsx(FieldContainerPrivate, { className: styles.container, size: size, validationState: fieldValidationState, disabled: disabled, readonly: readonly, variant: CONTAINER_VARIANT.SingleLine, focused: showDropList, inputRef: localRef, postfix: postfixButtons, children: _jsx(InputPrivate, { ref: mergeRefs(ref, localRef), "data-size": size, value: value || '', placeholder: mask, onChange: handleChange, onFocus: inputHandlers.onFocus, onMouseDown: inputHandlers.onMouseDown, onBlur: onBlur, onKeyDown: handleInputKeyDown, onClick: onClick, disabled: disabled, readonly: readonly, tabIndex: inputTabIndex, type: 'text', inputMode: 'numeric', id: id, name: name, autoFocus: autoFocus, "data-test-id": 'field-time__input' }) }) })) })));
 });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.55.1-preview-ff470bb3.0",
+  "version": "0.55.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,7 +37,7 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.17",
-    "@snack-uikit/calendar": "0.13.20-preview-ff470bb3.0",
+    "@snack-uikit/calendar": "0.13.19",
     "@snack-uikit/color-picker": "0.3.55",
     "@snack-uikit/divider": "3.2.11",
     "@snack-uikit/dropdown": "0.5.5",
@@ -66,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "9cb3640f627845ea5054cf3a16998c30419f1691"
+  "gitHead": "c1765c936f2bfa4730155604d8b6de68fbea9f19"
 }

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -119,11 +119,12 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
 
   const onClear = useCallback(() => {
     setValue(undefined);
+    setInputValue('');
     localRef.current?.focus();
     if (required) {
       setOpen(true);
     }
-  }, [required, setOpen, setValue]);
+  }, [required, setInputValue, setOpen, setValue]);
 
   const { ArrowIcon, arrowIconSize } = getArrowIcon({ size, open });
 

package/src/components/FieldTime/FieldTime.tsx

@@ -61,7 +61,7 @@ type FieldTimeOwnProps = {
    * @default true
    */
   showClearButton?: boolean;
-} & Pick<TimePickerProps, 'footerMode'>;
+};
 
 export type FieldTimeProps = WithSupportProps<FieldTimeOwnProps & InputProps & WrapperProps>;
 
@@ -114,7 +114,6 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
       error,
       onCopyButtonClick,
       autoFocus,
-      footerMode,
       ...rest
     },
     ref,
@@ -314,7 +313,6 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
               data-test-id='field-time__timepicker'
               fitToContainer={false}
               showSeconds={showSeconds}
-              footerMode={footerMode}
             />
           }
         >