orc-shared 5.8.0-dev.2 → 5.8.0-dev.21

package/dist/utils/testUtils.js

@@ -14,7 +14,7 @@ var _styles = require("@material-ui/core/styles");
 var _reactIntl = require("react-intl");
 var _reactRedux = require("react-redux");
 var _NotificationContext = require("./../components/MaterialUI/Feedback/NotificationContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -23,12 +23,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
@@ -43,6 +43,7 @@ var spyOnConsole = exports.spyOnConsole = function spyOnConsole(spyNames) {
     spyNames = ["log", "warn", "error"];
   }
   var spiedFuncs;
+  // eslint-disable-next-line no-undef
   beforeEach(function () {
     spiedFuncs = spyNames.map(function (funcName) {
       var func = sinon.spy().named("console." + funcName);
@@ -51,6 +52,7 @@ var spyOnConsole = exports.spyOnConsole = function spyOnConsole(spyNames) {
       return oldFunc;
     });
   });
+  // eslint-disable-next-line no-undef
   afterEach(function () {
     spiedFuncs.forEach(function (func, index) {
       var name = spyNames[index];
@@ -117,6 +119,7 @@ var PropStruct = exports.PropStruct = _react.default.forwardRef(function (props,
   );
 });
 var ignoreConsoleError = exports.ignoreConsoleError = function ignoreConsoleError(func) {
+  // eslint-disable-next-line no-undef
   jest.spyOn(console, "error");
   console.error.mockImplementation(function () {});
   func();

package/dist/utils/timezoneHelper.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.timeZonesList = exports.getTimeZoneName = exports.getTimeZoneByName = exports.getTimeZone = exports.convertTimeToOtherTimeZone = exports.convertTimeToLocalTimeZone = void 0;
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -12,13 +12,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };

package/dist/utils/unwrapImmutable.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.unwrapImmutable = exports.default = void 0;
 var _immutable = _interopRequireDefault(require("immutable4"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);

package/dist/utils/urlHelper.js

@@ -10,9 +10,9 @@ exports.tryGetNewEntityIdKey = exports.resolveEntityId = exports.getValueFromUrl
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };

package/dist/whyDidYouRerender.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "5.8.0-dev.2",
+	"version": "5.8.0-dev.21",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {
@@ -54,11 +54,8 @@
 	"devDependencies": {
 		"@testing-library/react": "^10.4.9"
 	},
-	"peerDependencies": {
-		"orc-scripts": "2.0.0-dev.4"
-	},
 	"dependencies": {
-		"orc-scripts": "2.0.0-dev.4",
+		"orc-scripts": "^4.0.0-dev.10",
 		"react-number-format": "^5.3.0"
 	},
 	"sideEffects": false,

package/src/components/AppFrame/About.js

@@ -13,6 +13,7 @@ import close from "../../content/close.png";
 import { getVersionSelector } from "../../selectors/versionInfo";
 import { currentLocaleOrDefault } from "../../selectors/locale";
 import sharedMessages from "./../../sharedMessages";
+import { trimStart } from "lodash";
 
 export const ABOUT_NAME = "__aboutBox";
 
@@ -125,7 +126,7 @@ export const About = ({ currentApplication }) => {
 								key="orc-shared-version"
 								message={{
 									...sharedMessages.orcSharedVersion,
-									values: { version: DEPENDENCIES["orc-shared"] },
+									values: { version: trimStart(DEPENDENCIES["orc-shared"], "^") },
 								}}
 							/>,
 					  ]
@@ -137,7 +138,7 @@ export const About = ({ currentApplication }) => {
 								key="orc-scripts-version"
 								message={{
 									...sharedMessages.orcScriptsVersion,
-									values: { version: DEPENDENCIES["orc-scripts"] },
+									values: { version: trimStart(DEPENDENCIES["orc-scripts"], "^") },
 								}}
 							/>,
 					  ]
@@ -149,7 +150,7 @@ export const About = ({ currentApplication }) => {
 								key="orc-secret-version"
 								message={{
 									...sharedMessages.orcSecretVersion,
-									values: { version: DEPENDENCIES["orc-secret"] },
+									values: { version: trimStart(DEPENDENCIES["orc-secret"], "^") },
 								}}
 							/>,
 					  ]

package/src/components/AppFrame/About.test.js

@@ -88,6 +88,67 @@ describe("About", () => {
 		);
 	});
 
+	it("renders an about box with normalized JS version", () => {
+		const orcSharedVersion = "^2.9.0";
+		const orcScriptsVersion = "^1.2.3";
+		const orcSecretVersion = "^5.1.7";
+
+		global.DEPENDENCIES = {
+			"orc-scripts": orcScriptsVersion,
+			"orc-secret": orcSecretVersion,
+			"orc-shared": orcSharedVersion,
+		};
+		global.BUILD_NUMBER = "2.3.2";
+		expect(
+			<Provider store={store}>
+				<IntlProvider locale="en-US" messages={messages}>
+					<About viewState={{ show: true }} currentApplication={{ displayName: "An application" }} />
+				</IntlProvider>
+			</Provider>,
+			"when mounted",
+			"to satisfy",
+			<IntlProvider locale="en-US" messages={messages}>
+				<AboutBox in>
+					<CloseButton>
+						<img src={close} alt="X" />
+					</CloseButton>
+					<img src={logoImage} alt="Orckestra" />
+					<AboutParagraph>
+						{stringifyWithoutQuotes(messages["orc-shared.ccVersion"]).replace("{version}", ccVersion)}
+						<br />
+						An application 2.3.2
+						<br />
+						{stringifyWithoutQuotes(messages["orc-shared.orcSharedVersion"]).replace(
+							"{version}",
+							orcSharedVersion.replace("^", ""),
+						)}
+						<br />
+						{stringifyWithoutQuotes(messages["orc-shared.orcScriptsVersion"]).replace(
+							"{version}",
+							orcScriptsVersion.replace("^", ""),
+						)}
+						<br />
+						{stringifyWithoutQuotes(messages["orc-shared.orcSecretVersion"]).replace(
+							"{version}",
+							orcSecretVersion.replace("^", ""),
+						)}
+					</AboutParagraph>
+					<AboutParagraph long>{stringifyWithoutQuotes(messages["orc-shared.copyrightTermsNotice"])}</AboutParagraph>
+					<AboutParagraph>
+						<AboutLink href="https://www.orckestra.com">
+							{stringifyWithoutQuotes(messages["orc-shared.ccName"])}
+						</AboutLink>
+					</AboutParagraph>
+					<AboutParagraph>
+						{stringifyWithoutQuotes(messages["orc-shared.copyright"]).replace("{year}", new Date().getFullYear())}
+						<br />
+						{stringifyWithoutQuotes(messages["orc-shared.allRightsReserved"])}
+					</AboutParagraph>
+				</AboutBox>
+			</IntlProvider>,
+		);
+	});
+
 	it("view state handler update show value when clicking on close button", () =>
 		expect(
 			<Provider store={store}>

package/src/components/AppFrame/ConnectedToastList.test.js

@@ -169,7 +169,9 @@ describe("ConnectedToastList", () => {
 		try {
 			ReactDOM.unmountComponentAtNode(appRoot);
 			ReactDOM.unmountComponentAtNode(document.getElementById("toast"));
-		} catch (_) {}
+		} catch {
+			// don't do anything
+		}
 		document.body.removeChild(appRoot);
 	});
 });

package/src/components/DropMenu/DropMenu.test.js

@@ -93,6 +93,7 @@ describe("DropMenu", () => {
 		const clock = sinon.useFakeTimers();
 		const menuNode = document.createElement("div");
 		document.body.appendChild(menuNode);
+		// eslint-disable-next-line react/no-render-return-value
 		const menu = ReactDOM.render(
 			<div>
 				<div id="outside" />
@@ -212,6 +213,7 @@ describe("DropMenu", () => {
 			const clock = sinon.useFakeTimers();
 			const menuNode = document.createElement("div");
 			document.body.appendChild(menuNode);
+			// eslint-disable-next-line react/no-render-return-value
 			const menu = ReactDOM.render(
 				<div>
 					<div id="outside" />

package/src/components/Form/InputField.js

@@ -19,7 +19,7 @@ export const InputField = ({ name, type = "undefined", label, labelOnly, placeho
 	const Input = inputs[type];
 	if (!Input) {
 		console.error(`Unknown type "${type}", cannot render field`);
-		return <p>Cannot render unknown type "{type}"</p>;
+		return <p>Cannot render unknown type &amp;{type}&amp;</p>;
 	}
 	return (
 		<Field

package/src/components/Form/InputField.test.js

@@ -93,7 +93,7 @@ describe("InputField", () => {
 			</SubjectWrapper>,
 			"when mounted",
 			"to satisfy",
-			<p>Cannot render unknown type "{"undefined"}"</p>,
+			<p>Cannot render unknown type &amp;{"undefined"}&amp;</p>,
 		).then(() =>
 			expect(console.error, "to have calls satisfying", [{ args: ['Unknown type "undefined", cannot render field'] }]),
 		));

package/src/components/MaterialUI/DataDisplay/Badge.js

@@ -13,7 +13,7 @@ const useStyles = makeStyles(theme => ({
 
 const Badge = ({ children, badge, ...props }) => {
 	const classes = useStyles();
-	const classProp = !!props.classProp?.badge ? props.classProp : classes;
+	const classProp = props.classProp?.badge ? props.classProp : classes;
 
 	return (
 		<BadgeMui overlap="circular" color="primary" max={999} badgeContent={badge} classes={classProp}>

package/src/components/MaterialUI/DataDisplay/PredefinedElements/InformationItem.js

@@ -12,14 +12,16 @@ import classNames from "classnames";
 const useStyles = makeStyles(theme => ({
 	title: {
 		fontSize: theme.typography.fieldLabelSize,
-		color: props => (!props.error ? theme.palette.text.hint : theme.palette.error.main),
+		color: theme.palette.text.hint,
 		fontFamily: theme.typography.fontFamily,
 		marginBottom: theme.spacing(1),
-
-		"&:after": {
-			content: props => props.required && '" *"',
-			color: theme.palette.error.main,
-		},
+	},
+	titleError: {
+		color: theme.palette.error.main,
+	},
+	titleRequired: {
+		paddingLeft: theme.spacing(0.5),
+		color: theme.palette.error.main,
 	},
 	value: {
 		fontSize: theme.typography.fontSize,
@@ -77,9 +79,26 @@ const InformationItemChildren = ({
 	return <MultipleLinesText textProps={multipleLinesTextProps} children={value} tooltipClasses={tooltipClasses} />;
 };
 
-const InformationItemHeader = ({ classes, label, headerIcon, headerIconClassName }) => {
+const InformationItemHeader = ({ classes, label, headerIcon, headerIconClassName, required, error }) => {
 	const formattedLabel = typeof label === "object" ? <FormattedMessage {...label} /> : label;
-	const headerText = (formattedLabel && <Typography className={classes.title} children={formattedLabel} />) ?? null;
+	const titleClasses = classNames(classes.title, { [classes.titleError]: error });
+	const headerText =
+		(formattedLabel && (
+			<Typography
+				className={titleClasses}
+				children={
+					<>
+						{formattedLabel}
+						{required && (
+							<span data-qa="required" className={classes.titleRequired}>
+								*
+							</span>
+						)}
+					</>
+				}
+			/>
+		)) ??
+		null;
 
 	if (headerIcon) {
 		return (
@@ -113,6 +132,8 @@ const InformationItem = ({
 			<InformationItemHeader
 				classes={classes}
 				label={label}
+				required={required}
+				error={error}
 				headerIcon={headerIcon}
 				headerIconClassName={headerIconClassName}
 			/>

package/src/components/MaterialUI/DataDisplay/PredefinedElements/InformationItem.test.js

@@ -237,7 +237,7 @@ describe("Information Item", () => {
 
 		const component = (
 			<IntlProvider locale="en" messages={{ label }}>
-				<InformationItem label={label} required={true}>
+				<InformationItem label={label} required={false}>
 					{value}
 				</InformationItem>
 			</IntlProvider>
@@ -272,19 +272,31 @@ describe("Information Item", () => {
 
 	it("Renders Information Item with required", () => {
 		const label = "label";
-		const value = "value";
+		const value = <p>Value</p>;
 
-		const component = mount(
+		const component = (
 			<IntlProvider locale="en-US">
 				<InformationItem label={label} required={true}>
 					{value}
 				</InformationItem>
-			</IntlProvider>,
+			</IntlProvider>
 		);
 
-		const labelContainer = component.find("p").get(0);
+		const expected = (
+			<div>
+				<Typography
+					children={
+						<>
+							{label}
+							<span data-qa="required">*</span>
+						</>
+					}
+				/>
+				{value}
+			</div>
+		);
 
-		expect(labelContainer, "when mounted", "to have style rules satisfying", "to contain", 'content: " *"');
+		expect(component, "when mounted", "to satisfy", expected);
 	});
 
 	it("Renders Information Item properly with a header icon", () => {

package/src/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js

@@ -142,7 +142,12 @@ const StepperModal = ({
 	modalProps.set(ModalProps.propNames.backdropClickCallback, backdropCallback ?? closeCallback);
 	modalProps.set(ModalProps.propNames.type, type);
 
-	const nextClick = useCallback(() => changeCurrentStep(step => step + 1), []);
+	const nextClick = useCallback(customHandler => {
+		if (customHandler) {
+			customHandler();
+		}
+		changeCurrentStep(step => step + 1);
+	}, []);
 	const backClick = useCallback(() => changeCurrentStep(step => step - 1), []);
 
 	const actionPanel = (
@@ -159,11 +164,27 @@ const StepperModal = ({
 					<Button variant="outlined" onClick={closeCallback}>
 						<FormattedMessage {...sharedMessages.cancel} />
 					</Button>
-					{currentStep < steps.length - 1 && (
-						<Button variant="contained" color="primary" disabled={nextDisabled} onClick={nextClick} disableElevation>
-							<FormattedMessage {...sharedMessages.next} />
-						</Button>
-					)}
+
+					{currentStep < steps.length - 1 &&
+						(steps[currentStep]?.actions?.length > 0 ? (
+							steps[currentStep].actions.map(action => (
+								<Button
+									key={action.value}
+									variant="contained"
+									color="primary"
+									disabled={nextDisabled}
+									onClick={() => nextClick(action.handler)}
+									disableElevation
+								>
+									{action.label}
+								</Button>
+							))
+						) : (
+							<Button variant="contained" color="primary" disabled={nextDisabled} onClick={nextClick} disableElevation>
+								<FormattedMessage {...sharedMessages.next} />
+							</Button>
+						))}
+
 					{currentStep === steps.length - 1 && (
 						<Button
 							variant="contained"