@true-engineering/true-react-common-ui-kit 3.14.2 → 3.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -0
- package/dist/components/TextArea/TextArea.d.ts +10 -10
- package/dist/components/TextArea/TextArea.stories.d.ts +3 -2
- package/dist/components/TextArea/TextArea.styles.d.ts +1 -1
- package/dist/components/TextArea/index.d.ts +1 -0
- package/dist/components/TextArea/types.d.ts +2 -0
- package/dist/true-react-common-ui-kit.js +543 -486
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +543 -486
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/MultiSelectList/MultiSelectList.tsx +6 -9
- package/src/components/TextArea/TextArea.stories.tsx +1 -0
- package/src/components/TextArea/TextArea.styles.ts +24 -4
- package/src/components/TextArea/TextArea.tsx +137 -138
- package/src/components/TextArea/index.ts +1 -0
- package/src/components/TextArea/types.ts +6 -0
package/README.md
CHANGED
|
@@ -7,9 +7,22 @@
|
|
|
7
7
|
1. Слить Pull Request с увеличением версии пакета в файле `package.json` в ветке `master`
|
|
8
8
|
2. `yarn build` локально из ветки `master`
|
|
9
9
|
3. `npm publish` локально из ветки `master`
|
|
10
|
+
4. Добавить тег с версией в гите
|
|
10
11
|
|
|
11
12
|
# Release Notes
|
|
12
13
|
|
|
14
|
+
## v3.15.1
|
|
15
|
+
|
|
16
|
+
### Changes
|
|
17
|
+
|
|
18
|
+
- **MultiSelectList**: исправлено отображение фильтра с `not found`, если есть выбранные элементы
|
|
19
|
+
|
|
20
|
+
## v3.15.0
|
|
21
|
+
|
|
22
|
+
### Changes
|
|
23
|
+
|
|
24
|
+
- **TextArea**: рефакторинг ресайза и добавление свойства isAutoSizeable
|
|
25
|
+
|
|
13
26
|
## v3.14.2
|
|
14
27
|
|
|
15
28
|
### Changes
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FormEvent, ReactNode } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
|
+
import { ITextAreaHTMLBaseProps } from './types';
|
|
3
4
|
import { ITextAreaStyles } from './TextArea.styles';
|
|
4
|
-
export interface ITextAreaProps extends ICommonProps<ITextAreaStyles
|
|
5
|
+
export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, ITextAreaHTMLBaseProps {
|
|
5
6
|
value?: string;
|
|
6
|
-
label?:
|
|
7
|
+
label?: ReactNode;
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
/** @default false */
|
|
9
10
|
isDisabled?: boolean;
|
|
@@ -13,11 +14,15 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles> {
|
|
|
13
14
|
isInvalid?: boolean;
|
|
14
15
|
/** @default false */
|
|
15
16
|
isActive?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Должна ли высота и ширина textarea подстраиваться под содержимое
|
|
19
|
+
* @default true
|
|
20
|
+
*/
|
|
21
|
+
isAutoSizeable?: boolean;
|
|
16
22
|
infoMessage?: string;
|
|
17
23
|
errorMessage?: string;
|
|
18
24
|
/** @default false */
|
|
19
25
|
isRequired?: boolean;
|
|
20
|
-
name?: string;
|
|
21
26
|
/** @default false */
|
|
22
27
|
hasRequiredLabel?: boolean;
|
|
23
28
|
/** @default false */
|
|
@@ -26,11 +31,6 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles> {
|
|
|
26
31
|
hasCounter?: boolean;
|
|
27
32
|
/** @default false */
|
|
28
33
|
shouldTrimAfterMaxLength?: boolean;
|
|
29
|
-
maxLength?: number;
|
|
30
|
-
rows?: number;
|
|
31
34
|
onChange: (value: string, event?: FormEvent<HTMLTextAreaElement>) => void;
|
|
32
|
-
onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
|
|
33
|
-
onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
|
|
34
|
-
onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;
|
|
35
35
|
}
|
|
36
|
-
export declare const TextArea:
|
|
36
|
+
export declare const TextArea: import("react").ForwardRefExoticComponent<ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
declare const _default: {
|
|
2
3
|
title: string;
|
|
3
|
-
component: import("react").
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
4
5
|
argTypes: {
|
|
5
6
|
maxLength: {
|
|
6
7
|
control: {
|
|
@@ -13,4 +14,4 @@ declare const _default: {
|
|
|
13
14
|
};
|
|
14
15
|
};
|
|
15
16
|
export default _default;
|
|
16
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextArea").ITextAreaProps
|
|
17
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextArea").ITextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
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>;
|
|
2
|
+
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>;
|
|
3
3
|
export type ITextAreaStyles = ITweakStyles<typeof useStyles>;
|