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

package/dist/ReactComponents/ContextMenu/ContextMenuContainer.js

@@ -1,48 +1,48 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import React from 'react';
-import { observer } from 'mobx-react';
-import { Misc, AppServices } from '@singularsystems/neo-core';
-import ContextMenu from './ContextMenu';
-/**
- * Shows the global context menu ui.
- * To show a context menu, call MenuUtils.showContextMenu
- */
-var ContextMenuContainer = /** @class */ (function (_super) {
-    __extends(ContextMenuContainer, _super);
-    function ContextMenuContainer(props) {
-        var _this = _super.call(this, props) || this;
-        _this.globalState = Misc.Globals.appService.get(AppServices.NeoTypes.UI.GlobalContextMenuState);
-        _this.onDocumentClick = _this.onDocumentClick.bind(_this);
-        _this.onMenuItemClick = _this.onMenuItemClick.bind(_this);
-        return _this;
-    }
-    ContextMenuContainer.prototype.componentDidMount = function () {
-        window.document.addEventListener("mousedown", this.onDocumentClick);
-    };
-    ContextMenuContainer.prototype.componentWillUnmount = function () {
-        window.document.removeEventListener("mousedown", this.onDocumentClick);
-    };
-    ContextMenuContainer.prototype.onDocumentClick = function (e) {
-        var element = e.target;
-        while (element) {
-            if (element.classList.contains("neo-context-menu")) {
-                return;
-            }
-            element = element.parentElement;
-        }
-        this.globalState.position = null;
-    };
-    ContextMenuContainer.prototype.onMenuItemClick = function () {
-        this.globalState.position = null;
-    };
-    ContextMenuContainer.prototype.render = function () {
-        var globalState = this.globalState;
-        return globalState.position && React.createElement(ContextMenu, { menuItems: globalState.items, position: globalState.position, onClick: this.onMenuItemClick });
-    };
-    ContextMenuContainer = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], ContextMenuContainer);
-    return ContextMenuContainer;
-}(React.Component));
-export default ContextMenuContainer;
+import { __decorate, __extends, __metadata } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react';
+import { Misc, AppServices } from '@singularsystems/neo-core';
+import ContextMenu from './ContextMenu';
+/**
+ * Shows the global context menu ui.
+ * To show a context menu, call MenuUtils.showContextMenu
+ */
+var ContextMenuContainer = /** @class */ (function (_super) {
+    __extends(ContextMenuContainer, _super);
+    function ContextMenuContainer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.globalState = Misc.Globals.appService.get(AppServices.NeoTypes.UI.GlobalContextMenuState);
+        _this.onDocumentClick = _this.onDocumentClick.bind(_this);
+        _this.onMenuItemClick = _this.onMenuItemClick.bind(_this);
+        return _this;
+    }
+    ContextMenuContainer.prototype.componentDidMount = function () {
+        window.document.addEventListener("mousedown", this.onDocumentClick);
+    };
+    ContextMenuContainer.prototype.componentWillUnmount = function () {
+        window.document.removeEventListener("mousedown", this.onDocumentClick);
+    };
+    ContextMenuContainer.prototype.onDocumentClick = function (e) {
+        var element = e.target;
+        while (element) {
+            if (element.classList.contains("neo-context-menu")) {
+                return;
+            }
+            element = element.parentElement;
+        }
+        this.globalState.position = null;
+    };
+    ContextMenuContainer.prototype.onMenuItemClick = function () {
+        this.globalState.position = null;
+    };
+    ContextMenuContainer.prototype.render = function () {
+        var globalState = this.globalState;
+        return globalState.position && React.createElement(ContextMenu, { menuItems: globalState.items, position: globalState.position, onClick: this.onMenuItemClick });
+    };
+    ContextMenuContainer = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], ContextMenuContainer);
+    return ContextMenuContainer;
+}(React.Component));
+export default ContextMenuContainer;

package/dist/ReactComponents/ContextMenu/ContextMenuState.d.ts

@@ -1,7 +1,8 @@
-import { Components } from "@singularsystems/neo-core";
-import { IPosition } from "@singularsystems/neo-core/dist/Components/ContextMenu/ContextMenu";
-export declare class ContextMenuState {
-    show: boolean;
-    items: Components.IMenuItem[];
-    position: IPosition | null;
-}
+import { Components } from "@singularsystems/neo-core";
+import { IPosition } from "@singularsystems/neo-core/dist/Components/ContextMenu/ContextMenu";
+export declare class ContextMenuState {
+    constructor();
+    show: boolean;
+    items: Components.IMenuItem[];
+    position: IPosition | null;
+}

