aefis-core-ui 2.3.0-rc37 → 2.3.0-rc39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14975,6 +14975,11 @@ const WizardPanel = props => {
14975
14975
  setIsCompleting(false);
14976
14976
  }
14977
14977
  }, [props.completed]);
14978
+ const titleStyle = {
14979
+ fontSize: "1.1rem",
14980
+ fontWeight: 500,
14981
+ mb: 2
14982
+ };
14978
14983
  return /*#__PURE__*/jsxs(Fragment, {
14979
14984
  children: [/*#__PURE__*/jsx(AppBar$1, {
14980
14985
  position: props.display === "drawer" ? "sticky" : "relative",
@@ -14994,7 +14999,7 @@ const WizardPanel = props => {
14994
14999
  children: /*#__PURE__*/jsx(SwipeableViews, {
14995
15000
  axis: theme.direction === "rtl" ? "x-reverse" : "x",
14996
15001
  index: activeStep,
14997
- children: (_props$panels = props.panels) == null ? void 0 : _props$panels.map((step, index) => /*#__PURE__*/jsx(Box$1, {
15002
+ children: (_props$panels = props.panels) == null ? void 0 : _props$panels.map((step, index) => /*#__PURE__*/jsxs(Box$1, {
14998
15003
  value: activeStep,
14999
15004
  index: index,
15000
15005
  dir: theme.direction,
@@ -15002,7 +15007,19 @@ const WizardPanel = props => {
15002
15007
  sx: {
15003
15008
  visibility: activeStep === index ? "visible" : "hidden"
15004
15009
  },
15005
- children: step.content
15010
+ children: [step.panelTitle && /*#__PURE__*/jsxs(Typography, {
15011
+ sx: titleStyle,
15012
+ variant: "h2",
15013
+ component: step.panelTitleComponent || "h3",
15014
+ children: ["Step ", index + 1, " : ", step.panelTitle]
15015
+ }), step.panelDescription && /*#__PURE__*/jsx(Typography, {
15016
+ sx: {
15017
+ mb: 2
15018
+ },
15019
+ variant: "body1",
15020
+ component: "p",
15021
+ children: step.panelDescription
15022
+ }), step.content]
15006
15023
  }, `wizardPanelKey-${step.id}`))
15007
15024
  })
15008
15025
  }), /*#__PURE__*/jsx(Box$1, {
@@ -15077,6 +15094,10 @@ WizardPanel.propTypes = {
15077
15094
  panels: PropTypes.arrayOf(PropTypes.shape({
15078
15095
  id: PropTypes.any.isRequired,
15079
15096
  title: PropTypes.string.isRequired,
15097
+ panelTitle: PropTypes.string,
15098
+ panelDescription: PropTypes.string,
15099
+ panelTitleComponent: PropTypes.oneOf(["h1", "h2", "h3", "h4", "div"]),
15100
+ panelTitleShowStep: PropTypes.bool,
15080
15101
  content: PropTypes.any.isRequired
15081
15102
  })).isRequired,
15082
15103
  /** Disable the "Next" button. */