@singularsystems/neo-react 1.3.6 → 1.3.7

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 This file details all new features and changes to functionality. If you only need to see changes that require updates to your project, see the [breaking changes](./Breaking.md) readme.
 
+## Version 1.3.7 (18 Nov 2025)
+
+- Modals shown with ModalUtils will now preserve pre-formatted text if the provided content is a string.
+
 ## Version 1.3.6 (15 Oct 2025)
 
 - Fixed type in auto complete drop down preventing use of string ids in multi select drop down.

package/dist/ReactComponents/Modal/Modal.d.ts

@@ -7,5 +7,5 @@ export default class Modal extends React.Component<IModalOptions | IModalOptions
     private onSubmit;
     private lastBindValue?;
     componentWillUnmount(): void;
-    render(): false | React.JSX.Element;
+    render(): React.JSX.Element | null;
 }

package/dist/ReactComponents/Modal/Modal.js

@@ -103,8 +103,16 @@ var Modal = /** @class */ (function (_super) {
                 buttons.push(Utils.populatePartialWithDefaults(closeButton, __assign(__assign({}, Settings.modal.closeButton), { onClick: onClose })));
             }
         }
-        var content = this.visible && React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "modal-body" }, this.props.children instanceof Function ? (show ? this.props.children(this.lastBindValue) : (renderOnCollapse ? this.props.children(this.lastBindValue) : undefined)) : this.props.children),
+        if (!this.visible) {
+            return null;
+        }
+        var childContent = this.props.children instanceof Function ? (show ? this.props.children(this.lastBindValue) : (renderOnCollapse ? this.props.children(this.lastBindValue) : undefined)) : this.props.children;
+        var bodyClassName = "modal-body";
+        if (other.isCodeModal && typeof childContent === "string") {
+            bodyClassName += " modal-content-pre";
+        }
+        var content = React.createElement(React.Fragment, null,
+            React.createElement("div", { className: bodyClassName }, childContent),
             (buttons.length > 0 || footerContent || footer) &&
                 React.createElement("div", { className: "modal-footer" }, footer ? footer : React.createElement(React.Fragment, null,
                     footerContent && React.createElement("div", { className: "modal-footer-content" }, footerContent),
@@ -116,14 +124,13 @@ var Modal = /** @class */ (function (_super) {
         else {
             container = React.createElement(Form, __assign({}, formProps, { onSubmit: function (e) { _this.onSubmit && _this.onSubmit(e); } }), content);
         }
-        return (this.visible &&
-            React.createElement(ModalPortal, { show: show, onDismiss: onClose, options: this.props },
-                React.createElement("div", { className: "modal-dialog" + (size ? " modal-" + size : "") + (className ? " " + className : "") },
-                    React.createElement("div", { className: "modal-content" },
-                        React.createElement("div", { className: "modal-header" },
-                            React.createElement("h5", { className: "modal-title" }, this.props.title),
-                            this.props.showCancelButton !== false && BootstrapUtils.getCloseButton(onClose)),
-                        container))));
+        return (React.createElement(ModalPortal, { show: show, onDismiss: onClose, options: this.props },
+            React.createElement("div", { className: "modal-dialog" + (size ? " modal-" + size : "") + (className ? " " + className : "") },
+                React.createElement("div", { className: "modal-content" },
+                    React.createElement("div", { className: "modal-header" },
+                        React.createElement("h5", { className: "modal-title" }, this.props.title),
+                        this.props.showCancelButton !== false && BootstrapUtils.getCloseButton(onClose)),
+                    container))));
     };
     Modal = __decorate([
         observer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -42,13 +42,14 @@
     "tslib": "2.8.1"
   },
   "peerDependencies": {
-    "@singularsystems/neo-core": ">=1.3.0",
+    "@singularsystems/neo-core": ">=1.3.6",
     "axios": ">=1.6.2",
     "inversify": ">=5.0.1",
     "mobx": ">=6.9.0",
     "mobx-react": ">=7.6.0",
     "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react-dom": ">=18.2.0",
+    "react-select": ">=5.10.2"
   },
   "packageManager": "yarn@4.6.0",
   "resolutions": {

package/styles/Modal.scss

@@ -50,4 +50,8 @@ body.has-modal-scroll-fix {
     .modal-footer-content {
         flex-grow: 1;
     }
-}
+
+    .modal-content-pre {
+        white-space: pre-wrap;
+    }
+}