@cloud-ru/ds-fields 1.0.8-preview-04507fc5.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-fields",
-  "version": "1.0.8-preview-04507fc5.0",
+  "version": "2.0.0",
   "description": "Поля ввода с единой обёрткой label/caption/hint/error и общими осями size/validationState — текст, пароль, число, ползунок, дата, время, выбор, цвет.",
   "repository": {
     "type": "git",
@@ -39,24 +39,24 @@
     "classnames": "^2.5.1",
     "merge-refs": "^2.0.0",
     "react-textarea-autosize": "^8.5.9",
-    "@cloud-ru/ds-adaptive": "1.0.1",
-    "@cloud-ru/ds-bottom-sheet": "1.0.2",
-    "@cloud-ru/ds-button": "1.0.1",
-    "@cloud-ru/ds-calendar": "1.0.7-preview-04507fc5.0",
-    "@cloud-ru/ds-color-picker": "1.0.2",
-    "@cloud-ru/ds-dropdown": "1.0.3-preview-04507fc5.0",
-    "@cloud-ru/ds-divider": "1.0.1",
-    "@cloud-ru/ds-field-decorator": "1.0.2",
-    "@cloud-ru/ds-icons": "1.0.1",
-    "@cloud-ru/ds-input-private": "1.0.1",
-    "@cloud-ru/ds-list": "2.0.1-preview-04507fc5.0",
-    "@cloud-ru/ds-loader": "1.0.1",
-    "@cloud-ru/ds-materials": "1.0.1",
-    "@cloud-ru/ds-scroll": "1.0.1",
-    "@cloud-ru/ds-skeleton": "1.0.1",
-    "@cloud-ru/ds-slider": "1.0.2",
-    "@cloud-ru/ds-tag": "1.0.4-preview-04507fc5.0",
-    "@cloud-ru/ds-tooltip": "1.0.2",
-    "@cloud-ru/ds-utils": "1.1.0"
+    "@cloud-ru/ds-adaptive": "^1.0.1",
+    "@cloud-ru/ds-bottom-sheet": "^1.0.3",
+    "@cloud-ru/ds-color-picker": "^1.0.3",
+    "@cloud-ru/ds-dropdown": "^1.0.3",
+    "@cloud-ru/ds-divider": "^1.0.1",
+    "@cloud-ru/ds-button": "^1.0.1",
+    "@cloud-ru/ds-icons": "^1.0.2",
+    "@cloud-ru/ds-calendar": "^1.0.7",
+    "@cloud-ru/ds-loader": "^1.0.1",
+    "@cloud-ru/ds-input-private": "^1.0.2",
+    "@cloud-ru/ds-list": "^2.0.1",
+    "@cloud-ru/ds-materials": "^1.0.1",
+    "@cloud-ru/ds-skeleton": "^1.0.1",
+    "@cloud-ru/ds-slider": "^1.0.3",
+    "@cloud-ru/ds-scroll": "^1.0.2",
+    "@cloud-ru/ds-utils": "^1.1.0",
+    "@cloud-ru/ds-tag": "^1.0.4",
+    "@cloud-ru/ds-tooltip": "^1.0.3",
+    "@cloud-ru/ds-field-decorator": "^1.0.3"
   }
 }

package/src/components/FieldSelect/FieldSelect.tsx

@@ -141,15 +141,42 @@ export const FieldSelect = forwardRef<HTMLInputElement, FieldSelectProps>(functi
     // строкой при переключении selection) не должен ронять компонент на `.map` строки.
     multiple && Array.isArray(props.defaultValue) ? (props.defaultValue as ItemId[]) : [],
   );
-  const singleValue = useMemo<ItemId | undefined>(
-    () => (!multiple ? ((props.value as ItemId | undefined) ?? singleLocal) : undefined),
-    [multiple, props.value, singleLocal],
-  );
+
+  // Controlled-режим «залипает»: как только потребитель прислал `value`, локальный стейт больше
+  // не читается. Иначе очистка (потребитель ставит `undefined`) откатывалась бы на устаревший
+  // локальный выбор и воскрешала прошлое значение.
+  const singleControlled = useRef(false);
+  const multipleControlled = useRef(false);
+
+  if (!multiple && props.value !== undefined) {
+    singleControlled.current = true;
+  }
+
+  if (multiple && Array.isArray(props.value)) {
+    multipleControlled.current = true;
+  }
+
+  const singleValue = useMemo<ItemId | undefined>(() => {
+    if (multiple) {
+      return undefined;
+    }
+
+    const raw = singleControlled.current ? (props.value as ItemId | undefined) : singleLocal;
+
+    // `''` = «значение не выбрано»: формы отдают пустое значение строкой.
+    return raw === '' ? undefined : raw;
+  }, [multiple, props.value, singleLocal]);
+
   const multipleValue = useMemo<ItemId[]>(() => {
     if (!multiple) {
       return [];
     }
-    return Array.isArray(props.value) ? (props.value as ItemId[]) : multipleLocal;
+
+    if (multipleControlled.current) {
+      return Array.isArray(props.value) ? (props.value as ItemId[]) : [];
+    }
+
+    return multipleLocal;
   }, [multiple, props.value, multipleLocal]);
 
   const effectiveValidationState = useMemo(
@@ -547,7 +574,7 @@ export const FieldSelect = forwardRef<HTMLInputElement, FieldSelectProps>(functi
       className={cn(fieldStyles.fieldInput, !searchable && styles.readonlyCursor)}
       value={inputValue}
       onChange={searchable ? handleInputChange : undefined}
-      placeholder={selectedLabel ? '' : placeholder}
+      placeholder={selectedLabel || hasChips ? '' : placeholder}
       disabled={disabled}
       readonly={!searchable || readOnly}
       id={id}

package/src/components/FieldSelect/types.ts

@@ -163,9 +163,9 @@ type CommonSelectProps = FieldSelectDecoratorProps &
 export type FieldSelectSingleProps = CommonSelectProps & {
   /** Режим выбора. По умолчанию `'single'`. */
   selection?: typeof SELECTION_MODE.Single;
-  /** Управляемое значение */
+  /** Управляемое значение. Пустая строка трактуется как «значение не выбрано». */
   value?: ItemId;
-  /** Неуправляемое значение по умолчанию */
+  /** Неуправляемое значение по умолчанию. Пустая строка трактуется как «значение не выбрано». */
   defaultValue?: ItemId;
   /** Колбек смены значения */
   onChange?(value: ItemId | undefined): void;

package/src/components/FieldTextArea/FieldTextArea.tsx

@@ -105,10 +105,16 @@ type FieldTextAreaOwnProps = {
    */
   showClearButton?: boolean;
   /**
-   * Кнопка копирования (видна при value && !disabled, независимо от readonly)
+   * Кнопка копирования (видна при непустом value в режиме readonly, как у остальных полей)
    * @default true
    */
   showCopyButton?: boolean;
+  /**
+   * Показывать кнопку копирования и в обычном (не readonly) режиме — рядом с кнопкой очистки.
+   * Опция только для textarea: в многострочном поле копирование значения осмысленно и при вводе.
+   * @default false
+   */
+  showCopyButtonInEditMode?: boolean;
   /** Колбек после копирования */
   onCopyButtonClick?(): void;
   /** Колбек фокуса */
@@ -157,6 +163,7 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
     footer,
     showClearButton: showClearButtonProp = true,
     showCopyButton: showCopyButtonProp = true,
+    showCopyButtonInEditMode = false,
     onCopyButtonClick,
     onFocus: onFocusProp,
     onBlur: onBlurProp,
@@ -192,9 +199,9 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
   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('');