@cloud-ru/ds-fields 1.0.8-preview-563d8ff6.0 → 1.0.8-preview-13225cc1.0

package/README.md

@@ -216,24 +216,6 @@ export function Affixes() {
 | `variant` | `"after"` \| `"before"` | — | Положение относительно поля |
 | `withDropdownList` | `boolean \| undefined` | — | Показать шеврон раскрытия |
 
-**FieldElementDroplistProps**
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `closeDroplistOnItemClick` | `boolean \| undefined` | — | Закрывать выпадающий список после клика на базовый айтем. <br/> Работает в режимах selection: 'none' \| 'single' |
-| `items` | `BaseItemWithoutNonGroup` \| `CommonGroupItem` \| `Item` \| `ScrollProps` | — | Основные элементы списка |
-| `onOpenChange` | `((open: boolean) => void) \| undefined` | — | Колбек смены состояния раскрытия |
-| `open` | `boolean \| undefined` | — | Контролируемое состояние раскрытия |
-| `pinBottom` | `BaseItemWithoutNonGroup` \| `CommonGroupItem` \| `Item` \| `ScrollProps` | — | Элементы списка, закрепленные снизу |
-| `pinTop` | `BaseItemWithoutNonGroup` \| `CommonGroupItem` \| `Item` \| `ScrollProps` | — | Элементы списка, закрепленные сверху |
-| `placement` | `"bottom"` \| `"bottom-end"` \| `"bottom-start"` \| `"left"` \| `"left-end"` \| `"left-start"` \| `"right"` \| `"right-end"` \| `"right-start"` \| `"top"` \| `"top-end"` \| `"top-start"` | — | Положение поповера относительно своего триггера (children). |
-| `scroll` | `boolean \| undefined` | — | Включить ли скролл для основной части списка |
-| `scrollToSelectedItem` | `boolean \| undefined` | — | Флаг, отвечающий за прокручивание до выбранного элемента |
-| `search` | `SearchState` | — | Настройки поисковой строки |
-| `selection` | `SelectionMultipleState` \| `SelectionSingleState` | — | Настройки выбора элементов. `mode: 'single'` — один выбранный элемент (`value: ItemId`), <br/> `mode: 'multiple'` — множественный выбор (`value: ItemId[]`). Без `selection` выбора нет — <br/> клик вызывает только `onClick` элемента. |
-| `virtualized` | `boolean \| undefined` | — | Включить виртуализацию элементов списка. Рекомендуется при количестве элементов от 1000. |
-| `widthStrategy` | `"auto"` \| `"eq"` \| `"gte"` | — | Стратегия управления шириной контейнера поповера <br/> - `auto` - соответствует ширине контента, <br/> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br/> - `eq` - Equal, строго равен ширине таргета. |
-
 **FieldElementSlot**
 
 | Prop | Type | Default | Description |
@@ -249,6 +231,15 @@ export function Affixes() {
 | `tabIndex` | `number \| undefined` | — | HTML tabIndex (`-1` — исключить кнопку из tab-order, фокус по Tab уходит в поле) |
 | `withDropdownList` | `boolean \| undefined` | — | Показать шеврон раскрытия |
 
+**FieldLayoutPresets**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `desktop` | `any` | — |  |
+| `desktopSmall` | `any` | — |  |
+| `mobile` | `any` | — |  |
+| `tablet` | `any` | — |  |
+
 - `Variant` = `"after"` \| `"before"`
 
 ## FieldDate
@@ -512,6 +503,17 @@ export function Select() {
 | `virtualized` | `boolean` | — | Включить виртуализацию элементов списка. Рекомендуется при количестве элементов от 1000. |
 | `widthStrategy` | `"auto"` \| `"eq"` \| `"gte"` | `'eq' — равна ширине триггера` | Стратегия ширины дроплиста. |
 
+#### Related types
+
+**FieldLayoutPresets**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `desktop` | `any` | — |  |
+| `desktopSmall` | `any` | — |  |
+| `mobile` | `any` | — |  |
+| `tablet` | `any` | — |  |
+
 ## FieldSlider
 
 ```tsx
@@ -802,7 +804,8 @@ export function TextArea() {
 | `required` | `boolean` | — | Показать знак обязательности `*` |
 | `resizable` | `boolean` | `false` | Можно ли менять высоту мышкой за нижний угол. Игнорируется при `disabled` или `readonly`. |
 | `showClearButton` | `boolean` | `true` | Кнопка очистки (видна при value && !readonly) |
-| `showCopyButton` | `boolean` | `true` | Кнопка копирования (видна при value && !disabled, независимо от readonly) |
+| `showCopyButton` | `boolean` | `true` | Кнопка копирования (видна при непустом value в режиме readonly, как у остальных полей) |
+| `showCopyButtonInEditMode` | `boolean` | `false` | Показывать кнопку копирования и в обычном (не readonly) режиме — рядом с кнопкой очистки. <br/> Опция только для textarea: в многострочном поле копирование значения осмысленно и при вводе. |
 | `showHintIcon` | `boolean` | — | Отображение статус-иконки у подсказки (по умолчанию `true`) |
 | `size` | `"l"` \| `"m"` \| `"s"` | `m` | Размер |
 | `spellCheck` | `boolean` | — | Проверка орфографии |

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

@@ -77,10 +77,16 @@ type FieldTextAreaOwnProps = {
      */
     showClearButton?: boolean;
     /**
-     * Кнопка копирования (видна при value && !disabled, независимо от readonly)
+     * Кнопка копирования (видна при непустом value в режиме readonly, как у остальных полей)
      * @default true
      */
     showCopyButton?: boolean;
+    /**
+     * Показывать кнопку копирования и в обычном (не readonly) режиме — рядом с кнопкой очистки.
+     * Опция только для textarea: в многострочном поле копирование значения осмысленно и при вводе.
+     * @default false
+     */
+    showCopyButtonInEditMode?: boolean;
     /** Колбек после копирования */
     onCopyButtonClick?(): void;
     /** Колбек фокуса */

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

@@ -18,7 +18,7 @@ const hooks_1 = require("../../hooks");
 const shared_1 = require("../shared");
 const styles_module_scss_1 = __importDefault(require('../shared/styles.module.css'));
 const styles_module_scss_2 = __importDefault(require('./styles.module.css'));
-exports.FieldTextArea = (0, react_1.forwardRef)(function FieldTextArea({ 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, placeholder, id, name, maxLength, disabled, readonly: readOnly, autoFocus, layoutPresets, inputMode, spellCheck, minRows = 3, maxRows = 1000, resizable = false, allowMoreThanMaxLength = true, header, footer, showClearButton: showClearButtonProp = true, showCopyButton: showCopyButtonProp = true, onCopyButtonClick, onFocus: onFocusProp, onBlur: onBlurProp, onKeyDown: onKeyDownProp, 'data-test-id': dataTestId, ...rest }, ref) {
+exports.FieldTextArea = (0, react_1.forwardRef)(function FieldTextArea({ 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, placeholder, id, name, maxLength, disabled, readonly: readOnly, autoFocus, layoutPresets, inputMode, spellCheck, minRows = 3, maxRows = 1000, resizable = false, allowMoreThanMaxLength = true, header, footer, showClearButton: showClearButtonProp = true, showCopyButton: showCopyButtonProp = true, showCopyButtonInEditMode = false, onCopyButtonClick, onFocus: onFocusProp, onBlur: onBlurProp, onKeyDown: onKeyDownProp, 'data-test-id': dataTestId, ...rest }, ref) {
     const localRef = (0, react_1.useRef)(null);
     const clearButtonRef = (0, react_1.useRef)(null);
     const copyButtonRef = (0, react_1.useRef)(null);
@@ -37,9 +37,9 @@ exports.FieldTextArea = (0, react_1.forwardRef)(function FieldTextArea({ label =
     const stringValue = String(value ?? '');
     const isResizable = resizable && !disabled && !readOnly;
     const showClearUi = Boolean(showClearButtonProp && stringValue && !readOnly && !disabled);
-    // Copy не завязан на readonly (паритет с snack-uikit master): виден при любом непустом значении.
-    // В editable-режиме показываются обе кнопки (clear + copy), в readonly — только copy.
-    const showCopyUi = Boolean(showCopyButtonProp && stringValue && !disabled);
+    // По умолчанию copy — только в readonly, как у остальных полей. В editable-режиме кнопка
+    // появляется лишь по явному `showCopyButtonInEditMode`; тогда видны обе (clear + copy).
+    const showCopyUi = Boolean(showCopyButtonProp && stringValue && !disabled && (readOnly || showCopyButtonInEditMode));
     const onClear = (0, react_1.useCallback)(() => {
         setValue('');
         onChange?.('');

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

@@ -77,10 +77,16 @@ type FieldTextAreaOwnProps = {
      */
     showClearButton?: boolean;
     /**
-     * Кнопка копирования (видна при value && !disabled, независимо от readonly)
+     * Кнопка копирования (видна при непустом value в режиме readonly, как у остальных полей)
      * @default true
      */
     showCopyButton?: boolean;
+    /**
+     * Показывать кнопку копирования и в обычном (не readonly) режиме — рядом с кнопкой очистки.
+     * Опция только для textarea: в многострочном поле копирование значения осмысленно и при вводе.
+     * @default false
+     */
+    showCopyButtonInEditMode?: boolean;
     /** Колбек после копирования */
     onCopyButtonClick?(): void;
     /** Колбек фокуса */

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

@@ -12,7 +12,7 @@ import { useAdaptiveAutoFocus } from '../../hooks/index.js';
 import { copyTextToClipboard, FieldShell, toInputSize, useCopyButton } from '../shared/index.js';
 import fieldStyles from '../shared/styles.module.css';
 import styles from './styles.module.css';
-export const FieldTextArea = forwardRef(function FieldTextArea({ label = '', labelTooltip, caption, hint, error, validationState = VALIDATION_STATE.Default, showHintIcon, length, required, size = SIZE.M, className, fieldClassName, background = true, value: valueProp, defaultValue = '', onChange, placeholder, id, name, maxLength, disabled, readonly: readOnly, autoFocus, layoutPresets, inputMode, spellCheck, minRows = 3, maxRows = 1000, resizable = false, allowMoreThanMaxLength = true, header, footer, showClearButton: showClearButtonProp = true, showCopyButton: showCopyButtonProp = true, onCopyButtonClick, onFocus: onFocusProp, onBlur: onBlurProp, onKeyDown: onKeyDownProp, 'data-test-id': dataTestId, ...rest }, ref) {
+export const FieldTextArea = forwardRef(function FieldTextArea({ label = '', labelTooltip, caption, hint, error, validationState = VALIDATION_STATE.Default, showHintIcon, length, required, size = SIZE.M, className, fieldClassName, background = true, value: valueProp, defaultValue = '', onChange, placeholder, id, name, maxLength, disabled, readonly: readOnly, autoFocus, layoutPresets, inputMode, spellCheck, minRows = 3, maxRows = 1000, resizable = false, allowMoreThanMaxLength = true, header, footer, showClearButton: showClearButtonProp = true, showCopyButton: showCopyButtonProp = true, showCopyButtonInEditMode = false, onCopyButtonClick, onFocus: onFocusProp, onBlur: onBlurProp, onKeyDown: onKeyDownProp, 'data-test-id': dataTestId, ...rest }, ref) {
     const localRef = useRef(null);
     const clearButtonRef = useRef(null);
     const copyButtonRef = useRef(null);
@@ -31,9 +31,9 @@ export const FieldTextArea = forwardRef(function FieldTextArea({ label = '', lab
     const stringValue = String(value ?? '');
     const isResizable = resizable && !disabled && !readOnly;
     const showClearUi = Boolean(showClearButtonProp && stringValue && !readOnly && !disabled);
-    // Copy не завязан на readonly (паритет с snack-uikit master): виден при любом непустом значении.
-    // В editable-режиме показываются обе кнопки (clear + copy), в readonly — только copy.
-    const showCopyUi = Boolean(showCopyButtonProp && stringValue && !disabled);
+    // По умолчанию copy — только в readonly, как у остальных полей. В editable-режиме кнопка
+    // появляется лишь по явному `showCopyButtonInEditMode`; тогда видны обе (clear + copy).
+    const showCopyUi = Boolean(showCopyButtonProp && stringValue && !disabled && (readOnly || showCopyButtonInEditMode));
     const onClear = useCallback(() => {
         setValue('');
         onChange?.('');