package/dist/ReactComponents/ContextMenu/ContextMenuState.js

@@ -1,23 +1,23 @@
-import { __decorate, __metadata } from "tslib";
-import { observable } from "mobx";
-var ContextMenuState = /** @class */ (function () {
-    function ContextMenuState() {
-        this.show = false;
-        this.items = [];
-        this.position = null;
-    }
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Boolean)
-    ], ContextMenuState.prototype, "show", void 0);
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Array)
-    ], ContextMenuState.prototype, "items", void 0);
-    __decorate([
-        observable.ref,
-        __metadata("design:type", Object)
-    ], ContextMenuState.prototype, "position", void 0);
-    return ContextMenuState;
-}());
-export { ContextMenuState };
+import { __decorate, __metadata } from "tslib";
+import { makeObservable, observable } from "mobx";
+export var ContextMenuState = /** @class */ (function () {
+    function ContextMenuState() {
+        this.show = false;
+        this.items = [];
+        this.position = null;
+        makeObservable(this);
+    }
+    __decorate([
+        observable.ref,
+        __metadata("design:type", Boolean)
+    ], ContextMenuState.prototype, "show", void 0);
+    __decorate([
+        observable.ref,
+        __metadata("design:type", Array)
+    ], ContextMenuState.prototype, "items", void 0);
+    __decorate([
+        observable.ref,
+        __metadata("design:type", Object)
+    ], ContextMenuState.prototype, "position", void 0);
+    return ContextMenuState;
+}());

package/dist/ReactComponents/DatePicker.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { IBindableEditorProps } from './PropTypes';
-import { Components } from '@singularsystems/neo-core';
-import ComponentBase from './ComponentBase';
-import { FormContext } from './FormContext';
-export interface INeoDatePickerProps extends IBindableEditorProps<HTMLInputElement> {
-    dateProps?: Components.IPartialDateProps;
-}
-export default class DatePicker extends ComponentBase<INeoDatePickerProps> {
-    static contextType: React.Context<import("./FormContext").FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    private container;
-    private datePicker?;
-    private isReadOnly;
-    constructor(props: INeoDatePickerProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
+import * as React from 'react';
+import { IBindableEditorProps } from './PropTypes';
+import { Components } from '@singularsystems/neo-core';
+import ComponentBase from './ComponentBase';
+import { FormContext } from './FormContext';
+export interface INeoDatePickerProps extends IBindableEditorProps<HTMLInputElement> {
+    dateProps?: Components.IPartialDateProps;
+}
+export default class DatePicker extends ComponentBase<INeoDatePickerProps> {
+    static contextType: React.Context<import("./FormContext").FormContextParams>;
+    context: React.ContextType<typeof FormContext>;
+    private container;
+    private datePicker?;
+    private isReadOnly;
+    constructor(props: INeoDatePickerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}

package/dist/ReactComponents/DatePicker.js

@@ -1,53 +1,53 @@
-import { __assign, __decorate, __extends, __metadata } from "tslib";
-import * as React from 'react';
-import { BindPropsHelper } from './PropTypes';
-import { Components, Utils } from '@singularsystems/neo-core';
-import { InputHelpers } from './InputHelpers';
-import { observer } from 'mobx-react';
-import ComponentBase from './ComponentBase';
-import { FormContext } from './FormContext';
-var DatePicker = /** @class */ (function (_super) {
-    __extends(DatePicker, _super);
-    function DatePicker(props) {
-        var _this = _super.call(this, props) || this;
-        _this.isReadOnly = false;
-        _this.container = React.createRef();
-        return _this;
-    }
-    DatePicker.prototype.componentDidMount = function () {
-        if (this.container.current) {
-            this.datePicker = new Components.DatePicker(this.container.current, this.props.dateProps);
-            this.datePicker.update(this.props.dateProps, this.props.bind, this.isReadOnly);
-        }
-    };
-    DatePicker.prototype.componentWillUnmount = function () {
-        if (this.datePicker) {
-            this.datePicker.destroy();
-            this.datePicker = undefined;
-        }
-    };
-    DatePicker.prototype.render = function () {
-        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");
-        this.isReadOnly = !!domProps.readOnly;
-        var displayInfo = this.props.bind.validator.getDisplayState(this.context.validationDisplayMode);
-        displayInfo.applyToDom(domProps, !splitProps.inGroup);
-        if (this.datePicker) {
-            this.datePicker.update(splitProps.dateProps, this.props.bind, this.isReadOnly);
-        }
-        else {
-            // Create dependency on bound value on initial render.
-            void this.props.bind.value;
-        }
-        return (React.createElement("div", { className: "neo-datepicker-container", ref: this.container }, !(splitProps.dateProps && splitProps.dateProps.alwaysShow) &&
-            InputHelpers.surroundWithInputGroup(React.createElement("input", __assign({ type: "text" }, domProps, { ref: splitProps.editor.inputElement })), splitProps.editor)));
-    };
-    DatePicker.contextType = FormContext;
-    DatePicker = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], DatePicker);
-    return DatePicker;
-}(ComponentBase));
-export default DatePicker;
+import { __assign, __decorate, __extends, __metadata } from "tslib";
+import * as React from 'react';
+import { BindPropsHelper } from './PropTypes';
+import { Components, Utils } from '@singularsystems/neo-core';
+import { InputHelpers } from './InputHelpers';
+import { observer } from 'mobx-react';
+import ComponentBase from './ComponentBase';
+import { FormContext } from './FormContext';
+var DatePicker = /** @class */ (function (_super) {
+    __extends(DatePicker, _super);
+    function DatePicker(props) {
+        var _this = _super.call(this, props) || this;
+        _this.isReadOnly = false;
+        _this.container = React.createRef();
+        return _this;
+    }
+    DatePicker.prototype.componentDidMount = function () {
+        if (this.container.current) {
+            this.datePicker = new Components.DatePicker(this.container.current, this.props.dateProps);
+            this.datePicker.update(this.props.dateProps, this.props.bind, this.isReadOnly);
+        }
+    };
+    DatePicker.prototype.componentWillUnmount = function () {
+        if (this.datePicker) {
+            this.datePicker.destroy();
+            this.datePicker = undefined;
+        }
+    };
+    DatePicker.prototype.render = function () {
+        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");
+        this.isReadOnly = !!domProps.readOnly;
+        var displayInfo = this.props.bind.validator.getDisplayState(this.context.validationDisplayMode);
+        displayInfo.applyToDom(domProps, !splitProps.inGroup);
+        if (this.datePicker) {
+            this.datePicker.update(splitProps.dateProps, this.props.bind, this.isReadOnly);
+        }
+        else {
+            // Create dependency on bound value on initial render.
+            void this.props.bind.value;
+        }
+        return (React.createElement("div", { className: "neo-datepicker-container", ref: this.container }, !(splitProps.dateProps && splitProps.dateProps.alwaysShow) &&
+            InputHelpers.surroundWithInputGroup(React.createElement("input", __assign({ type: "text" }, domProps, { ref: splitProps.editor.inputElement })), splitProps.editor)));
+    };
+    DatePicker.contextType = FormContext;
+    DatePicker = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], DatePicker);
+    return DatePicker;
+}(ComponentBase));
+export default DatePicker;

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

