@availity/mui-page-header 0.3.2 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/lib/PageHeader.stories.tsx +4 -4
- package/src/lib/PageHeader.tsx +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.4.0](https://github.com/Availity/element/compare/@availity/mui-page-header@0.3.2...@availity/mui-page-header@0.4.0) (2024-07-29)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **mui-page-header:** traininglink un-loadappified ([06fec30](https://github.com/Availity/element/commit/06fec3059e271de5f3fbb709255d62857045711e))
|
|
11
|
+
|
|
5
12
|
## [0.3.2](https://github.com/Availity/element/compare/@availity/mui-page-header@0.3.1...@availity/mui-page-header@0.3.2) (2024-07-22)
|
|
6
13
|
|
|
7
14
|
### Dependency Updates
|
package/dist/index.d.mts
CHANGED
|
@@ -15,7 +15,7 @@ interface PageHeaderProps {
|
|
|
15
15
|
feedback?: boolean;
|
|
16
16
|
/** The text that displays in the header */
|
|
17
17
|
headerText: string;
|
|
18
|
-
/** The name that displays in the help text
|
|
18
|
+
/** The name that displays in the help text. Should be used when the help is a demo video.
|
|
19
19
|
* @example "This App"
|
|
20
20
|
* @returns Need Help? Watch a demo for This App
|
|
21
21
|
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ interface PageHeaderProps {
|
|
|
15
15
|
feedback?: boolean;
|
|
16
16
|
/** The text that displays in the header */
|
|
17
17
|
headerText: string;
|
|
18
|
-
/** The name that displays in the help text
|
|
18
|
+
/** The name that displays in the help text. Should be used when the help is a demo video.
|
|
19
19
|
* @example "This App"
|
|
20
20
|
* @returns Need Help? Watch a demo for This App
|
|
21
21
|
*/
|
package/dist/index.js
CHANGED
|
@@ -74,7 +74,7 @@ var PageHeader = ({
|
|
|
74
74
|
helpLink && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_typography.Typography, { variant: "body1", children: [
|
|
75
75
|
"Need help?",
|
|
76
76
|
" ",
|
|
77
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { href: helpLink, target: "_blank", children: helpAppName ? "Watch a demo" : "Learn More" }),
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { href: helpLink, target: "_blank", loadApp: false, children: helpAppName ? "Watch a demo" : "Learn More" }),
|
|
78
78
|
" ",
|
|
79
79
|
helpAppName ? ` for ${helpAppName}` : null
|
|
80
80
|
] }) })
|
package/dist/index.mjs
CHANGED
|
@@ -51,7 +51,7 @@ var PageHeader = ({
|
|
|
51
51
|
helpLink && /* @__PURE__ */ jsx(Grid, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
|
|
52
52
|
"Need help?",
|
|
53
53
|
" ",
|
|
54
|
-
/* @__PURE__ */ jsx(Link, { href: helpLink, target: "_blank", children: helpAppName ? "Watch a demo" : "Learn More" }),
|
|
54
|
+
/* @__PURE__ */ jsx(Link, { href: helpLink, target: "_blank", loadApp: false, children: helpAppName ? "Watch a demo" : "Learn More" }),
|
|
55
55
|
" ",
|
|
56
56
|
helpAppName ? ` for ${helpAppName}` : null
|
|
57
57
|
] }) })
|
package/package.json
CHANGED
|
@@ -25,18 +25,18 @@ export const _PageHeaderHelp: StoryObj<typeof PageHeader> = {
|
|
|
25
25
|
headerText: 'This text is a child of PageHeader',
|
|
26
26
|
breadcrumbs: { active: 'This Page' },
|
|
27
27
|
helpLink: 'https://www.availity.com',
|
|
28
|
-
helpAppName:
|
|
28
|
+
helpAppName: undefined
|
|
29
29
|
},
|
|
30
30
|
};
|
|
31
31
|
|
|
32
|
-
/**
|
|
33
|
-
export const
|
|
32
|
+
/** `helpAppName` should be used when the help link leads to a demo video. */
|
|
33
|
+
export const _PageHeaderHelpDemo: StoryObj<typeof PageHeader> = {
|
|
34
34
|
render: (args: PageHeaderProps) => <PageHeader {...args} />,
|
|
35
35
|
args: {
|
|
36
36
|
headerText: 'This text is a child of PageHeader',
|
|
37
37
|
breadcrumbs: { active: 'This Page' },
|
|
38
38
|
helpLink: 'https://www.availity.com',
|
|
39
|
-
helpAppName:
|
|
39
|
+
helpAppName: 'This App'
|
|
40
40
|
},
|
|
41
41
|
};
|
|
42
42
|
|
package/src/lib/PageHeader.tsx
CHANGED
|
@@ -21,7 +21,7 @@ export interface PageHeaderProps {
|
|
|
21
21
|
feedback?: boolean;
|
|
22
22
|
/** The text that displays in the header */
|
|
23
23
|
headerText: string;
|
|
24
|
-
/** The name that displays in the help text
|
|
24
|
+
/** The name that displays in the help text. Should be used when the help is a demo video.
|
|
25
25
|
* @example "This App"
|
|
26
26
|
* @returns Need Help? Watch a demo for This App
|
|
27
27
|
*/
|
|
@@ -59,7 +59,7 @@ export const PageHeader = ({
|
|
|
59
59
|
<Grid marginLeft={2}>
|
|
60
60
|
<Typography variant="body1">
|
|
61
61
|
Need help?{' '}
|
|
62
|
-
<Link href={helpLink} target="_blank">
|
|
62
|
+
<Link href={helpLink} target="_blank" loadApp={false} >
|
|
63
63
|
{helpAppName ? "Watch a demo" : "Learn More"}
|
|
64
64
|
</Link>{' '}
|
|
65
65
|
{helpAppName ? ` for ${helpAppName}` : null}
|