aefis-core-ui 2.3.0-rc49 → 2.3.0-rc50

package/dist/index.modern.js

@@ -1938,11 +1938,17 @@ const useTag = color => {
 const useStyles$F = makeStyles(theme => ({
   sectionHeader: {
     paddingTop: theme.spacing(2),
-    paddingBottom: theme.spacing(2)
+    paddingBottom: theme.spacing(2),
+    display: "flex",
+    width: "100%"
   },
   sectionHeaderTop: {
     paddingBottom: theme.spacing(2)
   },
+  sectionHeaderAction: {
+    justifyContent: "center",
+    alignItems: "flex-end"
+  },
   cardContent: {
     paddingTop: 0,
     paddingBottom: 0
@@ -2121,13 +2127,32 @@ const ContentBox = props => {
   return /*#__PURE__*/jsxs(Box$2, {
     sx: props.sx,
     style: props.containerStyle,
-    children: [props.header && /*#__PURE__*/jsx(Box$2, {
+    children: [props.header && /*#__PURE__*/jsxs(Box$2, {
       className: classes.sectionHeader,
-      children: /*#__PURE__*/jsx(Typography, {
+      children: [/*#__PURE__*/jsx(Typography, {
         variant: "h6",
         component: "h2",
+        sx: {
+          display: "flex",
+          alignItems: "center"
+        },
         children: props.header
-      })
+      }), props.headerAction && /*#__PURE__*/jsx(Button, {
+        name: props.headerAction.name,
+        variant: "contained",
+        color: "primary",
+        size: props.headerAction.size || "small",
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          marginLeft: "auto"
+        },
+        onClick: props.headerAction.action || props.headerAction.onClick,
+        style: props.headerAction.style || undefined,
+        disabled: props.headerAction.disabled || false,
+        startIcon: props.headerAction.icon || undefined,
+        children: props.headerAction.name
+      })]
     }), /*#__PURE__*/jsxs(Card, {
       style: cardStyle,
       className: tag.tag,
@@ -2203,6 +2228,15 @@ ContentBox.propTypes = {
   formatContent: PropTypes.bool,
   /** Header for the content box. */
   header: PropTypes.any,
+  /** Action for the header.  Should be considered an action related to the content box contents. */
+  headerAction: PropTypes.shape({
+    size: PropTypes.oneOf(["small", "medium"]),
+    icon: PropTypes.any,
+    name: PropTypes.any.isRequired,
+    style: PropTypes.any,
+    action: PropTypes.func.isRequired,
+    disabled: PropTypes.any
+  }),
   /** Sub-title of the content box.  Can be a string or any component. */
   subtitle: PropTypes.any,
   /** Main title of the content box.  Can be a string or any component. */