dhx-suite 7.2.2 → 7.3.0

package/codebase/types/ts-chart/sources/Chart.d.ts

@@ -1,9 +1,9 @@
 import { IEventSystem } from "../../ts-common/events";
 import { View } from "../../ts-common/view";
-import { DataCollection, DataEvents } from "../../ts-data";
+import { DataCollection, DataEvents, TreeCollection } from "../../ts-data";
 import { ChartEvents, IChart, IChartConfig, ISeria } from "./types";
 export declare class Chart extends View implements IChart {
-    data: DataCollection;
+    data: DataCollection | TreeCollection;
     events: IEventSystem<DataEvents | ChartEvents>;
     config: IChartConfig;
     private _layers;

package/codebase/types/ts-chart/sources/helpers/common.d.ts

@@ -1,4 +1,5 @@
-export declare function getDefaultColor(index?: number): string;
+import { IContainerConfig } from "../../../ts-common/core";
+export declare function getDefaultColor(index?: number, isTreeMapRange?: boolean): string;
 declare type Locator = (data: any) => number | string;
 export declare function locator(value: string | Locator): Locator;
 export declare function log10(x: number): number;
@@ -13,13 +14,32 @@ interface IStop {
 interface IGradient {
     stops: IStop[];
 }
+interface IText {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    class: string;
+}
+interface ITextObj {
+    text1: IText;
+    text2: IText;
+    changeSector: boolean;
+    line: number;
+    right: boolean;
+    dy: number;
+}
 export declare function linearGradient(grad: IGradient, id: string): any;
 export declare function getRadialGradient(opts: any, stops: IStop[], id: string): any;
 export declare function euclideanDistance(x1: number, y1: number, x2: number, y2: number): number;
+export declare function roundToTwoNumAfterPoint(p: number): number;
 export declare function verticalCenteredText(text: string): any;
 export declare function verticalTopText(text: string): any;
 export declare function verticalBottomText(text: string): any;
 export declare function calcPointRef(pointId: string, serieId: string): string;
 export declare function getClassesForRotateScale(position: any, angle: any): string;
 export declare function getScales(config: any): any[];
+export declare function getSizesSVGText(text: string, config?: IContainerConfig): any[];
+export declare function superposition(objA: IText, objB: IText): boolean;
+export declare function checkPositions(current: IText, previos: IText, radiusX: number, radiusY: number, obj: ITextObj): void;
 export {};

package/codebase/types/ts-chart/sources/series/TreeMap.d.ts

@@ -0,0 +1,30 @@
+import { IFitPosition } from "../../../ts-common/html";
+import { TreeCollection } from "../../../ts-data";
+import { ITreeMapConfig, PointData, SvgElement } from "../types";
+import BaseSeria from "./BaseSeria";
+export default class TreeMap extends BaseSeria {
+    config: ITreeMapConfig;
+    protected _data: TreeCollection;
+    private _sum;
+    private _maxLevel;
+    private _aspectRatio;
+    private _layout;
+    private _headerHeight;
+    private _textLocator;
+    private _valueLocator;
+    scaleReady(sizes: IFitPosition): IFitPosition;
+    toggle(id?: string): void;
+    dataReady(): PointData[];
+    paint(width: number, height: number): SvgElement;
+    private _drawBar;
+    private _getBar;
+    protected _setDefaults(config: ITreeMapConfig): void;
+    protected _defaultLocator(v: any): any[];
+    private _getSerie;
+    private _getDataLevel;
+    private _getMaxLevel;
+    private _getDeepParent;
+    private _getLayoutObj;
+    private _recountParentArea;
+    private _toggleGroup;
+}

package/codebase/types/ts-chart/sources/series/index.d.ts

@@ -9,6 +9,7 @@ import radar from "./Radar";
 import scatter from "./Scatter";
 import spline from "./Spline";
 import splineArea from "./SplineArea";
+import treeMap from "./TreeMap";
 declare const seriesTypes: {
     line: typeof line;
     spline: typeof spline;
@@ -21,5 +22,6 @@ declare const seriesTypes: {
     radar: typeof radar;
     bar: typeof bar;
     xbar: typeof xbar;
+    treeMap: typeof treeMap;
 };
 export default seriesTypes;

package/codebase/types/ts-chart/sources/types.d.ts

@@ -19,7 +19,7 @@ export interface IChartConfig {
     maxPoints?: number;
     data?: DataCollection<any> | any[];
 }
-export declare type ChartType = "bar" | "line" | "spline" | "scatter" | "area" | "donut" | "pie" | "pie3D" | "radar" | "xbar" | "splineArea";
+export declare type ChartType = "bar" | "line" | "spline" | "scatter" | "area" | "donut" | "pie" | "pie3D" | "radar" | "xbar" | "splineArea" | "treeMap";
 export declare enum ChartEvents {
     toggleSeries = "toggleSeries",
     chartMouseMove = "chartMouseMove",
@@ -53,6 +53,7 @@ export interface ISeria extends ILikeSeria {
     getClosest(x: number, y: number): [number, number, number, string];
     getClosestVertical(x: number): [number, number, number, string, number];
 }
+export declare type TreeDirectionType = "asc" | "desc";
 export interface ISeriaConfig {
     id?: string;
     type?: ChartType;
@@ -60,6 +61,7 @@ export interface ISeriaConfig {
     pointColor?: string;
     dashed?: boolean;
     scales?: ScaleType[];
+    stroke?: string;
     strokeWidth?: number;
     value?: string;
     name?: string;
@@ -79,6 +81,9 @@ export interface ISeriaConfig {
     baseLine?: number;
     tooltipType?: TooltipType;
     stacked?: boolean;
+    direction?: TreeDirectionType;
+    treeSeries?: ITreeSeries[];
+    legendType?: LegendType;
 }
 export declare type SeriaConfig = ISeriaConfig | INoScaleConfig;
 export interface IScale extends IComposable {
@@ -129,12 +134,26 @@ export interface ILegendConfig {
     };
     size?: number;
     form?: Shape;
+    type?: LegendType;
     itemPadding?: number;
     halign?: HorizontalPosition;
     valign?: VerticalPosition;
     series?: string[];
+    treeSeries?: ITreeSeries[];
     margin?: number;
+    direction?: LegendDirection;
     $seriesInfo?: ISeria[];
+    $sizes?: LegendSizes;
+}
+export interface ITreeSeries {
+    less?: number | string;
+    from?: number | string;
+    to?: number | string;
+    greater?: number | string;
+    color?: string;
+    active?: boolean;
+    id?: string;
+    name?: string;
 }
 export interface ILegendDrawData {
     id: string;
@@ -155,7 +174,7 @@ export interface IComposeLayer {
     add(obj: any): void;
     clear(): void;
     getSizes(): IFitPosition;
-    toVDOM(width: number, height: number, events: IEventSystem<DataEvents | ChartEvents>): void;
+    toVDOM(width: number, height: number): void;
 }
 export interface IRadarConfig extends ISeriaConfig {
     radius?: number;
@@ -174,12 +193,17 @@ export interface IRadarScaleDrawData {
     zebra: boolean;
     attribute: string;
 }
+export interface ITreeMapConfig extends ISeriaConfig {
+    paddings?: number;
+    text?: string;
+}
 export interface IAxisCreatorConfig {
     max?: number;
     min?: number;
     log?: boolean;
     padding?: number;
     maxTicks?: number;
+    type?: string;
 }
 export interface IAxisScale {
     min: number;
@@ -211,6 +235,12 @@ export declare type SvgElement = any;
 export declare type Shape = "rect" | "circle";
 export declare type HorizontalPosition = "left" | "center" | "right";
 export declare type VerticalPosition = "top" | "middle" | "bottom";
+export declare type LegendDirection = "row" | "column";
+export declare type LegendType = "groupName" | "range";
+export declare type LegendSizes = {
+    width: number;
+    height: number;
+};
 export interface ILikeSeria extends IComposable {
     getPoints(): PointData[];
     seriesShift?(size?: number): number;
@@ -225,7 +255,10 @@ export declare type SmartLocator = Locator | string;
 export interface IStacker extends IComposable, ILikeSeria {
     add(seria: ISeria): void;
 }
-export declare type PointData = [number, number, string, number, number];
+export declare type PointData = [number, number, string, number | string, number, TreePointData?];
+export declare type TreePointData = {
+    items: PointData[];
+};
 export interface IGridRenderConfig {
     targetLine?: number;
     dashed: boolean;

package/codebase/types/ts-combobox/sources/Combobox.d.ts

@@ -27,6 +27,7 @@ export declare class Combobox extends View implements ICombobox {
     clear(): void | boolean;
     getValue<T extends boolean = false>(asArray?: T): T extends true ? string[] : string;
     setValue(ids: Id[] | Id): void | boolean;
+    addOption(value: string): void;
     destructor(): void;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     setState(state: State): void;

package/codebase/types/ts-combobox/sources/helper.d.ts

@@ -1,3 +1,4 @@
 export declare function selectAllView(): any;
 export declare function unselectAllView(): any;
-export declare function emptyListView(): any;
+export declare function emptyListView(value?: string): any;
+export declare function emptyListHeight(value: string, width: number): number;

package/codebase/types/ts-combobox/sources/locales/en.d.ts

@@ -3,5 +3,6 @@ declare const _default: {
     selectAll: string;
     unselectAll: string;
     selectedItems: string;
+    createItem: string;
 };
 export default _default;

package/codebase/types/ts-combobox/sources/types.d.ts

@@ -22,6 +22,8 @@ export interface IComboboxConfig {
     hiddenLabel?: boolean;
     css?: string;
     value?: string | string[];
+    newOptions?: boolean;
+    htmlEnable?: boolean;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     cellHeight?: number;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
@@ -33,15 +35,6 @@ export interface IComboboxConfig {
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     readonly?: boolean;
 }
-export interface IComboFilterConfig {
-    data?: DataCollection<any> | any[];
-    readonly?: boolean;
-    template?: (item: any) => string;
-    filter?: (item: any, input: string) => boolean;
-    placeholder?: string;
-    virtual?: boolean;
-    multiselection?: boolean;
-}
 export declare enum ComboboxEvents {
     change = "change",
     focus = "focus",
@@ -82,6 +75,7 @@ export interface ICombobox {
     blur(): void;
     getValue(asArray?: boolean): Id[] | string;
     setValue(ids: Id[] | Id): void;
+    addOption(value: string): void;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     setState(state: State): void;
 }

package/codebase/types/ts-common/FocusManager.d.ts

@@ -5,6 +5,8 @@ export interface IFocusManager {
 declare class FocusManager implements IFocusManager {
     private _activeWidgetId;
     private _initHandler;
+    private _removeFocusClass;
+    private _addFocusClass;
     constructor();
     getFocusId(): string;
     setFocusId(id: string): void;

package/codebase/types/ts-common/html.d.ts

@@ -42,6 +42,7 @@ export declare type Position = "left" | "right" | "bottom" | "top";
 export declare type FlexDirection = "start" | "center" | "end" | "between" | "around" | "evenly";
 export declare function isIE(): boolean;
 export declare function isSafari(): any;
+export declare function isFirefox(): any;
 export declare function getRealPosition(node: HTMLElement): IFitPosition;
 export declare function calculatePosition(pos: IFitPosition, config: IFitPositionConfig): {
     left: string;

package/codebase/types/ts-data/sources/datacollection.d.ts

@@ -19,8 +19,8 @@ export declare class DataCollection<T extends IDataItem = IDataItem> implements
     protected _meta: any;
     protected _range: [number, number];
     protected _loaded: boolean;
+    protected _initOrder: T[];
     private _changes;
-    private _initOrder;
     private _loader;
     constructor(config?: any, events?: IEventSystem<any>);
     protected _reset(): void;
@@ -41,7 +41,7 @@ export declare class DataCollection<T extends IDataItem = IDataItem> implements
     findAll(conf: IFilterMode | DataCallback<T>): any[];
     sort(rule?: ISortMode, config?: ISortConfig): void;
     copy(id: Id | Id[], index: number, target?: IDataCollection | ITreeCollection, targetId?: Id): Id | Id[];
-    move(id: Id | Id[], index: number, target?: DataCollection | TreeCollection, targetId?: Id): Id | Id[];
+    move(id: Id | Id[], index: number, target?: DataCollection | TreeCollection, targetId?: Id, newId?: Id): Id | Id[];
     forEach(callback: DataCallback<T>): void;
     load(url: IDataProxy | string, driver?: IDataDriver | DataDriver): Promise<any>;
     parse(data: T[], driver?: DataDriver | IDataDriver): any;
@@ -62,7 +62,7 @@ export declare class DataCollection<T extends IDataItem = IDataItem> implements
     protected _add(newItem: IDataItem, index: number): Id;
     protected _remove(id: Id): void;
     protected _copy(id: Id, index: number, target?: IDataCollection | ITreeCollection, targetId?: Id, key?: number): Id;
-    protected _move(id: Id, index: number, target?: IDataCollection | ITreeCollection, targetId?: Id, key?: number): Id;
+    protected _move(id: Id, index: number, target?: IDataCollection | ITreeCollection, targetId?: Id, key?: number, newId?: Id): Id;
     protected _addCore(obj: IDataItem, index: number): Id;
     protected _removeCore(id: Id): void;
     protected _parse_data(data: any[]): void;

package/codebase/types/ts-data/sources/types.d.ts

@@ -28,7 +28,8 @@ export declare type IFilterCallback = (obj: any) => boolean;
 export interface IFilterMode {
     by?: Id;
     match?: string | number | boolean;
-    compare?: (value: any, match: any, obj: any) => boolean;
+    compare?: (value: any, match: any, obj: any, multi?: boolean) => boolean;
+    multi?: any;
 }
 export interface IFilterComplexMode {
     [key: string]: IFilterMode;
@@ -199,6 +200,7 @@ export interface IDragConfig {
 export interface ICopyObject {
     id: Id;
     component: IObjWithData;
+    newId?: Id;
 }
 export declare enum DataEvents {
     afterAdd = "afteradd",

package/codebase/types/ts-form/sources/types.d.ts

@@ -316,6 +316,7 @@ export interface IComboProps extends IBaseLayoutItem {
     itemHeight?: number | string;
     virtual?: boolean;
     listHeight?: number | string;
+    newOptions?: boolean;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     readonly?: boolean;
 }

package/codebase/types/ts-grid/sources/Grid.d.ts

@@ -52,7 +52,7 @@ export declare class Grid extends View implements IGrid {
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     edit(rowId: Id, colId: Id, editorType?: EditorType): void;
     protected _createView(): any;
-    protected _parseColumns(): void;
+    protected _parseColumns(configChanged?: boolean): void;
     protected _parseData(): void;
     protected _createCollection(prep: (data: any[]) => any[]): void;
     protected _getRowIndex(rowId: Id): number;

package/codebase/types/ts-grid/sources/Selection.d.ts

@@ -5,12 +5,13 @@ export declare class Selection implements ISelection {
     events: IEventSystem<GridSelectionEvents, IGridSelectionEventsHandlersMap>;
     config: ISelectionConfig;
     protected _grid: IGrid;
+    private _gridId;
     protected _selectedCell: ICell;
     protected _oldSelectedCell: ICell;
     protected _selectedCells: ICell[];
     protected _type: ISelectionType;
     protected _multiselection: boolean;
-    constructor(grid: IGrid, config?: ISelectionConfig, events?: IEventSystem<any>);
+    constructor(grid: IGrid, config?: ISelectionConfig, events?: IEventSystem<any>, gridId?: Id);
     setCell(row?: any, col?: any, ctrlUp?: boolean, shiftUp?: boolean): void;
     getCell(): ICell;
     getCells(): ICell[];

package/codebase/types/ts-grid/sources/helpers/data.d.ts

@@ -1,6 +1,6 @@
 import { IContainerConfig } from "../../../ts-common/core";
 import { ICol, IColumnsWidth, IGridConfig, IRendererConfig, IRow, colType } from "./../types";
-export declare function normalizeColumns({ columns, htmlEnable }: IGridConfig): void;
+export declare function normalizeColumns({ columns, htmlEnable }: IGridConfig, configChanged?: boolean): void;
 export declare function countColumns(config: IGridConfig, columns: ICol[]): number;
 export declare function calculatePositions(width: number, height: number, scroll: any, conf: IRendererConfig, data: IRow[]): {
     xStart: number;

package/codebase/types/ts-grid/sources/types.d.ts

@@ -1,9 +1,9 @@
 import { IEventSystem } from "../../ts-common/events";
 import { IKeyManager } from "../../ts-common/KeyManager";
 import { IAlign } from "../../ts-common/html";
-import { IDataCollection, IDragConfig, ICsvDriverConfig, IDataItem, IDragInfo } from "../../ts-data";
+import { IDataCollection, IDragConfig, ICsvDriverConfig, IDataItem, IDragInfo, DataCollection } from "../../ts-data";
 import { Exporter } from "./Exporter";
-import { IComboFilterConfig, Combobox } from "../../ts-combobox";
+import { Combobox } from "../../ts-combobox";
 import { IHandlers, Id } from "../../ts-common/types";
 import { ScrollView } from "../../ts-common/ScrollView";
 export interface IGridConfig extends IDragConfig {
@@ -135,6 +135,9 @@ export interface IProGrid extends IGrid {
     scrollView: ScrollView;
 }
 export declare type EditorType = "input" | "select" | "datePicker" | "checkbox" | "combobox" | "multiselect" | "textarea";
+export interface IComboEditorConfig {
+    newOptions?: boolean;
+}
 export interface ICellRect extends ICoords, ISizes {
 }
 export declare type colType = "string" | "number" | "boolean" | "date" | "percent" | any;
@@ -148,6 +151,7 @@ export interface ICol {
     mark?: IMark | MarkFunction;
     type?: colType;
     editorType?: EditorType;
+    editorConfig?: IComboEditorConfig;
     editable?: boolean;
     resizable?: boolean;
     sortable?: boolean;
@@ -189,10 +193,20 @@ export interface IHeader {
     css?: any;
     content?: fixedRowContent | footerMethods;
     filterConfig?: IComboFilterConfig;
+    customFilter?: (item: any, input: string) => boolean;
     align?: IAlign;
     headerSort?: boolean;
     sortAs?: SortFunction;
 }
+export interface IComboFilterConfig {
+    data?: DataCollection<any> | any[];
+    readonly?: boolean;
+    template?: (item: any) => string;
+    filter?: (item: any, input: string) => boolean;
+    placeholder?: string;
+    virtual?: boolean;
+    multiselection?: boolean;
+}
 export declare type SortFunction = (cellValue: any) => string | number;
 export interface IFooter {
     text?: string | number;
@@ -373,7 +387,7 @@ export interface ISystemEventHandlersMap {
 export interface ICellContent {
     element?: any;
     toHtml: (column: ICol, config: IRendererConfig) => any;
-    match?: (obj: any, value: any) => boolean;
+    match?: (obj: any, value: any, item?: any, multi?: boolean) => boolean;
     destroy?: () => void;
     calculate?: (col: any[], roots: any[]) => string | number;
     validate?: (colId: Id, data: any[]) => any[];

package/codebase/types/ts-layout/sources/Cell.d.ts

@@ -22,6 +22,7 @@ export declare class Cell extends View implements ICell {
     expand(): void;
     collapse(): void;
     toggle(): void;
+    protected _checkNextSize(cell?: ICell): any;
     getParent(): ILayout;
     destructor(): void;
     getWidget(): IViewLike;
@@ -31,9 +32,11 @@ export declare class Cell extends View implements ICell {
     toVDOM(nodes?: any[]): any;
     protected _getCss(_content?: boolean): string;
     protected _initHandlers(): void;
+    protected _getCollapsedSize(cell: ICell, nextCell: ICell): number;
     protected _getCollapseIcon(): "dxi dxi-chevron-right" | "dxi dxi-chevron-left" | "dxi dxi-chevron-up" | "dxi dxi-chevron-down";
     protected _isLastCell(): boolean;
     protected _getNextCell(): any;
+    protected _getAnyFlexCell(): any;
     protected _getResizerView(): any;
     protected _isXDirection(): any;
     protected _calculateStyle(): any;

package/codebase/types/ts-layout/sources/types.d.ts

@@ -33,6 +33,8 @@ export interface ICellConfig {
     full?: boolean;
     init?: (c: ICell, cfg: ICellConfig | IView) => void;
     $fixed?: boolean;
+    $autoWidth?: boolean;
+    $autoHeight?: boolean;
 }
 export interface ILayoutConfig extends ICellConfig {
     rows?: ICellConfig[] | ILayoutConfig[];

package/codebase/types/ts-list/sources/List.d.ts

@@ -20,6 +20,7 @@ export declare class List extends View implements IList {
     private _topOffset;
     private _visibleHeight;
     private _touch;
+    protected _changed: boolean;
     constructor(node: HTMLElement | string, config?: IListConfig);
     protected _didRedraw(vm: any): void;
     private _dblClick;

package/codebase/types/ts-list/sources/types.d.ts

@@ -19,6 +19,7 @@ export interface IListConfig extends IDragConfig {
     eventHandlers?: {
         [key: string]: any;
     };
+    htmlEnable?: boolean;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     editing?: boolean;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */

package/codebase/types/ts-message/sources/types.d.ts

@@ -5,6 +5,7 @@ export interface IBaseProps {
     css?: string;
     buttonsAlignment?: IAlign;
     blockerCss?: string;
+    htmlEnable?: boolean;
 }
 export interface IAlertProps extends IBaseProps {
     buttons?: [string];

package/codebase/types/ts-navbar/sources/types.d.ts

@@ -21,6 +21,7 @@ export interface INavbarConfig {
     css?: string;
     menuCss?: string;
     data?: any[] | TreeCollection<any>;
+    rootId?: string;
 }
 export interface INavbar {
     data: TreeCollection;

package/codebase/types/ts-ribbon/sources/Ribbon.d.ts

@@ -37,7 +37,7 @@ export declare class Ribbon extends Navbar<IRibbonElement> implements IRibbon {
     protected _draw(): any;
     protected _setRoot(id: Id): void;
     protected _drawBlock(block: IBlock, isFirst?: boolean): any;
-    protected _getBlockHeight(block: any): 36 | 72;
+    protected _getBlockHeight(block: any): 0 | 36 | 72;
     protected _heightCalculate(data?: TreeCollection<IRibbonElement>): void;
 }
 export {};

package/codebase/types/ts-tabbar/sources/types.d.ts

@@ -26,6 +26,7 @@ export interface ITabConfig extends ICellConfig {
     tabHeight?: number | string;
 }
 export declare enum TabbarEvents {
+    beforeChange = "beforeChange",
     change = "change",
     beforeClose = "beforeClose",
     afterClose = "afterClose",
@@ -55,6 +56,7 @@ export interface ITabbar {
 }
 export interface ITabbarEventHandlersMap {
     [key: string]: (...args: any[]) => any;
+    [TabbarEvents.beforeChange]: (id: string, prev: string) => boolean | void;
     [TabbarEvents.change]: (id: string, prev: string) => void;
     [TabbarEvents.beforeClose]: (id: string) => boolean | void;
     [TabbarEvents.afterClose]: (id: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhx-suite",
-  "version": "7.2.2",
+  "version": "7.3.0",
   "description": "dhtmlxSuite widget",
   "homepage":"https://docs.dhtmlx.com",
   "license":"GPL",

package/readme.txt

@@ -1,7 +1,7 @@
 /*
 @license
 
-dhtmlxSuite v.7.2.2 Standard
+dhtmlxSuite v.7.3.0 Standard
 This software is covered by GPL-2.0 License. Usage without proper license is prohibited.
 
 (c) XB Software.