@singularsystems/neo-react 1.3.5 → 1.3.7

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.
+
 ## Version 1.3.5
 
 - Fixed drop down to not add a blank item if the bound value is zero, and the items contains an item with id of zero.

package/dist/ReactComponents/DropDown/AutoCompleteDropDown.d.ts

@@ -78,7 +78,7 @@ export interface IAutoCompleteMultiSelectProps {
     /**
      * Optional list of ids. This will be kept in sync with the bindItems prop.
      */
-    bindIds?: (string | number)[] | Model.IPropertyInstance<number[]>;
+    bindIds?: (string | number)[] | Model.IPropertyInstance<(string | number)[]>;
     /**
      * The max no of items to record in the field info if bound to a field info class. (Defaults to 5)
      * If the selected items exceeds this limit, the field info will be recorded as "x items selected".

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/dist/Views/ViewModelBase.d.ts

@@ -20,6 +20,7 @@ export default abstract class ViewModelBase extends ModelBase implements IViewMo
     registerReaction<T>(expression: () => T, effect: (value: T) => void): IReactionDisposer;
     /**
      * Instantiates, and registers a child view model that will be disposed when this view model is disposed.
+     * Does not initialise the view model unless specified in options.
      * The task runner will be passed to the new vm from this one.
      * @param viewModel View model type.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,41 +16,40 @@
   "author": "Singular Systems",
   "license": "ISC",
   "devDependencies": {
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/react": "16.2.0",
-    "@types/jest": "29.5.14",
+    "@types/jest": "30.0.0",
     "@types/memoize-one": "5.1.2",
-    "@types/node": "22.15.30",
-    "@types/react": "19.0.10",
+    "@types/node": "24.7.2",
+    "@types/react": "19.2.2",
     "@types/react-custom-scrollbars": "4.0.13",
-    "@types/react-dom": "19.0.4",
+    "@types/react-dom": "19.2.2",
     "decimal.js-light": "2.5.1",
     "react-scripts": "5.0.1",
     "typescript": "5.7.3"
   },
   "dependencies": {
-    "@singularsystems/neo-core": "1.2.0",
+    "@singularsystems/neo-core": "1.3.4",
     "@types/react-color": "3.0.13",
-    "axios": "1.7.9",
+    "axios": "1.12.2",
     "inversify": "6.0.2",
     "memoize-one": "6.0.0",
-    "mobx": "6.13.6",
-    "mobx-react": "9.2.0",
-    "rc-slider": "11.1.8",
-    "react": "19.0.0",
+    "mobx": "6.15.0",
+    "mobx-react": "9.2.1",
+    "rc-slider": "11.1.9",
+    "react": "19.2.0",
     "react-custom-scrollbars": "4.2.1",
-    "react-dom": "19.0.0",
-    "react-select": "5.10.0",
+    "react-dom": "19.2.0",
+    "react-select": "5.10.2",
     "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;
+    }
+}