@availity/mui-page-header 0.2.37 → 0.3.1

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 (6) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.js +4 -3
  3. package/dist/index.mjs +4 -3
  4. package/package.json +2 -2
  5. package/src/lib/PageHeader.stories.tsx +12 -6
  6. package/src/lib/PageHeader.tsx +7 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [0.3.1](https://github.com/Availity/element/compare/@availity/mui-page-header@0.3.0...@availity/mui-page-header@0.3.1) (2024-07-22)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `mui-feedback` updated to version `0.3.0`
10
+ ## [0.3.0](https://github.com/Availity/element/compare/@availity/mui-page-header@0.2.37...@availity/mui-page-header@0.3.0) (2024-07-19)
11
+
12
+
13
+ ### Features
14
+
15
+ * **mui-page-header:** traininglink text alternative ([ca990c6](https://github.com/Availity/element/commit/ca990c64730043e64d57126e2068cf6c17374971))
16
+
5
17
  ## [0.2.37](https://github.com/Availity/element/compare/@availity/mui-page-header@0.2.36...@availity/mui-page-header@0.2.37) (2024-07-19)
6
18
 
7
19
  ### Dependency Updates
package/dist/index.js CHANGED
@@ -72,10 +72,11 @@ var PageHeader = ({
72
72
  breadcrumbs || helpLink ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { direction: "row", container: true, justifyContent: "space-between", marginBottom: 4, children: [
73
73
  breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_breadcrumbs.Breadcrumbs, __spreadValues({}, breadcrumbs)) }),
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
- "Need help? ",
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { href: helpLink, target: "_blank", children: "Watch a demo" }),
75
+ "Need help?",
77
76
  " ",
78
- helpAppName ? `for ${helpAppName}` : null
77
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { href: helpLink, target: "_blank", children: helpAppName ? "Watch a demo" : "Learn More" }),
78
+ " ",
79
+ helpAppName ? ` for ${helpAppName}` : null
79
80
  ] }) })
80
81
  ] }) : null,
81
82
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { direction: "row", container: true, marginBottom: 2, alignItems: "center", justifyContent: "space-between", children: [
package/dist/index.mjs CHANGED
@@ -49,10 +49,11 @@ var PageHeader = ({
49
49
  breadcrumbs || helpLink ? /* @__PURE__ */ jsxs(Grid, { direction: "row", container: true, justifyContent: "space-between", marginBottom: 4, children: [
50
50
  breadcrumbs && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Breadcrumbs, __spreadValues({}, breadcrumbs)) }),
51
51
  helpLink && /* @__PURE__ */ jsx(Grid, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
52
- "Need help? ",
53
- /* @__PURE__ */ jsx(Link, { href: helpLink, target: "_blank", children: "Watch a demo" }),
52
+ "Need help?",
54
53
  " ",
55
- helpAppName ? `for ${helpAppName}` : null
54
+ /* @__PURE__ */ jsx(Link, { href: helpLink, target: "_blank", children: helpAppName ? "Watch a demo" : "Learn More" }),
55
+ " ",
56
+ helpAppName ? ` for ${helpAppName}` : null
56
57
  ] }) })
57
58
  ] }) : null,
58
59
  /* @__PURE__ */ jsxs(Grid, { direction: "row", container: true, marginBottom: 2, alignItems: "center", justifyContent: "space-between", children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/mui-page-header",
3
- "version": "0.2.37",
3
+ "version": "0.3.1",
4
4
  "description": "Availity MUI PageHeader Component - part of the @availity/element design system",
5
5
  "keywords": [
6
6
  "react",
@@ -58,6 +58,6 @@
58
58
  "access": "public"
59
59
  },
60
60
  "dependencies": {
61
- "@availity/mui-feedback": "^0.1.32"
61
+ "@availity/mui-feedback": "^0.2.0"
62
62
  }
63
63
  }
package/src/lib/PageHeader.stories.tsx CHANGED
@@ -7,12 +7,6 @@ const meta: Meta<typeof PageHeader> = {
7
7
  title: 'Components/PageHeader/PageHeader',
8
8
  component: PageHeader,
9
9
  tags: ['autodocs'],
10
- argTypes: {
11
- helpAppName: {
12
- if: { global: 'theme', eq: 'legacyBS' },
13
- },
14
- },
15
- args: { helpAppName: 'This App' },
16
10
  };
17
11
 
18
12
  export default meta;
@@ -31,6 +25,18 @@ export const _PageHeaderHelp: StoryObj<typeof PageHeader> = {
31
25
  headerText: 'This text is a child of PageHeader',
32
26
  breadcrumbs: { active: 'This Page' },
33
27
  helpLink: 'https://www.availity.com',
28
+ helpAppName: 'This App'
29
+ },
30
+ };
31
+
32
+ /** Alternative training link text when no `helpAppName` given. */
33
+ export const _PageHeaderAltHelp: StoryObj<typeof PageHeader> = {
34
+ render: (args: PageHeaderProps) => <PageHeader {...args} />,
35
+ args: {
36
+ headerText: 'This text is a child of PageHeader',
37
+ breadcrumbs: { active: 'This Page' },
38
+ helpLink: 'https://www.availity.com',
39
+ helpAppName: undefined
34
40
  },
35
41
  };
36
42
 
package/src/lib/PageHeader.tsx CHANGED
@@ -57,10 +57,13 @@ export const PageHeader = ({
57
57
  )}
58
58
  {helpLink && (
59
59
  <Grid marginLeft={2}>
60
- <Typography variant="body1">
61
- Need help? <Link href={helpLink} target="_blank" children="Watch a demo" />{' '}
62
- {helpAppName ? `for ${helpAppName}` : null}
63
- </Typography>
60
+ <Typography variant="body1">
61
+ Need help?{' '}
62
+ <Link href={helpLink} target="_blank">
63
+ {helpAppName ? "Watch a demo" : "Learn More"}
64
+ </Link>{' '}
65
+ {helpAppName ? ` for ${helpAppName}` : null}
66
+ </Typography>
64
67
  </Grid>
65
68
  )}
66
69
  </Grid>