@patternfly/react-core 4.234.0 → 4.234.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.
Files changed (53) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/LoginPage/LoginFooterItem.d.ts +3 -3
  3. package/dist/esm/components/LoginPage/LoginForm.d.ts +18 -18
  4. package/dist/esm/components/LoginPage/LoginHeader.d.ts +1 -1
  5. package/dist/esm/components/LoginPage/LoginMainBody.d.ts +2 -2
  6. package/dist/esm/components/LoginPage/LoginMainFooter.d.ts +5 -5
  7. package/dist/esm/components/LoginPage/LoginMainFooterBandItem.d.ts +2 -2
  8. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.d.ts +5 -5
  9. package/dist/esm/components/LoginPage/LoginMainHeader.d.ts +6 -4
  10. package/dist/esm/components/LoginPage/LoginMainHeader.d.ts.map +1 -1
  11. package/dist/esm/components/LoginPage/LoginMainHeader.js +2 -1
  12. package/dist/esm/components/LoginPage/LoginMainHeader.js.map +1 -1
  13. package/dist/esm/components/LoginPage/LoginPage.d.ts +16 -14
  14. package/dist/esm/components/LoginPage/LoginPage.d.ts.map +1 -1
  15. package/dist/esm/components/LoginPage/LoginPage.js +2 -2
  16. package/dist/esm/components/LoginPage/LoginPage.js.map +1 -1
  17. package/dist/js/components/LoginPage/LoginFooterItem.d.ts +3 -3
  18. package/dist/js/components/LoginPage/LoginForm.d.ts +18 -18
  19. package/dist/js/components/LoginPage/LoginHeader.d.ts +1 -1
  20. package/dist/js/components/LoginPage/LoginMainBody.d.ts +2 -2
  21. package/dist/js/components/LoginPage/LoginMainFooter.d.ts +5 -5
  22. package/dist/js/components/LoginPage/LoginMainFooterBandItem.d.ts +2 -2
  23. package/dist/js/components/LoginPage/LoginMainFooterLinksItem.d.ts +5 -5
  24. package/dist/js/components/LoginPage/LoginMainHeader.d.ts +6 -4
  25. package/dist/js/components/LoginPage/LoginMainHeader.d.ts.map +1 -1
  26. package/dist/js/components/LoginPage/LoginMainHeader.js +2 -1
  27. package/dist/js/components/LoginPage/LoginMainHeader.js.map +1 -1
  28. package/dist/js/components/LoginPage/LoginPage.d.ts +16 -14
  29. package/dist/js/components/LoginPage/LoginPage.d.ts.map +1 -1
  30. package/dist/js/components/LoginPage/LoginPage.js +2 -2
  31. package/dist/js/components/LoginPage/LoginPage.js.map +1 -1
  32. package/dist/umd/react-core.css +29 -29
  33. package/dist/umd/react-core.js +4 -3
  34. package/dist/umd/react-core.min.css +127 -127
  35. package/dist/umd/react-core.min.js +4 -4
  36. package/package.json +6 -6
  37. package/src/components/LoginPage/LoginFooterItem.tsx +3 -3
  38. package/src/components/LoginPage/LoginForm.tsx +18 -18
  39. package/src/components/LoginPage/LoginHeader.tsx +1 -1
  40. package/src/components/LoginPage/LoginMainBody.tsx +2 -2
  41. package/src/components/LoginPage/LoginMainFooter.tsx +5 -5
  42. package/src/components/LoginPage/LoginMainFooterBandItem.tsx +2 -2
  43. package/src/components/LoginPage/LoginMainFooterLinksItem.tsx +5 -5
  44. package/src/components/LoginPage/LoginMainHeader.tsx +8 -4
  45. package/src/components/LoginPage/LoginPage.tsx +18 -15
  46. package/src/components/LoginPage/examples/LoginPage.md +8 -0
  47. package/src/components/LoginPage/examples/LoginPageBasic.tsx +0 -1
  48. package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +194 -0
  49. package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +0 -1
  50. package/src/components/NotificationDrawer/examples/NotificationDrawer.md +3 -708
  51. package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +185 -0
  52. package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +337 -0
  53. package/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx +185 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
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.234.3 (2022-08-23)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.234.2 (2022-08-23)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-core
17
+
18
+
19
+
20
+
21
+
22
+ ## 4.234.1 (2022-08-22)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-core
25
+
26
+
27
+
28
+
29
+
6
30
  # 4.234.0 (2022-08-22)
7
31
 
8
32
 
