@singularsystems/neo-core 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/Components/BootstrapTypes.d.ts

@@ -1,35 +1,35 @@
-export declare type variant = "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "light" | "dark" | "link";
-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 declare type ElementOrText = any;
-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 type variant = "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "light" | "dark" | "link";
+export type columnWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type columnCount = 1 | 2 | 3 | 4 | 6 | 12;
+export type gutterSize = 1 | 2 | 3 | 4 | 5;
+export type flexItemAlign = "start" | "end" | "center";
+export type breakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type ElementOrText = any;
+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;
+}

package/dist/Components/BootstrapTypes.js

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

package/dist/Components/ButtonOptions.d.ts

@@ -1,61 +1,63 @@
-import { ITaskRunner } from "../Components/TaskRunner/TaskRunner";
-import { variant, ElementOrText } from "./BootstrapTypes";
-import { ITooltipOptions } from "./TooltipOptions";
-export interface IButtonOptions {
-    /** True if the click event of this button must be invoked when the parent form of this button is submitted. */
-    isSubmit?: boolean;
-    /** Bootstrap variant */
-    variant?: variant;
-    /** Bootstrap size */
-    size?: ("sm" | "lg");
-    /** Bootstrap outline */
-    isOutline?: boolean;
-    onClick?: (event: any, data?: any) => void;
-    /** Font-awesome icon. Don't specify fa- */
-    icon?: string;
-    /** Alignment of icon relative to text. Left by default. */
-    iconAlignment?: "left" | "right";
-    /** Button text. This should be set by providing html in the button tag itself. */
-    text?: string;
-    /** Convert button into a dropdown button, and show these menu items */
-    menuItems?: IButtonDropDownItem[];
-    /** True if the dropdown menu must be split from the button. Set this if you want the button to have its own click event. */
-    splitMenu?: boolean;
-    menuAlignment?: "left" | "right";
-    tabIndex?: number;
-    className?: string;
-    disabled?: boolean;
-    /**
-     * Css classes specific to the btn-group div element.
-     * Note: The button will only be wrapped within a button group if it is a drop down button.
-    */
-    buttonGroupClassName?: string;
-    tooltip?: string | ITooltipOptions;
-    /**
-     * If the task runner provided is busy, the button's icon will change to a spinner, and the button will be disabled.
-     */
-    task?: ITaskRunner;
-    /**
-     * If true, the button's icon will change to a spinner, and the button will be disabled.
-     * If you are using a task runner, rather use the `task` prop.
-     */
-    isBusy?: boolean;
-    /**
-     * Adds a pulse animation to the button.
-     */
-    pulse?: boolean;
-}
-export interface IButtonDropDownItem {
-    /** Menu item text or component */
-    text?: ElementOrText;
-    /** Font awesome icon to show. */
-    icon?: string;
-    /** Make this a non clickable header item. */
-    header?: string;
-    /** True if this should be a divider to seperate items. */
-    isDivider?: boolean;
-    /** Data to be passed to the click event. */
-    data?: any;
-    /** Function to invoke when the item is clicked. If this is not specified, then the buttons click event will be called. */
-    onClick?: (event: any, data?: any) => void;
-}
+import { ITaskRunner } from "../Components/TaskRunner/TaskRunner";
+import { variant, ElementOrText } from "./BootstrapTypes";
+import { ITooltipOptions } from "./TooltipOptions";
+export interface IButtonOptions {
+    /** True if the click event of this button must be invoked when the parent form of this button is submitted. */
+    isSubmit?: boolean;
+    /** The id of the form this button should attach to. Use this if the button is not nested within the form. */
+    form?: string;
+    /** Bootstrap variant */
+    variant?: variant;
+    /** Bootstrap size */
+    size?: ("sm" | "lg");
+    /** Bootstrap outline */
+    isOutline?: boolean;
+    onClick?: (event: any, data?: any) => void;
+    /** Specify a string name if using font-awesome. No need to specify fa- */
+    icon?: any;
+    /** Alignment of icon relative to text. Left by default. */
+    iconAlignment?: "left" | "right";
+    /** Button text. This should be set by providing html in the button tag itself. */
+    text?: string;
+    /** Convert button into a dropdown button, and show these menu items */
+    menuItems?: IButtonDropDownItem[];
+    /** True if the dropdown menu must be split from the button. Set this if you want the button to have its own click event. */
+    splitMenu?: boolean;
+    menuAlignment?: "left" | "right";
+    tabIndex?: number;
+    className?: string;
+    disabled?: boolean;
+    /**
+     * Css classes specific to the btn-group div element.
+     * Note: The button will only be wrapped within a button group if it is a drop down button.
+    */
+    buttonGroupClassName?: string;
+    tooltip?: string | ITooltipOptions;
+    /**
+     * If the task runner provided is busy, the button's icon will change to a spinner, and the button will be disabled.
+     */
+    task?: ITaskRunner;
+    /**
+     * If true, the button's icon will change to a spinner, and the button will be disabled.
+     * If you are using a task runner, rather use the `task` prop.
+     */
+    isBusy?: boolean;
+    /**
+     * Adds a pulse animation to the button.
+     */
+    pulse?: boolean;
+}
+export interface IButtonDropDownItem {
+    /** Menu item text or component */
+    text?: ElementOrText;
+    /** Specify a string name if using font-awesome. No need to specify fa- */
+    icon?: any;
+    /** Make this a non clickable header item. */
+    header?: string;
+    /** True if this should be a divider to seperate items. */
+    isDivider?: boolean;
+    /** Data to be passed to the click event. */
+    data?: any;
+    /** Function to invoke when the item is clicked. If this is not specified, then the buttons click event will be called. */
+    onClick?: (event: any, data?: any) => void;
+}

