@singularsystems/neo-react 0.10.13 → 0.10.17

package/dist/React/Setup.js

@@ -1,7 +0,0 @@
-import { Misc, Utils } from '@singularsystems/neo-core';
-import { runInAction } from 'mobx';
-import './DataView';
-//registerModelCreator(ReactModelCreator);
-Misc.Globals.peek = function (target, propertyName) { return target.$mobx.values[propertyName].value; };
-Utils.batchUpdate = runInAction;
-//# sourceMappingURL=Setup.js.map

package/dist/React/Setup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Setup.js","sourceRoot":"","sources":["../../src/React/Setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,YAAY,CAAC;AAEpB,0CAA0C;AAE1C,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,UAAC,MAAW,EAAE,YAAoB,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,EAAvC,CAAuC,CAAC;AAEnG,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/ReactComponents/AsyncDropDown.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-import { Model } from '@singularsystems/neo-core';
-import { AxiosPromise } from 'axios';
-import { SelectComponents } from 'react-select/src/components';
-interface ISelectedItem {
-    value: string;
-    label: string;
-}
-interface IAsyncDropDownCommonProps<T> {
-    label?: string;
-    itemSource: (searchValue: string) => (Promise<T[]> | AxiosPromise<T[]>);
-    initialItems?: T[];
-    valueMember?: keyof T;
-    displayMember?: keyof T;
-    /**
-     * Customise the react-select components. https://react-select.com/props#replacing-components
-     */
-    components?: Partial<SelectComponents<ISelectedItem, true>>;
-    /**
-     * Callback used to provide a custom option component instead of displaying the display member value.
-     */
-    option?: (item: T) => JSX.Element;
-    /**
-     * Text to display when the user has typed something, but no records were returned.
-     */
-    noRecordsPrompt?: string;
-    /**
-     * Text to display when the user clicks in the text area, and no search value has been entered.
-     */
-    typeToSearchPrompt?: string;
-}
-interface IAsyncDropDownProps<T> extends IAsyncDropDownCommonProps<T> {
-    bind: Model.IPropertyInstance;
-    bindDisplay: Model.IPropertyInstance;
-}
-interface IAsyncDropDownMultiSelectProps<T> extends IAsyncDropDownCommonProps<T> {
-    /**
-     * A list of ids and labels to use as the selected list.
-     */
-    bindItems: ISelectedItem[];
-    /**
-     * Optional list of ids. This will be kept in sync with the bindItems prop.
-     */
-    bindIds?: (string | number)[];
-}
-export default class AsyncDropDown<T> extends React.Component<IAsyncDropDownProps<T> | IAsyncDropDownMultiSelectProps<T>> {
-    constructor(props: IAsyncDropDownProps<T> | IAsyncDropDownMultiSelectProps<T>);
-    private valueMember;
-    private displayMember;
-    private onKeyPress;
-    private mapTArrayToSelectedItems;
-    render(): JSX.Element;
-}
-export {};

package/dist/ReactComponents/AsyncDropDown.js

