@singularsystems/neo-react 1.0.0-alpha.2 → 1.0.0-beta.0

package/dist/ReactComponents/FileManager/FileUploadProgress.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-import { FileContext } from './FileContext';
-export interface IFileUploadProps {
-    fileManager?: Components.IFileManager;
-    type?: "striped" | "animated";
-    variant?: Components.variant;
-}
-export default class FileUploadProgress extends React.Component<IFileUploadProps & React.HTMLProps<HTMLDivElement>> {
-    static contextType: React.Context<import("./FileContext").IFileContextProps>;
-    context: React.ContextType<typeof FileContext>;
-    private fileManager;
-    render(): false | JSX.Element;
-}
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+import { FileContext } from './FileContext';
+export interface IFileUploadProps {
+    fileManager?: Components.IFileManager;
+    type?: "striped" | "animated";
+    variant?: Components.variant;
+}
+export default class FileUploadProgress extends React.Component<IFileUploadProps & React.HTMLProps<HTMLDivElement>> {
+    static contextType: React.Context<import("./FileContext").IFileContextProps>;
+    context: React.ContextType<typeof FileContext>;
+    private fileManager;
+    render(): false | JSX.Element;
+}

package/dist/ReactComponents/FileManager/FileUploadProgress.js

@@ -1,35 +1,35 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import React from 'react';
-import { observer } from 'mobx-react';
-import { Utils } from '@singularsystems/neo-core';
-import { FileContext } from './FileContext';
-import ProgressBar from '../ProgressBar';
-var FileUploadProgress = /** @class */ (function (_super) {
-    __extends(FileUploadProgress, _super);
-    function FileUploadProgress() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FileUploadProgress.prototype.render = function () {
-        var _a = this.props, fileManager = _a.fileManager, type = _a.type, variant = _a.variant, domProps = __rest(_a, ["fileManager", "type", "variant"]);
-        if (this.context.fileManager) {
-            this.fileManager = this.context.fileManager;
-        }
-        else {
-            if (!fileManager) {
-                throw Error("FileUploadProgress must be in a FileContext, or have fileManager specified.");
-            }
-            this.fileManager = fileManager;
-        }
-        domProps.className = Utils.joinWithSpaces(domProps.className, "neo-file-progress-container");
-        return (this.fileManager.isUploading &&
-            React.createElement("div", __assign({}, domProps), this.fileManager.currentUploads.map(function (upload) { return (React.createElement("div", { key: upload.key, className: "neo-file-progress" },
-                React.createElement("span", null, upload.toString()),
-                React.createElement(ProgressBar, { progress: upload.uploadPercent, type: type, variant: variant }))); })));
-    };
-    FileUploadProgress.contextType = FileContext;
-    FileUploadProgress = __decorate([
-        observer
-    ], FileUploadProgress);
-    return FileUploadProgress;
-}(React.Component));
-export default FileUploadProgress;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react';
+import { Utils } from '@singularsystems/neo-core';
+import { FileContext } from './FileContext';
+import ProgressBar from '../ProgressBar';
+var FileUploadProgress = /** @class */ (function (_super) {
+    __extends(FileUploadProgress, _super);
+    function FileUploadProgress() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FileUploadProgress.prototype.render = function () {
+        var _a = this.props, fileManager = _a.fileManager, type = _a.type, variant = _a.variant, domProps = __rest(_a, ["fileManager", "type", "variant"]);
+        if (this.context.fileManager) {
+            this.fileManager = this.context.fileManager;
+        }
+        else {
+            if (!fileManager) {
+                throw Error("FileUploadProgress must be in a FileContext, or have fileManager specified.");
+            }
+            this.fileManager = fileManager;
+        }
+        domProps.className = Utils.joinWithSpaces(domProps.className, "neo-file-progress-container");
+        return (this.fileManager.isUploading &&
+            React.createElement("div", __assign({}, domProps), this.fileManager.currentUploads.map(function (upload) { return (React.createElement("div", { key: upload.key, className: "neo-file-progress" },
+                React.createElement("span", null, upload.toString()),
+                React.createElement(ProgressBar, { progress: upload.uploadPercent, type: type, variant: variant }))); })));
+    };
+    FileUploadProgress.contextType = FileContext;
+    FileUploadProgress = __decorate([
+        observer
+    ], FileUploadProgress);
+    return FileUploadProgress;
+}(React.Component));
+export default FileUploadProgress;

