aefis-core-ui 2.3.0-rc57 → 2.3.0-rc58

package/dist/index.modern.js

@@ -15104,6 +15104,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 +15179,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 +15212,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 +15241,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]