@@ -1,91 +0,0 @@
-import { __assign, __decorate, __extends, __metadata } from "tslib";
-import React from 'react';
-import AsyncSelect from 'react-select/async';
-import { Utils } from '@singularsystems/neo-core';
-import { observer } from 'mobx-react';
-var AsyncDropDown = /** @class */ (function (_super) {
-    __extends(AsyncDropDown, _super);
-    function AsyncDropDown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onKeyPress = _this.onKeyPress.bind(_this);
-        return _this;
-    }
-    AsyncDropDown.prototype.onKeyPress = function (searchValue, dataReceived) {
-        var _this = this;
-        Utils.debounce(this, function () {
-            _this.props.itemSource(searchValue).then(function (list) {
-                var items;
-                if (list.data) {
-                    items = list.data;
-                }
-                else {
-                    items = list;
-                }
-                dataReceived(_this.mapTArrayToSelectedItems(items));
-            });
-        }, 500);
-    };
-    AsyncDropDown.prototype.mapTArrayToSelectedItems = function (items) {
-        var _this = this;
-        return items.map(function (item) { return (__assign(__assign({}, item), { value: item[_this.valueMember], label: item[_this.displayMember] })); });
-    };
-    AsyncDropDown.prototype.render = function () {
-        var _this = this;
-        var _a, _b, _c;
-        var bindItems = this.props.bindItems;
-        var bindIds = this.props.bindIds;
-        var bindValue = this.props.bind;
-        var bindDisplay = this.props.bindDisplay;
-        this.displayMember = (_a = this.props.displayMember, (_a !== null && _a !== void 0 ? _a : ""));
-        this.valueMember = (_b = this.props.valueMember, (_b !== null && _b !== void 0 ? _b : ""));
-        var value = bindItems ? bindItems.map(function (c) { return ({ value: c.value, label: c.label }); }) : { value: bindValue.value, label: bindDisplay.value };
-        var components = (_c = this.props.components, (_c !== null && _c !== void 0 ? _c : {}));
-        if (this.props.option) {
-            components.Option = function (item) { return (React.createElement("div", __assign({ ref: item.innerRef }, item.innerProps, { className: "react-select-row" + (item.isFocused ? " focused" : "") }), _this.props.option(item.data))); };
-        }
-        else if (components.Option) {
-            var originalOption_1 = components.Option;
-            components.Option = function (item) { return (React.createElement("div", __assign({ ref: item.innerRef }, item.innerProps, { className: "react-select-row" + (item.isFocused ? " focused" : "") }), originalOption_1(item))); };
-        }
-        var defaultItems = undefined;
-        if (this.props.initialItems) {
-            defaultItems = this.mapTArrayToSelectedItems(this.props.initialItems);
-        }
-        return (React.createElement(AsyncSelect, { className: "react-select-bs", classNamePrefix: "react-select-bs", defaultOptions: defaultItems, loadOptions: this.onKeyPress, isMulti: bindItems !== undefined, isClearable: true, noOptionsMessage: function (c) { var _a, _b; return c.inputValue ? (_a = _this.props.noRecordsPrompt, (_a !== null && _a !== void 0 ? _a : "No records found")) : (_b = _this.props.typeToSearchPrompt, (_b !== null && _b !== void 0 ? _b : "Type to search...")); }, value: value, onChange: function (args, action) {
-                if (bindItems) {
-                    if (action.action === "select-option") {
-                        bindItems.push(action.option);
-                        if (bindIds) {
-                            bindIds.push(action.option.value);
-                        }
-                    }
-                    else if (action.action === "remove-value") {
-                        var removeItem = bindItems.find(function (c) { return c.value === action.removedValue.value; });
-                        if (removeItem) {
-                            bindItems.remove(removeItem);
-                            if (bindIds) {
-                                bindIds.remove(removeItem.value);
-                            }
-                        }
-                    }
-                    else if (action.action === "clear") {
-                        bindItems.length = 0;
-                        if (bindIds) {
-                            bindIds.length = 0;
-                        }
-                    }
-                }
-                else {
-                    bindValue.value = args ? args.value : "";
-                    bindDisplay.value = args ? args.label : "";
-                }
-            }, components: components }));
-    };
-    AsyncDropDown = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], AsyncDropDown);
-    return AsyncDropDown;
-}(React.Component));
-export default AsyncDropDown;
-//# sourceMappingURL=AsyncDropDown.js.map

package/dist/ReactComponents/AsyncDropDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AsyncDropDown.js","sourceRoot":"","sources":["../../src/ReactComponents/AsyncDropDown.tsx"],"names":[],"mappings":"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"}

package/dist/ReactComponents/BootstrapHelpers.d.ts

