@patternfly/react-core 5.0.0-alpha.54 → 5.0.0-alpha.55
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/dist/esm/components/Form/FormGroup.d.ts +0 -16
- package/dist/esm/components/Form/FormGroup.d.ts.map +1 -1
- package/dist/esm/components/Form/FormGroup.js +3 -15
- package/dist/esm/components/Form/FormGroup.js.map +1 -1
- package/dist/esm/components/Form/FormHelperText.d.ts +2 -10
- package/dist/esm/components/Form/FormHelperText.d.ts.map +1 -1
- package/dist/esm/components/Form/FormHelperText.js +2 -5
- package/dist/esm/components/Form/FormHelperText.js.map +1 -1
- package/dist/esm/components/LoginPage/LoginForm.d.ts.map +1 -1
- package/dist/esm/components/LoginPage/LoginForm.js +6 -3
- package/dist/esm/components/LoginPage/LoginForm.js.map +1 -1
- package/dist/js/components/Form/FormGroup.d.ts +0 -16
- package/dist/js/components/Form/FormGroup.d.ts.map +1 -1
- package/dist/js/components/Form/FormGroup.js +3 -15
- package/dist/js/components/Form/FormGroup.js.map +1 -1
- package/dist/js/components/Form/FormHelperText.d.ts +2 -10
- package/dist/js/components/Form/FormHelperText.d.ts.map +1 -1
- package/dist/js/components/Form/FormHelperText.js +2 -5
- package/dist/js/components/Form/FormHelperText.js.map +1 -1
- package/dist/js/components/LoginPage/LoginForm.d.ts.map +1 -1
- package/dist/js/components/LoginPage/LoginForm.js +6 -3
- package/dist/js/components/LoginPage/LoginForm.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +9 -7
- package/src/components/Form/FormGroup.tsx +1 -60
- package/src/components/Form/FormHelperText.tsx +7 -31
- package/src/components/Form/__tests__/FormGroup.test.tsx +6 -95
- package/src/components/Form/__tests__/FormHelperText.test.tsx +1 -14
- package/src/components/Form/__tests__/__snapshots__/FormGroup.test.tsx.snap +0 -211
- package/src/components/Form/__tests__/__snapshots__/FormHelperText.test.tsx.snap +12 -39
- package/src/components/Form/examples/Form.md +15 -1
- package/src/components/Form/examples/FormBasic.tsx +19 -3
- package/src/components/Form/examples/FormGrid.tsx +16 -7
- package/src/components/Form/examples/FormGroupLabelInfo.tsx +15 -3
- package/src/components/Form/examples/FormHorizontal.tsx +10 -7
- package/src/components/Form/examples/FormHorizontalHelper.tsx +14 -21
- package/src/components/Form/examples/FormInvalid.tsx +11 -14
- package/src/components/Form/examples/FormInvalidWithFormAlert.tsx +20 -14
- package/src/components/Form/examples/FormLimitWidth.tsx +19 -3
- package/src/components/Form/examples/FormValidated.tsx +10 -12
- package/src/components/FormSelect/examples/FormSelectIconSpriteVariant.tsx +17 -11
- package/src/components/FormSelect/examples/FormSelectValidated.tsx +17 -11
- package/src/components/LoginPage/LoginForm.tsx +12 -15
- package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +0 -9
- package/src/components/TextArea/examples/TextAreaValidated.tsx +9 -12
- package/src/components/Wizard/examples/WizardEnabledOnFormValidation.tsx +18 -9
- package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +12 -9
- package/src/demos/examples/HelperText/HelperTextDynamicVariantStaticText.tsx +2 -2
- package/src/demos/examples/HelperText/HelperTextStaticVariantDynamicText.tsx +1 -1
- package/src/demos/examples/HelperText/HelperTextStaticVariantStaticText.tsx +1 -1
- package/src/next/components/Wizard/examples/WizardEnabledOnFormValidation.tsx +9 -9
- package/src/next/components/Wizard/examples/WizardValidateOnButtonPress.tsx +12 -9
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
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
|
+
# [5.0.0-alpha.55](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.54...@patternfly/react-core@5.0.0-alpha.55) (2023-04-05)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **FormGroup:** use HelperText ([#8810](https://github.com/patternfly/patternfly-react/issues/8810)) ([08f5e8c](https://github.com/patternfly/patternfly-react/commit/08f5e8cd6366228f583cabcc628cad1ed704477a))
|
|
11
|
+
|
|
6
12
|
# [5.0.0-alpha.54](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.53...@patternfly/react-core@5.0.0-alpha.54) (2023-04-05)
|
|
7
13
|
|
|
8
14
|
### Features
|
|
@@ -12,28 +12,12 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
|
|
|
12
12
|
labelIcon?: React.ReactElement;
|
|
13
13
|
/** Sets the FormGroup required. */
|
|
14
14
|
isRequired?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Sets the FormGroup validated. If you set to success, text color of helper text will be modified to indicate valid state.
|
|
17
|
-
* If set to error, text color of helper text will be modified to indicate error state.
|
|
18
|
-
* If set to warning, text color of helper text will be modified to indicate warning state.
|
|
19
|
-
*/
|
|
20
|
-
validated?: 'success' | 'warning' | 'error' | 'default';
|
|
21
15
|
/** Sets the FormGroup isInline. */
|
|
22
16
|
isInline?: boolean;
|
|
23
17
|
/** Sets the FormGroupControl to be stacked */
|
|
24
18
|
isStack?: boolean;
|
|
25
19
|
/** Removes top spacer from label. */
|
|
26
20
|
hasNoPaddingTop?: boolean;
|
|
27
|
-
/** Helper text regarding the field. It can be a simple text or an object. */
|
|
28
|
-
helperText?: React.ReactNode;
|
|
29
|
-
/** Flag to position the helper text before the field. False by default */
|
|
30
|
-
isHelperTextBeforeField?: boolean;
|
|
31
|
-
/** Helper text after the field when the field is invalid. It can be a simple text or an object. */
|
|
32
|
-
helperTextInvalid?: React.ReactNode;
|
|
33
|
-
/** Icon displayed to the left of the helper text. */
|
|
34
|
-
helperTextIcon?: React.ReactNode;
|
|
35
|
-
/** Icon displayed to the left of the helper text when the field is invalid. */
|
|
36
|
-
helperTextInvalidIcon?: React.ReactNode;
|
|
37
21
|
/** ID of an individual field or a group of multiple fields. Required when a role of "group" or "radiogroup" is passed in.
|
|
38
22
|
* If only one field is included, its ID attribute and this prop must be the same.
|
|
39
23
|
*/
|
|
@@ -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;AAM/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,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;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,CAwE7D,CAAC"}
|
|
@@ -3,18 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
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
|
-
import { ValidatedOptions } from '../../helpers/constants';
|
|
7
6
|
import { GenerateId } from '../../helpers/GenerateId/GenerateId';
|
|
8
7
|
export const FormGroup = (_a) => {
|
|
9
|
-
var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false,
|
|
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" },
|
|
11
|
-
helperTextIcon && React.createElement("span", { className: css(styles.formHelperTextIcon) }, helperTextIcon),
|
|
12
|
-
helperText));
|
|
13
|
-
const inValidHelperText = typeof helperTextInvalid !== 'string' ? (helperTextInvalid) : (React.createElement("div", { className: css(styles.formHelperText, styles.modifiers.error), id: `${fieldId}-helper`, "aria-live": "polite" },
|
|
14
|
-
helperTextInvalidIcon && React.createElement("span", { className: css(styles.formHelperTextIcon) }, helperTextInvalidIcon),
|
|
15
|
-
helperTextInvalid));
|
|
16
|
-
const showValidHelperTxt = (validationType) => validationType !== ValidatedOptions.error && helperText ? validHelperText : '';
|
|
17
|
-
const helperTextToDisplay = validated === ValidatedOptions.error && helperTextInvalid ? inValidHelperText : showValidHelperTxt(validated);
|
|
8
|
+
var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, isInline = false, hasNoPaddingTop = false, isStack = false, fieldId, role } = _a, props = __rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "isInline", "hasNoPaddingTop", "isStack", "fieldId", "role"]);
|
|
18
9
|
const isGroupOrRadioGroup = role === 'group' || role === 'radiogroup';
|
|
19
10
|
const LabelComponent = isGroupOrRadioGroup ? 'span' : 'label';
|
|
20
11
|
const labelContent = (React.createElement(React.Fragment, null,
|
|
@@ -25,16 +16,13 @@ export const FormGroup = (_a) => {
|
|
|
25
16
|
ASTERISK))),
|
|
26
17
|
' ',
|
|
27
18
|
React.isValidElement(labelIcon) && labelIcon));
|
|
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),
|
|
19
|
+
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
20
|
label && (React.createElement("div", Object.assign({ className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
|
|
30
21
|
labelInfo && (React.createElement(React.Fragment, null,
|
|
31
22
|
React.createElement("div", { className: css(styles.formGroupLabelMain) }, labelContent),
|
|
32
23
|
React.createElement("div", { className: css(styles.formGroupLabelInfo) }, labelInfo))),
|
|
33
24
|
!labelInfo && labelContent)),
|
|
34
|
-
React.createElement("div", { className: css(styles.formGroupControl, isInline && styles.modifiers.inline, isStack && styles.modifiers.stack) },
|
|
35
|
-
isHelperTextBeforeField && helperTextToDisplay,
|
|
36
|
-
children,
|
|
37
|
-
!isHelperTextBeforeField && helperTextToDisplay)))));
|
|
25
|
+
React.createElement("div", { className: css(styles.formGroupControl, isInline && styles.modifiers.inline, isStack && styles.modifiers.stack) }, children)))));
|
|
38
26
|
};
|
|
39
27
|
FormGroup.displayName = 'FormGroup';
|
|
40
28
|
//# 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,
|
|
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,UAAU,EAAE,MAAM,qCAAqC,CAAC;AA+BjE,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAalD,EAAE,EAAE;QAb8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,IAAI,OAEW,EADZ,KAAK,cAZyD,uIAalE,CADS;IAER,MAAM,mBAAmB,GAAG,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,YAAY,CAAC;IACtE,MAAM,cAAc,GAAG,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,CACnB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,cAAc,kBAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAM,CAAC,CAAC,mBAAmB,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YAClG,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,KAAK,CAAQ;YACzD,UAAU,IAAI,CACb,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,iBAAc,MAAM;gBAC/D,GAAG;gBACH,QAAQ,CACJ,CACR,CACc;QAAC,GAAG;QACpB,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAC9B,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,QACR,CAAC,QAAQ,EAAE,EAAE,CAAC,CACb,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,IACvC,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,EAClB,CAAC,mBAAmB,IAAI,EAAE,iBAAiB,EAAE,GAAG,OAAO,IAAI,QAAQ,SAAS,EAAE,CAAC,EAC/E,KAAK;QAER,KAAK,IAAI,CACR,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAClC,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CACjD,IACG,CAAC,mBAAmB,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,IAAI,QAAQ,SAAS,EAAE,CAAC;YAEnE,SAAS,IAAI,CACZ,oBAAC,KAAK,CAAC,QAAQ;gBACb,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,YAAY,CAAO;gBACpE,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,SAAS,CAAO,CAClD,CAClB;YACA,CAAC,SAAS,IAAI,YAAY,CACvB,CACP;QACD,6BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,gBAAgB,EACvB,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACnC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAClC,IAEA,QAAQ,CACL,CACF,CACP,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1,17 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface FormHelperTextProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered inside the
|
|
3
|
+
/** Content rendered inside the helper text wrapper */
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
/**
|
|
6
|
-
isError?: boolean;
|
|
7
|
-
/** Hides the helper text * */
|
|
8
|
-
isHidden?: boolean;
|
|
9
|
-
/** Additional classes added to the Helper Text Item */
|
|
5
|
+
/** Additional classes added to the helper text wrapper */
|
|
10
6
|
className?: string;
|
|
11
|
-
/** Icon displayed to the left of the helper text. */
|
|
12
|
-
icon?: React.ReactNode;
|
|
13
|
-
/** Component type of the form helper text */
|
|
14
|
-
component?: 'p' | 'div';
|
|
15
7
|
}
|
|
16
8
|
export declare const FormHelperText: React.FunctionComponent<FormHelperTextProps>;
|
|
17
9
|
//# sourceMappingURL=FormHelperText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,
|
|
1
|
+
{"version":3,"file":"FormHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAQvE,CAAC"}
|
|
@@ -3,11 +3,8 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Form/form';
|
|
5
5
|
export const FormHelperText = (_a) => {
|
|
6
|
-
var { children = null,
|
|
7
|
-
|
|
8
|
-
return (React.createElement(Component, Object.assign({ className: css(styles.formHelperText, isError && styles.modifiers.error, isHidden && styles.modifiers.hidden, className) }, props),
|
|
9
|
-
icon && React.createElement("span", { className: css(styles.formHelperTextIcon) }, icon),
|
|
10
|
-
children));
|
|
6
|
+
var { children = null, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
7
|
+
return (React.createElement("div", Object.assign({ className: css(styles.formHelperText, className) }, props), children));
|
|
11
8
|
};
|
|
12
9
|
FormHelperText.displayName = 'FormHelperText';
|
|
13
10
|
//# sourceMappingURL=FormHelperText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormHelperText.js","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;
|
|
1
|
+
{"version":3,"file":"FormHelperText.js","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AASvE,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAIvD,EAAE,EAAE;QAJmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEM,EADjB,KAAK,cAHmE,yBAI5E,CADS;IACiB,OAAA,CACzB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IACnF,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,oDAAoD;IACpD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrF,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrF,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACtF,sJAAsJ;IACtJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3F;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA8F7D,CAAC"}
|
|
@@ -8,15 +8,18 @@ import { ValidatedOptions } from '../../helpers/constants';
|
|
|
8
8
|
import { InputGroup } from '../InputGroup';
|
|
9
9
|
import EyeSlashIcon from '@patternfly/react-icons/dist/esm/icons/eye-slash-icon';
|
|
10
10
|
import EyeIcon from '@patternfly/react-icons/dist/esm/icons/eye-icon';
|
|
11
|
+
import { HelperText, HelperTextItem } from '../HelperText';
|
|
11
12
|
export const LoginForm = (_a) => {
|
|
12
13
|
var { noAutoFocus = false, className = '', showHelperText = false, helperText = null, helperTextIcon = null, usernameLabel = 'Username', usernameValue = '', onChangeUsername = () => undefined, isValidUsername = true, passwordLabel = 'Password', passwordValue = '', onChangePassword = () => undefined, isShowPasswordEnabled = false, hidePasswordAriaLabel = 'Hide password', showPasswordAriaLabel = 'Show password', isValidPassword = true, loginButtonLabel = 'Log In', isLoginButtonDisabled = false, onLoginButtonClick = () => undefined, rememberMeLabel = '', isRememberMeChecked = false, onChangeRememberMe = () => undefined } = _a, props = __rest(_a, ["noAutoFocus", "className", "showHelperText", "helperText", "helperTextIcon", "usernameLabel", "usernameValue", "onChangeUsername", "isValidUsername", "passwordLabel", "passwordValue", "onChangePassword", "isShowPasswordEnabled", "hidePasswordAriaLabel", "showPasswordAriaLabel", "isValidPassword", "loginButtonLabel", "isLoginButtonDisabled", "onLoginButtonClick", "rememberMeLabel", "isRememberMeChecked", "onChangeRememberMe"]);
|
|
13
14
|
const [passwordHidden, setPasswordHidden] = React.useState(true);
|
|
14
15
|
const passwordInput = (React.createElement(TextInput, { isRequired: true, type: passwordHidden ? 'password' : 'text', id: "pf-login-password-id", name: "pf-login-password-id", validated: isValidPassword ? ValidatedOptions.default : ValidatedOptions.error, value: passwordValue, onChange: onChangePassword }));
|
|
15
16
|
return (React.createElement(Form, Object.assign({ className: className }, props),
|
|
16
|
-
React.createElement(FormHelperText,
|
|
17
|
-
|
|
17
|
+
showHelperText && (React.createElement(FormHelperText, null,
|
|
18
|
+
React.createElement(HelperText, null,
|
|
19
|
+
React.createElement(HelperTextItem, { variant: !isValidUsername || !isValidPassword ? 'error' : 'default', icon: helperTextIcon }, helperText)))),
|
|
20
|
+
React.createElement(FormGroup, { label: usernameLabel, isRequired: true, fieldId: "pf-login-username-id" },
|
|
18
21
|
React.createElement(TextInput, { autoFocus: !noAutoFocus, id: "pf-login-username-id", isRequired: true, validated: isValidUsername ? ValidatedOptions.default : ValidatedOptions.error, type: "text", name: "pf-login-username-id", value: usernameValue, onChange: onChangeUsername })),
|
|
19
|
-
React.createElement(FormGroup, { label: passwordLabel, isRequired: true,
|
|
22
|
+
React.createElement(FormGroup, { label: passwordLabel, isRequired: true, fieldId: "pf-login-password-id" },
|
|
20
23
|
isShowPasswordEnabled && (React.createElement(InputGroup, null,
|
|
21
24
|
passwordInput,
|
|
22
25
|
React.createElement(Button, { variant: "control", onClick: () => setPasswordHidden(!passwordHidden), "aria-label": passwordHidden ? showPasswordAriaLabel : hidePasswordAriaLabel }, passwordHidden ? React.createElement(EyeIcon, null) : React.createElement(EyeSlashIcon, null)))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,YAAY,MAAM,uDAAuD,CAAC;AACjF,OAAO,OAAO,MAAM,iDAAiD,CAAC;
|
|
1
|
+
{"version":3,"file":"LoginForm.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,28 +12,12 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
|
|
|
12
12
|
labelIcon?: React.ReactElement;
|
|
13
13
|
/** Sets the FormGroup required. */
|
|
14
14
|
isRequired?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Sets the FormGroup validated. If you set to success, text color of helper text will be modified to indicate valid state.
|
|
17
|
-
* If set to error, text color of helper text will be modified to indicate error state.
|
|
18
|
-
* If set to warning, text color of helper text will be modified to indicate warning state.
|
|
19
|
-
*/
|
|
20
|
-
validated?: 'success' | 'warning' | 'error' | 'default';
|
|
21
15
|
/** Sets the FormGroup isInline. */
|
|
22
16
|
isInline?: boolean;
|
|
23
17
|
/** Sets the FormGroupControl to be stacked */
|
|
24
18
|
isStack?: boolean;
|
|
25
19
|
/** Removes top spacer from label. */
|
|
26
20
|
hasNoPaddingTop?: boolean;
|
|
27
|
-
/** Helper text regarding the field. It can be a simple text or an object. */
|
|
28
|
-
helperText?: React.ReactNode;
|
|
29
|
-
/** Flag to position the helper text before the field. False by default */
|
|
30
|
-
isHelperTextBeforeField?: boolean;
|
|
31
|
-
/** Helper text after the field when the field is invalid. It can be a simple text or an object. */
|
|
32
|
-
helperTextInvalid?: React.ReactNode;
|
|
33
|
-
/** Icon displayed to the left of the helper text. */
|
|
34
|
-
helperTextIcon?: React.ReactNode;
|
|
35
|
-
/** Icon displayed to the left of the helper text when the field is invalid. */
|
|
36
|
-
helperTextInvalidIcon?: React.ReactNode;
|
|
37
21
|
/** ID of an individual field or a group of multiple fields. Required when a role of "group" or "radiogroup" is passed in.
|
|
38
22
|
* If only one field is included, its ID attribute and this prop must be the same.
|
|
39
23
|
*/
|
|
@@ -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;AAM/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,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;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,CAwE7D,CAAC"}
|
|
@@ -6,18 +6,9 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Form/form"));
|
|
7
7
|
const htmlConstants_1 = require("../../helpers/htmlConstants");
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
|
-
const constants_1 = require("../../helpers/constants");
|
|
10
9
|
const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
|
|
11
10
|
const FormGroup = (_a) => {
|
|
12
|
-
var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false,
|
|
13
|
-
const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: (0, 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" },
|
|
14
|
-
helperTextIcon && React.createElement("span", { className: (0, react_styles_1.css)(form_1.default.formHelperTextIcon) }, helperTextIcon),
|
|
15
|
-
helperText));
|
|
16
|
-
const inValidHelperText = typeof helperTextInvalid !== 'string' ? (helperTextInvalid) : (React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formHelperText, form_1.default.modifiers.error), id: `${fieldId}-helper`, "aria-live": "polite" },
|
|
17
|
-
helperTextInvalidIcon && React.createElement("span", { className: (0, react_styles_1.css)(form_1.default.formHelperTextIcon) }, helperTextInvalidIcon),
|
|
18
|
-
helperTextInvalid));
|
|
19
|
-
const showValidHelperTxt = (validationType) => validationType !== constants_1.ValidatedOptions.error && helperText ? validHelperText : '';
|
|
20
|
-
const helperTextToDisplay = validated === constants_1.ValidatedOptions.error && helperTextInvalid ? inValidHelperText : showValidHelperTxt(validated);
|
|
11
|
+
var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, isInline = false, hasNoPaddingTop = false, isStack = false, fieldId, role } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "isInline", "hasNoPaddingTop", "isStack", "fieldId", "role"]);
|
|
21
12
|
const isGroupOrRadioGroup = role === 'group' || role === 'radiogroup';
|
|
22
13
|
const LabelComponent = isGroupOrRadioGroup ? 'span' : 'label';
|
|
23
14
|
const labelContent = (React.createElement(React.Fragment, null,
|
|
@@ -28,16 +19,13 @@ const FormGroup = (_a) => {
|
|
|
28
19
|
htmlConstants_1.ASTERISK))),
|
|
29
20
|
' ',
|
|
30
21
|
React.isValidElement(labelIcon) && labelIcon));
|
|
31
|
-
return (React.createElement(GenerateId_1.GenerateId, null, randomId => (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
|
|
22
|
+
return (React.createElement(GenerateId_1.GenerateId, null, (randomId) => (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
|
|
32
23
|
label && (React.createElement("div", Object.assign({ className: (0, 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` })),
|
|
33
24
|
labelInfo && (React.createElement(React.Fragment, null,
|
|
34
25
|
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formGroupLabelMain) }, labelContent),
|
|
35
26
|
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formGroupLabelInfo) }, labelInfo))),
|
|
36
27
|
!labelInfo && labelContent)),
|
|
37
|
-
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formGroupControl, isInline && form_1.default.modifiers.inline, isStack && form_1.default.modifiers.stack) },
|
|
38
|
-
isHelperTextBeforeField && helperTextToDisplay,
|
|
39
|
-
children,
|
|
40
|
-
!isHelperTextBeforeField && helperTextToDisplay)))));
|
|
28
|
+
React.createElement("div", { className: (0, react_styles_1.css)(form_1.default.formGroupControl, isInline && form_1.default.modifiers.inline, isStack && form_1.default.modifiers.stack) }, children)))));
|
|
41
29
|
};
|
|
42
30
|
exports.FormGroup = FormGroup;
|
|
43
31
|
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,
|
|
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,oEAAiE;AA+B1D,MAAM,SAAS,GAA4C,CAAC,EAalD,EAAE,EAAE;QAb8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,IAAI,OAEW,EADZ,KAAK,sBAZyD,uIAalE,CADS;IAER,MAAM,mBAAmB,GAAG,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,YAAY,CAAC;IACtE,MAAM,cAAc,GAAG,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,CACnB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,cAAc,kBAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,SAAS,CAAC,IAAM,CAAC,CAAC,mBAAmB,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YAClG,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,aAAa,CAAC,IAAG,KAAK,CAAQ;YACzD,UAAU,IAAI,CACb,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,iBAAiB,CAAC,iBAAc,MAAM;gBAC/D,GAAG;gBACH,wBAAQ,CACJ,CACR,CACc;QAAC,GAAG;QACpB,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAC9B,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAU,QACR,CAAC,QAAQ,EAAE,EAAE,CAAC,CACb,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,SAAS,EAAE,SAAS,CAAC,IACvC,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,EAClB,CAAC,mBAAmB,IAAI,EAAE,iBAAiB,EAAE,GAAG,OAAO,IAAI,QAAQ,SAAS,EAAE,CAAC,EAC/E,KAAK;QAER,KAAK,IAAI,CACR,2CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,cAAM,CAAC,cAAc,EACrB,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,IAAI,EAClC,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,CACjD,IACG,CAAC,mBAAmB,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,IAAI,QAAQ,SAAS,EAAE,CAAC;YAEnE,SAAS,IAAI,CACZ,oBAAC,KAAK,CAAC,QAAQ;gBACb,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,YAAY,CAAO;gBACpE,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,SAAS,CAAO,CAClD,CAClB;YACA,CAAC,SAAS,IAAI,YAAY,CACvB,CACP;QACD,6BACE,SAAS,EAAE,IAAA,kBAAG,EACZ,cAAM,CAAC,gBAAgB,EACvB,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,MAAM,EACnC,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,KAAK,CAClC,IAEA,QAAQ,CACL,CACF,CACP,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAxEW,QAAA,SAAS,aAwEpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1,17 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface FormHelperTextProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered inside the
|
|
3
|
+
/** Content rendered inside the helper text wrapper */
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
/**
|
|
6
|
-
isError?: boolean;
|
|
7
|
-
/** Hides the helper text * */
|
|
8
|
-
isHidden?: boolean;
|
|
9
|
-
/** Additional classes added to the Helper Text Item */
|
|
5
|
+
/** Additional classes added to the helper text wrapper */
|
|
10
6
|
className?: string;
|
|
11
|
-
/** Icon displayed to the left of the helper text. */
|
|
12
|
-
icon?: React.ReactNode;
|
|
13
|
-
/** Component type of the form helper text */
|
|
14
|
-
component?: 'p' | 'div';
|
|
15
7
|
}
|
|
16
8
|
export declare const FormHelperText: React.FunctionComponent<FormHelperTextProps>;
|
|
17
9
|
//# sourceMappingURL=FormHelperText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,
|
|
1
|
+
{"version":3,"file":"FormHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAQvE,CAAC"}
|
|
@@ -6,11 +6,8 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Form/form"));
|
|
8
8
|
const FormHelperText = (_a) => {
|
|
9
|
-
var { children = null,
|
|
10
|
-
|
|
11
|
-
return (React.createElement(Component, Object.assign({ className: (0, react_styles_1.css)(form_1.default.formHelperText, isError && form_1.default.modifiers.error, isHidden && form_1.default.modifiers.hidden, className) }, props),
|
|
12
|
-
icon && React.createElement("span", { className: (0, react_styles_1.css)(form_1.default.formHelperTextIcon) }, icon),
|
|
13
|
-
children));
|
|
9
|
+
var { children = null, className = '' } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
|
|
10
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formHelperText, className) }, props), children));
|
|
14
11
|
};
|
|
15
12
|
exports.FormHelperText = FormHelperText;
|
|
16
13
|
exports.FormHelperText.displayName = 'FormHelperText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormHelperText.js","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;
|
|
1
|
+
{"version":3,"file":"FormHelperText.js","sourceRoot":"","sources":["../../../../src/components/Form/FormHelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AAShE,MAAM,cAAc,GAAiD,CAAC,EAIvD,EAAE,EAAE;QAJmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEM,EADjB,KAAK,sBAHmE,yBAI5E,CADS;IACiB,OAAA,CACzB,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,cAAc,kBAQzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IACnF,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,oDAAoD;IACpD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrF,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrF,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACtF,sJAAsJ;IACtJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3F;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA8F7D,CAAC"}
|
|
@@ -11,15 +11,18 @@ const constants_1 = require("../../helpers/constants");
|
|
|
11
11
|
const InputGroup_1 = require("../InputGroup");
|
|
12
12
|
const eye_slash_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/eye-slash-icon'));
|
|
13
13
|
const eye_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/eye-icon'));
|
|
14
|
+
const HelperText_1 = require("../HelperText");
|
|
14
15
|
const LoginForm = (_a) => {
|
|
15
16
|
var { noAutoFocus = false, className = '', showHelperText = false, helperText = null, helperTextIcon = null, usernameLabel = 'Username', usernameValue = '', onChangeUsername = () => undefined, isValidUsername = true, passwordLabel = 'Password', passwordValue = '', onChangePassword = () => undefined, isShowPasswordEnabled = false, hidePasswordAriaLabel = 'Hide password', showPasswordAriaLabel = 'Show password', isValidPassword = true, loginButtonLabel = 'Log In', isLoginButtonDisabled = false, onLoginButtonClick = () => undefined, rememberMeLabel = '', isRememberMeChecked = false, onChangeRememberMe = () => undefined } = _a, props = tslib_1.__rest(_a, ["noAutoFocus", "className", "showHelperText", "helperText", "helperTextIcon", "usernameLabel", "usernameValue", "onChangeUsername", "isValidUsername", "passwordLabel", "passwordValue", "onChangePassword", "isShowPasswordEnabled", "hidePasswordAriaLabel", "showPasswordAriaLabel", "isValidPassword", "loginButtonLabel", "isLoginButtonDisabled", "onLoginButtonClick", "rememberMeLabel", "isRememberMeChecked", "onChangeRememberMe"]);
|
|
16
17
|
const [passwordHidden, setPasswordHidden] = React.useState(true);
|
|
17
18
|
const passwordInput = (React.createElement(TextInput_1.TextInput, { isRequired: true, type: passwordHidden ? 'password' : 'text', id: "pf-login-password-id", name: "pf-login-password-id", validated: isValidPassword ? constants_1.ValidatedOptions.default : constants_1.ValidatedOptions.error, value: passwordValue, onChange: onChangePassword }));
|
|
18
19
|
return (React.createElement(Form_1.Form, Object.assign({ className: className }, props),
|
|
19
|
-
React.createElement(Form_1.FormHelperText,
|
|
20
|
-
|
|
20
|
+
showHelperText && (React.createElement(Form_1.FormHelperText, null,
|
|
21
|
+
React.createElement(HelperText_1.HelperText, null,
|
|
22
|
+
React.createElement(HelperText_1.HelperTextItem, { variant: !isValidUsername || !isValidPassword ? 'error' : 'default', icon: helperTextIcon }, helperText)))),
|
|
23
|
+
React.createElement(Form_1.FormGroup, { label: usernameLabel, isRequired: true, fieldId: "pf-login-username-id" },
|
|
21
24
|
React.createElement(TextInput_1.TextInput, { autoFocus: !noAutoFocus, id: "pf-login-username-id", isRequired: true, validated: isValidUsername ? constants_1.ValidatedOptions.default : constants_1.ValidatedOptions.error, type: "text", name: "pf-login-username-id", value: usernameValue, onChange: onChangeUsername })),
|
|
22
|
-
React.createElement(Form_1.FormGroup, { label: passwordLabel, isRequired: true,
|
|
25
|
+
React.createElement(Form_1.FormGroup, { label: passwordLabel, isRequired: true, fieldId: "pf-login-password-id" },
|
|
23
26
|
isShowPasswordEnabled && (React.createElement(InputGroup_1.InputGroup, null,
|
|
24
27
|
passwordInput,
|
|
25
28
|
React.createElement(Button_1.Button, { variant: "control", onClick: () => setPasswordHidden(!passwordHidden), "aria-label": passwordHidden ? showPasswordAriaLabel : hidePasswordAriaLabel }, passwordHidden ? React.createElement(eye_icon_1.default, null) : React.createElement(eye_slash_icon_1.default, null)))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginForm.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kCAAuE;AACvE,4CAAyC;AACzC,sCAAmC;AACnC,0CAAuC;AACvC,uDAA2D;AAC3D,8CAA2C;AAC3C,kHAAiF;AACjF,sGAAsE;
|
|
1
|
+
{"version":3,"file":"LoginForm.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginForm.tsx"],"names":[],"mappings":"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"}
|