@instructure/ui-text-area 11.6.0 → 11.6.1-snapshot-129
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/CHANGELOG.md +40 -291
- package/es/TextArea/{index.js → v1/index.js} +2 -2
- package/es/TextArea/v2/index.js +350 -0
- package/es/TextArea/v2/props.js +26 -0
- package/es/TextArea/v2/styles.js +129 -0
- package/es/TextArea/v2/theme.js +76 -0
- package/es/{index.js → exports/a.js} +1 -1
- package/{src/index.ts → es/exports/b.js} +1 -2
- package/lib/TextArea/{index.js → v1/index.js} +4 -4
- package/lib/TextArea/v2/index.js +361 -0
- package/lib/TextArea/v2/props.js +31 -0
- package/lib/TextArea/v2/styles.js +135 -0
- package/lib/TextArea/v2/theme.js +82 -0
- package/lib/{index.js → exports/a.js} +2 -2
- package/lib/exports/b.js +12 -0
- package/package.json +43 -21
- package/src/TextArea/{index.tsx → v1/index.tsx} +2 -2
- package/src/TextArea/{props.ts → v1/props.ts} +1 -1
- package/src/TextArea/{styles.ts → v1/styles.ts} +4 -3
- package/src/TextArea/v2/README.md +136 -0
- package/src/TextArea/v2/index.tsx +434 -0
- package/src/TextArea/v2/props.ts +160 -0
- package/src/TextArea/v2/styles.ts +156 -0
- package/src/TextArea/v2/theme.ts +87 -0
- package/src/exports/a.ts +25 -0
- package/src/exports/b.ts +25 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/TextArea/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/TextArea/v1/index.d.ts.map +1 -0
- package/types/TextArea/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/TextArea/v1/props.d.ts.map +1 -0
- package/types/TextArea/v1/styles.d.ts.map +1 -0
- package/types/TextArea/v1/theme.d.ts.map +1 -0
- package/types/TextArea/v2/index.d.ts +84 -0
- package/types/TextArea/v2/index.d.ts.map +1 -0
- package/types/TextArea/v2/props.d.ts +92 -0
- package/types/TextArea/v2/props.d.ts.map +1 -0
- package/types/TextArea/v2/styles.d.ts +21 -0
- package/types/TextArea/v2/styles.d.ts.map +1 -0
- package/types/TextArea/v2/theme.d.ts +10 -0
- package/types/TextArea/v2/theme.d.ts.map +1 -0
- package/types/exports/a.d.ts +3 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +3 -0
- package/types/exports/b.d.ts.map +1 -0
- package/types/TextArea/index.d.ts.map +0 -1
- package/types/TextArea/props.d.ts.map +0 -1
- package/types/TextArea/styles.d.ts.map +0 -1
- package/types/TextArea/theme.d.ts.map +0 -1
- package/types/index.d.ts +0 -3
- package/types/index.d.ts.map +0 -1
- /package/es/TextArea/{props.js → v1/props.js} +0 -0
- /package/es/TextArea/{styles.js → v1/styles.js} +0 -0
- /package/es/TextArea/{theme.js → v1/theme.js} +0 -0
- /package/lib/TextArea/{props.js → v1/props.js} +0 -0
- /package/lib/TextArea/{styles.js → v1/styles.js} +0 -0
- /package/lib/TextArea/{theme.js → v1/theme.js} +0 -0
- /package/src/TextArea/{README.md → v1/README.md} +0 -0
- /package/src/TextArea/{theme.ts → v1/theme.ts} +0 -0
- /package/types/TextArea/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/TextArea/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -17,7 +17,7 @@ declare class TextArea extends Component<TextAreaProps> {
|
|
|
17
17
|
width?: string;
|
|
18
18
|
height?: string;
|
|
19
19
|
maxHeight?: number | string;
|
|
20
|
-
messages?: import("@instructure/ui-form-field").FormMessage[];
|
|
20
|
+
messages?: import("@instructure/ui-form-field/v11_6").FormMessage[];
|
|
21
21
|
inline?: boolean;
|
|
22
22
|
placeholder?: string;
|
|
23
23
|
disabled?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAsB3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C;;;;GAIG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;MAUlB;IAED,OAAO,CAAC,SAAS,CAAC,CAAoB;IACtC,OAAO,CAAC,QAAQ,CAAC,CAA2B;IAC5C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,uBAAuB,CAAC,CAAgB;IAChD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,OAAO,CAAC,CAAQ;IACxB,OAAO,CAAC,gBAAgB,CAAQ;IAChC,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,aAAa,CAAC,CAAgB;IAEtC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,aAAa;IAqBhC,iBAAiB;IAuBjB,kBAAkB;IAKlB,oBAAoB;IAsBpB,eAAe,aASd;IAED,QAAQ;IAgCR,IAAI,aA4CH;IAED,KAAK;IAIL,YAAY,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,UAgB5D;IAED,kBAAkB,GAAI,MAAM,cAAc,GAAG,IAAI,UAEhD;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,WAEL;IAED,IAAI,OAAO,YAEV;IAED,IAAI,KAAK,WAER;IAED,MAAM;CAyGP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TextareaHTMLAttributes } from 'react';
|
|
3
3
|
import type { OtherHTMLAttributes, TextAreaTheme, PickPropsWithExceptions } from '@instructure/shared-types';
|
|
4
|
-
import type { FormMessage, FormFieldOwnProps } from '@instructure/ui-form-field';
|
|
4
|
+
import type { FormMessage, FormFieldOwnProps } from '@instructure/ui-form-field/v11_6';
|
|
5
5
|
import type { WithStyleProps, ComponentStyle, Spacing } from '@instructure/emotion';
|
|
6
6
|
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
7
7
|
type TextAreaOwnProps = {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACtF,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,OAAO,EACR,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAElE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAEhB,uBAAuB,CACrB,iBAAiB,EACjB,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,YAAY,CACzC,GACC,gBAAgB,GAChB,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,GAC5C,mBAAmB,CACjB,gBAAgB,EAChB,sBAAsB,CAAC,gBAAgB,GAAG,OAAO,CAAC,CACnD,GACD,wBAAwB,CAAA;AAE5B,KAAK,aAAa,GAAG,cAAc,CACjC,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CACtE,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAqBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,aAAa,EAC7B,OAAO,aAAa,KACnB,aAqFF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,aAoD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
export type TextAreaElement = {
|
|
2
|
+
focus: () => void;
|
|
3
|
+
readonly value: string;
|
|
4
|
+
readonly minHeight: string;
|
|
5
|
+
readonly focused: boolean;
|
|
6
|
+
readonly invalid: boolean;
|
|
7
|
+
readonly id: string;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
---
|
|
11
|
+
category: components
|
|
12
|
+
---
|
|
13
|
+
**/
|
|
14
|
+
declare const TextArea: import("react").ForwardRefExoticComponent<import("@instructure/shared-types").PickPropsWithExceptions<import("@instructure/ui-form-field/latest").FormFieldOwnProps, "inline" | "label" | "id" | "elementRef"> & {
|
|
15
|
+
label: React.ReactNode;
|
|
16
|
+
id?: string;
|
|
17
|
+
size?: "small" | "medium" | "large";
|
|
18
|
+
layout?: "stacked" | "inline";
|
|
19
|
+
autoGrow?: boolean;
|
|
20
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
21
|
+
width?: string;
|
|
22
|
+
height?: string;
|
|
23
|
+
maxHeight?: number | string;
|
|
24
|
+
messages?: import("@instructure/ui-form-field/latest").FormMessage[];
|
|
25
|
+
inline?: boolean;
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
readOnly?: boolean;
|
|
29
|
+
required?: boolean;
|
|
30
|
+
textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
|
|
31
|
+
defaultValue?: string;
|
|
32
|
+
value?: string;
|
|
33
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
34
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
35
|
+
} & {
|
|
36
|
+
themeOverride?: import("@instructure/emotion").ThemeOverrideValue;
|
|
37
|
+
} & Omit<import("react").TextareaHTMLAttributes<{
|
|
38
|
+
label: React.ReactNode;
|
|
39
|
+
id?: string;
|
|
40
|
+
size?: "small" | "medium" | "large";
|
|
41
|
+
layout?: "stacked" | "inline";
|
|
42
|
+
autoGrow?: boolean;
|
|
43
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
44
|
+
width?: string;
|
|
45
|
+
height?: string;
|
|
46
|
+
maxHeight?: number | string;
|
|
47
|
+
messages?: import("@instructure/ui-form-field/latest").FormMessage[];
|
|
48
|
+
inline?: boolean;
|
|
49
|
+
placeholder?: string;
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
readOnly?: boolean;
|
|
52
|
+
required?: boolean;
|
|
53
|
+
textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
|
|
54
|
+
defaultValue?: string;
|
|
55
|
+
value?: string;
|
|
56
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
57
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
58
|
+
} & Element>, "dir" | keyof {
|
|
59
|
+
label: React.ReactNode;
|
|
60
|
+
id?: string;
|
|
61
|
+
size?: "small" | "medium" | "large";
|
|
62
|
+
layout?: "stacked" | "inline";
|
|
63
|
+
autoGrow?: boolean;
|
|
64
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
65
|
+
width?: string;
|
|
66
|
+
height?: string;
|
|
67
|
+
maxHeight?: number | string;
|
|
68
|
+
messages?: import("@instructure/ui-form-field/latest").FormMessage[];
|
|
69
|
+
inline?: boolean;
|
|
70
|
+
placeholder?: string;
|
|
71
|
+
disabled?: boolean;
|
|
72
|
+
readOnly?: boolean;
|
|
73
|
+
required?: boolean;
|
|
74
|
+
textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
|
|
75
|
+
defaultValue?: string;
|
|
76
|
+
value?: string;
|
|
77
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
78
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
79
|
+
}> & {
|
|
80
|
+
dir?: "ltr" | "rtl";
|
|
81
|
+
} & import("@instructure/ui-react-utils").WithDeterministicIdProps & import("react").RefAttributes<TextAreaElement>>;
|
|
82
|
+
export default TextArea;
|
|
83
|
+
export { TextArea };
|
|
84
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v2/index.tsx"],"names":[],"mappings":"AAwDA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAsWZ,CAAA;AAIF,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TextareaHTMLAttributes } from 'react';
|
|
3
|
+
import type { OtherHTMLAttributes, PickPropsWithExceptions } from '@instructure/shared-types';
|
|
4
|
+
import type { FormMessage, FormFieldOwnProps } from '@instructure/ui-form-field/latest';
|
|
5
|
+
import type { ComponentStyle, Spacing, ThemeOverrideValue } from '@instructure/emotion';
|
|
6
|
+
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
7
|
+
type TextAreaOwnProps = {
|
|
8
|
+
label: React.ReactNode;
|
|
9
|
+
id?: string;
|
|
10
|
+
/**
|
|
11
|
+
* sets the font-size for the textarea
|
|
12
|
+
*/
|
|
13
|
+
size?: 'small' | 'medium' | 'large';
|
|
14
|
+
layout?: 'stacked' | 'inline';
|
|
15
|
+
/**
|
|
16
|
+
* the textarea will expand vertically to fit the height of the content,
|
|
17
|
+
* unless its content exceeds `maxHeight`
|
|
18
|
+
*/
|
|
19
|
+
autoGrow?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* is the textarea resizable (in supported browsers)
|
|
22
|
+
*/
|
|
23
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
24
|
+
/**
|
|
25
|
+
* a fixed width for the textarea
|
|
26
|
+
*/
|
|
27
|
+
width?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Initial height for the textarea (if autoGrow is true it will grow vertically)
|
|
30
|
+
* Accepts CSS units, e.g. '55px'
|
|
31
|
+
*/
|
|
32
|
+
height?: string;
|
|
33
|
+
/**
|
|
34
|
+
* when autoGrow is true, the textarea will never grow beyond this value
|
|
35
|
+
*/
|
|
36
|
+
maxHeight?: number | string;
|
|
37
|
+
/**
|
|
38
|
+
* Array of objects with shape: `{
|
|
39
|
+
* text: React.ReactNode,
|
|
40
|
+
* type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
|
|
41
|
+
* }`
|
|
42
|
+
*/
|
|
43
|
+
messages?: FormMessage[];
|
|
44
|
+
inline?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Html placeholder text to display when the input has no value. This should be hint text, not a label
|
|
47
|
+
* replacement.
|
|
48
|
+
*/
|
|
49
|
+
placeholder?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Whether or not to disable the textarea
|
|
52
|
+
*/
|
|
53
|
+
disabled?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Works just like disabled but keeps the same styles as if it were active
|
|
56
|
+
*/
|
|
57
|
+
readOnly?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Sets the required property on the underlying native textArea
|
|
60
|
+
*/
|
|
61
|
+
required?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* a function that provides a reference to the actual textarea element
|
|
64
|
+
*/
|
|
65
|
+
textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
|
|
66
|
+
/**
|
|
67
|
+
* value to set on initial render
|
|
68
|
+
*/
|
|
69
|
+
defaultValue?: string;
|
|
70
|
+
/**
|
|
71
|
+
* the selected value (must be accompanied by an `onChange` prop)
|
|
72
|
+
*/
|
|
73
|
+
value?: string;
|
|
74
|
+
/**
|
|
75
|
+
* when used with the `value` prop, the component will not control its own state
|
|
76
|
+
*/
|
|
77
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
78
|
+
/**
|
|
79
|
+
* Margin around the component. Accepts a `Spacing` token. See token values and example usage in [this guide](https://instructure.design/#layout-spacing).
|
|
80
|
+
*/
|
|
81
|
+
margin?: Spacing;
|
|
82
|
+
};
|
|
83
|
+
type PropKeys = keyof TextAreaOwnProps;
|
|
84
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
85
|
+
type TextAreaProps = PickPropsWithExceptions<FormFieldOwnProps, 'label' | 'inline' | 'id' | 'elementRef'> & TextAreaOwnProps & {
|
|
86
|
+
themeOverride?: ThemeOverrideValue;
|
|
87
|
+
} & OtherHTMLAttributes<TextAreaOwnProps, TextareaHTMLAttributes<TextAreaOwnProps & Element>> & WithDeterministicIdProps;
|
|
88
|
+
type TextAreaStyle = ComponentStyle<'textArea' | 'textAreaLayout'>;
|
|
89
|
+
declare const allowedProps: AllowedPropKeys;
|
|
90
|
+
export type { TextAreaProps, TextAreaStyle };
|
|
91
|
+
export { allowedProps };
|
|
92
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACvF,OAAO,KAAK,EACV,cAAc,EACd,OAAO,EACP,kBAAkB,EACnB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAElE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAEhB,uBAAuB,CACrB,iBAAiB,EACjB,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,YAAY,CACzC,GACC,gBAAgB,GAAG;IACjB,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC,GAAG,mBAAmB,CACrB,gBAAgB,EAChB,sBAAsB,CAAC,gBAAgB,GAAG,OAAO,CAAC,CACnD,GACD,wBAAwB,CAAA;AAE5B,KAAK,aAAa,GAAG,cAAc,CAAC,UAAU,GAAG,gBAAgB,CAAC,CAAA;AAClE,QAAA,MAAM,YAAY,EAAE,eAqBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { TextAreaProps, TextAreaStyle } from './props';
|
|
2
|
+
import { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
3
|
+
type StyleParams = {
|
|
4
|
+
disabled: TextAreaProps['disabled'];
|
|
5
|
+
readOnly: TextAreaProps['readOnly'];
|
|
6
|
+
size: TextAreaProps['size'];
|
|
7
|
+
success: boolean;
|
|
8
|
+
invalid: boolean;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* ---
|
|
12
|
+
* private: true
|
|
13
|
+
* ---
|
|
14
|
+
* Generates the style object from the theme and provided additional information
|
|
15
|
+
* @param {Object} componentTheme The theme variable object.
|
|
16
|
+
* @param {Object} params Additional parameters to customize the style.
|
|
17
|
+
* @return {Object} The final style object, which will be used in the component
|
|
18
|
+
*/
|
|
19
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["TextArea"], params: StyleParams, sharedTokens: SharedTokens) => TextAreaStyle;
|
|
20
|
+
export default generateStyle;
|
|
21
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGxE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACnC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACnC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,UAAU,CAAC,EAC7C,QAAQ,WAAW,EACnB,cAAc,YAAY,KACzB,aAwGF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Theme } from '@instructure/ui-themes';
|
|
2
|
+
import { TextAreaTheme } from '@instructure/shared-types';
|
|
3
|
+
/**
|
|
4
|
+
* Generates the theme object for the component from the theme and provided additional information
|
|
5
|
+
* @param {Object} theme The actual theme object.
|
|
6
|
+
* @return {Object} The final theme object with the overrides and component variables
|
|
7
|
+
*/
|
|
8
|
+
declare const generateComponentTheme: (theme: Theme) => TextAreaTheme;
|
|
9
|
+
export default generateComponentTheme;
|
|
10
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/TextArea/v2/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,aAoD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextArea/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAsB3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C;;;;GAIG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;MAUlB;IAED,OAAO,CAAC,SAAS,CAAC,CAAoB;IACtC,OAAO,CAAC,QAAQ,CAAC,CAA2B;IAC5C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,uBAAuB,CAAC,CAAgB;IAChD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,OAAO,CAAC,CAAQ;IACxB,OAAO,CAAC,gBAAgB,CAAQ;IAChC,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,aAAa,CAAC,CAAgB;IAEtC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,aAAa;IAqBhC,iBAAiB;IAuBjB,kBAAkB;IAKlB,oBAAoB;IAsBpB,eAAe,aASd;IAED,QAAQ;IAgCR,IAAI,aA4CH;IAED,KAAK;IAIL,YAAY,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,UAgB5D;IAED,kBAAkB,GAAI,MAAM,cAAc,GAAG,IAAI,UAEhD;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,WAEL;IAED,IAAI,OAAO,YAEV;IAED,IAAI,KAAK,WAER;IAED,MAAM;CAyGP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/TextArea/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAChF,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,OAAO,EACR,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAElE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAEhB,uBAAuB,CACrB,iBAAiB,EACjB,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,YAAY,CACzC,GACC,gBAAgB,GAChB,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,GAC5C,mBAAmB,CACjB,gBAAgB,EAChB,sBAAsB,CAAC,gBAAgB,GAAG,OAAO,CAAC,CACnD,GACD,wBAAwB,CAAA;AAE5B,KAAK,aAAa,GAAG,cAAc,CACjC,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CACtE,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAqBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TextArea/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,aAAa,EAC7B,OAAO,aAAa,KACnB,aAoFF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/TextArea/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,aAoD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
package/types/index.d.ts
DELETED
package/types/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|