@@ -1,40 +0,0 @@
-export declare type columnWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare type columnCount = 1 | 2 | 3 | 4 | 6 | 12;
-export declare type gutterSize = 1 | 2 | 3 | 4 | 5;
-export declare type flexItemAlign = "start" | "end" | "center";
-export declare type breakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-export interface IColumnWidthBreakpoints {
-    /** Number of columns to span when the screen is extra small or bigger */
-    xs?: columnWidth;
-    /** Number of columns to span when the screen is small or bigger */
-    sm?: columnWidth;
-    /** Number of columns to span when the screen is medium or bigger */
-    md?: columnWidth;
-    /** Number of columns to span when the screen is large or bigger */
-    lg?: columnWidth;
-    /** Number of columns to span when the screen is extra large or bigger */
-    xl?: columnWidth;
-    /** Number of columns to span when the screen is the largest size */
-    xxl?: columnWidth;
-}
-export interface IColumnCountBreakpoints {
-    /** Number of columns to fit in a row when the screen is extra small or bigger */
-    xs?: columnCount;
-    /** Number of columns to fit in a row when the screen is small or bigger */
-    sm?: columnCount;
-    /** Number of columns to fit in a row when the screen is medium or bigger */
-    md?: columnCount;
-    /** Number of columns to fit in a row when the screen is large or bigger */
-    lg?: columnCount;
-    /** Number of columns to fit in a row when the screen is extra lage or bigger */
-    xl?: columnCount;
-    /** Number of columns to fit in a row when the screen is the largest size */
-    xxl?: columnCount;
-}
-export default class BSHelpers {
-    static getInverseBreakpointClasses(props: IColumnWidthBreakpoints): {
-        cols: string;
-        inverseCols: string;
-    };
-    static getFirstBreakpoint(props: IColumnWidthBreakpoints): breakpoint | null;
-}

package/dist/ReactComponents/BootstrapHelpers.js

@@ -1,31 +0,0 @@
-import { concat } from './PropTypes';
-var BSHelpers = /** @class */ (function () {
-    function BSHelpers() {
-    }
-    BSHelpers.getInverseBreakpointClasses = function (props) {
-        function getInverse(cols) {
-            return cols === 12 ? 12 : 12 - cols;
-        }
-        var cols = concat(props.xs && "col-" + props.xs, props.sm && "col-sm-" + props.sm, props.md && "col-md-" + props.md, props.lg && "col-lg-" + props.lg, props.xl && "col-xl-" + props.xl, props.xxl && "col-xxl-" + props.xxl);
-        var inverseCols = concat(props.xs && "col-" + getInverse(props.xs), props.sm && "col-sm-" + getInverse(props.sm), props.md && "col-md-" + getInverse(props.md), props.lg && "col-lg-" + getInverse(props.lg), props.xl && "col-xl-" + getInverse(props.xl), props.xxl && "col-xxl-" + getInverse(props.xxl));
-        return { cols: cols, inverseCols: inverseCols };
-    };
-    BSHelpers.getFirstBreakpoint = function (props) {
-        if (props.xs && props.xs != 12)
-            return "xs";
-        if (props.sm && props.sm != 12)
-            return "sm";
-        if (props.md && props.md != 12)
-            return "md";
-        if (props.lg && props.lg != 12)
-            return "lg";
-        if (props.xl && props.xl != 12)
-            return "xl";
-        if (props.xxl && props.xxl != 12)
-            return "xxl";
-        return null;
-    };
-    return BSHelpers;
-}());
-export default BSHelpers;
-//# sourceMappingURL=BootstrapHelpers.js.map

