@cloud-ru/ds-fields 2.3.3 → 2.4.1

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 2.4.1 (2026-09-30)
+
+**Note:** Version bump only for package @ds/fields
+
+# 2.4.0 (2026-09-30)
+
+### Features
+
+- **FF-8984:** add footerMode prop ([66fa2ce](https://github.com/cloud-ru-tech/snack-v2/commit/66fa2cefc77b12ebca3da54680fa5f3cb93cfff6))
+
 ## 2.3.3 (2026-09-29)
 
 **Note:** Version bump only for package @ds/fields

package/README.md

@@ -855,6 +855,7 @@ export function TimeBasic() {
 | `disabled` | `boolean` | — | Поле выключено <br/> Отключено |
 | `error` | `string` | — | Ошибка (приоритетнее `hint`; форсит `validationState=error`) |
 | `fieldClassName` | `string` | — | CSS-класс оболочки поля |
+| `footerMode` | `"apply-only"` \| `"current-time-and-apply"` | — | Режим футера. По умолчанию — current-time-and-apply |
 | `hint` | `string` | — | Подсказка |
 | `id` | `string` | — | HTML id |
 | `innerRef` | `Ref<HTMLDivElement>` | — | Ref на корневой DOM-элемент |

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

@@ -1,4 +1,4 @@
-import { TimeValue } from '@cloud-ru/ds-calendar';
+import { TimePickerFooterMode, TimeValue } from '@cloud-ru/ds-calendar';
 import { FieldDecoratorProps } from '@cloud-ru/ds-field-decorator';
 import { FocusEvent } from 'react';
 import { FieldLayoutPresets } from '../../hooks';
@@ -25,6 +25,8 @@ type FieldTimeOwnProps = {
      * @default true
      */
     showSeconds?: boolean;
+    /** Режим футера. По умолчанию — current-time-and-apply */
+    footerMode?: TimePickerFooterMode;
     /**
      * Закрыть picker после Apply.
      * @default true

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

@@ -20,7 +20,7 @@ const shared_1 = require("../shared");
 const styles_module_scss_1 = __importDefault(require('../shared/styles.module.css'));
 const mask_1 = require("./mask");
 const styles_module_scss_2 = __importDefault(require('./styles.module.css'));
-exports.FieldTime = (0, react_1.forwardRef)(function FieldTime({ label = '', labelTooltip, caption, hint, error, validationState = field_decorator_1.VALIDATION_STATE.Default, showHintIcon, length, required, size = field_decorator_1.SIZE.M, className, fieldClassName, background = true, value: valueProp, defaultValue, onChange, open: openProp, onOpenChange, showSeconds = true, closeOnApply = true, showClearButton: showClearButtonProp = true, onClearButtonClick, showCopyButton: showCopyButtonProp = true, onCopyButtonClick, disabled, readonly: readOnly, autoFocus, layoutPresets, id, name, placeholder, onFocus: onFocusProp, onBlur: onBlurProp, 'data-test-id': dataTestId = constants_1.TEST_IDS.fieldTime, ...rest }, ref) {
+exports.FieldTime = (0, react_1.forwardRef)(function FieldTime({ label = '', labelTooltip, caption, hint, error, validationState = field_decorator_1.VALIDATION_STATE.Default, showHintIcon, length, required, size = field_decorator_1.SIZE.M, className, fieldClassName, background = true, value: valueProp, defaultValue, onChange, open: openProp, onOpenChange, showSeconds = true, footerMode, closeOnApply = true, showClearButton: showClearButtonProp = true, onClearButtonClick, showCopyButton: showCopyButtonProp = true, onCopyButtonClick, disabled, readonly: readOnly, autoFocus, layoutPresets, id, name, placeholder, onFocus: onFocusProp, onBlur: onBlurProp, 'data-test-id': dataTestId = constants_1.TEST_IDS.fieldTime, ...rest }, ref) {
     const localRef = (0, react_1.useRef)(null);
     const clearButtonRef = (0, react_1.useRef)(null);
     const copyButtonRef = (0, react_1.useRef)(null);
@@ -160,7 +160,7 @@ exports.FieldTime = (0, react_1.forwardRef)(function FieldTime({ label = '', lab
         // Явный data-test-id на дропдауне → детерминированный id портального контента:
         // `getTestIdBuilder` строит `content-${id}`, так контент адресуем для open-picker-снимка
         // (без него контент рисуется без data-test-id, а в @cloud-ru/ds-fields::TEST_IDS такого слота нет).
-        , { "data-test-id": `${dataTestId}__picker`, size: size, value: value, onChangeValue: emitChange, showSeconds: showSeconds, closeOnApply: closeOnApply, open: open && !disabled && !readOnly, onOpenChange: handleOpenChange, trigger: 'click', placement: 'bottom-start', navigationStartRef: navigationStartRef, onFocusLeave: () => {
+        , { "data-test-id": `${dataTestId}__picker`, size: size, value: value, onChangeValue: emitChange, showSeconds: showSeconds, footerMode: footerMode, closeOnApply: closeOnApply, open: open && !disabled && !readOnly, onOpenChange: handleOpenChange, trigger: 'click', placement: 'bottom-start', navigationStartRef: navigationStartRef, onFocusLeave: () => {
                 localRef.current?.focus();
                 handleOpenChange(false);
             }, children: trigger }) }));

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

@@ -1,4 +1,4 @@
-import { TimeValue } from '@cloud-ru/ds-calendar';
+import { TimePickerFooterMode, TimeValue } from '@cloud-ru/ds-calendar';
 import { FieldDecoratorProps } from '@cloud-ru/ds-field-decorator';
 import { FocusEvent } from 'react';
 import { FieldLayoutPresets } from '../../hooks/index.js';
@@ -25,6 +25,8 @@ type FieldTimeOwnProps = {
      * @default true
      */
     showSeconds?: boolean;
+    /** Режим футера. По умолчанию — current-time-and-apply */
+    footerMode?: TimePickerFooterMode;
     /**
      * Закрыть picker после Apply.
      * @default true

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

@@ -14,7 +14,7 @@ import { copyTextToClipboard, getAcrylicProps, toInputSize, useCopyButton } from
 import fieldStyles from '../shared/styles.module.css';
 import { parseTimeMask, timeToMaskString } from './mask.js';
 import styles from './styles.module.css';
-export const FieldTime = forwardRef(function FieldTime({ label = '', labelTooltip, caption, hint, error, validationState = VALIDATION_STATE.Default, showHintIcon, length, required, size = SIZE.M, className, fieldClassName, background = true, value: valueProp, defaultValue, onChange, open: openProp, onOpenChange, showSeconds = true, closeOnApply = true, showClearButton: showClearButtonProp = true, onClearButtonClick, showCopyButton: showCopyButtonProp = true, onCopyButtonClick, disabled, readonly: readOnly, autoFocus, layoutPresets, id, name, placeholder, onFocus: onFocusProp, onBlur: onBlurProp, 'data-test-id': dataTestId = TEST_IDS.fieldTime, ...rest }, ref) {
+export const FieldTime = forwardRef(function FieldTime({ label = '', labelTooltip, caption, hint, error, validationState = VALIDATION_STATE.Default, showHintIcon, length, required, size = SIZE.M, className, fieldClassName, background = true, value: valueProp, defaultValue, onChange, open: openProp, onOpenChange, showSeconds = true, footerMode, closeOnApply = true, showClearButton: showClearButtonProp = true, onClearButtonClick, showCopyButton: showCopyButtonProp = true, onCopyButtonClick, disabled, readonly: readOnly, autoFocus, layoutPresets, id, name, placeholder, onFocus: onFocusProp, onBlur: onBlurProp, 'data-test-id': dataTestId = TEST_IDS.fieldTime, ...rest }, ref) {
     const localRef = useRef(null);
     const clearButtonRef = useRef(null);
     const copyButtonRef = useRef(null);
@@ -154,7 +154,7 @@ export const FieldTime = forwardRef(function FieldTime({ label = '', labelToolti
         // Явный data-test-id на дропдауне → детерминированный id портального контента:
         // `getTestIdBuilder` строит `content-${id}`, так контент адресуем для open-picker-снимка
         // (без него контент рисуется без data-test-id, а в @cloud-ru/ds-fields::TEST_IDS такого слота нет).
-        , { "data-test-id": `${dataTestId}__picker`, size: size, value: value, onChangeValue: emitChange, showSeconds: showSeconds, closeOnApply: closeOnApply, open: open && !disabled && !readOnly, onOpenChange: handleOpenChange, trigger: 'click', placement: 'bottom-start', navigationStartRef: navigationStartRef, onFocusLeave: () => {
+        , { "data-test-id": `${dataTestId}__picker`, size: size, value: value, onChangeValue: emitChange, showSeconds: showSeconds, footerMode: footerMode, closeOnApply: closeOnApply, open: open && !disabled && !readOnly, onOpenChange: handleOpenChange, trigger: 'click', placement: 'bottom-start', navigationStartRef: navigationStartRef, onFocusLeave: () => {
                 localRef.current?.focus();
                 handleOpenChange(false);
             }, children: trigger }) }));