@singularsystems/neo-react 0.10.64 → 0.10.66

package/dist/ReactComponents/Icons/FontAwesomeIconFactory.js

@@ -15,22 +15,21 @@ var FontAwesomeIconFactory = /** @class */ (function (_super) {
         return _this;
     }
     FontAwesomeIconFactory.prototype.createIconComponent = function (iconComponent, iconStyle) {
-        var _a, _b, _c, _d;
         if (iconComponent.iconName) {
             // Icon was specified using a font-awesome icon descriptor, return the font-awesome icon component.
             return React.createElement(this.fontAwesomeComponentType, {
                 icon: iconComponent,
-                fixedWidth: (_a = iconStyle) === null || _a === void 0 ? void 0 : _a.fixedWidth,
-                spin: (_b = iconStyle) === null || _b === void 0 ? void 0 : _b.spin
+                fixedWidth: iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.fixedWidth,
+                spin: iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.spin
             });
         }
         else {
             // Icon was specified as a font-awesome component. Extract the props, and override using the requested style.
             var props = __assign({}, iconComponent.props);
-            if ((_c = iconStyle) === null || _c === void 0 ? void 0 : _c.fixedWidth) {
+            if (iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.fixedWidth) {
                 props.fixedWidth = iconStyle.fixedWidth;
             }
-            if ((_d = iconStyle) === null || _d === void 0 ? void 0 : _d.spin) {
+            if (iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.spin) {
                 props.spin = iconStyle.spin;
             }
             return React.createElement(iconComponent.type, props);

package/dist/ReactComponents/Icons/IIconFactory.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 export interface IconStyle {
+    /** True if the icon should be fixed width */
     fixedWidth?: boolean;
+    /** True if the icon should have a spin animation applied. E.g. loading spinner. */
     spin?: boolean;
+    /** True if the icon should have a solid or filled in style. Set to false for font-awesome regular style. */
+    solid?: boolean;
+    /** How thin / thick the icon lines are. Only supported by material symbols. */
+    weight?: number;
 }
 export interface IIconFactory {
     /**

package/dist/ReactComponents/Icons/IIconFactory.js

@@ -0,0 +1 @@
+export {};

package/dist/ReactComponents/Icons/Icon.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IconStyle, IIconFactory } from ".";
+export interface IIconProps extends IconStyle {
+    name: string;
+    /** Optional icon factory if this icon uses a different icon set to the project default. */
+    factory?: IIconFactory;
+}
+/** Renders an icon using the icon factory specified at startup. */
+export default class Icon extends React.Component<IIconProps> {
+    private static _iconFactory;
+    private get iconFactory();
+    render(): React.ReactNode;
+}

package/dist/ReactComponents/Icons/Icon.js

@@ -0,0 +1,27 @@
+import { __extends, __rest } from "tslib";
+import { Misc } from "@singularsystems/neo-core";
+import React from "react";
+import { NeoReactTypes } from "../..";
+/** Renders an icon using the icon factory specified at startup. */
+var Icon = /** @class */ (function (_super) {
+    __extends(Icon, _super);
+    function Icon() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(Icon.prototype, "iconFactory", {
+        get: function () {
+            if (!Icon._iconFactory) {
+                Icon._iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+            }
+            return Icon._iconFactory;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Icon.prototype.render = function () {
+        var _a = this.props, name = _a.name, factory = _a.factory, iconStyle = __rest(_a, ["name", "factory"]);
+        return (factory !== null && factory !== void 0 ? factory : this.iconFactory).getIconComponent(name, iconStyle);
+    };
+    return Icon;
+}(React.Component));
+export default Icon;

package/dist/ReactComponents/Icons/IconFactory.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import { IconStyle, IIconFactory } from "./IIconFactory";
 /** Default icon factory supporting font-awesome strings. */
 export declare class IconFactory implements IIconFactory {
-    getIconComponent(iconOrName: any, style?: IconStyle): import("history").History.PoorMansUnknown;
-    textOrIcon(textOrIcon: string, style?: IconStyle): import("history").History.PoorMansUnknown;
+    getIconComponent(iconOrName: any, style?: IconStyle): React.ReactNode;
+    textOrIcon(textOrIcon: string, style?: IconStyle): React.ReactNode;
     protected mapStringToIcon(iconName: string, style?: IconStyle): React.ReactNode;
     protected createIconComponent(iconDescriptor: any, style?: IconStyle): React.ReactNode;
 }

package/dist/ReactComponents/Icons/IconFactory.js

@@ -18,7 +18,7 @@ var IconFactory = /** @class */ (function () {
         return undefined;
     };
     IconFactory.prototype.textOrIcon = function (textOrIcon, style) {
-        if (textOrIcon.indexOf("fa-") === 0 || textOrIcon.indexOf("far-") === 0) {
+        if (textOrIcon.indexOf("fa-") === 0 || textOrIcon.indexOf("far-") === 0 || textOrIcon.indexOf("fas-") === 0) {
             return this.getIconComponent(textOrIcon, style);
         }
         else {
@@ -26,12 +26,17 @@ var IconFactory = /** @class */ (function () {
         }
     };
     IconFactory.prototype.mapStringToIcon = function (iconName, style) {
-        var _a, _b;
         var className = Utils.getFontAwesomeClass(iconName);
-        if ((_a = style) === null || _a === void 0 ? void 0 : _a.fixedWidth) {
+        if ((style === null || style === void 0 ? void 0 : style.solid) === false) {
+            className = className.replace("fa ", "far ");
+        }
+        if ((style === null || style === void 0 ? void 0 : style.solid) === true) {
+            className = className.replace("fa ", "fas ");
+        }
+        if (style === null || style === void 0 ? void 0 : style.fixedWidth) {
             className += " fa-fw";
         }
-        if ((_b = style) === null || _b === void 0 ? void 0 : _b.spin) {
+        if (style === null || style === void 0 ? void 0 : style.spin) {
             className += " fa-spin";
         }
         return React.createElement("i", { className: className });

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { IconFactory, IconStyle } from ".";
+interface IMaterialSymbolsOptions {
+    /** Set to true if icon names with unspecified fill should be made solid/filled. */
+    fillDefault?: boolean;
+    /** Additional mappings between font-awesome, and material symbols. */
+    fontAwesomeMappings?: [string, string][];
+    /** Set to true if the provided mappings should completely replace the built in neo mappings. */
+    replaceNeoMappings?: boolean;
+}
+/**
+ * Font factory that renders google material symbols icons.
+ */
+export declare class MaterialSymbolsFontFactory extends IconFactory {
+    constructor(options?: IMaterialSymbolsOptions);
+    private filledByDefault;
+    private fontAwesomeMap;
+    protected mapStringToIcon(iconName: string, style?: IconStyle | undefined): React.ReactNode;
+    protected mapFontAwesomeToMaterial(faName: string): string | undefined;
+}
+export {};

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.js

@@ -0,0 +1,113 @@
+import { __extends } from "tslib";
+import { Utils } from "@singularsystems/neo-core";
+import React from "react";
+import { IconFactory } from ".";
+/**
+ * Font factory that renders google material symbols icons.
+ */
+var MaterialSymbolsFontFactory = /** @class */ (function (_super) {
+    __extends(MaterialSymbolsFontFactory, _super);
+    function MaterialSymbolsFontFactory(options) {
+        var _a;
+        var _this = _super.call(this) || this;
+        _this.filledByDefault = (_a = options === null || options === void 0 ? void 0 : options.fillDefault) !== null && _a !== void 0 ? _a : false;
+        if ((options === null || options === void 0 ? void 0 : options.fontAwesomeMappings) && (options === null || options === void 0 ? void 0 : options.replaceNeoMappings)) {
+            _this.fontAwesomeMap = new Map(options.fontAwesomeMappings);
+        }
+        else {
+            _this.fontAwesomeMap = new Map(neoFontAwesomeMappings);
+            if (options === null || options === void 0 ? void 0 : options.fontAwesomeMappings) {
+                for (var _i = 0, _b = options.fontAwesomeMappings; _i < _b.length; _i++) {
+                    var mapping = _b[_i];
+                    _this.fontAwesomeMap.set(mapping[0], mapping[1]);
+                }
+            }
+        }
+        return _this;
+    }
+    MaterialSymbolsFontFactory.prototype.mapStringToIcon = function (iconName, style) {
+        var _a;
+        var className = "material-symbols-outlined";
+        var isFilled = (_a = style === null || style === void 0 ? void 0 : style.solid) !== null && _a !== void 0 ? _a : this.filledByDefault;
+        // TODO: copy spin animation from font-awesome
+        if (style === null || style === void 0 ? void 0 : style.spin) {
+            className += " fa fa-spin";
+        }
+        // remove and extract convention styling
+        iconName = iconName.replace("fa-fw", "");
+        var faProps = Utils.getFontAwesomeIconProps(iconName);
+        iconName = faProps.name.trim();
+        if (faProps.isSolid !== undefined) {
+            isFilled = faProps.isSolid;
+        }
+        var mappedName = this.mapFontAwesomeToMaterial(iconName);
+        if (mappedName === undefined) {
+            // replace common differences.
+            mappedName = iconName.replace(/-/g, "_")
+                .replace("plus", "add")
+                .replace("square", "box");
+        }
+        if (mappedName === "") {
+            mappedName = '\u00A0';
+        }
+        var cssStyle;
+        if (isFilled || (style === null || style === void 0 ? void 0 : style.weight)) {
+            var styleText = "";
+            if (isFilled) {
+                styleText += "'FILL' 1";
+            }
+            if (style === null || style === void 0 ? void 0 : style.weight) {
+                styleText += " 'wght' " + style.weight;
+            }
+            cssStyle = { fontVariationSettings: styleText.trim() };
+        }
+        return React.createElement("span", { className: className, style: cssStyle }, mappedName);
+    };
+    MaterialSymbolsFontFactory.prototype.mapFontAwesomeToMaterial = function (faName) {
+        return this.fontAwesomeMap.get(faName.trim());
+    };
+    return MaterialSymbolsFontFactory;
+}(IconFactory));
+export { MaterialSymbolsFontFactory };
+var neoFontAwesomeMappings = [
+    ["plus", "add"],
+    ["plus-square", "add_box"],
+    ["minus", "remove"],
+    ["minus-square", "indeterminate_check_box"],
+    ["arrow-left", "arrow_back"],
+    ["angle-left", "chevron_left"],
+    ["caret-left", "arrow_left"],
+    ["trash", "delete"],
+    ["user", "person"],
+    ["users", "groups"],
+    ["user-shield", "admin_panel_settings"],
+    ["user-plus", "person_add"],
+    ["user-times", "person_remove"],
+    ["user-lock", "manage_accounts"],
+    ["unlock", "lock_open"],
+    ["cogs", "settings"],
+    ["file-excel", "text_snippet"],
+    ["file-code", "code_blocks"],
+    ["feather-alt", "filter_alt"],
+    ["filter", "filter_alt"],
+    ["eye", "visibility"],
+    ["envelope", "mail"],
+    ["address-book", "contact_mail"],
+    ["at", "alternate_email"],
+    ["bell", "notifications"],
+    ["times", "close"],
+    ["eraser", "ink_eraser"],
+    ["align-left", "format_align_left"],
+    ["align-center", "format_align_center"],
+    ["align-right", "format_align_right"],
+    ["equals", "equal"],
+    ["not-equal", "block"],
+    ["copy", "content_copy"],
+    ["chart-bar", "bar_chart"],
+    ["less-than", ""],
+    ["less-than-equal", ""],
+    ["greater-than", ""],
+    ["greater-than-equal", ""],
+    ["stamp", "approval"],
+    ["circle-notch", "progress_activity"]
+];

package/dist/ReactComponents/Icons/index.d.ts

@@ -1,3 +1,4 @@
-export { IIconFactory, IconStyle } from './IIconFactory';
+export type { IIconFactory, IconStyle } from './IIconFactory';
 export { IconFactory } from './IconFactory';
 export { FontAwesomeIconFactory } from './FontAwesomeIconFactory';
+export { MaterialSymbolsFontFactory } from './MaterialSymbolsFontFactory';

package/dist/ReactComponents/Icons/index.js

@@ -1,2 +1,3 @@
 export { IconFactory } from './IconFactory';
 export { FontAwesomeIconFactory } from './FontAwesomeIconFactory';
+export { MaterialSymbolsFontFactory } from './MaterialSymbolsFontFactory';

package/dist/ReactComponents/Input.js

@@ -56,12 +56,12 @@ var Input = /** @class */ (function (_super) {
     };
     Input.prototype.render = function () {
         var _this = this;
-        var _a, _b, _c;
+        var _a;
         this.type = this.determineType();
         var splitProps = BindPropsHelper.normaliseEditorProps(this, this.props);
         var domProps = BindPropsHelper.autoSetDomProperties(splitProps, this.context);
-        var inputProps = (_a = splitProps.input, (_a !== null && _a !== void 0 ? _a : {}));
-        var showPasswordButton = (_b = inputProps) === null || _b === void 0 ? void 0 : _b.showPasswordButton;
+        var inputProps = (_a = splitProps.input) !== null && _a !== void 0 ? _a : {};
+        var showPasswordButton = inputProps === null || inputProps === void 0 ? void 0 : inputProps.showPasswordButton;
         var displayInfo = this.props.bind.validator.getDisplayState(this.context.validationDisplayMode);
         displayInfo.applyToDom(domProps, !splitProps.inGroup);
         var bindValue = this.props.bind.value;
@@ -93,7 +93,7 @@ var Input = /** @class */ (function (_super) {
             inputElement = React.createElement("textarea", __assign({}, domProps, { ref: this.domRef, rows: inputProps.rows }));
         }
         if (this.type === "checkbox") {
-            inputElement = React.createElement("div", { className: "custom-control custom-" + (((_c = inputProps) === null || _c === void 0 ? void 0 : _c.type) === "switch" ? "switch" : "checkbox") },
+            inputElement = React.createElement("div", { className: "custom-control custom-" + ((inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) === "switch" ? "switch" : "checkbox") },
                 inputElement,
                 React.createElement("label", { htmlFor: domProps.id, className: "custom-control-label" }, (inputProps.label ? inputProps.label : "")));
         }

package/dist/ReactComponents/InputHelpers.js

@@ -13,12 +13,12 @@ var InputHelpers = /** @class */ (function () {
                 (props.prependText || props.prepend) &&
                     React.createElement("div", { className: "input-group-prepend" },
                         props.prepend && (props.prepend instanceof Function ? props.prepend() : props.prepend),
-                        props.prependText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a, _b; return (_b = (_a = inputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus(); } }, this.iconFactory.textOrIcon(props.prependText))),
+                        props.prependText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }, this.iconFactory.textOrIcon(props.prependText))),
                 element,
                 (props.appendText || props.append) &&
                     React.createElement("div", { className: "input-group-append" },
                         props.append && (props.append instanceof Function ? props.append() : props.append),
-                        props.appendText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a, _b; return (_b = (_a = inputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus(); } }, this.iconFactory.textOrIcon(props.appendText)))));
+                        props.appendText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }, this.iconFactory.textOrIcon(props.appendText)))));
         }
         else {
             return element;

package/dist/ReactComponents/Link.js

@@ -20,7 +20,7 @@ var Link = /** @class */ (function (_super) {
     Link.prototype.render = function () {
         var _a;
         var props = this.props;
-        var href = (_a = props.href, (_a !== null && _a !== void 0 ? _a : "/"));
+        var href = (_a = props.href) !== null && _a !== void 0 ? _a : "/";
         return React.createElement("a", __assign({}, props, { href: href, onClick: this.onClick }), this.props.children);
     };
     return Link;

package/dist/ReactComponents/Modal/Modal.js

@@ -35,7 +35,7 @@ var Modal = /** @class */ (function (_super) {
                 this.lastBindValue = propertyInstance.value;
             }
             if (typeof propertyInstance.value === "object") {
-                formProps = (formProps !== null && formProps !== void 0 ? formProps : {});
+                formProps = formProps !== null && formProps !== void 0 ? formProps : {};
                 if (!formProps.model) {
                     formProps.model = propertyInstance.value;
                 }

package/dist/ReactComponents/Modal/ModalContainer.js

@@ -14,7 +14,7 @@ var ModalContainer = /** @class */ (function (_super) {
     }
     ModalContainer.prototype.componentDidMount = function () {
         var _a;
-        ModalHelper.initialise(this.props, (_a = this.containerRef.current, (_a !== null && _a !== void 0 ? _a : undefined)));
+        ModalHelper.initialise(this.props, (_a = this.containerRef.current) !== null && _a !== void 0 ? _a : undefined);
     };
     ModalContainer.prototype.componentDidUpdate = function () {
         ModalHelper.appInstance.updateProps(this.props);

package/dist/ReactComponents/NumberInput.js

@@ -20,20 +20,19 @@ var FormatState = /** @class */ (function () {
         this.useNative = useNative;
     }
     FormatState.create = function (propertyInfo, numericType, numProps, appendText) {
-        var _a, _b, _c, _d, _e, _f, _g;
         var isPercent = false;
         var hasExternalPercentSymbol = false;
         var formatString = numProps ? numProps.formatString : "";
         var displayDecimals = 2;
         if ((formatString && formatString.indexOf("%") >= 0)
             || appendText === "%"
-            || ((_a = numProps) === null || _a === void 0 ? void 0 : _a.format) === Misc.NumberFormat.PercentDecimals || ((_b = numProps) === null || _b === void 0 ? void 0 : _b.format) === Misc.NumberFormat.PercentNoDecimals) {
+            || (numProps === null || numProps === void 0 ? void 0 : numProps.format) === Misc.NumberFormat.PercentDecimals || (numProps === null || numProps === void 0 ? void 0 : numProps.format) === Misc.NumberFormat.PercentNoDecimals) {
             isPercent = true;
         }
         if (propertyInfo.allowedDecimals !== undefined) {
             displayDecimals = propertyInfo.allowedDecimals - (isPercent ? 2 : 0);
         }
-        else if ((_c = numProps) === null || _c === void 0 ? void 0 : _c.formatString) {
+        else if (numProps === null || numProps === void 0 ? void 0 : numProps.formatString) {
             displayDecimals = NumberUtils.getDecimalPlaces(numProps.formatString);
         }
         if (!formatString) {
@@ -42,16 +41,16 @@ var FormatState = /** @class */ (function () {
             }
             else {
                 var hasDecimals = numericType === Misc.DataType.Float || numericType === Misc.DataType.Decimal;
-                var format = ((_d = numProps) === null || _d === void 0 ? void 0 : _d.currencySymbol) ?
+                var format = (numProps === null || numProps === void 0 ? void 0 : numProps.currencySymbol) ?
                     (hasDecimals ? Misc.NumberFormat.CurrencyDecimals : Misc.NumberFormat.CurrencyNoDecimals) :
                     (hasDecimals ? Misc.NumberFormat.Decimals : Misc.NumberFormat.NoDecimals);
-                formatString = NumberUtils.getFormatString(format, (_e = numProps) === null || _e === void 0 ? void 0 : _e.currencySymbol, displayDecimals);
+                formatString = NumberUtils.getFormatString(format, numProps === null || numProps === void 0 ? void 0 : numProps.currencySymbol, displayDecimals);
             }
         }
         if (formatString.indexOf("%") < 0 && appendText === "%") {
             hasExternalPercentSymbol = true;
         }
-        return new FormatState(isPercent, hasExternalPercentSymbol, formatString, displayDecimals + (isPercent ? 2 : 0), (_f = numProps) === null || _f === void 0 ? void 0 : _f.zeroText, (_g = numProps) === null || _g === void 0 ? void 0 : _g.native);
+        return new FormatState(isPercent, hasExternalPercentSymbol, formatString, displayDecimals + (isPercent ? 2 : 0), numProps === null || numProps === void 0 ? void 0 : numProps.zeroText, numProps === null || numProps === void 0 ? void 0 : numProps.native);
     };
     FormatState.prototype.getFormattedValue = function (value) {
         if (!value && this.zeroText !== undefined) {
@@ -254,7 +253,7 @@ var NumberInput = /** @class */ (function (_super) {
         }
         if (useNative && !domProps.step) {
             var decimals = NumberUtils.getDecimalPlaces(this.formatState.formatString);
-            domProps.step = decimals === 0 ? "1" : "0." + "0".repeat(decimals - 1) + "1";
+            domProps.step = decimals === 0 ? "1" : "0.".concat("0".repeat(decimals - 1), "1");
         }
         return (InputHelpers.surroundWithInputGroup(React.createElement("input", __assign({}, domProps, { defaultValue: this.formatState.getFormattedValue(editorProps.bind.value), type: useNative ? "number" : "text", onChange: this.onChanged, ref: this.inputElement })), editorProps, this.inputElement));
     };

package/dist/ReactComponents/Paging/PageSizeControl.js

@@ -12,7 +12,7 @@ var PageSizeControl = /** @class */ (function (_super) {
     PageSizeControl.prototype.render = function () {
         var _a;
         return (React.createElement("div", { className: "neo-pager-page-size" },
-            React.createElement("span", null, (_a = this.props.label, (_a !== null && _a !== void 0 ? _a : "Show: ")),
+            React.createElement("span", null, (_a = this.props.label) !== null && _a !== void 0 ? _a : "Show: ",
                 " "),
             React.createElement(DropDown, { select: { items: this.props.pageManager.pageSizeOptions.map(function (i) { return ({ id: i, name: i.toString() }); }) }, bind: this.pageSize })));
     };

package/dist/ReactComponents/Paging/Pager.d.ts

@@ -20,5 +20,6 @@ export default class Pager<TCriteria extends ValueObject, TModel extends Model.I
     dataViewContext: DataViewContextParams<TModel>;
     constructor(props: IPagerBaseProps<TCriteria, TModel>);
     componentDidMount(): void;
+    componentDidUpdate(): void;
     render(): JSX.Element | null;
 }

package/dist/ReactComponents/Paging/Pager.js

@@ -16,6 +16,9 @@ var Pager = /** @class */ (function (_super) {
     Pager.prototype.componentDidMount = function () {
         this.props.pageManager.initialise();
     };
+    Pager.prototype.componentDidUpdate = function () {
+        this.props.pageManager.afterRender();
+    };
     Pager.prototype.render = function () {
         var _a = this.props, pageManager = _a.pageManager, pageControls = _a.pageControls, pageControlProps = _a.pageControlProps, suppressLoader = _a.suppressLoader, hideBeforeLoad = _a.hideBeforeLoad, domProps = __rest(_a, ["pageManager", "pageControls", "pageControlProps", "suppressLoader", "hideBeforeLoad"]);
         if (!pageManager.hasFetched && !pageManager.taskRunner.isBusy && hideBeforeLoad !== false) {

package/dist/ReactComponents/PropTypes.d.ts

@@ -11,7 +11,7 @@ import PropertyInfo from '@singularsystems/neo-core/dist/Model/PropertyInfo';
 import { IComponentBase } from './ComponentBase';
 import FileInput, { IFileEditorProps } from './FileManager/FileInput';
 import { FormContextParams } from './FormContext';
-export declare type ItemCallback<T> = (item: T, meta: TransformMetaType<T>) => React.ReactNode;
+export declare type ItemCallback<T> = (item: T, meta: TransformMetaType<T>, isHeader: boolean) => React.ReactNode;
 export declare enum ControlType {
     Date = 0,
     Number = 1,
@@ -136,9 +136,9 @@ export declare class BindPropsHelper {
     static getBindProperty<T>(allProps: IEditorContainerProps<T, any>): Model.IPropertyInstance;
     static splitCommonEditorProps<T extends ICommonEditorProps>(props: T): {
         editor: ICommonEditorProps;
-        rest: Pick<T, Exclude<keyof T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "inputElement">>;
+        rest: Omit<T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "inputElement">;
     };
-    static normaliseContainerProps<T, TContainerDom = React.HTMLProps<T>>(component: IComponentBase, props: IEditorContainerProps<T, any> & TContainerDom, inGroup: boolean, isBootstrap?: boolean): IEditorContainerNormalisedProps<TContainerDom, any>;
+    static normaliseContainerProps<T, TContainerDom = React.HTMLProps<T>, TData = any>(component: IComponentBase, props: IEditorContainerProps<T, TData>, inGroup: boolean, isBootstrap?: boolean): IEditorContainerNormalisedProps<TContainerDom, TData>;
     static normaliseEditorProps<T, TDom = React.HTMLProps<T>>(component: IComponentBase, props: (IEditorAndSelectorProps<T, any> & TDom) | IEditorNormalisedProps<TDom, any>): IEditorNormalisedProps<TDom, any>;
     static getPlaceholderText(placeholder: string | boolean | undefined, property: PropertyInfo): string | undefined;
     static autoSetDomProperties<TDom extends React.HTMLProps<HTMLElement>>(props: IEditorNormalisedProps<TDom, any>, formContext: FormContextParams, componentBlurFn?: (e: React.FocusEvent<HTMLElement>) => void, componentFocusFn?: (e: React.FocusEvent<HTMLElement>) => void): TDom;

package/dist/ReactComponents/PropTypes.js

@@ -34,7 +34,7 @@ var BindPropsHelper = /** @class */ (function () {
             }
             return this._config;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -105,7 +105,12 @@ var BindPropsHelper = /** @class */ (function () {
         var isReadOnly = props.isReadOnly, readOnly = props.readOnly, isDisabled = props.isDisabled, disabled = props.disabled, prependText = props.prependText, prepend = props.prepend, appendText = props.appendText, append = props.append, inputElement = props.inputElement, rest = __rest(props, ["isReadOnly", "readOnly", "isDisabled", "disabled", "prependText", "prepend", "appendText", "append", "inputElement"]);
         return {
             editor: {
-                isReadOnly: ((isReadOnly !== null && isReadOnly !== void 0 ? isReadOnly : readOnly)), isDisabled: ((isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled)), prependText: prependText, prepend: prepend, appendText: appendText, append: append, inputElement: inputElement,
+                isReadOnly: (isReadOnly !== null && isReadOnly !== void 0 ? isReadOnly : readOnly), isDisabled: (isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled),
+                prependText: prependText,
+                prepend: prepend,
+                appendText: appendText,
+                append: append,
+                inputElement: inputElement,
                 requiresGroup: prependText !== undefined || prepend !== undefined || appendText !== undefined || append !== undefined
             },
             rest: rest
@@ -113,18 +118,18 @@ var BindPropsHelper = /** @class */ (function () {
     };
     BindPropsHelper.normaliseContainerProps = function (component, props, inGroup, isBootstrap) {
         // Split flattened props into components.
+        var _a, _b, _c;
         if (isBootstrap === void 0) { isBootstrap = true; }
-        var _a, _b, _c, _d, _e;
         var splitProps = this.splitCommonEditorProps(props);
-        var _f = splitProps.rest, 
+        var _d = splitProps.rest, 
         // Bindable editor props
-        bind = _f.bind, display = _f.display, placeholder = _f.placeholder, 
+        bind = _d.bind, display = _d.display, placeholder = _d.placeholder, 
         // Editor selector props
-        select = _f.select, input = _f.input, dateProps = _f.dateProps, numProps = _f.numProps, fileProps = _f.fileProps, radioList = _f.radioList, 
+        select = _d.select, input = _d.input, dateProps = _d.dateProps, numProps = _d.numProps, fileProps = _d.fileProps, radioList = _d.radioList, 
         // Common container props
-        label = _f.label, editorProps = _f.editorProps, editorTooltip = _f.editorTooltip, editorClassName = _f.editorClassName, editorStyle = _f.editorStyle, suppressDefaultContent = _f.suppressDefaultContent, bindContext = _f.bindContext, 
+        label = _d.label, editorProps = _d.editorProps, editorTooltip = _d.editorTooltip, editorClassName = _d.editorClassName, editorStyle = _d.editorStyle, suppressDefaultContent = _d.suppressDefaultContent, bindContext = _d.bindContext, 
         // Container dom
-        containerDom = __rest(_f, ["bind", "display", "placeholder", "select", "input", "dateProps", "numProps", "fileProps", "radioList", "label", "editorProps", "editorTooltip", "editorClassName", "editorStyle", "suppressDefaultContent", "bindContext"]);
+        containerDom = __rest(_d, ["bind", "display", "placeholder", "select", "input", "dateProps", "numProps", "fileProps", "radioList", "label", "editorProps", "editorTooltip", "editorClassName", "editorStyle", "suppressDefaultContent", "bindContext"]);
         var bindOrDisplay = BindPropsHelper.getBindProperty(props);
         if (!bindOrDisplay) {
             var child = containerDom.children;
@@ -162,7 +167,7 @@ var BindPropsHelper = /** @class */ (function () {
         }
         return {
             bind: bindOrDisplay,
-            editor: __assign({ bind: bindOrDisplay, placeholder: this.getPlaceholderText(placeholder, (_d = bindOrDisplay) === null || _d === void 0 ? void 0 : _d.propertyInfo) }, splitProps.editor),
+            editor: __assign({ bind: bindOrDisplay, placeholder: this.getPlaceholderText(placeholder, bindOrDisplay === null || bindOrDisplay === void 0 ? void 0 : bindOrDisplay.propertyInfo) }, splitProps.editor),
             editorDom: editorProps,
             container: { label: label, editorTooltip: editorTooltip, editorClassName: editorClassName, editorStyle: editorStyle, bindContext: bindContext, suppressDefaultContent: suppressDefaultContent },
             select: select,
@@ -172,7 +177,7 @@ var BindPropsHelper = /** @class */ (function () {
             fileProps: fileProps,
             radioList: radioList,
             inGroup: inGroup,
-            uniqueID: ((_e = bindOrDisplay) === null || _e === void 0 ? void 0 : _e.uniqueID) + "!" + component.uniqueId,
+            uniqueID: (bindOrDisplay === null || bindOrDisplay === void 0 ? void 0 : bindOrDisplay.uniqueID) + "!" + component.uniqueId,
             containerDom: containerDom,
             isBootstrap: isBootstrap
         };
@@ -199,7 +204,7 @@ var BindPropsHelper = /** @class */ (function () {
         var _a;
         var domProps = __assign({}, props.editorDom);
         if (props.uniqueID) {
-            domProps.id = (_a = formContext.uniqueId, (_a !== null && _a !== void 0 ? _a : props.uniqueID));
+            domProps.id = (_a = formContext.uniqueId) !== null && _a !== void 0 ? _a : props.uniqueID;
         }
         if (this.config.isTestOrDevelopment) {
             domProps[BindPropsHelper.DataFieldName] = props.bind.propertyInfo.propertyName;
@@ -228,12 +233,12 @@ var BindPropsHelper = /** @class */ (function () {
     };
     BindPropsHelper.isReadOnly = function (editorProps, formContext) {
         var _a;
-        var propsReadOnly = (_a = editorProps.isReadOnly, (_a !== null && _a !== void 0 ? _a : editorProps.readOnly));
+        var propsReadOnly = (_a = editorProps.isReadOnly) !== null && _a !== void 0 ? _a : editorProps.readOnly;
         return propsReadOnly || (formContext.allReadOnly && propsReadOnly === undefined);
     };
     BindPropsHelper.isDisabled = function (editorProps, formContext) {
         var _a;
-        var propsDisabled = (_a = editorProps.isDisabled, (_a !== null && _a !== void 0 ? _a : editorProps.disabled));
+        var propsDisabled = (_a = editorProps.isDisabled) !== null && _a !== void 0 ? _a : editorProps.disabled;
         return propsDisabled || (formContext.allDisabled && propsDisabled === undefined);
     };
     /**

package/dist/ReactComponents/RadioList.js

@@ -26,7 +26,7 @@ var RadioList = /** @class */ (function (_super) {
     RadioList.prototype.createEnumList = function (list) {
         var _a, _b;
         if (list.length) {
-            var _c = LookupHelper.findMembers(list[0], (_a = this.props.radioList.valueMember, (_a !== null && _a !== void 0 ? _a : "")), (_b = this.props.radioList.displayMember, (_b !== null && _b !== void 0 ? _b : "")), true), valueMember_1 = _c.valueMember, displayMember_1 = _c.displayMember;
+            var _c = LookupHelper.findMembers(list[0], (_a = this.props.radioList.valueMember) !== null && _a !== void 0 ? _a : "", (_b = this.props.radioList.displayMember) !== null && _b !== void 0 ? _b : "", true), valueMember_1 = _c.valueMember, displayMember_1 = _c.displayMember;
             if (valueMember_1 && displayMember_1) {
                 this.items = list.map(function (item) { return ({ id: item[valueMember_1], name: item[displayMember_1] }); });
             }
@@ -46,8 +46,8 @@ var RadioList = /** @class */ (function (_super) {
         return React.createElement("div", { className: className }, this.items.map(function (item) {
             var _a, _b;
             return React.createElement("div", { className: "custom-control custom-radio " + (_this.props.radioList.inline ? "custom-control-inline" : "custom-control"), key: item.id },
-                React.createElement("input", { type: "radio", id: splitProps.uniqueID + (_a = item.id, (_a !== null && _a !== void 0 ? _a : "")), name: splitProps.uniqueID, checked: bindValue === item.id, disabled: domProps.disabled || domProps.readOnly, onChange: function () { return _this.props.bind.value = item.id; }, className: "custom-control-input" }),
-                React.createElement("label", { className: "custom-control-label", htmlFor: splitProps.uniqueID + (_b = item.id, (_b !== null && _b !== void 0 ? _b : "")) }, item.name));
+                React.createElement("input", { type: "radio", id: splitProps.uniqueID + ((_a = item.id) !== null && _a !== void 0 ? _a : ""), name: splitProps.uniqueID, checked: bindValue === item.id, disabled: domProps.disabled || domProps.readOnly, onChange: function () { return _this.props.bind.value = item.id; }, className: "custom-control-input" }),
+                React.createElement("label", { className: "custom-control-label", htmlFor: splitProps.uniqueID + ((_b = item.id) !== null && _b !== void 0 ? _b : "") }, item.name));
         }));
     };
     RadioList.contextType = FormContext;

package/dist/ReactComponents/Slider.js

@@ -34,21 +34,21 @@ var Slider = /** @class */ (function (_super) {
         get: function () {
             return this.props.bindEnd !== undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Slider.prototype, "rangeProps", {
         get: function () {
             return this.props;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Slider.prototype, "sliderProps", {
         get: function () {
             return this.props;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Slider.prototype.getSlider = function () {

package/dist/ReactComponents/Tabs/Tab.d.ts

@@ -9,7 +9,7 @@ interface ITabProps {
     /** Name used for binding to selected tab. (Same as id property) */
     name?: string;
     /** Icon to display in tab header. */
-    icon?: string;
+    icon?: any;
     /** True if the tab is disabled and not allowed to be clicked on. */
     disabled?: boolean;
     /**

package/dist/ReactComponents/Tabs/Tab.js

@@ -12,7 +12,7 @@ var Tab = /** @class */ (function (_super) {
         _this.hasRenderedContents = false;
         _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
         _this.onClick = _this.onClick.bind(_this);
-        var tabKey = (_a = _this.props.id, (_a !== null && _a !== void 0 ? _a : _this.props.name));
+        var tabKey = (_a = _this.props.id) !== null && _a !== void 0 ? _a : _this.props.name;
         if (!tabKey) {
             if (typeof _this.props.header === "string") {
                 tabKey = _this.props.header;