aefis-core-ui 2.3.0-rc57 → 2.3.0-rc59

package/dist/index.modern.js

@@ -2152,6 +2152,16 @@ const ContentBox = props => {
         disabled: props.headerAction.disabled || false,
         startIcon: props.headerAction.icon || undefined,
         children: props.headerAction.name
+      }), props.headerMenu && /*#__PURE__*/jsx(Box$2, {
+        sx: {
+          ml: 1
+        },
+        children: /*#__PURE__*/jsx(MenuButton, {
+          name: props.title,
+          menuConfiguration: props.headerMenu,
+          data: props.data || undefined,
+          displayType: "icon"
+        })
       })]
     }), /*#__PURE__*/jsxs(Card, {
       style: cardStyle,
@@ -2221,7 +2231,12 @@ ContentBox.propTypes = {
   /** Content of the content box */
   children: PropTypes.any,
   /** Add a menu to the header of the content box. */
-  menu: PropTypes.any,
+  menu: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string,
+    icon: PropTypes.any,
+    divider: PropTypes.any,
+    onClick: PropTypes.func
+  })),
   /** Data fto provide to the menu. */
   data: PropTypes.any,
   /** Adds padding and additional formatting to the content of the content box. */
@@ -2235,8 +2250,16 @@ ContentBox.propTypes = {
     name: PropTypes.any.isRequired,
     style: PropTypes.any,
     action: PropTypes.func.isRequired,
+    onClick: PropTypes.func,
     disabled: PropTypes.any
   }),
+  /** Adds a menu to the header */
+  headerMenu: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string,
+    icon: PropTypes.any,
+    divider: PropTypes.any,
+    onClick: PropTypes.func
+  })),
   /** 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. */
@@ -15104,6 +15127,41 @@ const bottomBarDefaultStyle = {
   left: 0,
   right: 0
 };
+const PanelTitleAndDescription = ({
+  index,
+  step,
+  cardContent: _cardContent = false
+}) => {
+  const titleStyle = {
+    fontSize: "1.1rem",
+    fontWeight: 500,
+    mb: 2
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [(step == null ? void 0 : step.panelTitle) && /*#__PURE__*/jsxs(Typography, {
+      sx: titleStyle,
+      variant: "h2",
+      component: step.panelTitleComponent || "h3",
+      children: ["Step ", index + 1, " : ", step.panelTitle]
+    }), (step == null ? void 0 : step.panelDescription) && /*#__PURE__*/jsx(Typography, {
+      sx: {
+        mb: _cardContent ? 0 : 2
+      },
+      variant: "body1",
+      component: "p",
+      children: step.panelDescription
+    })]
+  });
+};
+PanelTitleAndDescription.propTypes = {
+  index: PropTypes.number,
+  step: PropTypes.shape({
+    panelTitle: PropTypes.any,
+    panelTitleComponent: PropTypes.string,
+    panelDescription: PropTypes.string
+  }),
+  cardContent: PropTypes.bool
+};
 
 /** Component to display a "stepper" wizard panel for multiple step processes with swipeable tabs. Designed to be display within a Drawer component. */
 
@@ -15144,7 +15202,7 @@ const WizardPanel = props => {
     left: 0,
     right: 0,
     bottom: 64,
-    top: 178
+    top: 162
   };
   const containerStyle = {
     backgroundColor: props.cardContent ? "rgb(239, 242, 246)" : "rgb(255,255,255)"
@@ -15177,11 +15235,6 @@ const WizardPanel = props => {
       setIsCompleting(false);
     }
   }, [props.completed]);
-  const titleStyle = {
-    fontSize: "1.1rem",
-    fontWeight: 500,
-    mb: 2
-  };
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(AppBar$1, {
       position: props.display === "drawer" ? "sticky" : "relative",
@@ -15211,18 +15264,16 @@ const WizardPanel = props => {
             sx: {
               visibility: activeStep === index ? "visible" : "hidden"
             },
-            children: [step.panelTitle && /*#__PURE__*/jsxs(Typography, {
-              sx: titleStyle,
-              variant: "h2",
-              component: step.panelTitleComponent || "h3",
-              children: ["Step ", index + 1, " : ", step.panelTitle]
-            }), step.panelDescription && /*#__PURE__*/jsx(Typography, {
-              sx: {
-                mb: 2
-              },
-              variant: "body1",
-              component: "p",
-              children: step.panelDescription
+            children: [(step.panelTitle || step.panelDescription) && props.cardContent && /*#__PURE__*/jsx(ContentBox, {
+              children: /*#__PURE__*/jsx(PanelTitleAndDescription, {
+                step: step,
+                index: index,
+                cardContent: true
+              })
+            }), (step.panelTitle || step.panelDescription) && !props.cardContent && /*#__PURE__*/jsx(PanelTitleAndDescription, {
+              step: step,
+              index: index,
+              cardContent: false
             }), ((_step$completedItems = step.completedItems) == null ? void 0 : _step$completedItems.length) && /*#__PURE__*/jsx(CompletedItemList, {
               data: step.completedItems
             }), step.content]