@@ -1,83 +1,93 @@
-import React from 'react';
-import { Model } from '@singularsystems/neo-core';
-import { AxiosPromise } from 'axios';
-import { DropDownBase, ItemSource } from './DropDownBase';
-import { Props } from 'react-select';
-import { ICommonEditorProps } from '../PropTypes';
-import { FormContext } from '../FormContext';
-interface IOption {
-    value: string | number;
-    label: string;
-}
-interface IAutoCompleteCommonProps<T> extends ICommonEditorProps, Props<IOption, true> {
-    /**
-     * Callback for loading data.
-     */
-    itemSource?: (searchValue: string) => (Promise<T[]> | AxiosPromise<T[]>);
-    /**
-     * Items to display for non async drop down, or default items to display in async drop down before typing.
-     */
-    items?: ItemSource<T>;
-    valueMember?: keyof T;
-    displayMember?: keyof T;
-    /**
-     * Property of an item to use as the description.
-     *
-     * Description will be shown in muted text below the item name.
-     */
-    descriptionMember?: keyof T | false;
-    /**
-     * 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;
-    /**
-     * Callback which fires when an item is selected.
-     * The removedItem parameter will be provided when removing an item from a multi select drop down.
-     */
-    onItemSelected?: (item?: T, removedItem?: Model.ISelectedItem) => void;
-    /**
-     * Millisecond delay from the last typed character, to when the itemSource function is called.
-     * Default is 500ms.
-     */
-    delayMs?: number;
-    /**
-     * Minimum no of characters a user must type before a search is performed.
-     * Default is 1.
-     */
-    minCharacters?: number;
-}
-export interface IAutoCompleteProps<T> extends IAutoCompleteCommonProps<T> {
-    bind: Model.IPropertyInstance;
-    bindDisplay?: Model.IPropertyInstance;
-}
-export interface IAutoCompleteMultiSelectProps<T> extends IAutoCompleteCommonProps<T> {
-    /**
-     * A list of ids and labels to use as the selected list.
-     */
-    bindItems: Model.IPropertyInstance<Model.ISelectedItem[]>;
-    /**
-     * Optional list of ids. This will be kept in sync with the bindItems prop.
-     */
-    bindIds?: (string | number)[];
-}
-export default class AutoCompleteDropDown<T> extends DropDownBase<T, IAutoCompleteProps<T> | IAutoCompleteMultiSelectProps<T>> {
-    static contextType: React.Context<import("../FormContext").FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    private asyncSelectImplementation;
-    private selectImplementation;
-    constructor(props: IAutoCompleteProps<T> | IAutoCompleteMultiSelectProps<T>);
-    private onKeyPress;
-    private mapTArrayToOptions;
-    private onItemSelected;
-    render(): JSX.Element;
-    private getOption;
-}
-export {};
+import React from 'react';
+import { Model } from '@singularsystems/neo-core';
+import { AxiosPromise } from 'axios';
+import { DropDownBase, ItemSource } from './DropDownBase';
+import { Props } from 'react-select';
+import { ICommonEditorProps } from '../PropTypes';
+import { FormContext } from '../FormContext';
+interface IOption {
+    value: string | number;
+    label: string;
+    item?: any;
+}
+interface IAutoCompleteCommonProps<T> extends ICommonEditorProps, Props<IOption, true> {
+    /**
+     * Callback for loading data.
+     */
+    itemSource?: (searchValue: string) => (Promise<T[]> | AxiosPromise<T[]>);
+    /**
+     * Items to display for non async drop down, or default items to display in async drop down before typing.
+     */
+    items?: ItemSource<T>;
+    valueMember?: keyof T;
+    displayMember?: keyof T;
+    /**
+     * Property of an item to use as the description.
+     *
+     * Description will be shown in muted text below the item name.
+     */
+    descriptionMember?: keyof T | false;
+    /**
+     * 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;
+    /**
+     * Callback which fires when an item is selected.
+     * The removedItem parameter will be provided when removing an item from a multi select drop down.
+     */
+    onItemSelected?: (item?: T, removedItem?: Model.ISelectedItem) => void;
+    /**
+     * Millisecond delay from the last typed character, to when the itemSource function is called.
+     * Default is 500ms.
+     */
+    delayMs?: number;
+    /**
+     * Minimum no of characters a user must type before a search is performed.
+     * Default is 1.
+     */
+    minCharacters?: number;
+}
+export interface IAutoCompleteProps {
+    bind: Model.IPropertyInstance;
+    bindDisplay?: Model.IPropertyInstance;
+}
+export interface IAutoCompleteMultiSelectProps {
+    /**
+     * A list of ids and labels to use as the selected list.
+     */
+    bindItems: Model.IPropertyInstance<Model.ISelectedItem[]>;
+    /**
+     * Optional list of ids. This will be kept in sync with the bindItems prop.
+     */
+    bindIds?: (string | number)[] | Model.IPropertyInstance<number[]>;
+    /**
+     * The max no of items to record in the field info if bound to a field info class. (Defaults to 5)
+     * If the selected items exceeds this limit, the field info will be recorded as "x items selected".
+     */
+    fieldInfoLimit?: number;
+}
+export default class AutoCompleteDropDown<T> extends DropDownBase<T, IAutoCompleteCommonProps<T> & (IAutoCompleteProps | IAutoCompleteMultiSelectProps)> {
+    static contextType: React.Context<import("../FormContext").FormContextParams>;
+    context: React.ContextType<typeof FormContext>;
+    private asyncSelectImplementation;
+    private selectImplementation;
+    constructor(props: IAutoCompleteCommonProps<T> & (IAutoCompleteProps | IAutoCompleteMultiSelectProps));
+    private bindProperty;
+    private bindIdsList?;
+    private bindIdsProperty?;
+    static getBindProp<T>(props: IAutoCompleteProps | IAutoCompleteMultiSelectProps): Model.IPropertyInstance<any>;
+    private onKeyPress;
+    private mapTArrayToOptions;
+    private onItemSelected;
+    render(): JSX.Element;
+    private getOption;
+}
+export {};