package/dist/ReactComponents/Form.d.ts

@@ -1,18 +1,19 @@
-import * as React from 'react';
-import { Components, Model } from '@singularsystems/neo-core';
-export interface IFormProps<T extends Model.IModelBase> extends React.FormHTMLAttributes<HTMLElement>, Components.IFormOptions<T> {
-    /**
-     * Called when the form is submitted, but the model is not valid.
-     * The justValidated parameter will be true if the validationDisplayMode is 'AfterSubmit', and this is the first submit attempt.
-     */
-    onInvalid?: (e: React.FormEvent, justValidated?: boolean) => void;
-    children: React.ReactNode;
-}
-export default class Form<T extends Model.IModelBase> extends React.Component<IFormProps<T>> {
-    private reactionDisposer?;
-    private firstSubmit;
-    private onSubmit;
-    private disposeReaction;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
+import * as React from 'react';
+import { Components, Model } from '@singularsystems/neo-core';
+interface IFormProps<T extends Model.IModelBase> extends Omit<React.FormHTMLAttributes<HTMLElement>, "children">, Components.IFormOptions<T> {
+    /**
+     * Called when the form is submitted, but the model is not valid.
+     * The justValidated parameter will be true if the validationDisplayMode is 'AfterSubmit', and this is the first submit attempt.
+     */
+    onInvalid?: (e: React.FormEvent, justValidated?: boolean) => void;
+    children: React.ReactNode | ((item: T, meta: Model.TransformMetaType<T>) => React.ReactNode);
+}
+export default class Form<T extends Model.IModelBase> extends React.Component<IFormProps<T>> {
+    private reactionDisposer?;
+    private firstSubmit;
+    private onSubmit;
+    private disposeReaction;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/Form.js

@@ -1,90 +1,90 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import * as React from 'react';
-import { observer, Observer } from 'mobx-react';
-import { Validation, Model, ModalUtils, Misc } from '@singularsystems/neo-core';
-import ValidationSummary from './ValidationSummary';
-import { reaction } from 'mobx';
-import { FormContextProvider } from './FormContext';
-var Form = /** @class */ (function (_super) {
-    __extends(Form, _super);
-    function Form() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.firstSubmit = true;
-        return _this;
-    }
-    Form.prototype.onSubmit = function (e, model) {
-        var _this = this;
-        e.preventDefault();
-        e.stopPropagation();
-        this.disposeReaction();
-        var canSubmit = true;
-        // TODO: if the model and none of its children have blurred, justValidated should be true
-        var justValidated = this.props.validationDisplayMode === Validation.DisplayMode.AfterSubmit && this.firstSubmit;
-        this.firstSubmit = false;
-        if (model) {
-            if (!model.isValid) {
-                canSubmit = false;
-                var container = void 0;
-                if (model instanceof Array) {
-                    container = model;
-                }
-                else {
-                    container = [model];
-                }
-                Model.GraphTraverser.traverseItems(container, new Model.GraphTraverser.RecursionState(), function (item, state) {
-                    item.validator.forceShowErrors = true;
-                });
-                if (this.props.onInvalid)
-                    this.props.onInvalid(e, justValidated);
-                if (this.props.showSummaryModal || this.props.invalidSummaryText || this.props.invalidSummaryTitle) {
-                    var onClose = this.disposeReaction.bind(this);
-                    var codeModal_1 = ModalUtils.showModal(this.props.invalidSummaryTitle || "Invalid data", React.createElement(Observer, null, function () {
-                        return React.createElement("div", null,
-                            _this.props.invalidSummaryText || "Cannot continue due to the following errors:",
-                            React.createElement(ValidationSummary, { graph: Validation.getValidationSummary(model), hideTopLevelTitle: !(model instanceof Array) }));
-                    }), { onClose: onClose, closeButton: { text: "Ok", onClick: onClose } });
-                    // Listen for when isValid changes to true, in case there is an async rule running.
-                    this.reactionDisposer = reaction(function () { return model.isValid; }, function () {
-                        _this.disposeReaction();
-                        codeModal_1.close();
-                        if (model.isValid && _this.props.onSubmit)
-                            _this.props.onSubmit(e);
-                    });
-                }
-            }
-        }
-        if (canSubmit && this.props.onSubmit) {
-            this.props.onSubmit(e);
-        }
-    };
-    Form.prototype.disposeReaction = function () {
-        if (this.reactionDisposer) {
-            this.reactionDisposer();
-            this.reactionDisposer = undefined;
-        }
-    };
-    Form.prototype.componentWillUnmount = function () {
-        this.disposeReaction();
-    };
-    Form.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, validationDisplayMode = _a.validationDisplayMode, allReadOnly = _a.allReadOnly, allDisabled = _a.allDisabled, model = _a.model, showSummaryModal = _a.showSummaryModal, invalidSummaryTitle = _a.invalidSummaryTitle, invalidSummaryText = _a.invalidSummaryText, native = __rest(_a, ["validationDisplayMode", "allReadOnly", "allDisabled", "model", "showSummaryModal", "invalidSummaryTitle", "invalidSummaryText"]);
-        var formModel;
-        if (model) {
-            // Allow binding to ObservableProperty
-            if (model.attachedTo && !(model instanceof Array)) {
-                formModel = model.attachedTo;
-            }
-            else {
-                formModel = model;
-            }
-        }
-        return (React.createElement("form", __assign({}, native, { onSubmit: function (e) { return _this.onSubmit(e, formModel); } }),
-            React.createElement(FormContextProvider, { validationDisplayMode: validationDisplayMode !== null && validationDisplayMode !== void 0 ? validationDisplayMode : Misc.Settings.form.validationDisplayMode, allReadOnly: allReadOnly, allDisabled: allDisabled }, (this.props.children instanceof Function) ? this.props.children(model, model.meta) : this.props.children)));
-    };
-    Form = __decorate([
-        observer
-    ], Form);
-    return Form;
-}(React.Component));
-export default Form;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import * as React from 'react';
+import { observer, Observer } from 'mobx-react';
+import { Validation, Model, ModalUtils, Misc } from '@singularsystems/neo-core';
+import ValidationSummary from './ValidationSummary';
+import { reaction } from 'mobx';
+import { FormContextProvider } from './FormContext';
+var Form = /** @class */ (function (_super) {
+    __extends(Form, _super);
+    function Form() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.firstSubmit = true;
+        return _this;
+    }
+    Form.prototype.onSubmit = function (e, model) {
+        var _this = this;
+        e.preventDefault();
+        e.stopPropagation();
+        this.disposeReaction();
+        var canSubmit = true;
+        // TODO: if the model and none of its children have blurred, justValidated should be true
+        var justValidated = this.props.validationDisplayMode === Validation.DisplayMode.AfterSubmit && this.firstSubmit;
+        this.firstSubmit = false;
+        if (model) {
+            if (!model.isValid) {
+                canSubmit = false;
+                var container = void 0;
+                if (model instanceof Array) {
+                    container = model;
+                }
+                else {
+                    container = [model];
+                }
+                Model.GraphTraverser.traverseItems(container, new Model.GraphTraverser.RecursionState(), function (item, state) {
+                    item.validator.forceShowErrors = true;
+                });
+                if (this.props.onInvalid)
+                    this.props.onInvalid(e, justValidated);
+                if (this.props.showSummaryModal || this.props.invalidSummaryText || this.props.invalidSummaryTitle) {
+                    var onClose = this.disposeReaction.bind(this);
+                    var codeModal_1 = ModalUtils.showModal(this.props.invalidSummaryTitle || "Invalid data", React.createElement(Observer, null, function () {
+                        return React.createElement("div", null,
+                            _this.props.invalidSummaryText || "Cannot continue due to the following issues:",
+                            React.createElement(ValidationSummary, { graph: Validation.getValidationSummary(model), hideTopLevelTitle: !(model instanceof Array) }));
+                    }), { onClose: onClose, closeButton: { text: "Ok", onClick: onClose } });
+                    // Listen for when isValid changes to true, in case there is an async rule running.
+                    this.reactionDisposer = reaction(function () { return model.isValid; }, function () {
+                        _this.disposeReaction();
+                        codeModal_1.close();
+                        if (model.isValid && _this.props.onSubmit)
+                            _this.props.onSubmit(e);
+                    });
+                }
+            }
+        }
+        if (canSubmit && this.props.onSubmit) {
+            this.props.onSubmit(e);
+        }
+    };
+    Form.prototype.disposeReaction = function () {
+        if (this.reactionDisposer) {
+            this.reactionDisposer();
+            this.reactionDisposer = undefined;
+        }
+    };
+    Form.prototype.componentWillUnmount = function () {
+        this.disposeReaction();
+    };
+    Form.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, validationDisplayMode = _a.validationDisplayMode, allReadOnly = _a.allReadOnly, allDisabled = _a.allDisabled, model = _a.model, showSummaryModal = _a.showSummaryModal, invalidSummaryTitle = _a.invalidSummaryTitle, invalidSummaryText = _a.invalidSummaryText, native = __rest(_a, ["validationDisplayMode", "allReadOnly", "allDisabled", "model", "showSummaryModal", "invalidSummaryTitle", "invalidSummaryText"]);
+        var formModel;
+        if (model) {
+            // Allow binding to ObservableProperty
+            if (model.attachedTo && !(model instanceof Array)) {
+                formModel = model.attachedTo;
+            }
+            else {
+                formModel = model;
+            }
+        }
+        return (React.createElement("form", __assign({}, native, { onSubmit: function (e) { return _this.onSubmit(e, formModel); } }),
+            React.createElement(FormContextProvider, { validationDisplayMode: validationDisplayMode !== null && validationDisplayMode !== void 0 ? validationDisplayMode : Misc.Settings.form.validationDisplayMode, allReadOnly: allReadOnly, allDisabled: allDisabled }, (this.props.children instanceof Function) ? this.props.children(model, model.meta) : this.props.children)));
+    };
+    Form = __decorate([
+        observer
+    ], Form);
+    return Form;
+}(React.Component));
+export default Form;

