@availity/mui-page-header 1.1.13 → 1.1.14

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 (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.js +5 -5
  3. package/dist/index.mjs +5 -5
  4. package/package.json +1 -1
  5. package/src/lib/PageHeader.tsx +16 -12
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
+ ## [1.1.14](https://github.com/Availity/element/compare/@availity/mui-page-header@1.1.13...@availity/mui-page-header@1.1.14) (2025-03-27)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **mui-page-header:** fix demo link and logo spacings ([57ecad5](https://github.com/Availity/element/commit/57ecad555e7c762a26c3c41fabce5215ae78defd))
11
+
5
12
  ## [1.1.13](https://github.com/Availity/element/compare/@availity/mui-page-header@1.1.12...@availity/mui-page-header@1.1.13) (2025-03-27)
6
13
 
7
14
  ### Dependency Updates
package/dist/index.js CHANGED
@@ -116,16 +116,16 @@ var PageHeader = ({
116
116
  paddingRight: 3
117
117
  },
118
118
  children: [
119
- breadcrumbs || logo || help ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { direction: "row", container: true, sx: { justifyContent: "space-between", marginBottom: 4 }, children: [
120
- breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_breadcrumbs.Breadcrumbs, __spreadValues({}, breadcrumbs)) }),
121
- (logo || help) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { children: [
122
- help && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_typography.Typography, { variant: "body1", children: [
119
+ breadcrumbs || logo || help ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { direction: "row", container: true, sx: { justifyContent: "space-between", marginBottom: 4 }, spacing: 2, children: [
120
+ breadcrumbs ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_breadcrumbs.Breadcrumbs, __spreadValues({}, breadcrumbs)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { sx: { display: { xs: "none", sm: "block" } } }),
121
+ (logo || help) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { direction: "column", container: true, spacing: 2, children: [
122
+ help && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_typography.Typography, { variant: "body1", children: [
123
123
  "Need help?",
124
124
  " ",
125
125
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { href: help.url, target: "_blank", loadApp: false, children: help.helpAppName ? "Watch a demo" : "Learn More" }),
126
126
  " ",
127
127
  help.helpAppName ? ` for ${help.helpAppName}` : null
128
- ] }),
128
+ ] }) }),
129
129
  logo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { container: true, justifyContent: "end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, __spreadValues({}, logo)) })
130
130
  ] })
131
131
  ] }) : null,
package/dist/index.mjs CHANGED
@@ -83,16 +83,16 @@ var PageHeader = ({
83
83
  paddingRight: 3
84
84
  },
85
85
  children: [
86
- breadcrumbs || logo || help ? /* @__PURE__ */ jsxs(Grid, { direction: "row", container: true, sx: { justifyContent: "space-between", marginBottom: 4 }, children: [
87
- breadcrumbs && /* @__PURE__ */ jsx(Grid, { marginRight: 2, children: /* @__PURE__ */ jsx(Breadcrumbs, __spreadValues({}, breadcrumbs)) }),
88
- (logo || help) && /* @__PURE__ */ jsxs(Grid, { children: [
89
- help && /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
86
+ breadcrumbs || logo || help ? /* @__PURE__ */ jsxs(Grid, { direction: "row", container: true, sx: { justifyContent: "space-between", marginBottom: 4 }, spacing: 2, children: [
87
+ breadcrumbs ? /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Breadcrumbs, __spreadValues({}, breadcrumbs)) }) : /* @__PURE__ */ jsx(Grid, { sx: { display: { xs: "none", sm: "block" } } }),
88
+ (logo || help) && /* @__PURE__ */ jsxs(Grid, { direction: "column", container: true, spacing: 2, children: [
89
+ help && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
90
90
  "Need help?",
91
91
  " ",
92
92
  /* @__PURE__ */ jsx(Link, { href: help.url, target: "_blank", loadApp: false, children: help.helpAppName ? "Watch a demo" : "Learn More" }),
93
93
  " ",
94
94
  help.helpAppName ? ` for ${help.helpAppName}` : null
95
- ] }),
95
+ ] }) }),
96
96
  logo && /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "end", children: /* @__PURE__ */ jsx(Logo, __spreadValues({}, logo)) })
97
97
  ] })
98
98
  ] }) : null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/mui-page-header",
3
- "version": "1.1.13",
3
+ "version": "1.1.14",
4
4
  "description": "Availity MUI PageHeader Component - part of the @availity/element design system",
5
5
  "keywords": [
6
6
  "react",
package/src/lib/PageHeader.tsx CHANGED
@@ -94,22 +94,26 @@ export const PageHeader = ({
94
94
  }}
95
95
  >
96
96
  {breadcrumbs || logo || help ? (
97
- <Grid direction="row" container sx={{ justifyContent: 'space-between', marginBottom: 4 }}>
98
- {breadcrumbs && (
99
- <Grid marginRight={2}>
97
+ <Grid direction="row" container sx={{ justifyContent: 'space-between', marginBottom: 4 }} spacing={2}>
98
+ {breadcrumbs ?
99
+ <Grid>
100
100
  <Breadcrumbs {...breadcrumbs} />
101
101
  </Grid>
102
- )}
102
+ :
103
+ <Grid sx={{display: {xs: 'none', sm: 'block'}}}/>
104
+ }
103
105
  {(logo || help) && (
104
- <Grid>
106
+ <Grid direction="column" container spacing={2}>
105
107
  {help && (
106
- <Typography variant="body1">
107
- Need help?{' '}
108
- <Link href={help.url} target="_blank" loadApp={false}>
109
- {help.helpAppName ? 'Watch a demo' : 'Learn More'}
110
- </Link>{' '}
111
- {help.helpAppName ? ` for ${help.helpAppName}` : null}
112
- </Typography>
108
+ <Grid>
109
+ <Typography variant="body1">
110
+ Need help?{' '}
111
+ <Link href={help.url} target="_blank" loadApp={false}>
112
+ {help.helpAppName ? 'Watch a demo' : 'Learn More'}
113
+ </Link>{' '}
114
+ {help.helpAppName ? ` for ${help.helpAppName}` : null}
115
+ </Typography>
116
+ </Grid>
113
117
  )}
114
118
  {logo && (
115
119
  <Grid container justifyContent="end">