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

package/dist/ReactComponents/FormGroup/FormGroup.js

@@ -1,84 +1,83 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import * as React from 'react';
-import { observer } from 'mobx-react';
-import { BindPropsHelper, CheckboxType } from '../PropTypes';
-import { Validation, Utils } from '@singularsystems/neo-core';
-import ComponentBase from '../ComponentBase';
-import { EditorParentType, FormContext } from '../FormContext';
-var FormGroupBase = /** @class */ (function (_super) {
-    __extends(FormGroupBase, _super);
-    function FormGroupBase() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FormGroupBase.prototype.getFormGroupClasses = function (domProps, isCheckBox) {
-        return { containerDom: domProps, container: "form-group", label: "", editor: "" };
-    };
-    FormGroupBase.prototype.hideLabelForCheckboxes = function () {
-        return true;
-    };
-    FormGroupBase.prototype.render = function () {
-        var _a;
-        var allProps = BindPropsHelper.normaliseContainerProps(this, this.props, true);
-        var containerProps = allProps.container;
-        var _b = allProps.containerDom, labelProps = _b.labelProps, suppressLabel = _b.suppressLabel, footerText = _b.footerText, rightLabel = _b.rightLabel, domProps = __rest(_b, ["labelProps", "suppressLabel", "footerText", "rightLabel"]);
-        var checkBoxType = BindPropsHelper.getCheckBoxType(allProps);
-        // Get the classes for the container, label and editor. InlineForm overrides this.
-        var classes = this.getFormGroupClasses(domProps, checkBoxType !== CheckboxType.None);
-        var labelText = containerProps.label ? containerProps.label : allProps.bind.propertyInfo.readableName;
-        var displayInfo = allProps.bind.validator.getDisplayState(allProps.fileProps ? Validation.DisplayMode.Always : this.context.validationDisplayMode);
-        var showValidation = displayInfo.severity != Validation.RuleSeverity.None;
-        var className = Utils.joinWithSpaces(classes.containerDom.className, classes.container);
-        var labelClassName = Utils.joinWithSpaces(labelProps && labelProps.className, classes.label);
-        if (checkBoxType !== CheckboxType.None) {
-            if (!allProps.input) {
-                allProps.input = {};
-            }
-            if (this.hideLabelForCheckboxes()) {
-                // Hide this label here, and pass label text to child input component.
-                if (!suppressLabel && allProps.input.label === undefined) {
-                    allProps.input.label = labelText;
-                }
-                suppressLabel = true;
-            }
-        }
-        var label;
-        if (!((_a = this.context.suppressLabels) !== null && _a !== void 0 ? _a : suppressLabel)) {
-            label = React.createElement("label", __assign({}, labelProps, { htmlFor: allProps.uniqueID, className: labelClassName }),
-                labelText,
-                " ");
-            if (rightLabel) {
-                label = React.createElement("div", { className: "form-group-label" },
-                    label,
-                    rightLabel);
-            }
-        }
-        var editor = containerProps.suppressDefaultContent ? undefined : BindPropsHelper.getFormControl(allProps);
-        return (React.createElement("div", __assign({}, classes.containerDom, { className: className }),
-            label,
-            React.createElement("div", { className: classes.editor },
-                !containerProps.suppressDefaultContent && editor,
-                !containerProps.bindContext && this.props.children,
-                containerProps.bindContext &&
-                    React.createElement(FormContext.Provider, { value: __assign(__assign({}, this.context), { parentType: EditorParentType.FormGroup, bindProperty: containerProps.bindContext, uniqueId: allProps.uniqueID }) }, this.props.children),
-                showValidation &&
-                    React.createElement("div", { className: "invalid-feedback " + displayInfo.additionalClassName, style: { display: "block" } },
-                        displayInfo.severity == Validation.RuleSeverity.AsyncBusy && React.createElement("span", { className: "spinner-grow" }),
-                        React.createElement("span", null, displayInfo.displayText)),
-                !showValidation && footerText &&
-                    React.createElement("small", { className: "form-text text-muted" }, footerText))));
-    };
-    FormGroupBase.contextType = FormContext;
-    return FormGroupBase;
-}(ComponentBase));
-export { FormGroupBase };
-var FormGroup = /** @class */ (function (_super) {
-    __extends(FormGroup, _super);
-    function FormGroup() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FormGroup = __decorate([
-        observer
-    ], FormGroup);
-    return FormGroup;
-}(FormGroupBase));
-export default FormGroup;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import { BindPropsHelper, CheckboxType } from '../PropTypes';
+import { Validation, Utils } from '@singularsystems/neo-core';
+import ComponentBase from '../ComponentBase';
+import { EditorParentType, FormContext } from '../FormContext';
+export var FormGroupBase = /** @class */ (function (_super) {
+    __extends(FormGroupBase, _super);
+    function FormGroupBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormGroupBase.prototype.getFormGroupClasses = function (domProps, isCheckBox) {
+        return { containerDom: domProps, container: "form-group", label: "", editor: "" };
+    };
+    FormGroupBase.prototype.hideLabelForCheckboxes = function () {
+        return true;
+    };
+    FormGroupBase.prototype.render = function () {
+        var _a;
+        var allProps = BindPropsHelper.normaliseContainerProps(this, this.props, true);
+        var containerProps = allProps.container;
+        var _b = allProps.containerDom, labelProps = _b.labelProps, suppressLabel = _b.suppressLabel, footerText = _b.footerText, rightLabel = _b.rightLabel, domProps = __rest(_b, ["labelProps", "suppressLabel", "footerText", "rightLabel"]);
+        var checkBoxType = BindPropsHelper.getCheckBoxType(allProps);
+        // Get the classes for the container, label and editor. InlineForm overrides this.
+        var classes = this.getFormGroupClasses(domProps, checkBoxType !== CheckboxType.None);
+        var labelText = containerProps.label ? containerProps.label : allProps.bind.propertyInfo.readableName;
+        var displayInfo = allProps.bind.validator.getDisplayState(allProps.fileProps ? Validation.DisplayMode.Always : this.context.validationDisplayMode);
+        var showValidation = displayInfo.severity != Validation.RuleSeverity.None;
+        var className = Utils.joinWithSpaces(classes.containerDom.className, classes.container);
+        var labelClassName = Utils.joinWithSpaces(labelProps && labelProps.className, classes.label);
+        if (checkBoxType !== CheckboxType.None) {
+            if (!allProps.input) {
+                allProps.input = {};
+            }
+            if (this.hideLabelForCheckboxes()) {
+                // Hide this label here, and pass label text to child input component.
+                if (!suppressLabel && allProps.input.label === undefined) {
+                    allProps.input.label = labelText;
+                }
+                suppressLabel = true;
+            }
+        }
+        var label;
+        if (!((_a = this.context.suppressLabels) !== null && _a !== void 0 ? _a : suppressLabel)) {
+            label = React.createElement("label", __assign({}, labelProps, { htmlFor: allProps.uniqueID, className: labelClassName }),
+                labelText,
+                " ");
+            if (rightLabel) {
+                label = React.createElement("div", { className: "form-group-label" },
+                    label,
+                    rightLabel);
+            }
+        }
+        var editor = containerProps.suppressDefaultContent ? undefined : BindPropsHelper.getFormControl(allProps);
+        return (React.createElement("div", __assign({}, classes.containerDom, { className: className }),
+            label,
+            React.createElement("div", { className: classes.editor },
+                !containerProps.suppressDefaultContent && editor,
+                !containerProps.bindContext && this.props.children,
+                containerProps.bindContext &&
+                    React.createElement(FormContext.Provider, { value: __assign(__assign({}, this.context), { parentType: EditorParentType.FormGroup, bindProperty: containerProps.bindContext, uniqueId: allProps.uniqueID }) }, this.props.children),
+                showValidation &&
+                    React.createElement("div", { className: "invalid-feedback " + displayInfo.additionalClassName, style: { display: "block" } },
+                        displayInfo.severity == Validation.RuleSeverity.AsyncBusy && React.createElement("span", { className: "spinner-grow" }),
+                        React.createElement("span", null, displayInfo.displayText)),
+                !showValidation && footerText &&
+                    React.createElement("small", { className: "form-text text-muted" }, footerText))));
+    };
+    FormGroupBase.contextType = FormContext;
+    return FormGroupBase;
+}(ComponentBase));
+var FormGroup = /** @class */ (function (_super) {
+    __extends(FormGroup, _super);
+    function FormGroup() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormGroup = __decorate([
+        observer
+    ], FormGroup);
+    return FormGroup;
+}(FormGroupBase));
+export default FormGroup;

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