package/dist/ReactComponents/FormContext.d.ts

@@ -1,31 +1,33 @@
-import React from 'react';
-import { Components, Model, Validation } from '@singularsystems/neo-core';
-export declare enum EditorParentType {
-    FormGroup = 1,
-    Column = 2
-}
-export declare class FormContextParams implements Components.IFormContextOptions {
-    /** The validation display mode to apply to all controls. */
-    validationDisplayMode: Validation.DisplayMode;
-    /** True if all controls in this section should be readonly. */
-    allReadOnly: boolean;
-    /** True if all controls in this section should be disabled. */
-    allDisabled: boolean;
-    /** True if all labels should be hidden. */
-    suppressLabels?: boolean;
-    /**
-     * The property the form group is bound to.
-     */
-    bindProperty: Model.IPropertyInstance;
-    parentType: EditorParentType;
-    uniqueId?: string;
-}
-export declare const FormContext: React.Context<FormContextParams>;
-/**
- * Allows the attributes of multiple child form controls to be set at a parent level.
- */
-export declare class FormContextProvider extends React.Component<Components.IFormContextOptions> {
-    static contextType: React.Context<FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { Components, Model, Validation } from '@singularsystems/neo-core';
+export declare enum EditorParentType {
+    FormGroup = 1,
+    Column = 2
+}
+export declare class FormContextParams implements Components.IFormContextOptions {
+    /** The validation display mode to apply to all controls. */
+    validationDisplayMode: Validation.DisplayMode;
+    /** True if all controls in this section should be readonly. */
+    allReadOnly: boolean;
+    /** True if all controls in this section should be disabled. */
+    allDisabled: boolean;
+    /** True if all labels should be hidden. */
+    suppressLabels?: boolean;
+    /**
+     * The property the form group is bound to.
+     */
+    bindProperty: Model.IPropertyInstance;
+    parentType: EditorParentType;
+    uniqueId?: string;
+}
+export declare const FormContext: React.Context<FormContextParams>;
+/**
+ * Allows the attributes of multiple child form controls to be set at a parent level.
+ */
+export declare class FormContextProvider extends React.Component<Components.IFormContextOptions & {
+    children: React.ReactNode;
+}> {
+    static contextType: React.Context<FormContextParams>;
+    context: React.ContextType<typeof FormContext>;
+    render(): JSX.Element;
+}

package/dist/ReactComponents/FormContext.js

@@ -1,40 +1,39 @@
-import { __assign, __extends, __rest } from "tslib";
-import React from 'react';
-import { Validation } from '@singularsystems/neo-core';
-export var EditorParentType;
-(function (EditorParentType) {
-    EditorParentType[EditorParentType["FormGroup"] = 1] = "FormGroup";
-    EditorParentType[EditorParentType["Column"] = 2] = "Column";
-})(EditorParentType || (EditorParentType = {}));
-var FormContextParams = /** @class */ (function () {
-    function FormContextParams() {
-        /** The validation display mode to apply to all controls. */
-        this.validationDisplayMode = Validation.DisplayMode.AfterBlur;
-        /** True if all controls in this section should be readonly. */
-        this.allReadOnly = false;
-        /** True if all controls in this section should be disabled. */
-        this.allDisabled = false;
-        /** True if all labels should be hidden. */
-        this.suppressLabels = undefined;
-    }
-    return FormContextParams;
-}());
-export { FormContextParams };
-export var FormContext = React.createContext(new FormContextParams());
-/**
- * Allows the attributes of multiple child form controls to be set at a parent level.
- */
-var FormContextProvider = /** @class */ (function (_super) {
-    __extends(FormContextProvider, _super);
-    function FormContextProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FormContextProvider.prototype.render = function () {
-        var _a = this.props, children = _a.children, newContextParams = __rest(_a, ["children"]);
-        var newContext = __assign(__assign({}, this.context), newContextParams);
-        return (React.createElement(FormContext.Provider, { value: newContext }, children));
-    };
-    FormContextProvider.contextType = FormContext;
-    return FormContextProvider;
-}(React.Component));
-export { FormContextProvider };
+import { __assign, __extends, __rest } from "tslib";
+import React from 'react';
+import { Validation } from '@singularsystems/neo-core';
+export var EditorParentType;
+(function (EditorParentType) {
+    EditorParentType[EditorParentType["FormGroup"] = 1] = "FormGroup";
+    EditorParentType[EditorParentType["Column"] = 2] = "Column";
+})(EditorParentType || (EditorParentType = {}));
+var FormContextParams = /** @class */ (function () {
+    function FormContextParams() {
+        /** The validation display mode to apply to all controls. */
+        this.validationDisplayMode = Validation.DisplayMode.AfterBlur;
+        /** True if all controls in this section should be readonly. */
+        this.allReadOnly = false;
+        /** True if all controls in this section should be disabled. */
+        this.allDisabled = false;
+        /** True if all labels should be hidden. */
+        this.suppressLabels = undefined;
+    }
+    return FormContextParams;
+}());
+export { FormContextParams };
+export var FormContext = React.createContext(new FormContextParams());
+/**
+ * Allows the attributes of multiple child form controls to be set at a parent level.
+ */
+export var FormContextProvider = /** @class */ (function (_super) {
+    __extends(FormContextProvider, _super);
+    function FormContextProvider() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormContextProvider.prototype.render = function () {
+        var _a = this.props, children = _a.children, newContextParams = __rest(_a, ["children"]);
+        var newContext = __assign(__assign({}, this.context), newContextParams);
+        return (React.createElement(FormContext.Provider, { value: newContext }, children));
+    };
+    FormContextProvider.contextType = FormContext;
+    return FormContextProvider;
+}(React.Component));

package/dist/ReactComponents/FormGroup/FormGroup.d.ts

@@ -1,37 +1,37 @@
-import * as React from 'react';
-import { IEditorContainerProps } from '../PropTypes';
-import ComponentBase from '../ComponentBase';
-import { FormContext } from '../FormContext';
-export interface IFormGroupProps<TData> extends IEditorContainerProps<HTMLDivElement, TData> {
-    /**
-     * Properties to apply to the label.
-     */
-    labelProps?: React.HTMLProps<HTMLLabelElement>;
-    /**
-     * Hides the label.
-     */
-    suppressLabel?: boolean;
-    /**
-     * Text to show beneath the editor. This will be hidden when validation text is shown.
-     */
-    footerText?: string | JSX.Element;
-    /**
-     * Text / element to show to the right of the label.
-     */
-    rightLabel?: string | JSX.Element;
-}
-export interface IFormGroupClasses {
-    container: string;
-    containerDom: React.HTMLProps<HTMLDivElement>;
-    label: string;
-    editor: string;
-}
-export declare class FormGroupBase<T extends IFormGroupProps<TData>, TData> extends ComponentBase<T> {
-    static contextType: React.Context<import("../FormContext").FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    protected getFormGroupClasses(domProps: React.HTMLProps<HTMLDivElement>, isCheckBox: boolean): IFormGroupClasses;
-    protected hideLabelForCheckboxes(): boolean;
-    render(): JSX.Element;
-}
-export default class FormGroup<TData> extends FormGroupBase<IFormGroupProps<TData>, TData> {
-}
+import * as React from 'react';
+import { IEditorContainerProps } from '../PropTypes';
+import ComponentBase from '../ComponentBase';
+import { FormContext } from '../FormContext';
+export interface IFormGroupProps<TData> extends IEditorContainerProps<HTMLDivElement, TData> {
+    /**
+     * Properties to apply to the label.
+     */
+    labelProps?: React.HTMLProps<HTMLLabelElement>;
+    /**
+     * Hides the label.
+     */
+    suppressLabel?: boolean;
+    /**
+     * Text to show beneath the editor. This will be hidden when validation text is shown.
+     */
+    footerText?: string | JSX.Element;
+    /**
+     * Text / element to show to the right of the label.
+     */
+    rightLabel?: string | JSX.Element;
+}
+export interface IFormGroupClasses {
+    container: string;
+    containerDom: React.HTMLProps<HTMLDivElement>;
+    label: string;
+    editor: string;
+}
+export declare class FormGroupBase<T extends IFormGroupProps<TData>, TData> extends ComponentBase<T> {
+    static contextType: React.Context<import("../FormContext").FormContextParams>;
+    context: React.ContextType<typeof FormContext>;
+    protected getFormGroupClasses(domProps: React.HTMLProps<HTMLDivElement>, isCheckBox: boolean): IFormGroupClasses;
+    protected hideLabelForCheckboxes(): boolean;
+    render(): JSX.Element;
+}
+export default class FormGroup<TData> extends FormGroupBase<IFormGroupProps<TData>, TData> {
+}