@instructure/ui-form-field 8.8.1-snapshot.8 → 8.9.0
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 +6 -0
- package/es/FormField/index.js +4 -31
- package/es/FormField/props.js +51 -0
- package/es/FormFieldGroup/index.js +3 -39
- package/es/FormFieldGroup/props.js +55 -0
- package/es/FormFieldLabel/index.js +3 -10
- package/{src/FormFieldMessage/types.ts → es/FormFieldLabel/props.js} +7 -8
- package/es/FormFieldLayout/index.js +4 -45
- package/es/FormFieldLayout/props.js +59 -0
- package/es/FormFieldMessage/index.js +3 -10
- package/{src/FormFieldLabel/types.ts → es/FormFieldMessage/props.js} +7 -10
- package/es/FormFieldMessages/index.js +4 -20
- package/{src/FormField/types.ts → es/FormFieldMessages/props.js} +13 -16
- package/lib/FormField/index.js +5 -35
- package/lib/FormField/props.js +63 -0
- package/lib/FormFieldGroup/index.js +4 -41
- package/lib/FormFieldGroup/props.js +67 -0
- package/lib/FormFieldLabel/index.js +4 -11
- package/{src/FormFieldMessages/types.ts → lib/FormFieldLabel/props.js} +18 -8
- package/lib/FormFieldLayout/index.js +5 -47
- package/lib/FormFieldLayout/props.js +71 -0
- package/lib/FormFieldMessage/index.js +4 -11
- package/{src/FormFieldLayout/types.ts → lib/FormFieldMessage/props.js} +18 -20
- package/lib/FormFieldMessages/index.js +5 -22
- package/lib/FormFieldMessages/props.js +48 -0
- package/package.json +15 -16
- package/src/FormField/index.tsx +6 -31
- package/src/FormField/props.ts +91 -0
- package/src/FormFieldGroup/index.tsx +6 -38
- package/src/FormFieldGroup/props.ts +98 -0
- package/src/FormFieldGroup/styles.ts +1 -1
- package/src/FormFieldLabel/index.tsx +6 -12
- package/src/{FormFieldGroup/types.ts → FormFieldLabel/props.ts} +20 -16
- package/src/FormFieldLabel/styles.ts +1 -1
- package/src/FormFieldLayout/index.tsx +7 -43
- package/src/FormFieldLayout/props.ts +97 -0
- package/src/FormFieldLayout/styles.ts +1 -1
- package/src/FormFieldMessage/index.tsx +6 -12
- package/src/FormFieldMessage/props.ts +50 -0
- package/src/FormFieldMessage/styles.ts +1 -1
- package/src/FormFieldMessages/index.tsx +8 -22
- package/src/FormFieldMessages/props.ts +56 -0
- package/src/index.ts +6 -6
- package/types/FormField/index.d.ts +28 -32
- package/types/FormField/index.d.ts.map +1 -1
- package/types/FormField/props.d.ts +24 -0
- package/types/FormField/props.d.ts.map +1 -0
- package/types/FormFieldGroup/index.d.ts +27 -36
- package/types/FormFieldGroup/index.d.ts.map +1 -1
- package/types/FormFieldGroup/props.d.ts +28 -0
- package/types/FormFieldGroup/props.d.ts.map +1 -0
- package/types/FormFieldGroup/styles.d.ts +1 -1
- package/types/FormFieldLabel/index.d.ts +9 -8
- package/types/FormFieldLabel/index.d.ts.map +1 -1
- package/types/FormFieldLabel/props.d.ts +15 -0
- package/types/FormFieldLabel/props.d.ts.map +1 -0
- package/types/FormFieldLabel/styles.d.ts +1 -1
- package/types/FormFieldLayout/index.d.ts +27 -40
- package/types/FormFieldLayout/index.d.ts.map +1 -1
- package/types/FormFieldLayout/props.d.ts +25 -0
- package/types/FormFieldLayout/props.d.ts.map +1 -0
- package/types/FormFieldLayout/styles.d.ts +1 -1
- package/types/FormFieldMessage/index.d.ts +9 -8
- package/types/FormFieldMessage/index.d.ts.map +1 -1
- package/types/FormFieldMessage/props.d.ts +16 -0
- package/types/FormFieldMessage/props.d.ts.map +1 -0
- package/types/FormFieldMessage/styles.d.ts +1 -1
- package/types/FormFieldMessages/index.d.ts +4 -19
- package/types/FormFieldMessages/index.d.ts.map +1 -1
- package/types/FormFieldMessages/props.d.ts +14 -0
- package/types/FormFieldMessages/props.d.ts.map +1 -0
- package/types/index.d.ts +6 -6
- package/LICENSE.md +0 -27
- package/es/FormField/types.js +0 -1
- package/es/FormFieldGroup/types.js +0 -1
- package/es/FormFieldLabel/types.js +0 -1
- package/es/FormFieldLayout/types.js +0 -1
- package/es/FormFieldMessage/types.js +0 -1
- package/es/FormFieldMessages/types.js +0 -1
- package/lib/FormField/types.js +0 -1
- package/lib/FormFieldGroup/types.js +0 -1
- package/lib/FormFieldLabel/types.js +0 -1
- package/lib/FormFieldLayout/types.js +0 -1
- package/lib/FormFieldMessage/types.js +0 -1
- package/lib/FormFieldMessages/types.js +0 -1
- package/types/FormField/types.d.ts +0 -15
- package/types/FormField/types.d.ts.map +0 -1
- package/types/FormFieldGroup/types.d.ts +0 -21
- package/types/FormFieldGroup/types.d.ts.map +0 -1
- package/types/FormFieldLabel/types.d.ts +0 -9
- package/types/FormFieldLabel/types.d.ts.map +0 -1
- package/types/FormFieldLayout/types.d.ts +0 -19
- package/types/FormFieldLayout/types.d.ts.map +0 -1
- package/types/FormFieldMessage/types.d.ts +0 -7
- package/types/FormFieldMessage/types.d.ts.map +0 -1
- package/types/FormFieldMessages/types.d.ts +0 -7
- package/types/FormFieldMessages/types.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormField/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,aAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC5B,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAC5C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAqBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import { jsx } from '@instructure/emotion';
|
|
5
|
-
import { FormFieldGroupProps, FormFieldGroupStyleProps } from './
|
|
4
|
+
import type { FormFieldGroupProps, FormFieldGroupStyleProps } from './props';
|
|
6
5
|
/**
|
|
7
6
|
---
|
|
8
7
|
category: components
|
|
@@ -10,42 +9,34 @@ category: components
|
|
|
10
9
|
**/
|
|
11
10
|
declare class FormFieldGroup extends Component<FormFieldGroupProps> {
|
|
12
11
|
static readonly componentId = "FormFieldGroup";
|
|
13
|
-
static propTypes: {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
colSpacing: PropTypes.Requireable<string>;
|
|
40
|
-
vAlign: PropTypes.Requireable<string>;
|
|
41
|
-
startAt: PropTypes.Requireable<string | null>;
|
|
42
|
-
};
|
|
12
|
+
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
13
|
+
description: import("react").ReactNode;
|
|
14
|
+
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
15
|
+
messages?: import("..").FormMessage[] | undefined;
|
|
16
|
+
messagesId?: string | undefined;
|
|
17
|
+
disabled?: boolean | undefined;
|
|
18
|
+
children?: import("react").ReactNode;
|
|
19
|
+
layout?: "columns" | "inline" | "stacked" | undefined;
|
|
20
|
+
rowSpacing?: "small" | "none" | "medium" | "large" | undefined;
|
|
21
|
+
colSpacing?: "small" | "none" | "medium" | "large" | undefined;
|
|
22
|
+
vAlign?: "middle" | "bottom" | "top" | undefined;
|
|
23
|
+
startAt?: any;
|
|
24
|
+
}>;
|
|
25
|
+
static allowedProps: readonly (keyof {
|
|
26
|
+
description: import("react").ReactNode;
|
|
27
|
+
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
28
|
+
messages?: import("..").FormMessage[] | undefined;
|
|
29
|
+
messagesId?: string | undefined;
|
|
30
|
+
disabled?: boolean | undefined;
|
|
31
|
+
children?: import("react").ReactNode;
|
|
32
|
+
layout?: "columns" | "inline" | "stacked" | undefined;
|
|
33
|
+
rowSpacing?: "small" | "none" | "medium" | "large" | undefined;
|
|
34
|
+
colSpacing?: "small" | "none" | "medium" | "large" | undefined;
|
|
35
|
+
vAlign?: "middle" | "bottom" | "top" | undefined;
|
|
36
|
+
startAt?: any;
|
|
37
|
+
})[];
|
|
43
38
|
static defaultProps: {
|
|
44
39
|
children: null;
|
|
45
|
-
layout: undefined;
|
|
46
|
-
startAt: undefined;
|
|
47
|
-
messages: undefined;
|
|
48
|
-
messagesId: undefined;
|
|
49
40
|
as: string;
|
|
50
41
|
disabled: boolean;
|
|
51
42
|
rowSpacing: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE5E;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,mBAAmB,IAAI,wBAAwB,CAElD;IAED,IAAI,OAAO,YAOV;IAED,aAAa;IAcb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CAkBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AsElementType, PropValidators } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps } from '@instructure/emotion';
|
|
4
|
+
import type { FormMessage } from '../FormPropTypes';
|
|
5
|
+
declare type FormFieldGroupOwnProps = {
|
|
6
|
+
description: React.ReactNode;
|
|
7
|
+
as?: AsElementType;
|
|
8
|
+
messages?: FormMessage[];
|
|
9
|
+
messagesId?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
layout?: 'stacked' | 'columns' | 'inline';
|
|
13
|
+
rowSpacing?: 'none' | 'small' | 'medium' | 'large';
|
|
14
|
+
colSpacing?: 'none' | 'small' | 'medium' | 'large';
|
|
15
|
+
vAlign?: 'top' | 'middle' | 'bottom';
|
|
16
|
+
startAt?: any;
|
|
17
|
+
};
|
|
18
|
+
declare type FormFieldGroupStyleProps = {
|
|
19
|
+
invalid: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare type PropKeys = keyof FormFieldGroupOwnProps;
|
|
22
|
+
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
23
|
+
declare type FormFieldGroupProps = FormFieldGroupOwnProps & WithStyleProps;
|
|
24
|
+
declare const propTypes: PropValidators<PropKeys>;
|
|
25
|
+
declare const allowedProps: AllowedPropKeys;
|
|
26
|
+
export type { FormFieldGroupProps, FormFieldGroupStyleProps };
|
|
27
|
+
export { propTypes, allowedProps };
|
|
28
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,aAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,aAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAAG,cAAc,CAAA;AAElE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import { jsx } from '@instructure/emotion';
|
|
5
|
-
import { FormFieldLabelProps } from './
|
|
4
|
+
import type { FormFieldLabelProps } from './props';
|
|
6
5
|
/**
|
|
7
6
|
---
|
|
8
7
|
parent: FormField
|
|
@@ -21,12 +20,14 @@ example: true
|
|
|
21
20
|
**/
|
|
22
21
|
declare class FormFieldLabel extends Component<FormFieldLabelProps> {
|
|
23
22
|
static readonly componentId = "FormFieldLabel";
|
|
24
|
-
static propTypes: {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
24
|
+
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
25
|
+
children: import("react").ReactNode;
|
|
26
|
+
}>;
|
|
27
|
+
static allowedProps: readonly (keyof {
|
|
28
|
+
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
29
|
+
children: import("react").ReactNode;
|
|
30
|
+
})[];
|
|
30
31
|
static defaultProps: {
|
|
31
32
|
readonly as: "span";
|
|
32
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLabel/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLabel/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;;;;;;;;;;GAeG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAET;IAEV,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAcP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AsElementType, PropValidators } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps } from '@instructure/emotion';
|
|
4
|
+
declare type FormFieldLabelOwnProps = {
|
|
5
|
+
as?: AsElementType;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
declare type PropKeys = keyof FormFieldLabelOwnProps;
|
|
9
|
+
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
10
|
+
declare type FormFieldLabelProps = FormFieldLabelOwnProps & WithStyleProps;
|
|
11
|
+
declare const propTypes: PropValidators<PropKeys>;
|
|
12
|
+
declare const allowedProps: AllowedPropKeys;
|
|
13
|
+
export type { FormFieldLabelProps };
|
|
14
|
+
export { propTypes, allowedProps };
|
|
15
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldLabel/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAAG,cAAc,CAAA;AAElE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import { jsx } from '@instructure/emotion';
|
|
5
|
-
import { FormFieldLayoutProps } from './
|
|
4
|
+
import type { FormFieldLayoutProps } from './props';
|
|
6
5
|
/**
|
|
7
6
|
---
|
|
8
7
|
parent: FormField
|
|
@@ -10,50 +9,38 @@ parent: FormField
|
|
|
10
9
|
**/
|
|
11
10
|
declare class FormFieldLayout extends Component<FormFieldLayoutProps> {
|
|
12
11
|
static readonly componentId = "FormFieldLayout";
|
|
13
|
-
static propTypes: {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
readonly children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
40
|
-
readonly inline: PropTypes.Requireable<boolean>;
|
|
41
|
-
readonly layout: PropTypes.Requireable<string>;
|
|
42
|
-
readonly labelAlign: PropTypes.Requireable<string>;
|
|
43
|
-
readonly width: PropTypes.Requireable<string>;
|
|
44
|
-
readonly inputContainerRef: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
|
-
};
|
|
12
|
+
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
13
|
+
label: import("react").ReactNode;
|
|
14
|
+
id?: string | undefined;
|
|
15
|
+
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
16
|
+
messages?: import("..").FormMessage[] | undefined;
|
|
17
|
+
messagesId?: string | undefined;
|
|
18
|
+
children?: import("react").ReactNode;
|
|
19
|
+
inline?: boolean | undefined;
|
|
20
|
+
layout?: "inline" | "stacked" | undefined;
|
|
21
|
+
labelAlign?: "end" | "start" | undefined;
|
|
22
|
+
width?: string | undefined;
|
|
23
|
+
inputContainerRef?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
}>;
|
|
25
|
+
static allowedProps: readonly (keyof {
|
|
26
|
+
label: import("react").ReactNode;
|
|
27
|
+
id?: string | undefined;
|
|
28
|
+
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
29
|
+
messages?: import("..").FormMessage[] | undefined;
|
|
30
|
+
messagesId?: string | undefined;
|
|
31
|
+
children?: import("react").ReactNode;
|
|
32
|
+
inline?: boolean | undefined;
|
|
33
|
+
layout?: "inline" | "stacked" | undefined;
|
|
34
|
+
labelAlign?: "end" | "start" | undefined;
|
|
35
|
+
width?: string | undefined;
|
|
36
|
+
inputContainerRef?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
})[];
|
|
46
38
|
static defaultProps: {
|
|
47
|
-
readonly id: undefined;
|
|
48
|
-
readonly width: undefined;
|
|
49
|
-
readonly messages: undefined;
|
|
50
|
-
readonly messagesId: undefined;
|
|
51
39
|
readonly children: null;
|
|
52
40
|
readonly inline: false;
|
|
53
41
|
readonly layout: "stacked";
|
|
54
42
|
readonly as: "label";
|
|
55
43
|
readonly labelAlign: "end";
|
|
56
|
-
readonly inputContainerRef: undefined;
|
|
57
44
|
};
|
|
58
45
|
constructor(props: any);
|
|
59
46
|
componentDidMount(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AACH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMT;gBAGE,KAAK,KAAA;IAejB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,eAAe,wCAElB;IAED,IAAI,WAAW,wBAEd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,uBAAuB,wBAG1B;IAGD,uBAAuB,sBAItB;IAED,WAAW;IAsBX,YAAY;IAaZ,qBAAqB;IAkBrB,MAAM;CAyCP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AsElementType, PropValidators } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps } from '@instructure/emotion';
|
|
4
|
+
import type { FormMessage } from '../FormPropTypes';
|
|
5
|
+
declare type FormFieldLayoutOwnProps = {
|
|
6
|
+
label: React.ReactNode;
|
|
7
|
+
id?: string;
|
|
8
|
+
as?: AsElementType;
|
|
9
|
+
messages?: FormMessage[];
|
|
10
|
+
messagesId?: string;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
inline?: boolean;
|
|
13
|
+
layout?: 'stacked' | 'inline';
|
|
14
|
+
labelAlign?: 'start' | 'end';
|
|
15
|
+
width?: string;
|
|
16
|
+
inputContainerRef?: (...args: any[]) => any;
|
|
17
|
+
};
|
|
18
|
+
declare type PropKeys = keyof FormFieldLayoutOwnProps;
|
|
19
|
+
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
20
|
+
declare type FormFieldLayoutProps = FormFieldLayoutOwnProps & WithStyleProps;
|
|
21
|
+
declare const propTypes: PropValidators<PropKeys>;
|
|
22
|
+
declare const allowedProps: AllowedPropKeys;
|
|
23
|
+
export type { FormFieldLayoutProps };
|
|
24
|
+
export { propTypes, allowedProps };
|
|
25
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,aAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAC5C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,oBAAoB,GAAG,uBAAuB,GAAG,cAAc,CAAA;AAEpE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import { jsx } from '@instructure/emotion';
|
|
5
|
-
import { FormFieldMessageProps } from './
|
|
4
|
+
import type { FormFieldMessageProps } from './props';
|
|
6
5
|
/**
|
|
7
6
|
---
|
|
8
7
|
parent: FormField
|
|
@@ -20,12 +19,14 @@ example: true
|
|
|
20
19
|
**/
|
|
21
20
|
declare class FormFieldMessage extends Component<FormFieldMessageProps> {
|
|
22
21
|
static readonly componentId = "FormFieldMessage";
|
|
23
|
-
static propTypes: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
23
|
+
variant?: import("..").FormMessageType | undefined;
|
|
24
|
+
children?: import("react").ReactNode;
|
|
25
|
+
}>;
|
|
26
|
+
static allowedProps: readonly (keyof {
|
|
27
|
+
variant?: import("..").FormMessageType | undefined;
|
|
28
|
+
children?: import("react").ReactNode;
|
|
29
|
+
})[];
|
|
29
30
|
static defaultProps: {
|
|
30
31
|
variant: string;
|
|
31
32
|
children: null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;;;;;;;;;;;;;GAcG;AACH,cACM,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAAqB;IAEhD,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CASP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { PropValidators } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps } from '@instructure/emotion';
|
|
4
|
+
import type { FormMessageType } from '../FormPropTypes';
|
|
5
|
+
declare type FormFieldMessageOwnProps = {
|
|
6
|
+
variant?: FormMessageType;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
declare type PropKeys = keyof FormFieldMessageOwnProps;
|
|
10
|
+
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
11
|
+
declare type FormFieldMessageProps = FormFieldMessageOwnProps & WithStyleProps;
|
|
12
|
+
declare const propTypes: PropValidators<PropKeys>;
|
|
13
|
+
declare const allowedProps: AllowedPropKeys;
|
|
14
|
+
export type { FormFieldMessageProps };
|
|
15
|
+
export { propTypes, allowedProps };
|
|
16
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,aAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GAAG,cAAc,CAAA;AAEtE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,qBAAqB,EAAE,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Component } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import { jsx } from '@instructure/emotion';
|
|
5
|
-
import { FormFieldMessagesProps } from './
|
|
4
|
+
import type { FormFieldMessagesProps } from './props';
|
|
6
5
|
/**
|
|
7
6
|
---
|
|
8
7
|
parent: FormField
|
|
@@ -23,23 +22,9 @@ example: true
|
|
|
23
22
|
**/
|
|
24
23
|
declare class FormFieldMessages extends Component<FormFieldMessagesProps> {
|
|
25
24
|
static readonly componentId = "FormFieldMessages";
|
|
26
|
-
static propTypes:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* object with shape: `{
|
|
31
|
-
* text: PropTypes.string,
|
|
32
|
-
* type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
|
|
33
|
-
* }`
|
|
34
|
-
*/
|
|
35
|
-
messages: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
36
|
-
text: PropTypes.Requireable<string>;
|
|
37
|
-
type: PropTypes.Requireable<string>;
|
|
38
|
-
}> | null | undefined)[]>;
|
|
39
|
-
};
|
|
40
|
-
static defaultProps: {
|
|
41
|
-
messages: undefined;
|
|
42
|
-
};
|
|
25
|
+
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"messages">;
|
|
26
|
+
static allowedProps: readonly "messages"[];
|
|
27
|
+
static defaultProps: {};
|
|
43
28
|
componentDidMount(): void;
|
|
44
29
|
componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
|
|
45
30
|
render(): jsx.JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessages/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessages/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,iBAAkB,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IAC/D,MAAM,CAAC,QAAQ,CAAC,WAAW,uBAAsB;IAEjD,MAAM,CAAC,SAAS,oFAAY;IAC5B,MAAM,CAAC,YAAY,wBAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAExB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAkBP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { PropValidators } from '@instructure/shared-types';
|
|
2
|
+
import type { WithStyleProps } from '@instructure/emotion';
|
|
3
|
+
import type { FormMessage } from '../FormPropTypes';
|
|
4
|
+
declare type FormFieldMessagesOwnProps = {
|
|
5
|
+
messages?: FormMessage[];
|
|
6
|
+
};
|
|
7
|
+
declare type PropKeys = keyof FormFieldMessagesOwnProps;
|
|
8
|
+
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
9
|
+
declare type FormFieldMessagesProps = FormFieldMessagesOwnProps & WithStyleProps;
|
|
10
|
+
declare const propTypes: PropValidators<PropKeys>;
|
|
11
|
+
declare const allowedProps: AllowedPropKeys;
|
|
12
|
+
export type { FormFieldMessagesProps };
|
|
13
|
+
export { propTypes, allowedProps };
|
|
14
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessages/props.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,aAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;CACzB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,yBAAyB,CAAA;AAE/C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,sBAAsB,GAAG,yBAAyB,GAAG,cAAc,CAAA;AAExE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAA8B,CAAA;AAElD,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|