@patternfly/react-core 4.223.2 → 4.223.3
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 +8 -0
- package/dist/esm/components/Form/FormGroup.d.ts +4 -2
- package/dist/esm/components/Form/FormGroup.d.ts.map +1 -1
- package/dist/esm/components/Form/FormGroup.js +4 -3
- package/dist/esm/components/Form/FormGroup.js.map +1 -1
- package/dist/js/components/Form/FormGroup.d.ts +4 -2
- package/dist/js/components/Form/FormGroup.d.ts.map +1 -1
- package/dist/js/components/Form/FormGroup.js +4 -3
- package/dist/js/components/Form/FormGroup.js.map +1 -1
- package/dist/umd/react-core.js +3 -3
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +6 -6
- package/src/components/Form/FormGroup.tsx +40 -29
- package/src/components/Form/examples/Form.md +12 -1271
- package/src/components/Form/examples/FormBasic.tsx +122 -0
- package/src/components/Form/examples/FormFieldGroups.tsx +324 -0
- package/src/components/Form/examples/FormGrid.tsx +66 -0
- package/src/components/Form/examples/FormGroupLabelInfo.tsx +72 -0
- package/src/components/Form/examples/FormHorizontal.tsx +118 -0
- package/src/components/Form/examples/FormHorizontalHelper.tsx +23 -0
- package/src/components/Form/examples/FormHorizontalStacked.tsx +11 -0
- package/src/components/Form/examples/FormInvalid.tsx +47 -0
- package/src/components/Form/examples/FormInvalidWithFormAlert.tsx +52 -0
- package/src/components/Form/examples/FormLimitWidth.tsx +122 -0
- package/src/components/Form/examples/FormSections.tsx +44 -0
- package/src/components/Form/examples/FormValidated.tsx +60 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.223.3 (2022-06-23)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## 4.223.2 (2022-06-23)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -34,8 +34,10 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
|
|
|
34
34
|
helperTextIcon?: React.ReactNode;
|
|
35
35
|
/** Icon displayed to the left of the helper text when the field is invalid. */
|
|
36
36
|
helperTextInvalidIcon?: React.ReactNode;
|
|
37
|
-
/** ID of
|
|
38
|
-
|
|
37
|
+
/** ID of an individual field or a group of multiple fields. Required when a role of "group" or "radiogroup" is passed in.
|
|
38
|
+
* If only one field is included, its ID attribute and this prop must be the same.
|
|
39
|
+
*/
|
|
40
|
+
fieldId?: string;
|
|
39
41
|
/** Sets the role of the form group. Pass in "radiogroup" when the form group contains multiple
|
|
40
42
|
* radio inputs, or pass in "group" when the form group contains multiple of any other input type.
|
|
41
43
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkH7D,CAAC"}
|
|
@@ -4,6 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Form/form';
|
|
|
4
4
|
import { ASTERISK } from '../../helpers/htmlConstants';
|
|
5
5
|
import { css } from '@patternfly/react-styles';
|
|
6
6
|
import { ValidatedOptions } from '../../helpers/constants';
|
|
7
|
+
import { GenerateId } from '../../helpers/GenerateId/GenerateId';
|
|
7
8
|
export const FormGroup = (_a) => {
|
|
8
9
|
var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = __rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
|
|
9
10
|
const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: css(styles.formHelperText, validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
|
|
@@ -24,8 +25,8 @@ export const FormGroup = (_a) => {
|
|
|
24
25
|
ASTERISK))),
|
|
25
26
|
' ',
|
|
26
27
|
React.isValidElement(labelIcon) && labelIcon));
|
|
27
|
-
return (React.createElement("div", Object.assign({ className: css(styles.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
|
|
28
|
-
label && (React.createElement("div", Object.assign({ className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
|
|
28
|
+
return (React.createElement(GenerateId, null, randomId => (React.createElement("div", Object.assign({ className: css(styles.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
|
|
29
|
+
label && (React.createElement("div", Object.assign({ className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
|
|
29
30
|
labelInfo && (React.createElement(React.Fragment, null,
|
|
30
31
|
React.createElement("div", { className: css(styles.formGroupLabelMain) }, labelContent),
|
|
31
32
|
React.createElement("div", { className: css(styles.formGroupLabelInfo) }, labelInfo))),
|
|
@@ -33,7 +34,7 @@ export const FormGroup = (_a) => {
|
|
|
33
34
|
React.createElement("div", { className: css(styles.formGroupControl, isInline && styles.modifiers.inline, isStack && styles.modifiers.stack) },
|
|
34
35
|
isHelperTextBeforeField && helperTextToDisplay,
|
|
35
36
|
children,
|
|
36
|
-
!isHelperTextBeforeField && helperTextToDisplay)));
|
|
37
|
+
!isHelperTextBeforeField && helperTextToDisplay)))));
|
|
37
38
|
};
|
|
38
39
|
FormGroup.displayName = 'FormGroup';
|
|
39
40
|
//# sourceMappingURL=FormGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,8 +34,10 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
|
|
|
34
34
|
helperTextIcon?: React.ReactNode;
|
|
35
35
|
/** Icon displayed to the left of the helper text when the field is invalid. */
|
|
36
36
|
helperTextInvalidIcon?: React.ReactNode;
|
|
37
|
-
/** ID of
|
|
38
|
-
|
|
37
|
+
/** ID of an individual field or a group of multiple fields. Required when a role of "group" or "radiogroup" is passed in.
|
|
38
|
+
* If only one field is included, its ID attribute and this prop must be the same.
|
|
39
|
+
*/
|
|
40
|
+
fieldId?: string;
|
|
39
41
|
/** Sets the role of the form group. Pass in "radiogroup" when the form group contains multiple
|
|
40
42
|
* radio inputs, or pass in "group" when the form group contains multiple of any other input type.
|
|
41
43
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkH7D,CAAC"}
|
|
@@ -7,6 +7,7 @@ const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
|
|
|
7
7
|
const htmlConstants_1 = require("../../helpers/htmlConstants");
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
9
|
const constants_1 = require("../../helpers/constants");
|
|
10
|
+
const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
|
|
10
11
|
const FormGroup = (_a) => {
|
|
11
12
|
var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
|
|
12
13
|
const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: react_styles_1.css(form_1.default.formHelperText, validated === constants_1.ValidatedOptions.success && form_1.default.modifiers.success, validated === constants_1.ValidatedOptions.warning && form_1.default.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
|
|
@@ -27,8 +28,8 @@ const FormGroup = (_a) => {
|
|
|
27
28
|
htmlConstants_1.ASTERISK))),
|
|
28
29
|
' ',
|
|
29
30
|
React.isValidElement(labelIcon) && labelIcon));
|
|
30
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
|
|
31
|
-
label && (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroupLabel, labelInfo && form_1.default.modifiers.info, hasNoPaddingTop && form_1.default.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
|
|
31
|
+
return (React.createElement(GenerateId_1.GenerateId, null, randomId => (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
|
|
32
|
+
label && (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroupLabel, labelInfo && form_1.default.modifiers.info, hasNoPaddingTop && form_1.default.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
|
|
32
33
|
labelInfo && (React.createElement(React.Fragment, null,
|
|
33
34
|
React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabelMain) }, labelContent),
|
|
34
35
|
React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabelInfo) }, labelInfo))),
|
|
@@ -36,7 +37,7 @@ const FormGroup = (_a) => {
|
|
|
36
37
|
React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupControl, isInline && form_1.default.modifiers.inline, isStack && form_1.default.modifiers.stack) },
|
|
37
38
|
isHelperTextBeforeField && helperTextToDisplay,
|
|
38
39
|
children,
|
|
39
|
-
!isHelperTextBeforeField && helperTextToDisplay)));
|
|
40
|
+
!isHelperTextBeforeField && helperTextToDisplay)))));
|
|
40
41
|
};
|
|
41
42
|
exports.FormGroup = FormGroup;
|
|
42
43
|
exports.FormGroup.displayName = 'FormGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,+DAAuD;AACvD,2DAA+C;AAC/C,uDAA2D;
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.js
CHANGED
|
@@ -14111,8 +14111,8 @@
|
|
|
14111
14111
|
ASTERISK))),
|
|
14112
14112
|
' ',
|
|
14113
14113
|
React__namespace.isValidElement(labelIcon) && labelIcon));
|
|
14114
|
-
return (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
|
|
14115
|
-
label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
|
|
14114
|
+
return (React__namespace.createElement(GenerateId, null, randomId => (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
|
|
14115
|
+
label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
|
|
14116
14116
|
labelInfo && (React__namespace.createElement(React__namespace.Fragment, null,
|
|
14117
14117
|
React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelMain) }, labelContent),
|
|
14118
14118
|
React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelInfo) }, labelInfo))),
|
|
@@ -14120,7 +14120,7 @@
|
|
|
14120
14120
|
React__namespace.createElement("div", { className: css(styles$Z.formGroupControl, isInline && styles$Z.modifiers.inline, isStack && styles$Z.modifiers.stack) },
|
|
14121
14121
|
isHelperTextBeforeField && helperTextToDisplay,
|
|
14122
14122
|
children,
|
|
14123
|
-
!isHelperTextBeforeField && helperTextToDisplay)));
|
|
14123
|
+
!isHelperTextBeforeField && helperTextToDisplay)))));
|
|
14124
14124
|
};
|
|
14125
14125
|
FormGroup.displayName = 'FormGroup';
|
|
14126
14126
|
|