aefis-core-ui 2.3.0-rc56 → 2.3.0-rc58

package/dist/index.modern.js

@@ -5481,6 +5481,7 @@ const DialogTitle = props => {
       },
       children: props.children
     }) : props.children, props.onClose ? /*#__PURE__*/jsx(IconButton, {
+      name: "close the dialog",
       "aria-label": "close the dialog",
       className: classes.closeButton,
       onClick: props.onClose,
@@ -11681,7 +11682,7 @@ BusinessObjectPicker.propTypes = {
   /** If true, multiple selection is supported. */
   multiple: PropTypes.bool,
   /** Any known Business Object type */
-  type: PropTypes.oneOf([null, "accreditor", "administrativeDivision", "administrativeUnit", "assessment", "assignment", "badge", "businessObject", "college", "course", "courseOutcome", "courseSection", "department", "faculty", "institution", "keyword", "outcome", "outcomeGroup", "outcomeSpace", "performanceIndicator", "program", "term"]),
+  type: PropTypes.oneOf([null, "accreditor", "administrativeDivision", "administrativeUnit", "assessment", "assignment", "badge", "businessObject", "college", "course", "courseOutcome", "courseSection", "department", "faculty", "institution", "keyword", "outcome", "outcomeGroup", "outcomeSpace", "performanceIndicator", "program", "term", "user"]),
   /** Data for the list of options. If this is not provided, and type is provided, default business object queries are used to pull the data. */
   data: PropTypes.any,
   /** Name of the Data Source for the list of options. This is necessary to show any option, if type and data are not provided. */
@@ -15103,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. */
 
@@ -15143,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)"
@@ -15176,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",
@@ -15210,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]