@@ -1,19 +1,19 @@
-import React from 'react';
-import { FormContext } from '../FormContext';
-import { IEditorContainerProps } from '../PropTypes';
-import ComponentBase from '../ComponentBase';
-export default class FloatingFormGroup<TData> extends ComponentBase<IEditorContainerProps<HTMLDivElement, TData>> {
-    static contextType: React.Context<import("../FormContext").FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    private originalOnFocus?;
-    private originalOnBlur?;
-    private isFocused;
-    private placeholder?;
-    constructor(props: IEditorContainerProps<HTMLDivElement, TData>);
-    private containerRef;
-    private editorRef;
-    private onFocus;
-    private onBlur;
-    private labelClick;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { FormContext } from '../FormContext';
+import { IEditorContainerProps } from '../PropTypes';
+import ComponentBase from '../ComponentBase';
+export default class FloatingFormGroup<TData> extends ComponentBase<IEditorContainerProps<HTMLDivElement, TData>> {
+    static contextType: React.Context<import("../FormContext").FormContextParams>;
+    context: React.ContextType<typeof FormContext>;
+    private originalOnFocus?;
+    private originalOnBlur?;
+    private isFocused;
+    private placeholder?;
+    constructor(props: IEditorContainerProps<HTMLDivElement, TData>);
+    private containerRef;
+    private editorRef;
+    private onFocus;
+    private onBlur;
+    private labelClick;
+    render(): JSX.Element;
+}

package/dist/ReactComponents/FormGroup/FormGroupFloating.js

@@ -1,97 +1,97 @@
-import { __assign, __decorate, __extends, __metadata } from "tslib";
-import React from 'react';
-import { observer } from 'mobx-react';
-import { FormContext } from '../FormContext';
-import { BindPropsHelper, CheckboxType } from '../PropTypes';
-import { Validation, Utils } from '@singularsystems/neo-core';
-import ComponentBase from '../ComponentBase';
-var FloatingFormGroup = /** @class */ (function (_super) {
-    __extends(FloatingFormGroup, _super);
-    function FloatingFormGroup(props) {
-        var _this = _super.call(this, props) || this;
-        _this.isFocused = false;
-        _this.containerRef = React.createRef();
-        _this.editorRef = React.createRef();
-        _this.onFocus = _this.onFocus.bind(_this);
-        _this.onBlur = _this.onBlur.bind(_this);
-        _this.labelClick = _this.labelClick.bind(_this);
-        return _this;
-    }
-    FloatingFormGroup.prototype.onFocus = function (e) {
-        if (this.containerRef.current) {
-            this.containerRef.current.classList.add("focused");
-        }
-        if (this.originalOnFocus) {
-            this.originalOnFocus(e);
-        }
-        if (this.placeholder && this.editorRef.current) {
-            this.editorRef.current.placeholder = this.placeholder;
-        }
-        this.isFocused = true;
-    };
-    FloatingFormGroup.prototype.onBlur = function (e) {
-        if (this.containerRef.current) {
-            this.containerRef.current.classList.remove("focused");
-        }
-        if (this.originalOnBlur) {
-            this.originalOnBlur(e);
-        }
-        if (this.editorRef.current) {
-            this.editorRef.current.placeholder = "";
-        }
-        this.isFocused = false;
-    };
-    FloatingFormGroup.prototype.labelClick = function (e) {
-        e.preventDefault();
-        if (this.editorRef.current) {
-            this.editorRef.current.focus();
-        }
-    };
-    FloatingFormGroup.prototype.render = function () {
-        var allProps = BindPropsHelper.normaliseContainerProps(this, this.props, true, false);
-        var containerProps = allProps.container;
-        var labelText = containerProps.label ? containerProps.label : allProps.bind.propertyInfo.readableName;
-        var displayInfo = allProps.bind.validator.getDisplayState(this.context.validationDisplayMode);
-        var showValidation = displayInfo.severity != Validation.RuleSeverity.None;
-        if (!allProps.editorDom) {
-            allProps.editorDom = {};
-        }
-        ;
-        this.originalOnFocus = allProps.editorDom.onFocus;
-        this.originalOnBlur = allProps.editorDom.onBlur;
-        allProps.editorDom.onFocus = this.onFocus;
-        allProps.editorDom.onBlur = this.onBlur;
-        allProps.editor.inputElement = this.editorRef;
-        this.placeholder = BindPropsHelper.getPlaceholderText(allProps.editor.placeholder, allProps.bind.propertyInfo);
-        allProps.editor.placeholder = "";
-        if (BindPropsHelper.getCheckBoxType(allProps) !== CheckboxType.None) {
-            throw Error("FormGroupFloating does not support checkboxes, use FormGroup.");
-        }
-        var editor = BindPropsHelper.getFormControl(allProps);
-        allProps.containerDom.className = Utils.joinWithSpaces(allProps.containerDom.className, "neo-form-group-floating");
-        if (allProps.bind.value) {
-            allProps.containerDom.className += " has-value";
-        }
-        if (showValidation) {
-            allProps.containerDom.className += " " + displayInfo.additionalClassName;
-        }
-        if (this.isFocused) {
-            allProps.containerDom.className += " focused";
-        }
-        return (React.createElement("div", __assign({}, allProps.containerDom, { ref: this.containerRef }),
-            React.createElement("div", null,
-                React.createElement("label", { htmlFor: allProps.uniqueID, className: "neo-floating-label", onMouseDown: this.labelClick }, labelText),
-                editor),
-            showValidation &&
-                React.createElement("div", { className: "invalid-feedback " + displayInfo.additionalClassName, style: { display: "block" } },
-                    displayInfo.severity == Validation.RuleSeverity.AsyncBusy && React.createElement("span", { className: "spinner-grow" }),
-                    React.createElement("span", null, displayInfo.displayText))));
-    };
-    FloatingFormGroup.contextType = FormContext;
-    FloatingFormGroup = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], FloatingFormGroup);
-    return FloatingFormGroup;
-}(ComponentBase));
-export default FloatingFormGroup;
+import { __assign, __decorate, __extends, __metadata } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react';
+import { FormContext } from '../FormContext';
+import { BindPropsHelper, CheckboxType } from '../PropTypes';
+import { Validation, Utils } from '@singularsystems/neo-core';
+import ComponentBase from '../ComponentBase';
+var FloatingFormGroup = /** @class */ (function (_super) {
+    __extends(FloatingFormGroup, _super);
+    function FloatingFormGroup(props) {
+        var _this = _super.call(this, props) || this;
+        _this.isFocused = false;
+        _this.containerRef = React.createRef();
+        _this.editorRef = React.createRef();
+        _this.onFocus = _this.onFocus.bind(_this);
+        _this.onBlur = _this.onBlur.bind(_this);
+        _this.labelClick = _this.labelClick.bind(_this);
+        return _this;
+    }
+    FloatingFormGroup.prototype.onFocus = function (e) {
+        if (this.containerRef.current) {
+            this.containerRef.current.classList.add("focused");
+        }
+        if (this.originalOnFocus) {
+            this.originalOnFocus(e);
+        }
+        if (this.placeholder && this.editorRef.current) {
+            this.editorRef.current.placeholder = this.placeholder;
+        }
+        this.isFocused = true;
+    };
+    FloatingFormGroup.prototype.onBlur = function (e) {
+        if (this.containerRef.current) {
+            this.containerRef.current.classList.remove("focused");
+        }
+        if (this.originalOnBlur) {
+            this.originalOnBlur(e);
+        }
+        if (this.editorRef.current) {
+            this.editorRef.current.placeholder = "";
+        }
+        this.isFocused = false;
+    };
+    FloatingFormGroup.prototype.labelClick = function (e) {
+        e.preventDefault();
+        if (this.editorRef.current) {
+            this.editorRef.current.focus();
+        }
+    };
+    FloatingFormGroup.prototype.render = function () {
+        var allProps = BindPropsHelper.normaliseContainerProps(this, this.props, true, false);
+        var containerProps = allProps.container;
+        var labelText = containerProps.label ? containerProps.label : allProps.bind.propertyInfo.readableName;
+        var displayInfo = allProps.bind.validator.getDisplayState(this.context.validationDisplayMode);
+        var showValidation = displayInfo.severity != Validation.RuleSeverity.None;
+        if (!allProps.editorDom) {
+            allProps.editorDom = {};
+        }
+        ;
+        this.originalOnFocus = allProps.editorDom.onFocus;
+        this.originalOnBlur = allProps.editorDom.onBlur;
+        allProps.editorDom.onFocus = this.onFocus;
+        allProps.editorDom.onBlur = this.onBlur;
+        allProps.editor.inputElement = this.editorRef;
+        this.placeholder = BindPropsHelper.getPlaceholderText(allProps.editor.placeholder, allProps.bind.propertyInfo);
+        allProps.editor.placeholder = "";
+        if (BindPropsHelper.getCheckBoxType(allProps) !== CheckboxType.None) {
+            throw Error("FormGroupFloating does not support checkboxes, use FormGroup.");
+        }
+        var editor = BindPropsHelper.getFormControl(allProps);
+        allProps.containerDom.className = Utils.joinWithSpaces(allProps.containerDom.className, "neo-form-group-floating");
+        if (allProps.bind.value) {
+            allProps.containerDom.className += " has-value";
+        }
+        if (showValidation) {
+            allProps.containerDom.className += " " + displayInfo.additionalClassName;
+        }
+        if (this.isFocused) {
+            allProps.containerDom.className += " focused";
+        }
+        return (React.createElement("div", __assign({}, allProps.containerDom, { ref: this.containerRef }),
+            React.createElement("div", null,
+                React.createElement("label", { htmlFor: allProps.uniqueID, className: "neo-floating-label", onMouseDown: this.labelClick }, labelText),
+                editor),
+            showValidation &&
+                React.createElement("div", { className: "invalid-feedback " + displayInfo.additionalClassName, style: { display: "block" } },
+                    displayInfo.severity == Validation.RuleSeverity.AsyncBusy && React.createElement("span", { className: "spinner-grow" }),
+                    React.createElement("span", null, displayInfo.displayText))));
+    };
+    FloatingFormGroup.contextType = FormContext;
+    FloatingFormGroup = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], FloatingFormGroup);
+    return FloatingFormGroup;
+}(ComponentBase));
+export default FloatingFormGroup;

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { FormGroupBase, IFormGroupProps, IFormGroupClasses } from './FormGroup';
-import { Components } from '@singularsystems/neo-core';
-declare type IInlineFormGroupProps<TData> = IFormGroupProps<TData> & Components.IColumnWidthBreakpoints;
-export default class FormGroupInline<TData> extends FormGroupBase<IInlineFormGroupProps<TData>, TData> {
-    private contextProps?;
-    protected hideLabelForCheckboxes(): boolean;
-    protected getFormGroupClasses(domProps: React.HTMLProps<HTMLDivElement>, isCheckBox: boolean): IFormGroupClasses;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { FormGroupBase, IFormGroupProps, IFormGroupClasses } from './FormGroup';
+import { Components } from '@singularsystems/neo-core';
+type IInlineFormGroupProps<TData> = IFormGroupProps<TData> & Components.IColumnWidthBreakpoints;
+export default class FormGroupInline<TData> extends FormGroupBase<IInlineFormGroupProps<TData>, TData> {
+    private contextProps?;
+    protected hideLabelForCheckboxes(): boolean;
+    protected getFormGroupClasses(domProps: React.HTMLProps<HTMLDivElement>, isCheckBox: boolean): IFormGroupClasses;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/FormGroup/FormGroupInline.js

@@ -1,43 +1,43 @@
-import { __extends, __rest } from "tslib";
-import React from 'react';
-import { FormGroupBase } from './FormGroup';
-import { Observer } from 'mobx-react';
-import { FormGroupLayoutContext } from '../GridLayout';
-import { Components, Utils } from '@singularsystems/neo-core';
-var FormGroupInline = /** @class */ (function (_super) {
-    __extends(FormGroupInline, _super);
-    function FormGroupInline() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FormGroupInline.prototype.hideLabelForCheckboxes = function () {
-        return false;
-    };
-    FormGroupInline.prototype.getFormGroupClasses = function (domProps, isCheckBox) {
-        var classes = _super.prototype.getFormGroupClasses.call(this, domProps, isCheckBox);
-        var _a = classes.containerDom, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, xxl = _a.xxl, containerDom = __rest(_a, ["xs", "sm", "md", "lg", "xl", "xxl"]);
-        classes.container += " row";
-        var colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses(classes.containerDom);
-        if (!colClasses.cols) {
-            // No sizes were specified, check if there is a layout context
-            if (this.contextProps) {
-                colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses(this.contextProps);
-            }
-            if (!colClasses.cols) {
-                // If there are still no sizes, default to below.
-                classes.label = "col-4";
-                classes.editor = "col-8";
-            }
-        }
-        classes.label = Utils.joinWithSpaces(classes.label, "col-form-label", colClasses.cols);
-        classes.editor = Utils.joinWithSpaces(classes.editor, colClasses.inverseCols, isCheckBox ? "col-form-label" : undefined);
-        classes.containerDom = containerDom;
-        return classes;
-    };
-    FormGroupInline.prototype.render = function () {
-        var _this = this;
-        return (React.createElement(FormGroupLayoutContext.Consumer, null, function (value) { return (React.createElement(Observer, null, function () { return (_this.contextProps = value.formGroupProps,
-            _super.prototype.render.call(_this)); })); }));
-    };
-    return FormGroupInline;
-}(FormGroupBase));
-export default FormGroupInline;
+import { __extends, __rest } from "tslib";
+import React from 'react';
+import { FormGroupBase } from './FormGroup';
+import { Observer } from 'mobx-react';
+import { FormGroupLayoutContext } from '../GridLayout';
+import { Components, Utils } from '@singularsystems/neo-core';
+var FormGroupInline = /** @class */ (function (_super) {
+    __extends(FormGroupInline, _super);
+    function FormGroupInline() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormGroupInline.prototype.hideLabelForCheckboxes = function () {
+        return false;
+    };
+    FormGroupInline.prototype.getFormGroupClasses = function (domProps, isCheckBox) {
+        var classes = _super.prototype.getFormGroupClasses.call(this, domProps, isCheckBox);
+        var _a = classes.containerDom, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, xxl = _a.xxl, containerDom = __rest(_a, ["xs", "sm", "md", "lg", "xl", "xxl"]);
+        classes.container += " row";
+        var colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses(classes.containerDom);
+        if (!colClasses.cols) {
+            // No sizes were specified, check if there is a layout context
+            if (this.contextProps) {
+                colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses(this.contextProps);
+            }
+            if (!colClasses.cols) {
+                // If there are still no sizes, default to below.
+                classes.label = "col-4";
+                classes.editor = "col-8";
+            }
+        }
+        classes.label = Utils.joinWithSpaces(classes.label, "col-form-label", colClasses.cols);
+        classes.editor = Utils.joinWithSpaces(classes.editor, colClasses.inverseCols, isCheckBox ? "col-form-label" : undefined);
+        classes.containerDom = containerDom;
+        return classes;
+    };
+    FormGroupInline.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(FormGroupLayoutContext.Consumer, null, function (value) { return (React.createElement(Observer, null, function () { return (_this.contextProps = value.formGroupProps,
+            _super.prototype.render.call(_this)); })); }));
+    };
+    return FormGroupInline;
+}(FormGroupBase));
+export default FormGroupInline;

