@availity/mui-page-header 1.0.16 → 1.0.17

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.17](https://github.com/Availity/element/compare/@availity/mui-page-header@1.0.16...@availity/mui-page-header@1.0.17) (2025-02-03)
+
+
+### Bug Fixes
+
+* **mui-page-header:** pass key in map ([b1491b2](https://github.com/Availity/element/commit/b1491b2126e4820ff06151dab48f77d79015cac7))
+
 ## [1.0.16](https://github.com/Availity/element/compare/@availity/mui-page-header@1.0.15...@availity/mui-page-header@1.0.16) (2025-01-27)
 
 ### Dependency Updates

package/dist/index.js

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -119,7 +131,10 @@ var PageHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { direction: "row", container: true, marginBottom: 2, alignItems: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, { variant: "h1", children: headerText }) }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_mui_layout.Grid, { container: true, width: "auto", children: [
-            buttons && buttons.length > 0 && (buttons == null ? void 0 : buttons.map((buttonProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { marginLeft: 2, height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.Button, __spreadProps(__spreadValues({}, buttonProps), { size: "large", color: "secondary" })) }))),
+            buttons && buttons.length > 0 && (buttons == null ? void 0 : buttons.map((_a) => {
+              var _b = _a, { key } = _b, buttonProps = __objRest(_b, ["key"]);
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { marginLeft: 2, height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.Button, __spreadProps(__spreadValues({}, buttonProps), { size: "large", color: "secondary" })) }, key);
+            })),
             feedback ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { marginLeft: 2, height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_feedback.Feedback, { appName: headerText }) }) : null
           ] })
         ] }),

package/dist/index.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 
 // src/lib/PageHeader.tsx
 import { Divider } from "@availity/mui-divider";
@@ -86,7 +98,10 @@ var PageHeader = ({
         /* @__PURE__ */ jsxs(Grid, { direction: "row", container: true, marginBottom: 2, alignItems: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Typography, { variant: "h1", children: headerText }) }),
           /* @__PURE__ */ jsxs(Grid, { container: true, width: "auto", children: [
-            buttons && buttons.length > 0 && (buttons == null ? void 0 : buttons.map((buttonProps) => /* @__PURE__ */ jsx(Grid, { marginLeft: 2, height: "100%", children: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({}, buttonProps), { size: "large", color: "secondary" })) }))),
+            buttons && buttons.length > 0 && (buttons == null ? void 0 : buttons.map((_a) => {
+              var _b = _a, { key } = _b, buttonProps = __objRest(_b, ["key"]);
+              return /* @__PURE__ */ jsx(Grid, { marginLeft: 2, height: "100%", children: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({}, buttonProps), { size: "large", color: "secondary" })) }, key);
+            })),
             feedback ? /* @__PURE__ */ jsx(Grid, { marginLeft: 2, height: "100%", children: /* @__PURE__ */ jsx(Feedback, { appName: headerText }) }) : null
           ] })
         ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-page-header",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Availity MUI PageHeader Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/PageHeader.tsx

@@ -126,8 +126,8 @@ export const PageHeader = ({
         <Grid container width="auto">
           {buttons &&
             buttons.length > 0 &&
-            buttons?.map((buttonProps) => (
-              <Grid marginLeft={2} height="100%">
+            buttons?.map(({ key, ...buttonProps }) => (
+              <Grid key={key} marginLeft={2} height="100%">
                 <Button {...buttonProps} size="large" color="secondary" />
               </Grid>
             ))}