@@ -1,10 +1,10 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginFooterItemProps extends React.HTMLProps<HTMLAnchorElement> {
3
- /** Content rendered inside the footer Link Item */
3
+ /** Content rendered inside the footer link item */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Footer Link Item */
5
+ /** Additional classes added to the footer link item */
6
6
  className?: string;
7
- /** The URL of the Footer Link Item */
7
+ /** The URL of the footer link item */
8
8
  href?: string;
9
9
  /** Specifies where to open the linked document */
10
10
  target?: string;
@@ -2,29 +2,29 @@ import * as React from 'react';
2
2
  export interface LoginFormProps extends React.HTMLProps<HTMLFormElement> {
3
3
  /** Flag to indicate if the first dropdown item should not gain initial focus */
4
4
  noAutoFocus?: boolean;
5
- /** Additional classes added to the Login Main Body's Form */
5
+ /** Additional classes added to the login main body's form */
6
6
  className?: string;
7
- /** Flag indicating the Helper Text is visible * */
7
+ /** Flag indicating the helper text is visible * */
8
8
  showHelperText?: boolean;
9
- /** Content displayed in the Helper Text component * */
9
+ /** Content displayed in the helper text component * */
10
10
  helperText?: React.ReactNode;
11
- /** Icon displayed to the left in the Helper Text */
11
+ /** Icon displayed to the left in the helper text */
12
12
  helperTextIcon?: React.ReactNode;
13
- /** Label for the Username Input Field */
13
+ /** Label for the username input field */
14
14
  usernameLabel?: string;
15
- /** Value for the Username */
15
+ /** Value for the username */
16
16
  usernameValue?: string;
17
- /** Function that handles the onChange event for the Username */
17
+ /** Function that handles the onChange event for the username */
18
18
  onChangeUsername?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
19
- /** Flag indicating if the Username is valid */
19
+ /** Flag indicating if the username is valid */
20
20
  isValidUsername?: boolean;
21
- /** Label for the Password Input Field */
21
+ /** Label for the password input field */
22
22
  passwordLabel?: string;
23
- /** Value for the Password */
23
+ /** Value for the password */
24
24
  passwordValue?: string;
25
- /** Function that handles the onChange event for the Password */
25
+ /** Function that handles the onChange event for the password */
26
26
  onChangePassword?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
27
- /** Flag indicating if the Password is valid */
27
+ /** Flag indicating if the password is valid */
28
28
  isValidPassword?: boolean;
29
29
  /** Flag indicating if the user can toggle hiding the password */
30
30
  isShowPasswordEnabled?: boolean;
@@ -32,17 +32,17 @@ export interface LoginFormProps extends React.HTMLProps<HTMLFormElement> {
32
32
  showPasswordAriaLabel?: string;
33
33
  /** Accessible label for the hide password button */
34
34
  hidePasswordAriaLabel?: string;
35
- /** Label for the Log in Button Input */
35
+ /** Label for the log in button input */
36
36
  loginButtonLabel?: string;
37
- /** Flag indicating if the Login Button is disabled */
37
+ /** Flag indicating if the login button is disabled */
38
38
  isLoginButtonDisabled?: boolean;
39
- /** Function that is called when the Login button is clicked */
39
+ /** Function that is called when the login button is clicked */
40
40
  onLoginButtonClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
41
- /** Label for the Remember Me Checkbox that indicates the user should be kept logged in. If the label is not provided, the checkbox will not show. */
41
+ /** Label for the remember me checkbox that indicates the user should be kept logged in. If the label is not provided, the checkbox will not show. */
42
42
  rememberMeLabel?: string;
43
- /** Flag indicating if the remember me Checkbox is checked. */
43
+ /** Flag indicating if the remember me checkbox is checked. */
44
44
  isRememberMeChecked?: boolean;
45
- /** Function that handles the onChange event for the Remember Me Checkbox */
45
+ /** Function that handles the onChange event for the remember me checkbox */
46
46
  onChangeRememberMe?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
47
47
  }
48
48
  export declare const LoginForm: React.FunctionComponent<LoginFormProps>;
@@ -4,7 +4,7 @@ export interface LoginHeaderProps extends React.HTMLProps<HTMLDivElement> {
4
4
  children?: React.ReactNode;
5
5
  /** Additional classes added to the login header */
6
6
  className?: string;
7
- /** Header Brand component (e.g. <LoginHeader />) */
7
+ /** Header brand component (e.g. <LoginHeader />) */
8
8
  headerBrand?: React.ReactNode;
9
9
  }
10
10
  export declare const LoginHeader: React.FunctionComponent<LoginHeaderProps>;
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainBodyProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside the Login Main Body */
3
+ /** Content rendered inside the login main body */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Login Main Body */
5
+ /** Additional classes added to the login main body */
6
6
  className?: string;
7
7
  }
8
8
  export declare const LoginMainBody: React.FunctionComponent<LoginMainBodyProps>;
@@ -1,14 +1,14 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainFooterProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Additional classes added to the Login Main Footer */
3
+ /** Additional classes added to the login main footer */
4
4
  className?: string;
5
- /** Content rendered inside the Login Main Footer */
5
+ /** Content rendered inside the login main footer */
6
6
  children?: React.ReactNode;
7
- /** Content rendered inside the Login Main Footer as Social Media Links* */
7
+ /** Content rendered inside the login main footer as social media links* */
8
8
  socialMediaLoginContent?: React.ReactNode;
9
- /** Content rendered inside of Login Main Footer Band to display a sign up for account message */
9
+ /** Content rendered inside of login main footer band to display a sign up for account message */
10
10
  signUpForAccountMessage?: React.ReactNode;
11
- /** Content rendered inside of Login Main Footer Band do display a forgot credentials link* */
11
+ /** Content rendered inside of login main footer band do display a forgot credentials link* */
12
12
  forgotCredentials?: React.ReactNode;
13
13
  }