package/dist/ReactComponents/Grid/ButtonColumn.d.ts

@@ -1,47 +1,47 @@
-import * as React from 'react';
-import { GridContext } from './Grid';
-import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
-import ComponentBase from '../ComponentBase';
-import { INeoCommonColumnProps } from './ColumnHelper';
-interface IDeleteButtonOptions extends IButtonOptions {
-    /**
-     * Callback to run when a non new item is deleted.
-     * * Use this to call an api to delete the item in the database.
-     *   * Return true if the item was deleted, and must be removed from the list.
-     *   * The list will not be marked dirty.
-     * * If the item is new, it will be removed without invoking this callback.
-     */
-    onDeleteExisting?: (item: any) => Promise<boolean>;
-}
-interface IButtonColumnProps extends INeoCommonColumnProps, React.HTMLProps<HTMLTableCellElement> {
-    /** Item to pass to edit and delete callbacks. Defaults to the current rows item */
-    item?: any;
-    /** Text to show in the header. */
-    label?: string;
-    /** Show text on buttons? */
-    showDefaultButtonText?: boolean;
-    /** Size of edit and delete button */
-    buttonSize?: ("sm" | "lg");
-    /** Show delete button? Not required if deleteButton options are set. */
-    showDelete?: boolean;
-    /** Delete button options. Will cause delete button to be shown. */
-    deleteButton?: IDeleteButtonOptions;
-    /** Edit button options. Will cause edit button to be shown. */
-    editButton?: IButtonOptions;
-    /** View button options. Will cause view button to be shown. */
-    viewButton?: IButtonOptions;
-    /** Where should extra content be placed relative to the pre-defined buttons? */
-    childAlignment?: "left" | "right";
-}
-export declare class ButtonColumn extends ComponentBase<IButtonColumnProps> {
-    static isColumnComponent: boolean;
-    static contextType: React.Context<import("./Grid").GridContextParams<unknown>>;
-    context: React.ContextType<typeof GridContext>;
-    constructor(props: IButtonColumnProps);
-    private item;
-    private section;
-    protected onFirstRender(): void;
-    onDelete(): Promise<void>;
-    render(): JSX.Element;
-}
-export {};
+import * as React from 'react';
+import { GridContext } from './Grid';
+import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
+import ComponentBase from '../ComponentBase';
+import { INeoCommonColumnProps } from './ColumnHelper';
+interface IDeleteButtonOptions extends IButtonOptions {
+    /**
+     * Callback to run when a non new item is deleted.
+     * * Use this to call an api to delete the item in the database.
+     *   * Return true if the item was deleted, and must be removed from the list.
+     *   * The list will not be marked dirty.
+     * * If the item is new, it will be removed without invoking this callback.
+     */
+    onDeleteExisting?: (item: any) => Promise<boolean>;
+}
+export interface IButtonColumnProps extends INeoCommonColumnProps, React.HTMLProps<HTMLTableCellElement> {
+    /** Item to pass to edit and delete callbacks. Defaults to the current rows item */
+    item?: any;
+    /** Text to show in the header. */
+    label?: string;
+    /** Show text on buttons? */
+    showDefaultButtonText?: boolean;
+    /** Size of edit and delete button */
+    buttonSize?: ("sm" | "lg");
+    /** Show delete button? Not required if deleteButton options are set. */
+    showDelete?: boolean;
+    /** Delete button options. Will cause delete button to be shown. */
+    deleteButton?: IDeleteButtonOptions;
+    /** Edit button options. Will cause edit button to be shown. */
+    editButton?: IButtonOptions;
+    /** View button options. Will cause view button to be shown. */
+    viewButton?: IButtonOptions;
+    /** Where should extra content be placed relative to the pre-defined buttons? */
+    childAlignment?: "left" | "right";
+}
+export declare class ButtonColumn extends ComponentBase<IButtonColumnProps> {
+    static isColumnComponent: boolean;
+    static contextType: React.Context<import("./Grid").GridContextParams<unknown>>;
+    context: React.ContextType<typeof GridContext>;
+    constructor(props: IButtonColumnProps);
+    private item;
+    private section;
+    protected onFirstRender(): void;
+    onDelete(): Promise<void>;
+    render(): JSX.Element;
+}
+export {};