@snack-uikit/fields 0.54.1-preview-1078c3b3.0 → 0.55.1-preview-ff470bb3.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.55.0 (2026-04-21)
+
+
+### Features
+
+* **IAM-6423:** re-export custom option hooks ([067fd9b](https://github.com/cloud-ru-tech/snack-uikit/commit/067fd9b98a0be675d3d9fe8fe3d1b1f13a6813db))
+
+
+
+
+
 # 0.54.0 (2026-04-21)
 
 

package/README.md

@@ -938,6 +938,7 @@ 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` | - | Является ли поле деактивированным |
@@ -962,8 +963,8 @@ FieldStepper в основном предназначен для работы с
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| __@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. |
+| __@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. |
 | 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

@@ -60,7 +60,7 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
       prefix,
       postfix,
       addOptionByEnter = false,
-      addCustomOptionTriggers: addCustomOptionTriggersProp,
+      addCustomOptionTriggers,
       untouchableScrollbars = false,
       open: openProp,
       onOpenChange,
@@ -178,7 +178,7 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
     resolvedAddCustomOptionTriggers,
     tryCommitCustomOptionFromInput
   } = (0, hooks_2.useFieldSelectSingleCustomOption)({
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addCustomOptionTriggers,
     addOptionByEnter,
     inputValue,
     handleSelectionChange

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

@@ -24,9 +24,29 @@ 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 & FieldTimeOwnProps & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
+} & 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>>;
 export {};

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

@@ -78,9 +78,10 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
       validationState = constants_1.VALIDATION_STATE.Default,
       error,
       onCopyButtonClick,
-      autoFocus
+      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"]);
+    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"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
@@ -264,7 +265,8 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
         onFocusLeave: handleCalendarFocusLeave,
         "data-test-id": 'field-time__timepicker',
         fitToContainer: false,
-        showSeconds: showSeconds
+        showSeconds: showSeconds,
+        footerMode: footerMode
       }),
       children: (0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, {
         className: styles_module_scss_1.default.container,

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

@@ -29,7 +29,7 @@ const defaultSelectedOptionFormatter = item =>
 // @ts-expect-error
 (item === null || item === void 0 ? void 0 : item.content.option) || '';
 export const FieldSelectSingle = forwardRef((props, ref) => {
-    const { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showCopyButton = true, showClearButton = true, onKeyDown: onInputKeyDownProp, required = false, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, addOptionByEnter = false, addCustomOptionTriggers: addCustomOptionTriggersProp, untouchableScrollbars = false, open: openProp, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onCopyButtonClick, autoFocus } = props, rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "addOptionByEnter", "addCustomOptionTriggers", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "resetSearchOnOptionSelection", "onCopyButtonClick", "autoFocus"]);
+    const { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showCopyButton = true, showClearButton = true, onKeyDown: onInputKeyDownProp, required = false, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, addOptionByEnter = false, addCustomOptionTriggers, untouchableScrollbars = false, open: openProp, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onCopyButtonClick, autoFocus } = props, rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "addOptionByEnter", "addCustomOptionTriggers", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "resetSearchOnOptionSelection", "onCopyButtonClick", "autoFocus"]);
     const localRef = useRef(null);
     const [open = false, setOpen] = useValueControl({ value: openProp, onChange: onOpenChange });
     const [value, setValue] = useValueControl({
@@ -91,7 +91,7 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
         }
     }, [setOpen, setValue]);
     const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectSingleCustomOption({
-        addCustomOptionTriggers: addCustomOptionTriggersProp,
+        addCustomOptionTriggers,
         addOptionByEnter,
         inputValue,
         handleSelectionChange,

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

@@ -24,9 +24,29 @@ 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 & FieldTimeOwnProps & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
+} & 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>>;
 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 } = _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"]);
+    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"]);
     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 }), 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, 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' }) }) })) })));
 });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.54.1-preview-1078c3b3.0",
+  "version": "0.55.1-preview-ff470bb3.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,13 +37,13 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.17",
-    "@snack-uikit/calendar": "0.13.19-preview-1078c3b3.0",
+    "@snack-uikit/calendar": "0.13.20-preview-ff470bb3.0",
     "@snack-uikit/color-picker": "0.3.55",
     "@snack-uikit/divider": "3.2.11",
     "@snack-uikit/dropdown": "0.5.5",
     "@snack-uikit/icons": "0.27.7",
     "@snack-uikit/input-private": "4.8.8",
-    "@snack-uikit/list": "0.32.18-preview-1078c3b3.0",
+    "@snack-uikit/list": "0.33.0",
     "@snack-uikit/scroll": "0.10.8",
     "@snack-uikit/skeleton": "0.6.10",
     "@snack-uikit/slider": "0.3.36",
@@ -66,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "6f8ddf7c32ffb97788c0a36d8e897594d4ac7370"
+  "gitHead": "9cb3640f627845ea5054cf3a16998c30419f1691"
 }

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -60,7 +60,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     prefix,
     postfix,
     addOptionByEnter = false,
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addCustomOptionTriggers,
     untouchableScrollbars = false,
     open: openProp,
     onOpenChange,
@@ -157,7 +157,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
   );
 
   const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectSingleCustomOption({
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addCustomOptionTriggers,
     addOptionByEnter,
     inputValue,
     handleSelectionChange,

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,6 +114,7 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
       error,
       onCopyButtonClick,
       autoFocus,
+      footerMode,
       ...rest
     },
     ref,
@@ -313,6 +314,7 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
               data-test-id='field-time__timepicker'
               fitToContainer={false}
               showSeconds={showSeconds}
+              footerMode={footerMode}
             />
           }
         >