package/dist/Components/ButtonOptions.js

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

package/dist/Components/ContextMenu/ContextMenu.d.ts

@@ -1,16 +1,16 @@
-import { IButtonDropDownItem } from "../ButtonOptions";
-export interface IMenuItem extends IButtonDropDownItem {
-    /**
-     * Sub menu items.
-     */
-    items?: IMenuItem[];
-}
-export interface IPosition {
-    x: number;
-    y: number;
-}
-export interface IContextMenuState {
-    show: boolean;
-    items: IMenuItem[];
-    position: IPosition | null;
-}
+import { IButtonDropDownItem } from "../ButtonOptions";
+export interface IMenuItem extends IButtonDropDownItem {
+    /**
+     * Sub menu items.
+     */
+    items?: IMenuItem[];
+}
+export interface IPosition {
+    x: number;
+    y: number;
+}
+export interface IContextMenuState {
+    show: boolean;
+    items: IMenuItem[];
+    position: IPosition | null;
+}

package/dist/Components/ContextMenu/ContextMenu.js

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

package/dist/Components/ContextMenu/MenuUtils.d.ts

@@ -1,16 +1,16 @@
-import { IMenuItem, IPosition } from "./ContextMenu";
-export declare class MenuUtils {
-    /**
-     * Shows a context menu below the provided element.
-     */
-    static showContextMenu(items: IMenuItem[], element: HTMLElement): void;
-    /**
-     * Shows a context menu at the current mouse cursor position.
-     */
-    static showContextMenu(items: IMenuItem[], e: MouseEvent): void;
-    /**
-     * Shows a context menu at the provided position.
-     */
-    static showContextMenu(items: IMenuItem[], position: IPosition): void;
-    static hideContextMenu(): void;
-}
+import { IMenuItem, IPosition } from "./ContextMenu";
+export declare class MenuUtils {
+    /**
+     * Shows a context menu below the provided element.
+     */
+    static showContextMenu(items: IMenuItem[], element: HTMLElement): void;
+    /**
+     * Shows a context menu at the current mouse cursor position.
+     */
+    static showContextMenu(items: IMenuItem[], e: MouseEvent): void;
+    /**
+     * Shows a context menu at the provided position.
+     */
+    static showContextMenu(items: IMenuItem[], position: IPosition): void;
+    static hideContextMenu(): void;
+}

