@snack-uikit/fields 0.32.2 → 0.32.4-preview-481a0237.0

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.
 
+## 0.32.3 (2024-11-08)
+
+### Only dependencies have been changed
+* [@snack-uikit/calendar@0.11.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/calendar/CHANGELOG.md)
+* [@snack-uikit/list@0.21.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+
+
+
+
+
 ## 0.32.2 (2024-11-08)
 
 ### Only dependencies have been changed

package/README.md

@@ -198,6 +198,7 @@ FieldStepper в основном предназначен для работы с
 | open | `boolean` | - | Открыт color-picker |
 | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
 | value | `string` | - | Значение input |
 | onChange | `(value: string) => void` | - |  |
@@ -234,6 +235,7 @@ FieldStepper в основном предназначен для работы с
 | value | `Date` | - | Значение поля |
 | onChange | `(value: Date) => void` | - | Колбек смены значения |
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
 | buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean } ;` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br>  - `month` отображение месяца, каждая ячейка - 1 день <br>  - `year` отображение года, каждая ячейка - 1 месяц <br>  - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
 | id | `string` | - | Значение html-атрибута id |
@@ -283,6 +285,7 @@ FieldStepper в основном предназначен для работы с
 | hidden | `boolean` | - | Замаскированно ли значение поля |
 | onHiddenChange | `(value: boolean) => void` | - | Колбек смены маскирования |
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
 | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
 | asyncValueGetter | `() => Promise<string>` | - | Свойство позволяет грузить данные в поле по требованию |
@@ -344,6 +347,7 @@ FieldStepper в основном предназначен для работы с
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
 | open | `boolean` | - |  |
 | onOpenChange | `(open: boolean) => void` | - |  |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
 | widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | - |  |
 | pinTop | `OptionProps[]` | - |  |
@@ -437,6 +441,7 @@ FieldStepper в основном предназначен для работы с
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
 | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
 | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
@@ -476,6 +481,7 @@ FieldStepper в основном предназначен для работы с
 | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
 | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
 | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
 | allowMoreThanMaxLength | `boolean` | true | Можно ли вводить больше разрешённого кол-ва символов |
 | value | `string` | - | HTML-аттрибут value |
@@ -509,6 +515,7 @@ FieldStepper в основном предназначен для работы с
 | value | `TimeValue` | - | Значение поля |
 | onChange | `(value?: TimeValue) => void` | - | Колбек смены значения |
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
+| onClickCopy | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showSeconds | `boolean` | true | Показывать ли секунды |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
 | id | `string` | - | Значение html-атрибута id |

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

@@ -11,6 +11,8 @@ type FieldDateOwnProps = {
     onOpenChange?(value: boolean): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки Очистки поля
      * @default true
@@ -29,6 +31,8 @@ export declare const FieldColor: import("react").ForwardRefExoticComponent<{
     onOpenChange?(value: boolean): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки Очистки поля
      * @default true

package/dist/cjs/components/FieldColor/FieldColor.js

@@ -58,9 +58,10 @@ exports.FieldColor = (0, react_1.forwardRef)((_a, ref) => {
       autoApply,
       placeholder,
       onFocus,
-      onBlur
+      onBlur,
+      onClickCopy
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur"]);
+    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur", "onClickCopy"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const showDropList = isOpen && !readonly && !disabled;
@@ -94,7 +95,8 @@ exports.FieldColor = (0, react_1.forwardRef)((_a, ref) => {
     copyButtonRef,
     showCopyButton,
     size,
-    valueToCopy: value
+    valueToCopy: value,
+    onClickCopy
   });
   const {
     postfixButtons,

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

@@ -21,6 +21,8 @@ type FieldDateOwnProps = {
     onChange?(value: Date | undefined): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки Очистки поля
      * @default true

package/dist/cjs/components/FieldDate/FieldDate.js

@@ -59,9 +59,10 @@ exports.FieldDate = (0, react_1.forwardRef)((_a, ref) => {
       validationState = constants_1.VALIDATION_STATE.Default,
       buildCellProps,
       error,
-      mode
+      mode,
+      onClickCopy
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode"]);
+    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode", "onClickCopy"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
@@ -125,7 +126,8 @@ exports.FieldDate = (0, react_1.forwardRef)((_a, ref) => {
     copyButtonRef,
     showCopyButton,
     size,
-    valueToCopy
+    valueToCopy,
+    onClickCopy
   });
   const calendarIcon = (0, react_1.useMemo)(() => ({
     active: false,

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

@@ -11,6 +11,8 @@ type FieldSecureOwnProps = {
     onHiddenChange?(value: boolean): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /** Можно ли вводить больше разрешённого кол-ва символов */
     allowMoreThanMaxLength?: boolean;
     /** Иконка-префикс для поля */

package/dist/cjs/components/FieldSecure/FieldSecure.js

@@ -84,9 +84,10 @@ exports.FieldSecure = (0, react_1.forwardRef)((_a, ref) => {
       prefixIcon,
       error,
       asyncValueGetter,
-      autoComplete
+      autoComplete,
+      onClickCopy
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "allowMoreThanMaxLength", "hidden", "onHiddenChange", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "size", "validationState", "prefixIcon", "error", "asyncValueGetter", "autoComplete"]);
+    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "allowMoreThanMaxLength", "hidden", "onHiddenChange", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "size", "validationState", "prefixIcon", "error", "asyncValueGetter", "autoComplete", "onClickCopy"]);
   const localRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
   const hideButtonRef = (0, react_1.useRef)(null);
@@ -154,7 +155,8 @@ exports.FieldSecure = (0, react_1.forwardRef)((_a, ref) => {
     size,
     valueToCopy: value,
     onValueRequest: getAsyncValue,
-    disabled: isLoading
+    disabled: isLoading,
+    onClickCopy
   });
   const hideButtonSettings = (0, hooks_1.useHideButton)({
     hideButtonRef,

package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -14,6 +14,7 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     pinBottom?: import("./types").OptionProps[];
     searchable?: boolean;
     showCopyButton?: boolean;
+    onClickCopy?(): void;
     showClearButton?: boolean;
     readonly?: boolean;
     prefixIcon?: import("react").ReactElement;

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

@@ -67,9 +67,10 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
       enableFuzzySearch = true,
       resetSearchOnOptionSelection = true,
       onOpenChange,
-      selectedOptionFormatter = defaultSelectedOptionFormatter
+      selectedOptionFormatter = defaultSelectedOptionFormatter,
+      onClickCopy
     } = props,
-    rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter"]);
+    rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter", "onClickCopy"]);
   const localRef = (0, react_1.useRef)(null);
   const inputPlugRef = (0, react_1.useRef)(null);
   const contentRef = (0, react_1.useRef)(null);
@@ -146,7 +147,8 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
     showClearButton: showClearButton && !disabled && !readonly && Boolean(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(item => !item.disabled)),
     showCopyButton: false,
     inputRef: localRef,
-    onClear
+    onClear,
+    onClickCopy
   });
   const commonHandleOnKeyDown = (0, hooks_2.useHandleOnKeyDown)({
     inputKeyDownNavigationHandler,

package/dist/cjs/components/FieldSelect/FieldSelectSingle.d.ts

@@ -12,6 +12,7 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
     pinBottom?: import("./types").OptionProps[];
     searchable?: boolean;
     showCopyButton?: boolean;
+    onClickCopy?(): void;
     showClearButton?: boolean;
     readonly?: boolean;
     prefixIcon?: import("react").ReactElement;

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

@@ -64,9 +64,10 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
       open: openProp,
       onOpenChange,
       selectedOptionFormatter = defaultSelectedOptionFormatter,
-      enableFuzzySearch = true
+      enableFuzzySearch = true,
+      onClickCopy
     } = 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", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch"]);
+    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", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "onClickCopy"]);
   const localRef = (0, react_1.useRef)(null);
   const [open = false, setOpen] = (0, hooks_1.useValueControl)({
     value: openProp,
@@ -153,6 +154,7 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
     showCopyButton,
     inputRef: localRef,
     onClear,
+    onClickCopy,
     valueToCopy: selectedOptionFormatter(selectedItem)
   });
   const handleBlur = e => {

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

@@ -14,10 +14,11 @@ type UseButtonsProps = {
     showCopyButton: boolean;
     size: 's' | 'm' | 'l';
     onClear(): void;
+    onClickCopy?(): void;
     inputRef: RefObject<HTMLInputElement>;
     valueToCopy?: string;
 };
-export declare function useButtons({ readonly, showClearButton, showCopyButton, size, onClear, inputRef, valueToCopy, }: UseButtonsProps): {
+export declare function useButtons({ readonly, showClearButton, showCopyButton, size, onClear, onClickCopy, inputRef, valueToCopy, }: UseButtonsProps): {
     postfixButtons: import("react/jsx-runtime").JSX.Element | undefined;
     inputKeyDownNavigationHandler: KeyboardEventHandler<HTMLInputElement>;
     buttonsRefs: (Element | null)[];

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

@@ -52,6 +52,7 @@ function useButtons(_ref2) {
     showCopyButton,
     size,
     onClear,
+    onClickCopy,
     inputRef,
     valueToCopy = ''
   } = _ref2;
@@ -68,7 +69,8 @@ function useButtons(_ref2) {
     copyButtonRef,
     showCopyButton: readonly && showCopyButton,
     size,
-    valueToCopy
+    valueToCopy,
+    onClickCopy
   });
   const {
     onInputKeyDown: inputKeyDownNavigationHandler,

package/dist/cjs/components/FieldSelect/types.d.ts

@@ -46,6 +46,8 @@ type FiledSelectCommonProps = WithSupportProps<{
     searchable?: boolean;
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки очистки поля
      * @default true

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

@@ -8,6 +8,8 @@ type WrapperProps = Pick<FieldDecoratorProps, 'className' | 'label' | 'labelTool
 type FieldTextOwnProps = {
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки очистки поля
      * @default true

package/dist/cjs/components/FieldText/FieldText.js

@@ -43,6 +43,7 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
       onChange: onChangeProp,
       onFocus,
       onBlur,
+      onClickCopy,
       className,
       label,
       labelTooltip,
@@ -60,7 +61,7 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
       postfix,
       button: buttonProp
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "prefixIcon", "prefix", "postfix", "button"]);
+    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "onClickCopy", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "prefixIcon", "prefix", "postfix", "button"]);
   const [value = '', onChange] = (0, hooks_1.useValueControl)({
     value: valueProp,
     defaultValue: '',
@@ -110,7 +111,8 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
     size,
     valueToCopy: value,
     prefix: typeof prefix === 'string' ? prefix : undefined,
-    postfix: typeof postfix === 'string' ? postfix : undefined
+    postfix: typeof postfix === 'string' ? postfix : undefined,
+    onClickCopy
   });
   const [isButtonFocused, setIsButtonFocused] = (0, react_1.useState)(false);
   const onButtonFocus = (0, react_1.useCallback)(() => setIsButtonFocused(true), []);

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

@@ -15,6 +15,8 @@ type FieldTextAreaOwnProps = {
     onChange?(value: string, e?: ChangeEvent<HTMLTextAreaElement>): void;
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки очистки поля
      * @default true

package/dist/cjs/components/FieldTextArea/FieldTextArea.js

@@ -57,9 +57,10 @@ exports.FieldTextArea = (0, react_1.forwardRef)((_a, ref) => {
       hint,
       error,
       size = input_private_1.SIZE.S,
-      validationState = constants_1.VALIDATION_STATE.Default
+      validationState = constants_1.VALIDATION_STATE.Default,
+      onClickCopy
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState"]);
+    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState", "onClickCopy"]);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
@@ -92,7 +93,8 @@ exports.FieldTextArea = (0, react_1.forwardRef)((_a, ref) => {
     copyButtonRef,
     showCopyButton,
     size,
-    valueToCopy: value
+    valueToCopy: value,
+    onClickCopy
   });
   const {
     postfixButtons,

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

@@ -15,6 +15,8 @@ type FieldTimeOwnProps = {
     onChange?: TimePickerProps['onChangeValue'];
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /** Показывать ли секунды */
     showSeconds?: boolean;
     /**

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

@@ -76,9 +76,10 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
       showSeconds = true,
       size = input_private_1.SIZE.S,
       validationState = constants_1.VALIDATION_STATE.Default,
-      error
+      error,
+      onClickCopy
     } = _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"]);
+    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", "onClickCopy"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
@@ -130,7 +131,8 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
     copyButtonRef,
     showCopyButton,
     size,
-    valueToCopy
+    valueToCopy,
+    onClickCopy
   });
   const calendarIcon = (0, react_1.useMemo)(() => ({
     active: false,

package/dist/cjs/hooks/useCopyButton.d.ts

@@ -7,9 +7,10 @@ type UseCopyButtonProps = {
     valueToCopy: string;
     size: Size;
     onValueRequest?(): AsyncValueRequest;
+    onClickCopy?(): void;
     disabled?: boolean;
     prefix?: string;
     postfix?: string;
 };
-export declare function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, disabled, prefix, postfix, }: UseCopyButtonProps): ButtonProps;
+export declare function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, onClickCopy, disabled, prefix, postfix, }: UseCopyButtonProps): ButtonProps;
 export {};

package/dist/cjs/hooks/useCopyButton.js

@@ -15,6 +15,7 @@ function useCopyButton(_ref) {
     size,
     valueToCopy,
     onValueRequest,
+    onClickCopy,
     disabled,
     prefix = '',
     postfix = ''
@@ -28,7 +29,8 @@ function useCopyButton(_ref) {
       size: input_private_1.BUTTON_SIZE_MAP[size],
       valueToCopy: (prefix !== null && prefix !== void 0 ? prefix : '') + valueToCopy + (postfix !== null && postfix !== void 0 ? postfix : ''),
       onValueRequest: onValueRequest,
+      onClick: onClickCopy,
       disabled: disabled
     }))
-  }), [copyButtonRef, disabled, onValueRequest, showCopyButton, size, valueToCopy, prefix, postfix]);
+  }), [copyButtonRef, showCopyButton, size, prefix, valueToCopy, postfix, onValueRequest, onClickCopy, disabled]);
 }

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

@@ -11,6 +11,8 @@ type FieldDateOwnProps = {
     onOpenChange?(value: boolean): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки Очистки поля
      * @default true
@@ -29,6 +31,8 @@ export declare const FieldColor: import("react").ForwardRefExoticComponent<{
     onOpenChange?(value: boolean): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки Очистки поля
      * @default true

package/dist/esm/components/FieldColor/FieldColor.js

@@ -24,7 +24,7 @@ import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import styles from './styles.module.css';
 export const FieldColor = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onChange, onOpenChange, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, withAlpha, autoApply, placeholder, onFocus, onBlur } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur"]);
+    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onChange, onOpenChange, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, withAlpha, autoApply, placeholder, onFocus, onBlur, onClickCopy } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur", "onClickCopy"]);
     const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
     const localRef = useRef(null);
     const showDropList = isOpen && !readonly && !disabled;
@@ -43,7 +43,7 @@ export const FieldColor = forwardRef((_a, ref) => {
         }
     };
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value, onClickCopy });
     const { postfixButtons, inputTabIndex, onInputKeyDown } = useButtonNavigation({
         inputRef: localRef,
         postfixButtons: useMemo(() => [clearButtonSettings, copyButtonSettings], [clearButtonSettings, copyButtonSettings]),

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

@@ -21,6 +21,8 @@ type FieldDateOwnProps = {
     onChange?(value: Date | undefined): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки Очистки поля
      * @default true

package/dist/esm/components/FieldDate/FieldDate.js

@@ -26,7 +26,7 @@ import { FieldDecorator } from '../FieldDecorator';
 import styles from './styles.module.css';
 export const FieldDate = forwardRef((_a, ref) => {
     var _b;
-    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, size = SIZE.S, validationState = VALIDATION_STATE.Default, buildCellProps, error, mode } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode"]);
+    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, size = SIZE.S, validationState = VALIDATION_STATE.Default, buildCellProps, error, mode, onClickCopy } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode", "onClickCopy"]);
     const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
     const localRef = useRef(null);
     const clearButtonRef = useRef(null);
@@ -77,7 +77,7 @@ export const FieldDate = forwardRef((_a, ref) => {
     }, [mode, showSeconds]);
     const valueToCopy = getStringDateValue(valueProp);
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear: handleClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onClickCopy });
     const calendarIcon = useMemo(() => ({
         active: false,
         show: true,

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

@@ -11,6 +11,8 @@ type FieldSecureOwnProps = {
     onHiddenChange?(value: boolean): void;
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /** Можно ли вводить больше разрешённого кол-ва символов */
     allowMoreThanMaxLength?: boolean;
     /** Иконка-префикс для поля */

package/dist/esm/components/FieldSecure/FieldSecure.js

@@ -30,7 +30,7 @@ import { useCopyButton, useHideButton, useValueControl } from '../../hooks';
 import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 export const FieldSecure = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, placeholder, maxLength, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, allowMoreThanMaxLength = false, hidden: hiddenProp, onHiddenChange, showHintIcon, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, size = SIZE.S, validationState = VALIDATION_STATE.Default, prefixIcon, error, asyncValueGetter, autoComplete } = _a, rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "allowMoreThanMaxLength", "hidden", "onHiddenChange", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "size", "validationState", "prefixIcon", "error", "asyncValueGetter", "autoComplete"]);
+    var { id, name, value: valueProp, placeholder, maxLength, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, allowMoreThanMaxLength = false, hidden: hiddenProp, onHiddenChange, showHintIcon, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, size = SIZE.S, validationState = VALIDATION_STATE.Default, prefixIcon, error, asyncValueGetter, autoComplete, onClickCopy } = _a, rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "allowMoreThanMaxLength", "hidden", "onHiddenChange", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "size", "validationState", "prefixIcon", "error", "asyncValueGetter", "autoComplete", "onClickCopy"]);
     const localRef = useRef(null);
     const copyButtonRef = useRef(null);
     const hideButtonRef = useRef(null);
@@ -95,6 +95,7 @@ export const FieldSecure = forwardRef((_a, ref) => {
         valueToCopy: value,
         onValueRequest: getAsyncValue,
         disabled: isLoading,
+        onClickCopy,
     });
     const hideButtonSettings = useHideButton({
         hideButtonRef,

package/dist/esm/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -14,6 +14,7 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     pinBottom?: import("./types").OptionProps[];
     searchable?: boolean;
     showCopyButton?: boolean;
+    onClickCopy?(): void;
     showClearButton?: boolean;
     readonly?: boolean;
     prefixIcon?: import("react").ReactElement;

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

@@ -32,7 +32,7 @@ const defaultSelectedOptionFormatter = item =>
 (item === null || item === void 0 ? void 0 : item.content.option) || '';
 export const FieldSelectMultiple = forwardRef((props, ref) => {
     var _a;
-    const { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showClearButton = true, onKeyDown: onInputKeyDownProp, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, removeByBackspace = false, addOptionByEnter = false, untouchableScrollbars = false, open: openProp, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter } = props, rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter"]);
+    const { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showClearButton = true, onKeyDown: onInputKeyDownProp, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, removeByBackspace = false, addOptionByEnter = false, untouchableScrollbars = false, open: openProp, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, onClickCopy } = props, rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter", "onClickCopy"]);
     const localRef = useRef(null);
     const inputPlugRef = useRef(null);
     const contentRef = useRef(null);
@@ -66,6 +66,7 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
         showCopyButton: false,
         inputRef: localRef,
         onClear,
+        onClickCopy,
     });
     const commonHandleOnKeyDown = useHandleOnKeyDown({
         inputKeyDownNavigationHandler,

package/dist/esm/components/FieldSelect/FieldSelectSingle.d.ts

@@ -12,6 +12,7 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
     pinBottom?: import("./types").OptionProps[];
     searchable?: boolean;
     showCopyButton?: boolean;
+    onClickCopy?(): void;
     showClearButton?: boolean;
     readonly?: boolean;
     prefixIcon?: import("react").ReactElement;

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, untouchableScrollbars = false, open: openProp, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, enableFuzzySearch = true } = 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", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch"]);
+    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, untouchableScrollbars = false, open: openProp, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, enableFuzzySearch = true, onClickCopy } = 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", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "onClickCopy"]);
     const localRef = useRef(null);
     const [open = false, setOpen] = useValueControl({ value: openProp, onChange: onOpenChange });
     const [value, setValue] = useValueControl({
@@ -73,6 +73,7 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
         showCopyButton,
         inputRef: localRef,
         onClear,
+        onClickCopy,
         valueToCopy: selectedOptionFormatter(selectedItem),
     });
     const handleBlur = (e) => {

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

@@ -14,10 +14,11 @@ type UseButtonsProps = {
     showCopyButton: boolean;
     size: 's' | 'm' | 'l';
     onClear(): void;
+    onClickCopy?(): void;
     inputRef: RefObject<HTMLInputElement>;
     valueToCopy?: string;
 };
-export declare function useButtons({ readonly, showClearButton, showCopyButton, size, onClear, inputRef, valueToCopy, }: UseButtonsProps): {
+export declare function useButtons({ readonly, showClearButton, showCopyButton, size, onClear, onClickCopy, inputRef, valueToCopy, }: UseButtonsProps): {
     postfixButtons: import("react/jsx-runtime").JSX.Element | undefined;
     inputKeyDownNavigationHandler: KeyboardEventHandler<HTMLInputElement>;
     buttonsRefs: (Element | null)[];

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

@@ -26,7 +26,7 @@ export function useHandleOnKeyDown({ setOpen, inputKeyDownNavigationHandler, onI
         onInputKeyDownProp === null || onInputKeyDownProp === void 0 ? void 0 : onInputKeyDownProp(e);
     }, [inputKeyDownNavigationHandler, onInputKeyDownProp, setOpen]);
 }
-export function useButtons({ readonly, showClearButton, showCopyButton, size, onClear, inputRef, valueToCopy = '', }) {
+export function useButtons({ readonly, showClearButton, showCopyButton, size, onClear, onClickCopy, inputRef, valueToCopy = '', }) {
     const clearButtonRef = useRef(null);
     const copyButtonRef = useRef(null);
     const buttonsRefs = [copyButtonRef.current, clearButtonRef.current];
@@ -41,6 +41,7 @@ export function useButtons({ readonly, showClearButton, showCopyButton, size, on
         showCopyButton: readonly && showCopyButton,
         size,
         valueToCopy,
+        onClickCopy,
     });
     const { onInputKeyDown: inputKeyDownNavigationHandler, postfixButtons } = useButtonNavigation({
         inputRef,

package/dist/esm/components/FieldSelect/types.d.ts

@@ -46,6 +46,8 @@ type FiledSelectCommonProps = WithSupportProps<{
     searchable?: boolean;
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки очистки поля
      * @default true

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

@@ -8,6 +8,8 @@ type WrapperProps = Pick<FieldDecoratorProps, 'className' | 'label' | 'labelTool
 type FieldTextOwnProps = {
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки очистки поля
      * @default true

package/dist/esm/components/FieldText/FieldText.js

@@ -21,7 +21,7 @@ import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import { getContainerVariant } from './helpers';
 export const FieldText = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, placeholder, maxLength, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, allowMoreThanMaxLength = false, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, autoComplete, prefixIcon, prefix, postfix, button: buttonProp } = _a, rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "prefixIcon", "prefix", "postfix", "button"]);
+    var { id, name, value: valueProp, placeholder, maxLength, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, allowMoreThanMaxLength = false, onChange: onChangeProp, onFocus, onBlur, onClickCopy, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, autoComplete, prefixIcon, prefix, postfix, button: buttonProp } = _a, rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "onClickCopy", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "prefixIcon", "prefix", "postfix", "button"]);
     const [value = '', onChange] = useValueControl({
         value: valueProp,
         defaultValue: '',
@@ -56,6 +56,7 @@ export const FieldText = forwardRef((_a, ref) => {
         valueToCopy: value,
         prefix: typeof prefix === 'string' ? prefix : undefined,
         postfix: typeof postfix === 'string' ? postfix : undefined,
+        onClickCopy,
     });
     const [isButtonFocused, setIsButtonFocused] = useState(false);
     const onButtonFocus = useCallback(() => setIsButtonFocused(true), []);

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

@@ -15,6 +15,8 @@ type FieldTextAreaOwnProps = {
     onChange?(value: string, e?: ChangeEvent<HTMLTextAreaElement>): void;
     /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /**
      * Отображение кнопки очистки поля
      * @default true

package/dist/esm/components/FieldTextArea/FieldTextArea.js

@@ -22,7 +22,7 @@ import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import styles from './styles.module.css';
 export const FieldTextArea = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, placeholder, maxLength, minRows = 3, maxRows = 1000, disabled = false, resizable = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, allowMoreThanMaxLength = true, showHintIcon, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, error, size = SIZE.S, validationState = VALIDATION_STATE.Default } = _a, rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState"]);
+    var { id, name, value: valueProp, placeholder, maxLength, minRows = 3, maxRows = 1000, disabled = false, resizable = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, allowMoreThanMaxLength = true, showHintIcon, onChange: onChangeProp, onFocus, onBlur, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, error, size = SIZE.S, validationState = VALIDATION_STATE.Default, onClickCopy } = _a, rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState", "onClickCopy"]);
     const localRef = useRef(null);
     const clearButtonRef = useRef(null);
     const copyButtonRef = useRef(null);
@@ -43,7 +43,7 @@ export const FieldTextArea = forwardRef((_a, ref) => {
         }
     };
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value, onClickCopy });
     const { postfixButtons, inputTabIndex, onInputKeyDown } = useButtonNavigation({
         inputRef: localRef,
         postfixButtons: useMemo(() => [clearButtonSettings, copyButtonSettings], [clearButtonSettings, copyButtonSettings]),

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

@@ -15,6 +15,8 @@ type FieldTimeOwnProps = {
     onChange?: TimePickerProps['onChangeValue'];
     /** Отображение кнопки копирования */
     showCopyButton?: boolean;
+    /** Колбек клика по кнопке Копировать для поля */
+    onClickCopy?(): void;
     /** Показывать ли секунды */
     showSeconds?: boolean;
     /**

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 } = _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"]);
+    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, onClickCopy } = _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", "onClickCopy"]);
     const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
     const localRef = useRef(null);
     const clearButtonRef = useRef(null);
@@ -75,7 +75,7 @@ export const FieldTime = forwardRef((_a, ref) => {
     }, [onChange, required, setIsOpen]);
     const valueToCopy = getStringTimeValue(valueProp, { showSeconds, locale: DEFAULT_LOCALE });
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear: handleClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onClickCopy });
     const calendarIcon = useMemo(() => ({
         active: false,
         show: true,

package/dist/esm/hooks/useCopyButton.d.ts

@@ -7,9 +7,10 @@ type UseCopyButtonProps = {
     valueToCopy: string;
     size: Size;
     onValueRequest?(): AsyncValueRequest;
+    onClickCopy?(): void;
     disabled?: boolean;
     prefix?: string;
     postfix?: string;
 };
-export declare function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, disabled, prefix, postfix, }: UseCopyButtonProps): ButtonProps;
+export declare function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, onClickCopy, disabled, prefix, postfix, }: UseCopyButtonProps): ButtonProps;
 export {};

package/dist/esm/hooks/useCopyButton.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { BUTTON_SIZE_MAP } from '@snack-uikit/input-private';
 import { ButtonCopyValue } from '../helperComponents';
-export function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, disabled, prefix = '', postfix = '', }) {
+export function useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onValueRequest, onClickCopy, disabled, prefix = '', postfix = '', }) {
     return useMemo(() => ({
         id: 'copy',
         active: true,
         ref: copyButtonRef,
         show: showCopyButton,
-        render: props => (_jsx(ButtonCopyValue, Object.assign({}, props, { size: BUTTON_SIZE_MAP[size], valueToCopy: (prefix !== null && prefix !== void 0 ? prefix : '') + valueToCopy + (postfix !== null && postfix !== void 0 ? postfix : ''), onValueRequest: onValueRequest, disabled: disabled }))),
-    }), [copyButtonRef, disabled, onValueRequest, showCopyButton, size, valueToCopy, prefix, postfix]);
+        render: props => (_jsx(ButtonCopyValue, Object.assign({}, props, { size: BUTTON_SIZE_MAP[size], valueToCopy: (prefix !== null && prefix !== void 0 ? prefix : '') + valueToCopy + (postfix !== null && postfix !== void 0 ? postfix : ''), onValueRequest: onValueRequest, onClick: onClickCopy, disabled: disabled }))),
+    }), [copyButtonRef, showCopyButton, size, prefix, valueToCopy, postfix, onValueRequest, onClickCopy, disabled]);
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.32.2",
+  "version": "0.32.4-preview-481a0237.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,13 +37,13 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.1",
-    "@snack-uikit/calendar": "0.11.2",
+    "@snack-uikit/calendar": "0.11.3",
     "@snack-uikit/color-picker": "0.3.1",
     "@snack-uikit/divider": "3.2.0",
     "@snack-uikit/dropdown": "0.4.0",
     "@snack-uikit/icons": "0.24.0",
     "@snack-uikit/input-private": "4.2.1",
-    "@snack-uikit/list": "0.21.2",
+    "@snack-uikit/list": "0.21.3",
     "@snack-uikit/scroll": "0.9.0",
     "@snack-uikit/skeleton": "0.5.0",
     "@snack-uikit/slider": "0.3.1",
@@ -65,5 +65,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "df11a8777bfe0bd167f02aff8c393c48a24c1173"
+  "gitHead": "d3588d229ca3a76ee95cd5d6176302c51d5012fc"
 }

package/src/components/FieldColor/FieldColor.tsx

@@ -41,6 +41,8 @@ type FieldDateOwnProps = {
   onOpenChange?(value: boolean): void;
   /** Отображение кнопки копирования */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /**
    * Отображение кнопки Очистки поля
    * @default true
@@ -82,6 +84,7 @@ export const FieldColor = forwardRef<HTMLInputElement, FieldColorProps>(
       placeholder,
       onFocus,
       onBlur,
+      onClickCopy,
       ...rest
     },
     ref,
@@ -110,7 +113,7 @@ export const FieldColor = forwardRef<HTMLInputElement, FieldColorProps>(
     };
 
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value, onClickCopy });
     const { postfixButtons, inputTabIndex, onInputKeyDown } = useButtonNavigation({
       inputRef: localRef,
       postfixButtons: useMemo(

package/src/components/FieldDate/FieldDate.tsx

@@ -58,6 +58,8 @@ type FieldDateOwnProps = {
   onChange?(value: Date | undefined): void;
   /** Отображение кнопки копирования */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /**
    * Отображение кнопки Очистки поля
    * @default true
@@ -102,6 +104,7 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       buildCellProps,
       error,
       mode,
+      onClickCopy,
       ...rest
     },
     ref,
@@ -168,7 +171,7 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
 
     const valueToCopy = getStringDateValue(valueProp);
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear: handleClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onClickCopy });
     const calendarIcon: ButtonProps = useMemo(
       () => ({
         active: false,

package/src/components/FieldSecure/FieldSecure.tsx

@@ -47,6 +47,8 @@ type FieldSecureOwnProps = {
   onHiddenChange?(value: boolean): void;
   /** Отображение кнопки копирования */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /** Можно ли вводить больше разрешённого кол-ва символов */
   allowMoreThanMaxLength?: boolean;
   /** Иконка-префикс для поля */
@@ -88,6 +90,7 @@ export const FieldSecure = forwardRef<HTMLInputElement, FieldSecureProps>(
       error,
       asyncValueGetter,
       autoComplete,
+      onClickCopy,
       ...rest
     },
     ref,
@@ -166,6 +169,7 @@ export const FieldSecure = forwardRef<HTMLInputElement, FieldSecureProps>(
       valueToCopy: value,
       onValueRequest: getAsyncValue,
       disabled: isLoading,
+      onClickCopy,
     });
 
     const hideButtonSettings = useHideButton({

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -53,6 +53,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     resetSearchOnOptionSelection = true,
     onOpenChange,
     selectedOptionFormatter = defaultSelectedOptionFormatter,
+    onClickCopy,
     ...rest
   } = props;
   const localRef = useRef<HTMLInputElement>(null);
@@ -104,6 +105,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     showCopyButton: false,
     inputRef: localRef,
     onClear,
+    onClickCopy,
   });
 
   const commonHandleOnKeyDown = useHandleOnKeyDown({

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -59,6 +59,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     onOpenChange,
     selectedOptionFormatter = defaultSelectedOptionFormatter,
     enableFuzzySearch = true,
+    onClickCopy,
     ...rest
   } = props;
   const localRef = useRef<HTMLInputElement>(null);
@@ -123,6 +124,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     showCopyButton,
     inputRef: localRef,
     onClear,
+    onClickCopy,
     valueToCopy: selectedOptionFormatter(selectedItem),
   });
 

package/src/components/FieldSelect/hooks.ts

@@ -60,6 +60,7 @@ type UseButtonsProps = {
   showCopyButton: boolean;
   size: 's' | 'm' | 'l';
   onClear(): void;
+  onClickCopy?(): void;
   inputRef: RefObject<HTMLInputElement>;
   valueToCopy?: string;
 };
@@ -70,6 +71,7 @@ export function useButtons({
   showCopyButton,
   size,
   onClear,
+  onClickCopy,
   inputRef,
   valueToCopy = '',
 }: UseButtonsProps) {
@@ -89,6 +91,7 @@ export function useButtons({
     showCopyButton: readonly && showCopyButton,
     size,
     valueToCopy,
+    onClickCopy,
   });
   const { onInputKeyDown: inputKeyDownNavigationHandler, postfixButtons } = useButtonNavigation({
     inputRef,

package/src/components/FieldSelect/types.ts

@@ -98,6 +98,8 @@ type FiledSelectCommonProps = WithSupportProps<{
   searchable?: boolean;
   /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /**
    * Отображение кнопки очистки поля
    * @default true

package/src/components/FieldText/FieldText.tsx

@@ -36,6 +36,8 @@ type WrapperProps = Pick<
 type FieldTextOwnProps = {
   /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /**
    * Отображение кнопки очистки поля
    * @default true
@@ -71,6 +73,7 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
       onChange: onChangeProp,
       onFocus,
       onBlur,
+      onClickCopy,
       className,
       label,
       labelTooltip,
@@ -139,6 +142,7 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
       valueToCopy: value,
       prefix: typeof prefix === 'string' ? prefix : undefined,
       postfix: typeof postfix === 'string' ? postfix : undefined,
+      onClickCopy,
     });
 
     const [isButtonFocused, setIsButtonFocused] = useState(false);

package/src/components/FieldTextArea/FieldTextArea.tsx

@@ -41,6 +41,8 @@ type FieldTextAreaOwnProps = {
   onChange?(value: string, e?: ChangeEvent<HTMLTextAreaElement>): void;
   /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /**
    * Отображение кнопки очистки поля
    * @default true
@@ -82,6 +84,7 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
       error,
       size = SIZE.S,
       validationState = VALIDATION_STATE.Default,
+      onClickCopy,
       ...rest
     },
     ref,
@@ -110,7 +113,7 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
     };
 
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: value, onClickCopy });
     const { postfixButtons, inputTabIndex, onInputKeyDown } = useButtonNavigation({
       inputRef: localRef,
       postfixButtons: useMemo(

package/src/components/FieldTime/FieldTime.tsx

@@ -52,6 +52,8 @@ type FieldTimeOwnProps = {
   onChange?: TimePickerProps['onChangeValue'];
   /** Отображение кнопки копирования */
   showCopyButton?: boolean;
+  /** Колбек клика по кнопке Копировать для поля */
+  onClickCopy?(): void;
   /** Показывать ли секунды */
   showSeconds?: boolean;
   /**
@@ -110,6 +112,7 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
       size = SIZE.S,
       validationState = VALIDATION_STATE.Default,
       error,
+      onClickCopy,
       ...rest
     },
     ref,
@@ -154,7 +157,7 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
 
     const valueToCopy = getStringTimeValue(valueProp, { showSeconds, locale: DEFAULT_LOCALE });
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear: handleClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy, onClickCopy });
     const calendarIcon: ButtonProps = useMemo(
       () => ({
         active: false,

package/src/hooks/useCopyButton.tsx

@@ -11,6 +11,7 @@ type UseCopyButtonProps = {
   valueToCopy: string;
   size: Size;
   onValueRequest?(): AsyncValueRequest;
+  onClickCopy?(): void;
   disabled?: boolean;
   prefix?: string;
   postfix?: string;
@@ -22,6 +23,7 @@ export function useCopyButton({
   size,
   valueToCopy,
   onValueRequest,
+  onClickCopy,
   disabled,
   prefix = '',
   postfix = '',
@@ -38,10 +40,11 @@ export function useCopyButton({
           size={BUTTON_SIZE_MAP[size]}
           valueToCopy={(prefix ?? '') + valueToCopy + (postfix ?? '')}
           onValueRequest={onValueRequest}
+          onClick={onClickCopy}
           disabled={disabled}
         />
       ),
     }),
-    [copyButtonRef, disabled, onValueRequest, showCopyButton, size, valueToCopy, prefix, postfix],
+    [copyButtonRef, showCopyButton, size, prefix, valueToCopy, postfix, onValueRequest, onClickCopy, disabled],
   );
 }