package/dist/ReactComponents/BootstrapHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BootstrapHelpers.js","sourceRoot":"","sources":["../../src/ReactComponents/BootstrapHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAmDrC;IAAA;IAmCA,CAAC;IAjCiB,qCAA2B,GAAzC,UAA0C,KAA8B;QACpE,SAAS,UAAU,CAAC,IAAY;YAC5B,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC;QACxC,CAAC;QAED,IAAI,IAAI,GAAG,MAAM,CACb,KAAK,CAAC,EAAE,IAAI,MAAM,GAAG,KAAK,CAAC,EAAE,EAC7B,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,KAAK,CAAC,EAAE,EAChC,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,KAAK,CAAC,EAAE,EAChC,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,KAAK,CAAC,EAAE,EAChC,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,KAAK,CAAC,EAAE,EAChC,KAAK,CAAC,GAAG,IAAI,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAEzC,IAAI,WAAW,GAAG,MAAM,CACpB,KAAK,CAAC,EAAE,IAAI,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EACzC,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,IAAI,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EAC5C,KAAK,CAAC,GAAG,IAAI,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAErD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;IACpD,CAAC;IAEa,4BAAkB,GAAhC,UAAiC,KAA8B;QAC3D,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE;YAAE,OAAO,KAAK,CAAC;QAC/C,OAAO,IAAI,CAAC;IAChB,CAAC;IACL,gBAAC;AAAD,CAAC,AAnCD,IAmCC"}

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

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import { Model } from '@singularsystems/neo-core';
-import { AxiosPromise } from 'axios';
-import { SelectComponents } from 'react-select/src/components';
-import { DropDownBase } from './DropDownBase';
-interface IOption {
-    value: string | number;
-    label: string;
-}
-interface IAsyncDropDownCommonProps<T> {
-    label?: string;
-    itemSource: (searchValue: string) => (Promise<T[]> | AxiosPromise<T[]>);
-    initialItems?: T[];
-    valueMember?: keyof T;
-    displayMember?: keyof T;
-    /**
-     * Customise the react-select components. https://react-select.com/props#replacing-components
-     */
-    components?: Partial<SelectComponents<IOption, true>>;
-    /**
-     * Callback used to provide a custom option component instead of displaying the display member value.
-     */
-    option?: (item: T) => JSX.Element;
-    /**
-     * Text to display when the user has typed something, but no records were returned.
-     */
-    noRecordsPrompt?: string;
-    /**
-     * Text to display when the user clicks in the text area, and no search value has been entered.
-     */
-    typeToSearchPrompt?: string;
-}
-interface IAsyncDropDownProps<T> extends IAsyncDropDownCommonProps<T> {
-    bind: Model.IPropertyInstance;
-    bindDisplay: Model.IPropertyInstance;
-}
-interface IAsyncDropDownMultiSelectProps<T> extends IAsyncDropDownCommonProps<T> {
-    /**
-     * A list of ids and labels to use as the selected list.
-     */
-    bindItems: Model.ISelectedItem[];
-    /**
-     * Optional list of ids. This will be kept in sync with the bindItems prop.
-     */
-    bindIds?: (string | number)[];
-}
-export default class AsyncDropDown<T> extends DropDownBase<IAsyncDropDownProps<T> | IAsyncDropDownMultiSelectProps<T>> {
-    constructor(props: IAsyncDropDownProps<T> | IAsyncDropDownMultiSelectProps<T>);
-    private onKeyPress;
-    private mapTArrayToOptions;
-    render(): JSX.Element;
-}
-export {};

package/dist/ReactComponents/DropDown/AsyncDropDown.js