package/dist/Components/ContextMenu/MenuUtils.js

@@ -1,34 +1,34 @@
-import { NeoTypes } from "../../AppServices";
-import { Globals } from "../../Misc";
-var MenuUtils = /** @class */ (function () {
-    function MenuUtils() {
-    }
-    MenuUtils.showContextMenu = function (items, positionArg) {
-        var globalState = Globals.appService.get(NeoTypes.UI.GlobalContextMenuState);
-        var position;
-        if (positionArg instanceof HTMLElement) {
-            var element = positionArg, offsetLeft = 0, offsetTop = 0;
-            var height = element.getBoundingClientRect().height;
-            do {
-                offsetLeft += element.offsetLeft;
-                offsetTop += element.offsetTop;
-                element = (element && element.offsetParent instanceof HTMLElement) ? element.offsetParent : null;
-            } while (element);
-            position = { x: offsetLeft, y: offsetTop + height };
-        }
-        else if (positionArg.pageX) {
-            var mouseEvent = positionArg;
-            position = { x: mouseEvent.pageX + 1, y: mouseEvent.pageY };
-        }
-        else {
-            position = positionArg;
-        }
-        globalState.items = items;
-        globalState.position = position;
-    };
-    MenuUtils.hideContextMenu = function () {
-        Globals.appService.get(NeoTypes.UI.GlobalContextMenuState).position = null;
-    };
-    return MenuUtils;
-}());
-export { MenuUtils };
+import { NeoTypes } from "../../AppServices";
+import { Globals } from "../../Misc";
+var MenuUtils = /** @class */ (function () {
+    function MenuUtils() {
+    }
+    MenuUtils.showContextMenu = function (items, positionArg) {
+        var globalState = Globals.appService.get(NeoTypes.UI.GlobalContextMenuState);
+        var position;
+        if (positionArg instanceof HTMLElement) {
+            var element = positionArg, offsetLeft = 0, offsetTop = 0;
+            var height = element.getBoundingClientRect().height;
+            do {
+                offsetLeft += element.offsetLeft;
+                offsetTop += element.offsetTop;
+                element = (element && element.offsetParent instanceof HTMLElement) ? element.offsetParent : null;
+            } while (element);
+            position = { x: offsetLeft, y: offsetTop + height };
+        }
+        else if (positionArg.pageX) {
+            var mouseEvent = positionArg;
+            position = { x: mouseEvent.pageX + 1, y: mouseEvent.pageY };
+        }
+        else {
+            position = positionArg;
+        }
+        globalState.items = items;
+        globalState.position = position;
+    };
+    MenuUtils.hideContextMenu = function () {
+        Globals.appService.get(NeoTypes.UI.GlobalContextMenuState).position = null;
+    };
+    return MenuUtils;
+}());
+export { MenuUtils };

package/dist/Components/DatePicker/DatePicker.d.ts