14
14
  export declare const LoginMainFooter: React.FunctionComponent<LoginMainFooterProps>;
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainFooterBandItemProps extends React.HTMLProps<HTMLParagraphElement> {
3
- /** Content rendered inside the footer Link Item */
3
+ /** Content rendered inside the footer link item */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Footer Link Item */
5
+ /** Additional classes added to the footer link item */
6
6
  className?: string;
7
7
  }
8
8
  export declare const LoginMainFooterBandItem: React.FunctionComponent<LoginMainFooterBandItemProps>;
@@ -1,14 +1,14 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainFooterLinksItemProps extends React.HTMLProps<HTMLLIElement> {
3
- /** Content rendered inside the footer Link Item */
3
+ /** Content rendered inside the footer link item */
4
4
  children?: React.ReactNode;
5
- /** HREF for Footer Link Item */
5
+ /** HREF for footer link item */
6
6
  href?: string;
7
- /** Target for Footer Link Item */
7
+ /** Target for footer link item */
8
8
  target?: string;
9
- /** Additional classes added to the Footer Link Item */
9
+ /** Additional classes added to the footer link item */
10
10
  className?: string;
11
- /** Component used to render the Footer Link Item */
11
+ /** Component used to render the footer link item */
12
12
  linkComponent?: React.ReactNode;
13
13
  /** Props for the LinkComponent */
14
14
  linkComponentProps?: any;
@@ -1,13 +1,15 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainHeaderProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside the Login Main Header */
3
+ /** Content rendered inside the login main header */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Login Main Header */
5
+ /** Additional classes added to the login main header */
6
6
  className?: string;
7
- /** Title for the Login Main Header */
7
+ /** Title for the login main header */
8
8
  title?: string;
9
- /** Subtitle that contains the Text, URL, and URL Text for the Login Main Header */
9
+ /** Subtitle that contains the text, URL, and URL text for the login main header */
10
10
  subtitle?: string;
11
+ /** Actions that render for the login main header */
12
+ headerUtilities?: React.ReactNode;
11
13
  }
12
14
  export declare const LoginMainHeader: React.FunctionComponent<LoginMainHeaderProps>;
13
15
  //# sourceMappingURL=LoginMainHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoginMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAgBzE,CAAC"}
1
+ {"version":3,"file":"LoginMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAkBzE,CAAC"}
@@ -4,10 +4,11 @@ import { Title, TitleSizes } from '../Title';
4
4
  import { css } from '@patternfly/react-styles';
5
5
  import styles from '@patternfly/react-styles/css/components/Login/login';
6
6
  export const LoginMainHeader = (_a) => {
7
- var { children = null, className = '', title = '', subtitle = '' } = _a, props = __rest(_a, ["children", "className", "title", "subtitle"]);
7
+ var { children = null, className = '', title = '', subtitle = '', headerUtilities = null } = _a, props = __rest(_a, ["children", "className", "title", "subtitle", "headerUtilities"]);
8
8
  return (React.createElement("header", Object.assign({ className: css(styles.loginMainHeader, className) }, props),
9
9
  title && (React.createElement(Title, { headingLevel: "h2", size: TitleSizes['3xl'] }, title)),
10
10
  subtitle && React.createElement("p", { className: css(styles.loginMainHeaderDesc) }, subtitle),
11
+ headerUtilities && React.createElement("div", { className: css(styles.loginMainHeaderUtilities) }, headerUtilities),
11
12
  children));
12
13
  };
13
14
  LoginMainHeader.displayName = 'LoginMainHeader';