@@ -1,95 +0,0 @@
-import { __assign, __decorate, __extends, __metadata } from "tslib";
-import React from 'react';
-import AsyncSelect from 'react-select/async';
-import { Utils } from '@singularsystems/neo-core';
-import { observer } from 'mobx-react';
-import { DropDownBase } from './DropDownBase';
-var AsyncDropDown = /** @class */ (function (_super) {
-    __extends(AsyncDropDown, _super);
-    function AsyncDropDown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onKeyPress = _this.onKeyPress.bind(_this);
-        return _this;
-    }
-    AsyncDropDown.prototype.onKeyPress = function (searchValue, dataReceived) {
-        var _this = this;
-        Utils.debounce(this, function () {
-            _this.props.itemSource(searchValue).then(function (list) {
-                var items;
-                if (list.data) {
-                    items = list.data;
-                }
-                else {
-                    items = list;
-                }
-                dataReceived(_this.mapTArrayToOptions(items));
-            });
-        }, 500);
-    };
-    AsyncDropDown.prototype.mapTArrayToOptions = function (items) {
-        var _this = this;
-        if (items.length) {
-            this.findMembers(items[0]);
-        }
-        return items.map(function (item) { return (__assign(__assign({}, item), { value: item[_this.valueMember], label: item[_this.displayMember] })); });
-    };
-    AsyncDropDown.prototype.render = function () {
-        var _this = this;
-        var _a, _b, _c;
-        var bindItems = this.props.bindItems;
-        var bindIds = this.props.bindIds;
-        var bindValue = this.props.bind;
-        var bindDisplay = this.props.bindDisplay;
-        this.displayMember = (_a = this.props.displayMember, (_a !== null && _a !== void 0 ? _a : ""));
-        this.valueMember = (_b = this.props.valueMember, (_b !== null && _b !== void 0 ? _b : ""));
-        var value = bindItems ? bindItems.map(function (c) { return ({ value: c.id, label: c.display }); }) : { value: bindValue.value, label: bindDisplay.value };
-        var components = (_c = this.props.components, (_c !== null && _c !== void 0 ? _c : {}));
-        if (this.props.option) {
-            components.Option = function (item) { return (React.createElement("div", __assign({ ref: item.innerRef }, item.innerProps, { className: "react-select-row" + (item.isFocused ? " focused" : "") }), _this.props.option(item.data))); };
-        }
-        else if (components.Option) {
-            var originalOption_1 = components.Option;
-            components.Option = function (item) { return (React.createElement("div", __assign({ ref: item.innerRef }, item.innerProps, { className: "react-select-row" + (item.isFocused ? " focused" : "") }), originalOption_1(item))); };
-        }
-        var defaultItems = undefined;
-        if (this.props.initialItems) {
-            defaultItems = this.mapTArrayToOptions(this.props.initialItems);
-        }
-        return (React.createElement(AsyncSelect, { className: "react-select-bs", classNamePrefix: "react-select-bs", defaultOptions: defaultItems, loadOptions: this.onKeyPress, isMulti: bindItems !== undefined, isClearable: true, noOptionsMessage: function (c) { var _a, _b; return c.inputValue ? (_a = _this.props.noRecordsPrompt, (_a !== null && _a !== void 0 ? _a : "No records found")) : (_b = _this.props.typeToSearchPrompt, (_b !== null && _b !== void 0 ? _b : "Type to search...")); }, value: value, onChange: function (args, action) {
-                if (bindItems) {
-                    if (action.action === "select-option") {
-                        bindItems.push({ id: action.option.value, display: action.option.label });
-                        if (bindIds) {
-                            bindIds.push(action.option.value);
-                        }
-                    }
-                    else if (action.action === "remove-value") {
-                        var removeItem = bindItems.find(function (c) { return c.id === action.removedValue.value; });
-                        if (removeItem) {
-                            bindItems.remove(removeItem);
-                            if (bindIds) {
-                                bindIds.remove(removeItem.id);
-                            }
-                        }
-                    }
-                    else if (action.action === "clear") {
-                        bindItems.length = 0;
-                        if (bindIds) {
-                            bindIds.length = 0;
-                        }
-                    }
-                }
-                else {
-                    bindValue.value = args ? args.value : "";
-                    bindDisplay.value = args ? args.label : "";
-                }
-            }, components: components }));
-    };
-    AsyncDropDown = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], AsyncDropDown);
-    return AsyncDropDown;
-}(DropDownBase));
-export default AsyncDropDown;
-//# sourceMappingURL=AsyncDropDown.js.map

package/dist/ReactComponents/DropDown/AsyncDropDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AsyncDropDown.js","sourceRoot":"","sources":["../../../src/ReactComponents/DropDown/AsyncDropDown.tsx"],"names":[],"mappings":"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"}

package/dist/ReactComponents/DropDown.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { ICommonEditorProps } from './PropTypes';
-import { Data } from '@singularsystems/neo-core';
-import ComponentBase from './ComponentBase';
-import { FormContext } from './FormContext';
-export interface IDropDownSpecificProps<T> {
-    items?: T[] | Promise<T[]>;
-    itemSource?: Data.IAsyncDataSource<T[]> | Data.IArrayCacheEntry<T>;
-    valueMember?: string | undefined;
-    displayMember?: string | undefined;
-    /**
-     * Set to true if your bind property is nullable, and you need to show a blank item in the list.
-     * If your property value is null, a blank item will automatically be shown.
-     */
-    allowNulls?: boolean;
-    /** Function used to filter items out of the datasource. */
-    filterPredicate?: (item: T) => boolean;
-    /** Callback which fires when an item is selected. */
-    onItemSelected?: (item?: T) => void;
-    /**
-     * True if the display member of the selected item should display as plain text.
-     * Use this if you need a readonly display, and don't want a form control rendered.
-     */
-    renderAsText?: boolean;
-}
-export interface IDropDownProps<T> extends ICommonEditorProps<HTMLSelectElement> {
-    select: IDropDownSpecificProps<T>;
-}
-export default class DropDown<T> extends ComponentBase<IDropDownProps<T>> {
-    static contextType: React.Context<import("./FormContext").FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    private displayMember;
-    private valueMember;
-    private selectedItem;
-    private isLoading;
-    private listIndexSymbol;
-    constructor(props: IDropDownProps<T>);
-    private findMembers;
-    private promiseData;
-    private lastPromise;
-    private fetchData;
-    private get items();
-    private createLookupIndex;
-    private getSelectedOption;
-    private onItemSelected;
-    render(): JSX.Element;
-}

