@true-engineering/true-react-common-ui-kit 3.14.2 → 3.15.0

package/README.md

@@ -7,9 +7,16 @@
 1. Слить Pull Request с увеличением версии пакета в файле `package.json` в ветке `master`
 2. `yarn build` локально из ветки `master`
 3. `npm publish` локально из ветки `master`
+4. Добавить тег с версией в гите
 
 # Release Notes
 
+## v3.15.0
+
+### Changes
+
+- **TextArea**: рефакторинг ресайза и добавление свойства isAutoSizeable
+
 ## v3.14.2
 
 ### Changes

package/dist/components/TextArea/TextArea.d.ts

@@ -1,9 +1,10 @@
-import { FC, FormEvent, FocusEvent, ClipboardEvent } from 'react';
+import { FormEvent, ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { ITextAreaHTMLBaseProps } from './types';
 import { ITextAreaStyles } from './TextArea.styles';
-export interface ITextAreaProps extends ICommonProps<ITextAreaStyles> {
+export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, ITextAreaHTMLBaseProps {
     value?: string;
-    label?: string;
+    label?: ReactNode;
     placeholder?: string;
     /** @default false */
     isDisabled?: boolean;
@@ -13,11 +14,15 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles> {
     isInvalid?: boolean;
     /** @default false */
     isActive?: boolean;
+    /**
+     * Должна ли высота и ширина textarea подстраиваться под содержимое
+     * @default true
+     */
+    isAutoSizeable?: boolean;
     infoMessage?: string;
     errorMessage?: string;
     /** @default false */
     isRequired?: boolean;
-    name?: string;
     /** @default false */
     hasRequiredLabel?: boolean;
     /** @default false */
@@ -26,11 +31,6 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles> {
     hasCounter?: boolean;
     /** @default false */
     shouldTrimAfterMaxLength?: boolean;
-    maxLength?: number;
-    rows?: number;
     onChange: (value: string, event?: FormEvent<HTMLTextAreaElement>) => void;
-    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
-    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
-    onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;
 }
-export declare const TextArea: FC<ITextAreaProps>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/TextArea/TextArea.stories.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./TextArea").ITextAreaProps>;
+    component: import("react").ForwardRefExoticComponent<import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
     argTypes: {
         maxLength: {
             control: {
@@ -13,4 +14,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextArea").ITextAreaProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/TextArea/TextArea.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "label" | "footer" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "autosize" | "label" | "footer" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles>;

package/dist/components/TextArea/index.d.ts

@@ -1,2 +1,3 @@
 export * from './TextArea';
+export * from './types';
 export type { ITextAreaStyles } from './TextArea.styles';

package/dist/components/TextArea/types.d.ts

@@ -0,0 +1,2 @@
+import { TextareaHTMLAttributes } from 'react';
+export type ITextAreaHTMLBaseProps = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'placeholder' | 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'>;