dhx-suite 7.3.13 → 8.0.0

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

@@ -5,6 +5,7 @@ export declare class Layout extends Cell implements ILayout {
     protected _all: any;
     protected _cells: ICell[];
     protected _root: ILayout;
+    protected _progress: boolean;
     private _xLayout;
     private _isViewLayout;
     constructor(parent: any, config: ILayoutConfig);
@@ -18,6 +19,8 @@ export declare class Layout extends Cell implements ILayout {
     forEach(callback: LayoutCallback, parent?: string, level?: number): void;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     cell(id: string): any;
+    progressShow(): void;
+    progressHide(): void;
     protected _getCss(content?: boolean): string;
     private _parseConfig;
     protected _createCell(cell: ILayoutConfig): ICell;

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

@@ -31,6 +31,7 @@ export interface ICellConfig {
     tab?: string;
     tabCss?: string;
     full?: boolean;
+    progressDefault?: boolean;
     init?: (c: ICell, cfg: ICellConfig | IView) => void;
     $fixed?: boolean;
     $autoWidth?: boolean;
@@ -65,6 +66,10 @@ export interface ICell extends IView {
     collapse(): void;
     expand(): void;
     toggle(): void;
+    detach(): void;
+    progressShow(): void;
+    progressHide(): void;
+    isVisibleProgress(): boolean;
 }
 export interface IProCell extends ICell {
     scrollView: ScrollView;

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

@@ -1,2 +1,4 @@
 import { IMessageProps } from "./types";
-export declare function message(props: string | IMessageProps): void;
+export declare function message(props: string | IMessageProps): {
+    close: () => void;
+};

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

@@ -1,6 +1,8 @@
 import { Id } from "../../ts-common/types";
 import { IEventSystem } from "../../ts-common/events";
 import { DataEvents, IDataEventsHandlersMap, IDataItem, TreeCollection } from "../../ts-data";
+import { Calendar, ViewMode } from "../../ts-calendar";
+import { Popup } from "../../ts-popup";
 export { DataEvents } from "../../ts-data";
 export interface IHtmlExtendable {
     html?: string;
@@ -22,6 +24,7 @@ export interface INavbarConfig {
     menuCss?: string;
     data?: any[] | TreeCollection<any>;
     rootId?: string;
+    $name?: string;
 }
 export interface INavbar {
     data: TreeCollection;
@@ -164,8 +167,21 @@ export interface IDatePicker extends IItem {
     width?: string;
     label?: string;
     hiddenLabel?: boolean;
+    editable?: boolean;
     value?: string | Date;
     dateFormat?: string;
+    valueFormat?: "string" | "date";
+    date?: Date | string;
+    mark?: (a: Date) => string;
+    disabledDates?: (a: Date) => boolean;
+    weekStart?: "saturday" | "sunday" | "monday";
+    weekNumbers?: boolean;
+    mode?: ViewMode;
+    timePicker?: boolean;
+    timeFormat?: 24 | 12;
+    thisMonthOnly?: boolean;
+    $calendar?: Calendar;
+    $popup?: Popup;
 }
 export declare enum NavigationBarEvents {
     inputCreated = "inputCreated",

package/codebase/types/ts-popup/sources/Popup.d.ts

@@ -22,6 +22,7 @@ export declare class Popup extends View implements IPopup {
     getContainer(): HTMLElement;
     toVDOM(): any;
     destructor(): void;
+    private _setTheme;
     private _setPopupSize;
     private _detectOuterClick;
     private _hide;

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

@@ -16,6 +16,7 @@ export interface IPopup {
 export interface IPopupConfig {
     css?: string;
     events?: IEventSystem<any>;
+    theme?: HTMLElement | string;
 }
 export declare enum PopupEvents {
     beforeHide = "beforeHide",
@@ -29,6 +30,7 @@ export interface IShowConfig {
     auto?: boolean;
     mode?: Position;
     indent?: number | string;
+    theme?: string | HTMLElement;
 }
 export interface IPopupEventHandlersMap {
     [key: string]: (...args: any[]) => any;

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

@@ -13,6 +13,7 @@ export interface ISlider {
     blur(): void;
 }
 export declare enum SliderEvents {
+    beforeChange = "beforeChange",
     change = "change",
     focus = "focus",
     blur = "blur",
@@ -22,6 +23,7 @@ export declare enum SliderEvents {
 }
 export interface ISliderEventHandlersMap {
     [key: string]: (...args: any[]) => any;
+    [SliderEvents.beforeChange]: (value: number, oldValue: number, isRange: boolean) => void;
     [SliderEvents.change]: (value: number, oldValue: number, isRange: boolean) => void;
     [SliderEvents.focus]: () => void;
     [SliderEvents.blur]: () => void;

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

@@ -9,6 +9,7 @@ export declare class Tabbar extends Layout implements ITabbar {
     private _beforeScrollSize;
     private _afterScrollSize;
     private _keyManager;
+    private _tabFontSize;
     constructor(container: any, config: ITabbarConfig);
     toVDOM(): any;
     destructor(): void;

package/codebase/types/ts-timepicker/sources/Timepicker.d.ts

@@ -13,14 +13,16 @@ export declare class Timepicker extends View implements ITimepicker {
     private _handlers;
     private _outerHandlers;
     constructor(container: HTMLElement | string, config?: ITimepickerConfig);
-    getValue<T extends boolean = false>(asOBject?: T): T extends true ? ITimeObject : string;
+    getValue<T extends boolean = false>(asObject?: T): T extends true ? ITimeObject : string;
     setValue(value: Date | number | string | any[] | ITimeObject): void;
     clear(): void;
     destructor(): void;
     getRootView(): any;
+    private _getValue;
     private _setValue;
     private _initUI;
     private _initHandlers;
     private _initEvents;
     private _draw;
+    private _isTimeObj;
 }

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

@@ -25,6 +25,7 @@ export interface ITimeObject {
     AM?: boolean;
 }
 export declare enum TimepickerEvents {
+    beforeChange = "beforeChange",
     change = "change",
     beforeApply = "beforeApply",
     afterApply = "afterApply",
@@ -39,6 +40,7 @@ export declare enum TimepickerEvents {
 }
 export interface ITimepickerHandlersMap {
     [key: string]: (...args: any[]) => any;
+    [TimepickerEvents.beforeChange]: (value: string | ITimeObject) => boolean | void;
     [TimepickerEvents.change]: (value: string | ITimeObject) => void;
     [TimepickerEvents.beforeApply]: (value: string | ITimeObject) => boolean | void;
     [TimepickerEvents.afterApply]: (value: string | ITimeObject) => void;

package/codebase/types/ts-toolbar/sources/Toolbar.d.ts

@@ -19,6 +19,7 @@ export declare class Toolbar extends Navbar<IToolbarElement> implements IToolbar
     constructor(element?: string | HTMLElement, config?: any);
     getState(id?: Id): IState;
     setState(state: IState): void;
+    setFocus(id: Id): void;
     protected _customHandlers(): {
         input: (e: Event) => void;
         tooltip: (e: MouseEvent) => void;

package/package.json

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

package/readme.txt

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

package/whatsnew.txt

@@ -1,3 +1,163 @@
+# Version 8.0.0 (February 24, 2023)
+
+### New functionality
+
+#### Styling
+
+- New "light", "contrast-light", "dark" and "contrast-dark" color themes
+- The ability to change base themes or configure your own color theme
+- New Theme configurator
+
+#### Chart
+
+- New Calendar heatmap chart (Pro version)
+- The ability to export the Chart data to PDF and PNG
+
+#### Colorpicker
+
+- New "beforeChange" event
+
+#### Combobox
+
+- New "beforeChange" event
+
+#### Slider
+
+- New "beforeChange" event
+
+#### Timepicker
+
+- New "beforeChange" event
+
+#### Form
+
+- New "beforeChange" event
+
+#### Form controls
+  - Datepicker "beforeChange" event
+  - Checkbox "beforeChange" event
+  - CheckboxGroup "beforeChange" event
+  - Colorpicker "beforeChange" event
+  - Combo "beforeChange" event
+  - Input "beforeChange" event
+  - Radiogroup "beforeChange" event
+  - Slider "beforeChange" event
+  - Textarea "beforeChange" event
+  - Timepicker "beforeChange" event
+  - Select "beforeChange" and "beforeChangeOptions" events
+
+#### Grid
+
+- Now the user can clear date values in the cell
+- The ability to configure drag-n-drop of multiple rows
+- The ability to control the process of data filtering (new "beforeFilter" event)
+- The ability to configure the "datePicker" editor of a cell by passing most of properties of DHTMLX Calendar to the "columns.editorConfig" property
+- The ability to fix bottom rows and right columns using the corresponding "bottomSplit" and "rightSplit" properties
+
+#### Layout
+
+- The ability to show a progress bar for empty cells by default (new "progressDefault" property of a Layout cell)
+- The ability to hide/show a progress bar via API calls:
+    - new methods of Layout: "progressShow()" and "progressHide()"
+    - new method of a Layout cell: "progressShow()" and "progressHide()"
+- The ability to detach a component or HTML content from a cell (new "detach()" method of a Layout cell)
+
+#### Message
+
+- The ability to close a message box (new "close()" method)
+- The ability to set margin between the node and tooltip (new "margin" property of the tooltip)
+
+#### Toolbar
+
+- DatePicker control. The ability to let the user enter the date via the input (new "editable" property)
+- DatePicker control. New properties: "valueFormat", "disabledDates", "mark", "mode", "thisMonthOnly", "timeFormat", "timePicker", "weekNumbers" and "weekStart"
+- The ability to set focus on an Input (new "setFocus()" method)
+
+#### TreeCollection
+
+- New "beforeItemLoad" and "afterItemLoad" events
+
+#### TreeGrid
+
+- Now the user can clear date values in the cell
+- The ability to control the process of data filtering (new "beforeFilter" event)
+- The ability to configure the datePicker editor of a cell by passing most of properties of DHTMLX Calendar to the "columns.editorConfig" property
+- The ability to fix bottom rows and right columns using the corresponding "bottomSplit" and "rightSplit" properties 
+
+### Updates
+
+#### Combobox
+
+- The "addOption()" method is updated (new "join" parameter)
+
+#### Form
+
+- New "id" parameter is added for Form events: "afterHide", "afterShow", "beforeHide" and "beforeShow"
+
+#### Form. CheckboxGroup control
+
+- Now it is possible to hide/show not only of the whole control but also of its separate checkboxes:
+    - new "id" parameter is added for CheckboxGroup methods: "hide()" and "show()"
+    - new "id" parameter is added for CheckboxGroup events: "afterHide", "afterShow", "beforeHide" and "beforeShow"
+
+- Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate checkboxes:
+    - new "id" parameter is added for CheckboxGroup methods: "enable()", "disable()", "isVisible()" and "isDisabled()"
+
+#### Form. RadioGroup control
+
+- Now it is possible to hide/show not only of the whole control but also of its separate radio buttons:
+    - new "id" parameter is added for RadioGroup methods: "hide()" and "show()"
+    - new "id" parameter is added for RadioGroup events: "afterHide", "afterShow", "beforeHide" and "beforeShow"
+
+- Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate radio buttons:
+    - new "id" parameter is added for RadioGroup methods: "enable()", "disable()", "isVisible()" and "isDisabled()"
+
+#### Form. Select control
+
+- Now it is possible to enable/disable and check visibility not only of the whole control but also of its separate radio buttons:
+    - new "value" parameter is added for Select methods: "enable()", "disable()" and "isDisabled()"
+
+#### Form. Container control
+
+-  The "value" parameter is removed from Container events: "afterhide", "aftershow", "beforehide" and "beforeshow"
+
+#### Form. Spacer control
+
+-  The "value" parameter is removed from Spacer events: "afterhide", "aftershow", "beforehide" and "beforeshow"
+
+#### Grid/TreeGrid
+
+- The "getHeaderFilter()" method is updated. Now the method returns an object with a set of methods: "blur()", "clear()", "focus()", "getFilter()" and "setValue()"
+- Now the sorting icon will also appear after sorting data via the "data.sort()" method
+
+#### Message
+
+- The "position" property of the tooltip is extended by the "left" and "top" values
+
+### Fixes
+
+- Grid. Fix the issue related to the "complex" selection that works incorrectly with the multiselection (shift selection)
+- Grid/TreeGrid. Fix the issue related to the Drag'n'drop and highlighting the dropping area
+- Grid/TreeGrid. Fix the issue related to incorrect display rows that available for dropping 
+- Tree. Fix the issue related to templated item that cannot be edited
+
+# Version 7.3.14 (January 17, 2023)
+
+### Fixes
+
+- Grid. Fix the issue which caused "inputFilter"/"selectFilter" to stop working in some browsers
+- Grid. Fix the issue with automatic adjustment of the column's width for header or footer consisting of several rows
+- Grid. Fix the issue with calculation of the height for frozen columns in Grid with horizontal and vertical scrollbars
+- Grid. Fix work of drag-n-drop for columns
+- Grid. Fix work of the "headerSort:false" property specified for the header consisting of the spanned rows
+- Grid. Now it is possible to select several cells/rows when using "multiselection" together with "selection:"complex""
+- Grid. Now the "eventHandlers" property works for frozen columns
+- TreeGrid. Fix the display of selection for spanned cells
+- TreeGrid. Fix the issue with display of total values in the footer of the exported .csv / .xlsx file
+- TreeGrid. Fix the issue with editing of spanned cells
+- TreeGrid. Now it is possible to collapse/expand the content of the first cell of the first column even if it is included into the colspan
+- Fix issues with AJAX helper
+
 # Version 7.3.13 (December 14, 2022)
 
 ### Fixes

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

@@ -1,6 +0,0 @@
-import { Combo } from "./combo";
-import { IComboConfig } from "../types";
-export declare class ProCombo extends Combo {
-    constructor(container: any, config: IComboConfig);
-    protected _initView(config: IComboConfig): void;
-}