package/dist/ReactComponents/DropDown.js

@@ -1,193 +0,0 @@
-import { __assign, __decorate, __extends, __metadata } from "tslib";
-import * as React from 'react';
-import { BindPropsHelper } from './PropTypes';
-import { Utils } from '@singularsystems/neo-core';
-import { observer } from 'mobx-react';
-import { InputHelpers } from './InputHelpers';
-import ComponentBase from './ComponentBase';
-import { FormContext } from './FormContext';
-import { observable } from 'mobx';
-var DropDown = /** @class */ (function (_super) {
-    __extends(DropDown, _super);
-    function DropDown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.isLoading = false;
-        _this.listIndexSymbol = Symbol("ValueIndex");
-        _this.promiseData = [];
-        _this.lastPromise = null;
-        _this.onItemSelected = _this.onItemSelected.bind(_this);
-        return _this;
-    }
-    DropDown.prototype.findMembers = function (item) {
-        if (!this.valueMember || !this.displayMember) {
-            for (var propName in item) {
-                if (this.valueMember && this.displayMember)
-                    break;
-                var value = item[propName];
-                if (value !== undefined && value !== null) {
-                    if (typeof (value) === "number" && !this.valueMember) {
-                        this.valueMember = propName;
-                    }
-                    if (typeof (value) === "string" && !this.displayMember && !propName.toLowerCase().endsWith("id") && propName !== "entityIdentifier") {
-                        this.displayMember = propName;
-                    }
-                }
-            }
-        }
-    };
-    DropDown.prototype.fetchData = function () {
-        var _this = this;
-        if (this.props.select.items) {
-            if (this.props.select.items instanceof Promise) {
-                var promise_1 = this.props.select.items;
-                if (promise_1 !== this.lastPromise) {
-                    this.lastPromise = promise_1;
-                    this.isLoading = true;
-                    promise_1.then(function (data) {
-                        if (_this.lastPromise === promise_1) {
-                            _this.isLoading = false;
-                            _this.promiseData = [];
-                            _this.promiseData = data;
-                        }
-                    });
-                }
-                return this.promiseData;
-            }
-            else {
-                this.isLoading = false;
-                return this.props.select.items;
-            }
-        }
-        else {
-            var dataSource = this.props.select.itemSource;
-            if (this.props.select.itemSource.get !== undefined) {
-                dataSource = this.props.select.itemSource.get();
-            }
-            else {
-                dataSource.fetchInitial();
-            }
-            this.isLoading = dataSource.isLoading;
-            return dataSource.data;
-        }
-    };
-    Object.defineProperty(DropDown.prototype, "items", {
-        get: function () {
-            var _this = this;
-            var items = this.fetchData();
-            if (items && items.length > 0) {
-                var item = items[0];
-                this.findMembers(item);
-            }
-            if (this.props.select.filterPredicate !== undefined) {
-                return items.filter(function (item) { return _this.props.bind.value === item[_this.valueMember] || _this.props.select.filterPredicate(item); });
-            }
-            else {
-                return items;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DropDown.prototype.createLookupIndex = function (list) {
-        var _this = this;
-        list[this.listIndexSymbol] = {};
-        var index = list[this.listIndexSymbol];
-        list.forEach(function (item) { return index[item[_this.valueMember]] = item; });
-    };
-    DropDown.prototype.getSelectedOption = function (value) {
-        this.props.bind.propertyInfo.hasSortValue = true;
-        if (!this.selectedItem || this.selectedItem[this.valueMember] != value) {
-            var list = this.items;
-            var indexJustCreated = false;
-            if (!list[this.listIndexSymbol]) {
-                this.createLookupIndex(list);
-                indexJustCreated = true;
-            }
-            this.selectedItem = list[this.listIndexSymbol][value];
-            if (value && !this.selectedItem && !indexJustCreated) {
-                // Index may be out of date.
-                this.createLookupIndex(list);
-                this.selectedItem = list[this.listIndexSymbol][value];
-            }
-            if (!this.selectedItem) {
-                // create default item.
-                this.props.bind.sortValue = "";
-                this.selectedItem = {};
-                this.selectedItem[this.displayMember] = "";
-                this.selectedItem[this.valueMember] = null;
-            }
-            this.props.bind.sortValue = this.selectedItem[this.displayMember];
-        }
-        return this.selectedItem;
-    };
-    DropDown.prototype.onItemSelected = function (e) {
-        this.selectedItem = null;
-        var boundItem = this.getSelectedOption(e.target.value);
-        if (boundItem && boundItem[this.valueMember] !== undefined) {
-            // Use the bound item to get the correct data type of the value member;
-            this.props.bind.value = boundItem[this.valueMember];
-        }
-        else {
-            this.props.bind.value = e.target.value;
-        }
-        if (this.props.select.onItemSelected !== undefined) {
-            this.props.select.onItemSelected((boundItem[this.valueMember] === undefined ? undefined : boundItem));
-        }
-    };
-    DropDown.prototype.render = function () {
-        var _this = this;
-        var _a, _b, _c;
-        var splitProps = BindPropsHelper.normaliseEditorProps(this, this.props);
-        var domProps = BindPropsHelper.autoSetDomProperties(splitProps, this.context);
-        domProps.className = Utils.joinWithSpaces(domProps.className, splitProps.isBootstrap ? "form-control" : "neo-forms-editor");
-        if (splitProps.select) {
-            if (splitProps.select.valueMember)
-                this.valueMember = splitProps.select.valueMember;
-            if (splitProps.select.displayMember)
-                this.displayMember = splitProps.select.displayMember;
-        }
-        var displayInfo = this.props.bind.validator.getDisplayState(this.context.validationDisplayMode);
-        displayInfo.applyToDom(domProps, !splitProps.inGroup);
-        var items = this.items;
-        var selectedItem = this.getSelectedOption(this.props.bind.value); // This sets the sort value to allow sorting of drop downs in grids. Remove this when using an input to display the selected value.
-        var value = this.props.bind.value;
-        var addBlankItem = (_b = (_a = splitProps.select) === null || _a === void 0 ? void 0 : _a.allowNulls, (_b !== null && _b !== void 0 ? _b : this.props.bind.propertyInfo.allowNulls)) || !value;
-        if (addBlankItem && items.find(function (item) { return !item[_this.valueMember]; })) {
-            // If there is an item with a nullish value, don't add a blank drop down item.
-            addBlankItem = false;
-        }
-        var control;
-        if (this.isLoading) {
-            control = React.createElement("div", { className: "form-control form-control-loading" },
-                React.createElement("div", { className: "spinner-border" }));
-        }
-        else if ((_c = splitProps.select) === null || _c === void 0 ? void 0 : _c.renderAsText) {
-            control = React.createElement("span", null, selectedItem ? selectedItem[this.displayMember] : "");
-        }
-        else if (splitProps.editor.isReadOnly) {
-            control = React.createElement("input", __assign({ type: "text", value: selectedItem ? selectedItem[this.displayMember] : "", ref: splitProps.editor.inputElement }, domProps));
-        }
-        else {
-            if (domProps.readOnly) {
-                domProps.disabled = true;
-            }
-            control =
-                React.createElement("select", __assign({ value: value === undefined || value === null ? "" : value, onChange: this.onItemSelected, ref: splitProps.editor.inputElement }, domProps),
-                    addBlankItem && React.createElement("option", null),
-                    items.map(function (item) { return (React.createElement("option", { value: item[_this.valueMember], key: item[_this.valueMember] }, item[_this.displayMember])); }));
-        }
-        return (InputHelpers.surroundWithInputGroup(control, splitProps.editor));
-    };
-    DropDown.contextType = FormContext;
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Array)
-    ], DropDown.prototype, "promiseData", void 0);
-    DropDown = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], DropDown);
-    return DropDown;
-}(ComponentBase));
-export default DropDown;
-//# sourceMappingURL=DropDown.js.map