@@ -1,69 +1,70 @@
-import { IPartialDateProps } from './DatePickerOptions';
-import { IPropertyInstance } from '../../Model/PropertyInstance';
-export default class DatePicker {
-    private container;
-    static AnimationClassName: string;
-    private options;
-    private isReadOnly;
-    private currentViewType;
-    private contentAnimationHelper;
-    private headerAnimationHelper;
-    private inputHasChanged;
-    private canAutoSetDate;
-    private suspendLayout;
-    private input;
-    private popup;
-    private headerContainer;
-    private currentHeaderLabel;
-    private prevButton;
-    private nextButton;
-    private contentContainer;
-    private currentContentTable;
-    private bindProperty;
-    private currentBindValue;
-    private boundDateNoTime;
-    private today;
-    private currentViewDate;
-    constructor(container: HTMLDivElement, options?: IPartialDateProps);
-    inputFocused(e: FocusEvent): void;
-    inputBlurred(): void;
-    inputChanged(): void;
-    inputKeyDown(e: KeyboardEvent): void;
-    private removePopup;
-    private setBindValueAndClose;
-    private setBindProperty;
-    private setInputValue;
-    private show;
-    private positionPopup;
-    /**
-     * Updates the date picker options. This also updates the input value of the input element. Update should be called by the Vue / React component on each render.
-     * @param options New options.
-     */
-    update(options: IPartialDateProps | undefined, bindProperty: IPropertyInstance, isReadOnly: boolean): void;
-    private resetCurrentViewDate;
-    private setCurrentViewDate;
-    private createComponents;
-    private createHeader;
-    private createHeaderLabel;
-    private createContentContainer;
-    /**
-     * Populates a new d/m/y view and replaces the old view
-     * @param displayImmediately True if the new content must be displayed without animation.
-     * @param sameViewType True if the view type is not changing. E.g. scrolling left and right.
-     */
-    private populateContentContainer;
-    private createDaysView;
-    private createMonthsView;
-    private createYearsView;
-    private setupCell;
-    private contentClick;
-    private dayClicked;
-    private monthClicked;
-    private yearClicked;
-    private headerClick;
-    private previousClick;
-    private nextClick;
-    private moveCurrent;
-    private createAndAppend;
-    destroy(): void;
-}
+import { IPartialDateProps } from './DatePickerOptions';
+import { IPropertyInstance } from '../../Model/PropertyInstance';
+export default class DatePicker {
+    private container;
+    static AnimationClassName: string;
+    private options;
+    private isReadOnly;
+    private currentViewType;
+    private contentAnimationHelper;
+    private headerAnimationHelper;
+    private inputHasChanged;
+    private canAutoSetDate;
+    private suspendLayout;
+    private input;
+    private popup;
+    private headerContainer;
+    private currentHeaderLabel;
+    private prevButton;
+    private nextButton;
+    private contentContainer;
+    private currentContentTable;
+    private bindProperty;
+    private currentBindValue;
+    private boundDateNoTime;
+    private today;
+    private currentViewDate;
+    constructor(container: HTMLDivElement, options?: IPartialDateProps);
+    inputFocused(e: FocusEvent): void;
+    inputBlurred(): void;
+    onInputBlurred(closePopup: boolean): void;
+    inputChanged(): void;
+    inputKeyDown(e: KeyboardEvent): void;
+    private removePopup;
+    private setBindValue;
+    private setBindProperty;
+    private setInputValue;
+    private show;
+    private positionPopup;
+    /**
+     * Updates the date picker options. This also updates the input value of the input element. Update should be called by the Vue / React component on each render.
+     * @param options New options.
+     */
+    update(options: IPartialDateProps | undefined, bindProperty: IPropertyInstance, isReadOnly: boolean): void;
+    private resetCurrentViewDate;
+    private setCurrentViewDate;
+    private createComponents;
+    private createHeader;
+    private createHeaderLabel;
+    private createContentContainer;
+    /**
+     * Populates a new d/m/y view and replaces the old view
+     * @param displayImmediately True if the new content must be displayed without animation.
+     * @param sameViewType True if the view type is not changing. E.g. scrolling left and right.
+     */
+    private populateContentContainer;
+    private createDaysView;
+    private createMonthsView;
+    private createYearsView;
+    private setupCell;
+    private contentClick;
+    private dayClicked;
+    private monthClicked;
+    private yearClicked;
+    private headerClick;
+    private previousClick;
+    private nextClick;
+    private moveCurrent;
+    private createAndAppend;
+    destroy(): void;
+}