dhx-suite 8.2.6 → 8.3.0

package/codebase/types/ts-colorpicker/sources/Colorpicker.d.ts

@@ -9,6 +9,7 @@ export declare class Colorpicker extends View implements IColorpicker {
     private _handlers;
     private _pickerState;
     private _inputTimeout;
+    private _activeRange;
     constructor(container: string | HTMLElement, config?: IColorpickerConfig);
     destructor(): void;
     clear(): void;

package/codebase/types/ts-colorpicker/sources/helpers/calculations.d.ts

@@ -4,5 +4,6 @@ export declare function calculatePaletteGrip(clientRect: ClientRect, top: number
 };
 export declare function calculateRangeGrip(clientRect: ClientRect, left: number): {
     h: number;
+    alpha: number;
     rangeLeft: number;
 };

package/codebase/types/ts-colorpicker/sources/helpers/color.d.ts

@@ -14,3 +14,5 @@ export declare function HexToRGB(hex: string): IRgb;
 export declare function RGBToHSV(rgb: IRgb): IHsv;
 export declare function HexToHSV(hex: string): IHsv;
 export declare function isHex(hex: string): boolean;
+export declare function alphaToHex(alpha: number): string;
+export declare function getAlpha(hex: string): number;

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

@@ -27,6 +27,7 @@ export interface IColorpickerConfig {
     mode?: ViewsMode;
     pickerOnly?: boolean;
     paletteOnly?: boolean;
+    transparency?: boolean;
 }
 export declare enum ColorpickerEvents {
     beforeChange = "beforeChange",
@@ -60,7 +61,9 @@ export interface IHSV {
 export interface IPickerState {
     hsv: IHSV;
     customHex: string;
+    alpha: number;
     background?: string;
-    rangeLeft?: number;
+    hueRangeLeft?: number;
+    alphaRangeLeft?: number;
 }
 export type ViewsMode = "palette" | "picker";

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

@@ -96,6 +96,6 @@ export declare class Combo extends Label implements ICombo {
     protected _validationStatus(): any;
     protected _getRootView(): any;
     protected _draw(): any;
-    private _exsistData;
+    private _existData;
     private _getItemText;
 }

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

@@ -1,9 +1,9 @@
-import { View } from "../../../ts-common/view";
-import { ItemEvent, IBaseLayoutItem, IBaseItem, IBaseState, IBaseHandlersMap } from "../types";
+import { Label } from "./helper/label";
+import { ItemEvent, IBaseLayoutItem, IBaseItem, IBaseState, IBaseHandlersMap, ILabel } from "../types";
 import { IEventSystem } from "../../../ts-common/events";
 import { Layout } from "../../../ts-layout";
 import { IFieldset } from "./fieldset";
-export type IContainerProps = IBaseLayoutItem;
+export type IContainerProps = IBaseLayoutItem & Omit<ILabel, "required">;
 export interface IContainerConfig extends IContainerProps, IBaseItem, IBaseState {
     type: "container";
 }
@@ -31,11 +31,12 @@ export interface IContainerHandlersMap extends IBaseHandlersMap {
     [ItemEvent.beforeChangeProperties]: (properties: IContainerProps) => boolean | void;
     [ItemEvent.afterChangeProperties]: (properties: IContainerProps) => void;
 }
-export declare class Container extends View implements IContainer {
+export declare class Container extends Label implements IContainer {
     parent: IFieldset;
     config: IContainerConfig;
     container: Layout;
     events: IEventSystem<ItemEvent, IContainerHandlersMap>;
+    private _props;
     constructor(container: any, config: IContainerConfig);
     attach(widget: any): void;
     attachHTML(html: string): void;
@@ -45,8 +46,8 @@ export declare class Container extends View implements IContainer {
     disable(): void;
     enable(): void;
     isDisabled(): boolean;
-    setProperties(propertyConfig: IBaseLayoutItem): void;
-    getProperties(): IBaseLayoutItem;
+    setProperties(propertyConfig: IContainerProps): void;
+    getProperties(): IContainerProps;
     protected _getRootView(): any;
     protected _draw(): any;
 }

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

@@ -74,7 +74,7 @@ export declare class Input extends Label implements IInput {
     events: IEventSystem<ItemEvent, IInputEventHandlersMap>;
     protected _propsItem: string[];
     protected _props: string[];
-    private _value;
+    protected _value: any;
     constructor(container: HTMLElement | string, config?: {});
     destructor(): void;
     setProperties(propertyConfig: IInputProps): void;

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

@@ -60,6 +60,7 @@ export declare class Textarea extends Input implements ITextArea {
     protected _propsItem: string[];
     protected _props: string[];
     getValue(): string;
+    isFocused(): boolean;
     focus(): void;
     blur(): void;
     setProperties(propertyConfig: ITextAreaProps & IInputProps): void;

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

@@ -4,7 +4,7 @@ import { Id, ITouchParam } from "../../ts-common/types";
 import { View } from "../../ts-common/view";
 import { DataEvents, DragEvents, IDataCollection, IDataEventsHandlersMap, IDataItem, IDragEventsHandlersMap } from "../../ts-data";
 import { Exporter } from "./Exporter";
-import { Dirs, EditorType, GridEvents, IAdjustBy, ICellRect, ICol, IContentList, ICoords, IEventHandlersMap, IGrid, IGridConfig, IRow, IScrollState, ISelection, ISpan, GridSystemEvents, ISystemEventHandlersMap, IColumnsWidth, ISortingState, SortFunction, IHeaderFilter, IAdjustColumns } from "./types";
+import { Dirs, EditorType, GridEvents, IAdjustBy, ICellRect, ICol, IContentList, ICoords, IEventHandlersMap, IGrid, IGridConfig, IRow, IScrollState, ISelection, ISpan, GridSystemEvents, ISystemEventHandlersMap, IColumnsWidth, ISortingState, SortFunction, IHeaderFilter, IAdjustColumns, IFooter, IHeader } from "./types";
 export declare class Grid extends View implements IGrid {
     version: string;
     data: IDataCollection;
@@ -55,6 +55,8 @@ export declare class Grid extends View implements IGrid {
     paint(): void;
     protected _createView(): any;
     protected _parseColumns(configChanged?: boolean): void;
+    protected normalizeColumns(config: IGridConfig, configChanged?: boolean): void;
+    protected getNormalizeContentHeight(row: IFooter | IHeader, col: ICol, config: IGridConfig): number;
     protected _parseData(): void;
     protected _createCollection(prep: (data: any[]) => any[]): void;
     protected _getRowIndex(rowId: Id): number;
@@ -75,6 +77,7 @@ export declare class Grid extends View implements IGrid {
     protected _initHooks(): {
         didMount: () => void;
     };
+    protected _normalizeDataType(): void;
     private _canDataParse;
     private _init;
     private _attachDataCollection;

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

@@ -1,5 +1,5 @@
 import { Grid } from "./Grid";
-import { IGridConfig, IProGrid } from "./types";
+import { IGridConfig, ICol, IProGrid, IFooter, IHeader } from "./types";
 import { IDataCollection, IDataItem } from "../../ts-data";
 import { ScrollView } from "../../ts-common/ScrollView";
 export declare class ProGrid extends Grid implements IProGrid {
@@ -7,6 +7,7 @@ export declare class ProGrid extends Grid implements IProGrid {
     constructor(container: HTMLElement | string, config?: IGridConfig);
     protected _createView(): any;
     protected _setEventHandlers(): void;
+    protected getNormalizeContentHeight(row: IFooter | IHeader, col: ICol, config: IGridConfig): number;
     protected _prepareData(data: IDataItem[] | IDataCollection): any;
     protected _prepareDataFromTo(data: IDataCollection, from: number, to: number): IDataItem[];
     protected _dragStart(event: any): void;

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

@@ -1,6 +1,13 @@
 import { IContainerConfig } from "../../../ts-common/core";
 import { ICol, IColumnsWidth, IGridConfig, IRow, colType, AdjustTargetType, TOption } from "./../types";
-export declare function normalizeColumns({ columns, htmlEnable }: IGridConfig, configChanged?: boolean): void;
+export declare function normalizeArray(obj: any, name: string): void;
+export declare function measureTextHeight({ text, width, lineHeight, font, htmlEnable, }: {
+    text?: string;
+    width?: number;
+    lineHeight?: number;
+    font?: string;
+    htmlEnable?: boolean;
+}): number;
 export declare function countColumns(config: IGridConfig, columns: ICol[]): number;
 export declare function calculatePositions(width: number, height: number, scroll: any, conf: IGridConfig, data: IRow[]): {
     xStart: number;
@@ -12,9 +19,10 @@ export declare function getUnique(arr: any[], name: string, multiselection: bool
 export declare const getMaxRowHeight: (row: IRow, cols: ICol[], config?: IContainerConfig) => number;
 export declare const getCalculatedRowHeight: (height: number, config?: {
     rowHeight: number;
-    padding: number;
+    padding?: number;
 }) => number;
 export declare const getTreeCellWidthOffset: (row: IRow) => number;
 export declare const getMaxColsWidth: (rows: IRow[], cols: ICol[], config?: IContainerConfig, target?: AdjustTargetType) => IColumnsWidth;
 export declare function toFormat(value: any, type?: colType, format?: string): any;
 export declare function getEditorOptions(col: ICol, row?: IRow): TOption[];
+export declare function getValueForNumberColumn(col: ICol, value: any): any;

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

@@ -1,4 +1,4 @@
-import { ICellCss, ICol, IGridConfig, IRow, ISpan } from "../types";
+import { ICellCss, ICol, IFooter, IGridConfig, IHeader, IRow, ISpan } from "../types";
 export declare function transpose(arr: any[][], transform?: any): any[][];
 export declare function getStyleByClass(cssClass: string, container: HTMLElement, targetClass: string, def?: ICellCss): ICellCss;
 export declare function removeHTMLTags(str: string): string;
@@ -13,7 +13,7 @@ export declare function showTooltip({ node, value, htmlEnable }: {
 }): void;
 export declare function isContentTooltip(config: IGridConfig, col: ICol, cell: any, type: "footer" | "header"): boolean;
 export declare function isTooltip(config: IGridConfig, element: ICol | ISpan): boolean;
-export declare function isHtmlEnable(config: IGridConfig, col: ICol): boolean;
+export declare function isHtmlEnable(config: IGridConfig, col: ICol, content?: IHeader | IFooter): boolean;
 export declare function getTotalWidth(columns: ICol[]): number;
 export declare function getTotalHeight(rows: IRow[]): number;
 export declare function scrollFixedColsAndRows(e: WheelEvent): void;

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

@@ -34,12 +34,14 @@ export interface IGridConfig extends IDragConfig {
     tooltip?: boolean;
     headerTooltip?: boolean;
     footerTooltip?: boolean;
+    rowHeight?: number;
     headerRowHeight?: number;
     footerRowHeight?: number;
-    rowHeight?: number;
-    adjust?: IAdjustBy;
     autoWidth?: boolean;
     autoHeight?: boolean;
+    headerAutoHeight?: boolean;
+    footerAutoHeight?: boolean;
+    adjust?: IAdjustBy;
     eventHandlers?: {
         [eventName: string]: {
             [className: string]: (event: Event, item: ICellObj) => void;
@@ -49,8 +51,10 @@ export interface IGridConfig extends IDragConfig {
     rootParent?: Id;
     $width?: number;
     $height?: number;
-    $headerLevel?: number;
-    $footerLevel?: number;
+    $headerHeight?: number;
+    $footerHeight?: number;
+    $headerHeightMap?: number[];
+    $footerHeightMap?: number[];
     $totalWidth?: number;
     $totalHeight?: number;
     $positions?: IPositions;
@@ -106,7 +110,6 @@ interface IFixedRows {
 export interface IRendererConfig extends IGridConfig {
     scroll?: IScrollState;
     datacollection: any;
-    columns?: ICol[];
     filteredColumns?: ICol[];
     currentColumns?: ICol[];
     currentRows?: IRow[];
@@ -120,7 +123,6 @@ export interface IRendererConfig extends IGridConfig {
     sortBy?: Id;
     sortDir?: string;
     filterLocation?: string;
-    htmlEnable?: boolean;
     content?: IContentList;
     gridId?: string;
     $renderFrom?: "leftFixedCols" | "rightFixedCols" | "topFixedRows" | "bottomFixedRows" | "render" | "both";
@@ -185,6 +187,10 @@ export interface IComboEditorConfig {
         value: string;
     }) => string;
 }
+export interface IInputEditorConfig {
+    min?: number;
+    max?: number;
+}
 export interface IBaseHandlersMap {
     [key: string]: (...args: any[]) => any;
 }
@@ -224,7 +230,7 @@ export interface ICol {
     type?: colType;
     format?: string;
     editorType?: EditorType;
-    editorConfig?: IComboEditorConfig | ICalendarConfig;
+    editorConfig?: IComboEditorConfig | ICalendarConfig | IInputEditorConfig;
     editable?: boolean;
     resizable?: boolean;
     sortable?: boolean;
@@ -246,7 +252,6 @@ export interface ICol {
     $activeFilterData?: any[];
     $width?: number;
     $fixed?: boolean;
-    $htmlEnable?: boolean;
     $customOptions?: any;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     dateFormat?: string;
@@ -269,6 +274,7 @@ export interface IContent {
     css?: string;
     align?: IAlign;
     tooltip?: boolean;
+    htmlEnable?: boolean;
 }
 export interface IHeader extends IContent {
     content?: fixedRowContent | footerMethods;

package/codebase/types/ts-grid/sources/ui/editors/InputEditor.d.ts

@@ -9,8 +9,12 @@ export declare class InputEditor implements IEditor {
     };
     protected _config: IRendererConfig;
     protected _input: HTMLInputElement;
+    private prevValue;
+    private type;
     constructor(row: IRow, col: ICol, config: IRendererConfig);
     endEdit(withoutSave?: boolean): void;
-    toHTML(text?: string): any;
+    toHTML(value?: string): any;
     protected _initHandlers(): void;
+    private isValidWord;
+    private isCorrectRange;
 }

package/codebase/types/ts-grid/sources/ui/editors/TextAreaEditor.d.ts

@@ -9,12 +9,13 @@ export declare class TextAreaEditor implements IEditor {
     };
     protected _config: IRendererConfig;
     protected _editor: HTMLTextAreaElement;
+    private type;
     private _minHeight;
     private _prevHeight;
     private _width;
     constructor(row: IRow, col: ICol, config: IRendererConfig);
     endEdit(withoutSave?: boolean): void;
-    toHTML(): any;
+    toHTML(value?: string): any;
     protected _initHandlers(): void;
     private _getCurrentHeight;
     private _getElementHeight;

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

@@ -10,7 +10,6 @@ export declare function getElementSizes(element: HTMLElement | any): {
     width: number;
     height: number;
 };
-export declare function getEvents(config: IRendererConfig, mode?: Split): {};
 export declare function applyAutoWidth(config: IGridConfig, wrapperSizes: any, firstApply?: boolean, resizer?: boolean, scrollViewConfig?: boolean): void;
 export declare function render(vm: any, obj: IGrid, htmlEvents: any, selection: any, uid: string): any;
 export declare function proRender(vm: any, obj: IProGrid, htmlEvents: any, selection: any, uid: string): any;

package/codebase/types/ts-grid/tests/stubs.d.ts

@@ -78,7 +78,6 @@ export declare const config: {
         width: number;
         id: number;
     }[];
-    headerLevel: number;
     headerRowHeight: number;
     span: any;
 };

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

@@ -191,7 +191,9 @@ export declare enum NavigationBarEvents {
     afterHide = "afterHide",
     inputFocus = "inputFocus",
     inputBlur = "inputBlur",
-    inputChange = "inputChange"
+    inputChange = "inputChange",
+    input = "input",
+    keydown = "keydown"
 }
 export interface INavbarEventHandlersMap {
     [key: string]: (...args: any[]) => any;
@@ -203,4 +205,6 @@ export interface INavbarEventHandlersMap {
     [NavigationBarEvents.inputBlur]: (id: Id) => void;
     [NavigationBarEvents.inputFocus]: (id: Id) => void;
     [NavigationBarEvents.inputChange]: (id: Id, newValue: string) => void;
+    [NavigationBarEvents.input]: (id: Id, value: string) => void;
+    [NavigationBarEvents.keydown]: (event: KeyboardEvent, id?: Id) => void;
 }

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

@@ -1,4 +1,4 @@
-import { Navbar, IState, IBlock, INavbar, IButton, IInput, IImageButton, ISeparator, ISpacer, ITitle, ICustomHTML, ISelectButton, INavItem } from "../../ts-navbar";
+import { Navbar, IState, IBlock, INavbar, IButton, IInput, IImageButton, ISeparator, ISpacer, ITitle, ICustomHTML, ISelectButton, INavItem, IDatePicker } from "../../ts-navbar";
 import { Id, IHandlers } from "../../ts-common/types";
 import { TreeCollection } from "../../ts-data";
 export interface IToolbarConfig {
@@ -23,7 +23,7 @@ interface IRibbonSelectButton extends ISelectButton {
 interface IRibbonNavItem extends INavItem {
     size?: "small" | "medium" | "auto";
 }
-export type IRibbonElement = IRibbonButton | IInput | IRibbonImageButton | ISeparator | ISpacer | ITitle | IRibbonSelectButton | ICustomHTML | IBlock | IRibbonNavItem;
+export type IRibbonElement = IRibbonButton | IInput | IRibbonImageButton | ISeparator | ISpacer | ITitle | IRibbonSelectButton | ICustomHTML | IBlock | IRibbonNavItem | IDatePicker;
 export declare class Ribbon extends Navbar<IRibbonElement> implements IRibbon {
     protected _listeners: IHandlers;
     protected _widgetHeight: number[];

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

@@ -1,3 +1,4 @@
 import "../../styles/ribbon.scss";
+import "../../styles/calendar.scss";
 export { TreeCollection } from "../../ts-data";
 export { Ribbon } from "./Ribbon";

package/codebase/types/ts-treegrid/tests/stubs.d.ts

@@ -78,7 +78,6 @@ export declare const config: {
         width: number;
         id: number;
     }[];
-    headerLevel: number;
     headerRowHeight: number;
     span: any;
 };

package/package.json

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

package/readme.txt

@@ -1,7 +1,7 @@
 /*
 @license
 
-dhtmlxSuite v.8.2.6 Standard
+dhtmlxSuite v.8.3.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,59 @@
+# Version 8.3 (October 23, 2023)
+
+### New functionality
+
+#### ColorPicker
+
+- The ability to adjust the color transparency
+
+#### Form. Container
+
+- The control's configuration object is extended with a set of properties that allow adding and controlling the **label**
+
+#### Grid/TreeGrid
+
+- The ability to set the autoheight mode for the column's header/footer (PRO version)
+- The ability to enable HTML content in the columns' header/footer independent of the settings applied for the column or the whole component
+
+#### Menu
+
+- New `keydown` event
+
+#### Ribbon
+
+- New events: `input`, `inputChange`, `keydown`, and the Datepicker control
+
+#### Sidebar
+
+- New `keydown` event
+
+#### Toolbar
+
+- New events: `input` and `keydown`
+
+### Updates
+
+#### Grid/TreeGrid
+
+- The functionality of the eventHandlers configuration property is extended for the columns' header/footer
+- The columns with the "number" type allow only numeric values in the cells
+
+### Fixes
+
+- Form. Fix the absence of the bottom margin at the Container control
+- Grid/TreeGrid. Fix the work of the bottomSplit property when there was too little data for the proper content height
+- TreeGrid. Fix the work of the adjust property with the "footer" value
+
+# Version 8.2.7 (October 19, 2023)
+
+### Fixes
+
+- Combobox. Fix the absence of the placeholder if Combobox has a template
+- Form. Combo control. Fix the incorrect position of preMessage after the call of setProperties()
+- Form. Input/Textarea controls. Fix disappearance of the entered value on entering the full screen mode
+- Form. Toggle control. Fix the break of the Toggle button styles in case of simultaneous usage of the Suite and Vault sources on a page
+- Grid/TreeGrid. Fix incorrect autoWidth calculation in case of a big number of columns
+
 # Version 8.2.6 (October 12, 2023)
 
 ### Fixes

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

@@ -1,2 +0,0 @@
-import { IRendererConfig, ICol, IEditor } from "../../types";
-export declare function getEditor(row: any, col: ICol, conf: IRendererConfig): IEditor;