@@ -1 +1 @@
1
- {"version":3,"file":"LoginMainHeader.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,qDAAqD,CAAC;AAazE,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAMxD,EAAE,EAAE;QANoD,EAC7E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,OAEQ,EADlB,KAAK,cALqE,8CAM9E,CADS;IACkB,OAAA,CAC1B,8CAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK;QACjE,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,IAC7C,KAAK,CACA,CACT;QACA,QAAQ,IAAI,2BAAG,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAK;QACzE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"LoginMainHeader.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,qDAAqD,CAAC;AAezE,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAOxD,EAAE,EAAE;QAPoD,EAC7E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,eAAe,GAAG,IAAI,OAED,EADlB,KAAK,cANqE,iEAO9E,CADS;IACkB,OAAA,CAC1B,8CAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK;QACjE,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,IAC7C,KAAK,CACA,CACT;QACA,QAAQ,IAAI,2BAAG,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAK;QACzE,eAAe,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,eAAe,CAAO;QAChG,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
@@ -2,33 +2,35 @@ import * as React from 'react';
2
2
  import { BackgroundImageSrcMap } from '../BackgroundImage';
3
3
  import { ListVariant } from '../List';
4
4
  export interface LoginPageProps extends React.HTMLProps<HTMLDivElement> {
5
- /** Anything that can be rendered inside of the LoginPage (e.g. <LoginPageForm>) */
5
+ /** Anything that can be rendered inside of the login page (e.g. <LoginPageForm>) */
6
6
  children?: React.ReactNode;
7
- /** Additional classes added to the LoginPage. */
7
+ /** Additional classes added to the login page */
8
8
  className?: string;
9
- /** Attribute that specifies the URL of the brand image for the LoginPage */
9
+ /** Attribute that specifies the URL of the brand image for the login page */
10
10
  brandImgSrc?: string;
11
- /** Attribute that specifies the alt text of the brand image for the LoginPage. */
11
+ /** Attribute that specifies the alt text of the brand image for the login page */
12
12
  brandImgAlt?: string;
13
- /** Attribute that specifies the URL of the background image for the LoginPage */
13
+ /** Attribute that specifies the URL of the background image for the login page */
14
14
  backgroundImgSrc?: string | BackgroundImageSrcMap;
15
- /** Attribute that specifies the alt text of the background image for the LoginPage. */
15
+ /** Attribute that specifies the alt text of the background image for the login page */
16
16
  backgroundImgAlt?: string;
17
- /** Content rendered inside of the Text Component of the LoginPage */
17
+ /** Content rendered inside of the text component of the login page */
18
18
  textContent?: string;
19
- /** Items rendered inside of the Footer List Component of the LoginPage */
19
+ /** Items rendered inside of the footer list component of the login page */
20
20
  footerListItems?: React.ReactNode;
21
- /** Adds list variant styles for the Footer List component of the LoginPage. The only current value is'inline' */
21
+ /** Adds list variant styles for the footer list component of the login page. The only current value is'inline' */
22
22
  footerListVariants?: ListVariant.inline;
23
- /** Title for the Login Main Body Header of the LoginPage */
23
+ /** Title for the login main body header of the login page */
24
24
  loginTitle: string;
25
- /** Subtitle for the Login Main Body Header of the LoginPage */
25
+ /** Subtitle for the login main body header of the login page */
26
26
  loginSubtitle?: string;
27
- /** Content rendered inside of Login Main Footer Band to display a sign up for account message */
27
+ /** @beta Header utilities for the login main body header of the login page */
28
+ headerUtilities?: React.ReactNode;
29
+ /** Content rendered inside of login main footer band to display a sign up for account message */
28
30
  signUpForAccountMessage?: React.ReactNode;
29
- /** Content rendered inside of Login Main Footer Band to display a forgot credentials link* */
31
+ /** Content rendered inside of login main footer band to display a forgot credentials link. */
30
32
  forgotCredentials?: React.ReactNode;
31
- /** Content rendered inside of Social Media Login footer section . */
33
+ /** Content rendered inside of social media login footer section */
32
34
  socialMediaLoginContent?: React.ReactNode;
33
35
  }
34
36
  export declare const LoginPage: React.FunctionComponent<LoginPageProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAAQ,WAAW,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAClD,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iHAAiH;IACjH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IACxC,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iGAAiG;IACjG,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qEAAqE;IACrE,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA8C7D,CAAC"}
1
+ {"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAAQ,WAAW,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAClD,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IACxC,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iGAAiG;IACjG,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA+C7D,CAAC"}
@@ -11,7 +11,7 @@ import { LoginMainHeader } from './LoginMainHeader';
11
11
  import { LoginMainBody } from './LoginMainBody';
12
12
  import { LoginMainFooter } from './LoginMainFooter';
13
13
  export const LoginPage = (_a) => {
14
- var { children = null, className = '', brandImgSrc = '', brandImgAlt = '', backgroundImgSrc = '', backgroundImgAlt = '', footerListItems = null, textContent = '', footerListVariants, loginTitle, loginSubtitle, signUpForAccountMessage = null, forgotCredentials = null, socialMediaLoginContent = null } = _a, props = __rest(_a, ["children", "className", "brandImgSrc", "brandImgAlt", "backgroundImgSrc", "backgroundImgAlt", "footerListItems", "textContent", "footerListVariants", "loginTitle", "loginSubtitle", "signUpForAccountMessage", "forgotCredentials", "socialMediaLoginContent"]);
14
+ var { children = null, className = '', brandImgSrc = '', brandImgAlt = '', backgroundImgSrc = '', backgroundImgAlt = '', footerListItems = null, textContent = '', footerListVariants, loginTitle, loginSubtitle, headerUtilities, signUpForAccountMessage = null, forgotCredentials = null, socialMediaLoginContent = null } = _a, props = __rest(_a, ["children", "className", "brandImgSrc", "brandImgAlt", "backgroundImgSrc", "backgroundImgAlt", "footerListItems", "textContent", "footerListVariants", "loginTitle", "loginSubtitle", "headerUtilities", "signUpForAccountMessage", "forgotCredentials", "socialMediaLoginContent"]);
15
15
  const HeaderBrand = (React.createElement(React.Fragment, null,
16
16
  React.createElement(Brand, { src: brandImgSrc, alt: brandImgAlt })));
17
17
  const Header = React.createElement(LoginHeader, { headerBrand: HeaderBrand });
@@ -21,7 +21,7 @@ export const LoginPage = (_a) => {
21
21
  return (React.createElement(React.Fragment, null,
22
22
  backgroundImgSrc && React.createElement(BackgroundImage, { src: backgroundImgSrc, alt: backgroundImgAlt }),
23
23
  React.createElement(Login, Object.assign({ header: Header, footer: Footer, className: css(className) }, props),
24
- React.createElement(LoginMainHeader, { title: loginTitle, subtitle: loginSubtitle }),
24
+ React.createElement(LoginMainHeader, { title: loginTitle, subtitle: loginSubtitle, headerUtilities: headerUtilities }),
25
25
  React.createElement(LoginMainBody, null, children),
26
26
  (socialMediaLoginContent || forgotCredentials || signUpForAccountMessage) && (React.createElement(LoginMainFooter, { socialMediaLoginContent: socialMediaLoginContent, forgotCredentials: forgotCredentials, signUpForAccountMessage: signUpForAccountMessage })))));
27
27
  };
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAyB,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAe,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAiCpD,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAgBlD,EAAE,EAAE;QAhB8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,gBAAgB,GAAG,EAAE,EACrB,gBAAgB,GAAG,EAAE,EACrB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,EAAE,EAChB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,uBAAuB,GAAG,IAAI,EAC9B,iBAAiB,GAAG,IAAI,EACxB,uBAAuB,GAAG,IAAI,OAEf,EADZ,KAAK,cAfyD,iQAgBlE,CADS;IAER,MAAM,WAAW,GAAG,CAClB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,KAAK,IAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAI,CAC9B,CAClB,CAAC;IACF,MAAM,MAAM,GAAG,oBAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;IACzD,MAAM,MAAM,GAAG,CACb,oBAAC,WAAW;QACV,+BAAI,WAAW,CAAK;QACpB,oBAAC,IAAI,IAAC,OAAO,EAAE,kBAAkB,IAAG,eAAe,CAAQ,CAC/C,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,gBAAgB,IAAI,oBAAC,eAAe,IAAC,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,GAAI;QACtF,oBAAC,KAAK,kBAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK;YACzE,oBAAC,eAAe,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,GAAI;YAC/D,oBAAC,aAAa,QAAE,QAAQ,CAAiB;YACxC,CAAC,uBAAuB,IAAI,iBAAiB,IAAI,uBAAuB,CAAC,IAAI,CAC5E,oBAAC,eAAe,IACd,uBAAuB,EAAE,uBAAuB,EAChD,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CACK,CACO,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAyB,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAe,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAmCpD,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAiBlD,EAAE,EAAE;QAjB8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,gBAAgB,GAAG,EAAE,EACrB,gBAAgB,GAAG,EAAE,EACrB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,EAAE,EAChB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,eAAe,EACf,uBAAuB,GAAG,IAAI,EAC9B,iBAAiB,GAAG,IAAI,EACxB,uBAAuB,GAAG,IAAI,OAEf,EADZ,KAAK,cAhByD,oRAiBlE,CADS;IAER,MAAM,WAAW,GAAG,CAClB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,KAAK,IAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAI,CAC9B,CAClB,CAAC;IACF,MAAM,MAAM,GAAG,oBAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;IACzD,MAAM,MAAM,GAAG,CACb,oBAAC,WAAW;QACV,+BAAI,WAAW,CAAK;QACpB,oBAAC,IAAI,IAAC,OAAO,EAAE,kBAAkB,IAAG,eAAe,CAAQ,CAC/C,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,gBAAgB,IAAI,oBAAC,eAAe,IAAC,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,GAAI;QACtF,oBAAC,KAAK,kBAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,IAAM,KAAK;YACzE,oBAAC,eAAe,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI;YACjG,oBAAC,aAAa,QAAE,QAAQ,CAAiB;YACxC,CAAC,uBAAuB,IAAI,iBAAiB,IAAI,uBAAuB,CAAC,IAAI,CAC5E,oBAAC,eAAe,IACd,uBAAuB,EAAE,uBAAuB,EAChD,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CACK,CACO,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginFooterItemProps extends React.HTMLProps<HTMLAnchorElement> {
3
- /** Content rendered inside the footer Link Item */
3
+ /** Content rendered inside the footer link item */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Footer Link Item */
5
+ /** Additional classes added to the footer link item */
6
6
  className?: string;
7
- /** The URL of the Footer Link Item */
7
+ /** The URL of the footer link item */
8
8
  href?: string;
9
9
  /** Specifies where to open the linked document */
10
10
  target?: string;
@@ -2,29 +2,29 @@ import * as React from 'react';
2
2
  export interface LoginFormProps extends React.HTMLProps<HTMLFormElement> {
3
3
  /** Flag to indicate if the first dropdown item should not gain initial focus */
4
4
  noAutoFocus?: boolean;
5
- /** Additional classes added to the Login Main Body's Form */
5
+ /** Additional classes added to the login main body's form */
6
6
  className?: string;
7
- /** Flag indicating the Helper Text is visible * */
7
+ /** Flag indicating the helper text is visible * */
8
8
  showHelperText?: boolean;
9
- /** Content displayed in the Helper Text component * */
9
+ /** Content displayed in the helper text component * */
10
10
  helperText?: React.ReactNode;
11
- /** Icon displayed to the left in the Helper Text */
11
+ /** Icon displayed to the left in the helper text */
12
12
  helperTextIcon?: React.ReactNode;
13
- /** Label for the Username Input Field */
13
+ /** Label for the username input field */
14
14
  usernameLabel?: string;
15
- /** Value for the Username */
15
+ /** Value for the username */
16
16
  usernameValue?: string;
17
- /** Function that handles the onChange event for the Username */
17
+ /** Function that handles the onChange event for the username */
18
18
  onChangeUsername?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
19
- /** Flag indicating if the Username is valid */
19
+ /** Flag indicating if the username is valid */
20
20
  isValidUsername?: boolean;
21
- /** Label for the Password Input Field */
21
+ /** Label for the password input field */
22
22
  passwordLabel?: string;
23
- /** Value for the Password */
23
+ /** Value for the password */
24
24
  passwordValue?: string;
25
- /** Function that handles the onChange event for the Password */
25
+ /** Function that handles the onChange event for the password */
26
26
  onChangePassword?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
27
- /** Flag indicating if the Password is valid */
27
+ /** Flag indicating if the password is valid */
28
28
  isValidPassword?: boolean;
29
29
  /** Flag indicating if the user can toggle hiding the password */
30
30
  isShowPasswordEnabled?: boolean;
@@ -32,17 +32,17 @@ export interface LoginFormProps extends React.HTMLProps<HTMLFormElement> {
32
32
  showPasswordAriaLabel?: string;
33
33
  /** Accessible label for the hide password button */
34
34
  hidePasswordAriaLabel?: string;
35
- /** Label for the Log in Button Input */
35
+ /** Label for the log in button input */
36
36
  loginButtonLabel?: string;
37
- /** Flag indicating if the Login Button is disabled */
37
+ /** Flag indicating if the login button is disabled */
38
38
  isLoginButtonDisabled?: boolean;
39
- /** Function that is called when the Login button is clicked */
39
+ /** Function that is called when the login button is clicked */
40
40
  onLoginButtonClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
41
- /** Label for the Remember Me Checkbox that indicates the user should be kept logged in. If the label is not provided, the checkbox will not show. */
41
+ /** Label for the remember me checkbox that indicates the user should be kept logged in. If the label is not provided, the checkbox will not show. */
42
42
  rememberMeLabel?: string;
43
- /** Flag indicating if the remember me Checkbox is checked. */
43
+ /** Flag indicating if the remember me checkbox is checked. */
44
44
  isRememberMeChecked?: boolean;
45
- /** Function that handles the onChange event for the Remember Me Checkbox */
45
+ /** Function that handles the onChange event for the remember me checkbox */
46
46
  onChangeRememberMe?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
47
47
  }
48
48
  export declare const LoginForm: React.FunctionComponent<LoginFormProps>;
@@ -4,7 +4,7 @@ export interface LoginHeaderProps extends React.HTMLProps<HTMLDivElement> {
4
4
  children?: React.ReactNode;
5
5
  /** Additional classes added to the login header */
6
6
  className?: string;
7
- /** Header Brand component (e.g. <LoginHeader />) */
7
+ /** Header brand component (e.g. <LoginHeader />) */
8
8
  headerBrand?: React.ReactNode;
9
9
  }
10
10
  export declare const LoginHeader: React.FunctionComponent<LoginHeaderProps>;
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainBodyProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside the Login Main Body */
3
+ /** Content rendered inside the login main body */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Login Main Body */
5
+ /** Additional classes added to the login main body */
6
6
  className?: string;
7
7
  }
8
8
  export declare const LoginMainBody: React.FunctionComponent<LoginMainBodyProps>;
@@ -1,14 +1,14 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainFooterProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Additional classes added to the Login Main Footer */
3
+ /** Additional classes added to the login main footer */
4
4
  className?: string;
5
- /** Content rendered inside the Login Main Footer */
5
+ /** Content rendered inside the login main footer */
6
6
  children?: React.ReactNode;
7
- /** Content rendered inside the Login Main Footer as Social Media Links* */
7
+ /** Content rendered inside the login main footer as social media links* */
8
8
  socialMediaLoginContent?: React.ReactNode;
9
- /** Content rendered inside of Login Main Footer Band to display a sign up for account message */
9
+ /** Content rendered inside of login main footer band to display a sign up for account message */
10
10
  signUpForAccountMessage?: React.ReactNode;
11
- /** Content rendered inside of Login Main Footer Band do display a forgot credentials link* */
11
+ /** Content rendered inside of login main footer band do display a forgot credentials link* */
12
12
  forgotCredentials?: React.ReactNode;
13
13
  }
14
14
  export declare const LoginMainFooter: React.FunctionComponent<LoginMainFooterProps>;
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainFooterBandItemProps extends React.HTMLProps<HTMLParagraphElement> {
3
- /** Content rendered inside the footer Link Item */
3
+ /** Content rendered inside the footer link item */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Footer Link Item */
5
+ /** Additional classes added to the footer link item */
6
6
  className?: string;
7
7
  }
8
8
  export declare const LoginMainFooterBandItem: React.FunctionComponent<LoginMainFooterBandItemProps>;
@@ -1,14 +1,14 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainFooterLinksItemProps extends React.HTMLProps<HTMLLIElement> {
3
- /** Content rendered inside the footer Link Item */
3
+ /** Content rendered inside the footer link item */
4
4
  children?: React.ReactNode;
5
- /** HREF for Footer Link Item */
5
+ /** HREF for footer link item */
6
6
  href?: string;
7
- /** Target for Footer Link Item */
7
+ /** Target for footer link item */
8
8
  target?: string;
9
- /** Additional classes added to the Footer Link Item */
9
+ /** Additional classes added to the footer link item */
10
10
  className?: string;
11
- /** Component used to render the Footer Link Item */
11
+ /** Component used to render the footer link item */
12
12
  linkComponent?: React.ReactNode;
13
13
  /** Props for the LinkComponent */
14
14
  linkComponentProps?: any;
@@ -1,13 +1,15 @@
1
1
  import * as React from 'react';
2
2
  export interface LoginMainHeaderProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside the Login Main Header */
3
+ /** Content rendered inside the login main header */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the Login Main Header */
5
+ /** Additional classes added to the login main header */
6
6
  className?: string;
7
- /** Title for the Login Main Header */
7
+ /** Title for the login main header */
8
8
  title?: string;
9
- /** Subtitle that contains the Text, URL, and URL Text for the Login Main Header */
9
+ /** Subtitle that contains the text, URL, and URL text for the login main header */
10
10
  subtitle?: string;
11
+ /** Actions that render for the login main header */
12
+ headerUtilities?: React.ReactNode;
11
13
  }
12
14
  export declare const LoginMainHeader: React.FunctionComponent<LoginMainHeaderProps>;
13
15
  //# sourceMappingURL=LoginMainHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoginMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAgBzE,CAAC"}
1
+ {"version":3,"file":"LoginMainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAkBzE,CAAC"}
@@ -7,10 +7,11 @@ const Title_1 = require("../Title");
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
8
  const login_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Login/login"));
9
9
  const LoginMainHeader = (_a) => {
10
- var { children = null, className = '', title = '', subtitle = '' } = _a, props = tslib_1.__rest(_a, ["children", "className", "title", "subtitle"]);
10
+ var { children = null, className = '', title = '', subtitle = '', headerUtilities = null } = _a, props = tslib_1.__rest(_a, ["children", "className", "title", "subtitle", "headerUtilities"]);
11
11
  return (React.createElement("header", Object.assign({ className: react_styles_1.css(login_1.default.loginMainHeader, className) }, props),
12
12
  title && (React.createElement(Title_1.Title, { headingLevel: "h2", size: Title_1.TitleSizes['3xl'] }, title)),
13
13
  subtitle && React.createElement("p", { className: react_styles_1.css(login_1.default.loginMainHeaderDesc) }, subtitle),
14
+ headerUtilities && React.createElement("div", { className: react_styles_1.css(login_1.default.loginMainHeaderUtilities) }, headerUtilities),
14
15
  children));
15
16
  };
16
17
  exports.LoginMainHeader = LoginMainHeader;
@@ -1 +1 @@
1
- {"version":3,"file":"LoginMainHeader.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,oCAA6C;AAC7C,2DAA+C;AAC/C,wGAAyE;AAalE,MAAM,eAAe,GAAkD,CAAC,EAMxD,EAAE,EAAE;QANoD,EAC7E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,OAEQ,EADlB,KAAK,sBALqE,8CAM9E,CADS;IACkB,OAAA,CAC1B,8CAAQ,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK;QACjE,KAAK,IAAI,CACR,oBAAC,aAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,kBAAU,CAAC,KAAK,CAAC,IAC7C,KAAK,CACA,CACT;QACA,QAAQ,IAAI,2BAAG,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAK;QACzE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AAhBW,QAAA,eAAe,mBAgB1B;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"LoginMainHeader.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginMainHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,oCAA6C;AAC7C,2DAA+C;AAC/C,wGAAyE;AAelE,MAAM,eAAe,GAAkD,CAAC,EAOxD,EAAE,EAAE;QAPoD,EAC7E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,eAAe,GAAG,IAAI,OAED,EADlB,KAAK,sBANqE,iEAO9E,CADS;IACkB,OAAA,CAC1B,8CAAQ,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK;QACjE,KAAK,IAAI,CACR,oBAAC,aAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,kBAAU,CAAC,KAAK,CAAC,IAC7C,KAAK,CACA,CACT;QACA,QAAQ,IAAI,2BAAG,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAK;QACzE,eAAe,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,wBAAwB,CAAC,IAAG,eAAe,CAAO;QAChG,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AAlBW,QAAA,eAAe,mBAkB1B;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
@@ -2,33 +2,35 @@ import * as React from 'react';
2
2
  import { BackgroundImageSrcMap } from '../BackgroundImage';
3
3
  import { ListVariant } from '../List';
4
4
  export interface LoginPageProps extends React.HTMLProps<HTMLDivElement> {
5
- /** Anything that can be rendered inside of the LoginPage (e.g. <LoginPageForm>) */
5
+ /** Anything that can be rendered inside of the login page (e.g. <LoginPageForm>) */
6
6
  children?: React.ReactNode;
7
- /** Additional classes added to the LoginPage. */
7
+ /** Additional classes added to the login page */
8
8
  className?: string;
9
- /** Attribute that specifies the URL of the brand image for the LoginPage */
9
+ /** Attribute that specifies the URL of the brand image for the login page */
10
10
  brandImgSrc?: string;
11
- /** Attribute that specifies the alt text of the brand image for the LoginPage. */
11
+ /** Attribute that specifies the alt text of the brand image for the login page */
12
12
  brandImgAlt?: string;
13
- /** Attribute that specifies the URL of the background image for the LoginPage */
13
+ /** Attribute that specifies the URL of the background image for the login page */
14
14
  backgroundImgSrc?: string | BackgroundImageSrcMap;
15
- /** Attribute that specifies the alt text of the background image for the LoginPage. */
15
+ /** Attribute that specifies the alt text of the background image for the login page */
16
16
  backgroundImgAlt?: string;
17
- /** Content rendered inside of the Text Component of the LoginPage */
17
+ /** Content rendered inside of the text component of the login page */
18
18
  textContent?: string;
19
- /** Items rendered inside of the Footer List Component of the LoginPage */
19
+ /** Items rendered inside of the footer list component of the login page */
20
20
  footerListItems?: React.ReactNode;
21
- /** Adds list variant styles for the Footer List component of the LoginPage. The only current value is'inline' */
21
+ /** Adds list variant styles for the footer list component of the login page. The only current value is'inline' */
22
22
  footerListVariants?: ListVariant.inline;
23
- /** Title for the Login Main Body Header of the LoginPage */
23
+ /** Title for the login main body header of the login page */
24
24
  loginTitle: string;
25
- /** Subtitle for the Login Main Body Header of the LoginPage */
25
+ /** Subtitle for the login main body header of the login page */
26
26
  loginSubtitle?: string;
27
- /** Content rendered inside of Login Main Footer Band to display a sign up for account message */
27
+ /** @beta Header utilities for the login main body header of the login page */
28
+ headerUtilities?: React.ReactNode;
29
+ /** Content rendered inside of login main footer band to display a sign up for account message */
28
30
  signUpForAccountMessage?: React.ReactNode;
29
- /** Content rendered inside of Login Main Footer Band to display a forgot credentials link* */
31
+ /** Content rendered inside of login main footer band to display a forgot credentials link. */
30
32
  forgotCredentials?: React.ReactNode;
31
- /** Content rendered inside of Social Media Login footer section . */
33
+ /** Content rendered inside of social media login footer section */
32
34
  socialMediaLoginContent?: React.ReactNode;
33
35
  }
34
36
  export declare const LoginPage: React.FunctionComponent<LoginPageProps>;