@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

package/dist/types/components/kup-data-table/kup-data-table.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Column, GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, Row, RowAction, ShowGrid, SortObject, TableData, TotalsMap, SelectionMode, KupDatatableAutoRowSelectEventPayload, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload } from './kup-data-table-declarations';
+import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableAutoRowSelectEventPayload, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow } from './kup-data-table-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupDataTableState } from './kup-data-table-state';
 import { KupStore } from '../kup-state/kup-store';
 import { GenericFilter, ValueDisplayedValue } from '../../utils/filters/filters-declarations';
 import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
+import { KupDataColumn, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupDataTable {
   stateId: string;
   store: KupStore;
@@ -24,7 +25,7 @@ export declare class KupDataTable {
   /**
    * The data of the table.
    */
-  data: TableData;
+  data: KupDataTableDataset;
   /**
    * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
    */
@@ -46,10 +47,20 @@ export declare class KupDataTable {
    * Defines the label to show when the table is empty.
    */
   emptyDataLabel: string;
+  /**
+   * Enables the choice to set formulas on columns by dragging them into different columns.
+   * @default true
+   */
+  enableColumnsFormula: boolean;
   /**
    * Enables the extracolumns add buttons.
    */
   enableExtraColumns: boolean;
+  /**
+   * Enables the merging of columns by dragging them into different columns.
+   * @default true
+   */
+  enableMergeColumns: boolean;
   /**
    * Enables the sorting of columns by dragging them into different columns.
    */
@@ -154,7 +165,7 @@ export declare class KupDataTable {
   /**
    * Sets the actions of the rows.
    */
-  rowActions: Array<RowAction>;
+  rowActions: Array<KupDataRowAction>;
   /**
    * Sets the number of rows per page to display.
    */
@@ -262,11 +273,6 @@ export declare class KupDataTable {
   private openedTotalMenu;
   private openedCustomSettings;
   private fontsize;
-  /**
-   * This is a flag to be used for the draggable columns to force rerender
-   * by changing the internal state.
-   */
-  private triggerColumnSortRerender;
   rowsPerPageHandler(newValue: number): void;
   expandGroupsHandler(): void;
   filtersChanged(): void;
@@ -330,6 +336,7 @@ export declare class KupDataTable {
   private groupsDropareaRef;
   private clickCb;
   private clickCbCustomPanel;
+  private clickCbDropCard;
   /**
    * Used to prevent too many resizes callbacks at once.
    */
@@ -337,14 +344,10 @@ export declare class KupDataTable {
   private columnMenuInstance;
   private filtersColumnMenuInstance;
   private filtersRowsInstance;
-  /**
-   * Reference to the row detail card.
-   */
   private detailCard;
-  /**
-   * Reference to the column menu card.
-   */
   private columnMenuCard;
+  private columnDropCard;
+  private columnDropCardAnchor;
   /**
    * When component unload is complete
    */
@@ -386,6 +389,14 @@ export declare class KupDataTable {
    */
   kupRowActionClick: EventEmitter<KupDatatableRowActionClickEventPayload>;
   kupLoadMoreClick: EventEmitter<KupDatatableLoadMoreClickEventPayload>;
+  /**
+   * Event fired when columns are moved (sorted).
+   */
+  kupColumnMove: EventEmitter<KupDatatableColumnMoveEventPayload>;
+  /**
+   * Event fired when columns are removed (set to hidden).
+   */
+  kupColumnRemove: EventEmitter<KupDatatableColumnRemoveEventPayload>;
   /**
    * Closes any opened column menu.
    */
@@ -404,6 +415,18 @@ export declare class KupDataTable {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * Hides the given column.
+   * @param {KupDataColumn} column - Column to hide.
+   */
+  hideColumn(column: KupDataColumn): Promise<void>;
+  /**
+   * Invokes the KupData API for column creation, then refreshes the component in case no errors were catched.
+   * @param {KupDataNewColumnTypes} type - Type of the column creation.
+   * @param {KupDataNewColumnOptions} options - Options of the creation.
+   * @returns {string|KupDataColumn} Returns the new column created or a string containing the error message if something went wrong.
+   */
+  newColumn(type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): Promise<string | KupDataColumn>;
   /**
    * Opens the column menu of the given column.
    * @param {string} column - Name of the column.
@@ -434,12 +457,13 @@ export declare class KupDataTable {
    * @param {boolean} emitEvent - The event will always be emitted unless emitEvent is set to false.
    */
   setSelectedRows(rowsById: string, emitEvent?: boolean): Promise<void>;
+  private closeDropCard;
+  private createDropCard;
   private calculateData;
   private setTransposedData;
   private switchToTotalsMatrix;
   private setObjForTotalsMatrix;
   private getTransposedData;
-  private getColumnFromCell;
   private stickyHeaderPosition;
   private updateStickyHeaderSize;
   private setObserver;
@@ -462,11 +486,11 @@ export declare class KupDataTable {
   private getEventPath;
   private resetSelectedRows;
   resetCurrentPage(): void;
-  getColumns(): Array<Column>;
+  getColumns(): Array<KupDataColumn>;
   private getSizedColumns;
   /**
    * Opens a card containing the detail of the given row.
-   * @param {Row} row - Row for which the detail was requested.
+   * @param {KupDataTableRow} row - Row for which the detail was requested.
    * @param {number} x - Initial x coordinates of the card.
    * @param {number} y - Initial y coordinates of the card.
    * @private
@@ -477,10 +501,10 @@ export declare class KupDataTable {
   private clickHandler;
   private contextMenuHandler;
   private dblClickHandler;
-  getVisibleColumns(): Array<Column>;
+  getVisibleColumns(): Array<KupDataColumn>;
   getGroupByName(column: string): GroupObject;
-  getColumnValues(column: Column): ValueDisplayedValue[];
-  getRows(): Array<Row>;
+  getColumnValues(column: KupDataColumn): ValueDisplayedValue[];
+  getRows(): Array<KupDataTableRow>;
   private initRows;
   private filterRows;
   private isGrouping;
@@ -502,8 +526,8 @@ export declare class KupDataTable {
   private onRemoveFilter;
   private getFilterValueForTooltip;
   private onGlobalFilterChange;
-  private handlePageChanged;
-  private handleRowsPerPageChanged;
+  private handlePageChange;
+  private handleRowsPerPageChange;
   private onRowClick;
   private selectColumn;
   private deselectColumn;
@@ -520,7 +544,7 @@ export declare class KupDataTable {
   getInternalState(): Promise<{
     groups: GroupObject[];
     filters: GenericFilter;
-    data: TableData;
+    data: KupDataTableDataset;
   }>;
   private onLoadMoreClick;
   private adjustGroupState;
@@ -538,7 +562,7 @@ export declare class KupDataTable {
    * @param sortedColumnIndex - The index where the column will be removed
    */
   private moveSortedColumns;
-  defaultSortingFunction(columns: Column[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean): Promise<Column[]>;
+  defaultSortingFunction(columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean): Promise<KupDataColumn[]>;
   private applyLineBreaks;
   /**
    * Given the parameters return the classes and style for each table header cell
@@ -550,14 +574,13 @@ export declare class KupDataTable {
   private renderHeader;
   private renderStickyHeader;
   renderTooltip(): any;
-  areTotalsSelected(column: Column): boolean;
+  areTotalsSelected(column: KupDataColumn): boolean;
   onTotalsChange(event: any, column: any): void;
   private totalMenuPosition;
   private onTotalMenuOpen;
   renderFooter(): any;
   private renderRow;
   private renderActions;
-  private renderLoadMoreButton;
   private onCustomSettingsClick;
   private openCustomSettings;
   private closeCustomSettings;
@@ -566,7 +589,6 @@ export declare class KupDataTable {
   private columnRemoveArea;
   private columnGroupArea;
   private hideShowColumnDropArea;
-  private handleColumnRemove;
   private handleColumnGroup;
   private transcodeItem;
   private createListData;

package/dist/types/components/kup-echart/kup-echart-declarations.d.ts

@@ -0,0 +1,55 @@
+import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-echart component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupEchartProps {
+  axis = "Sets the axis of the chart.",
+  chartTitle = "Title of the graph.",
+  customStyle = "Custom style of the component.",
+  data = "The actual data of the chart.",
+  legend = "Sets the position of the legend. Supported values: bottom, left, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.",
+  map = "Choose which map you want to view, supported values: \"europe\", \"africa\", \"asia\", \"oceania\", \"america\" and \"world\". It's possible to supply a custom JSON too.",
+  series = "The data series to be displayed. They must be of the same type.",
+  sizeX = "The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).",
+  sizeY = "The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).",
+  types = "The type of the chart. Supported formats: Line, Pie, Map, Scatter.",
+  xAxis = "Customization options for the x Axis.",
+  yAxis = "Customization options for the y Axis."
+}
+export interface KupEchartTitle {
+  value: string;
+  color?: string;
+  position?: string;
+  size?: number;
+}
+export declare enum KupEchartLegendPlacement {
+  BOTTOM = "bottom",
+  LEFT = "left",
+  RIGHT = "right",
+  TOP = "top"
+}
+export declare enum KupEchartMaps {
+  AFRICA = "africa",
+  AMERICA = "america",
+  ASIA = "asia",
+  EUROPE = "europe",
+  ITALY = "italy",
+  OCEANIA = "oceania",
+  WORLD = "world"
+}
+export declare enum KupEchartTypes {
+  BAR = "Bar",
+  GAUSSIAN = "Gaussian",
+  LINE = "Line",
+  MAP = "Map",
+  PIE = "Pie",
+  SCATTER = "Scatter"
+}
+export interface KupEchartClickEventPayload extends KupEventPayload {
+  column: KupDataColumn;
+  row: KupDataRow;
+  x: number | string;
+  y: number | string;
+}

package/dist/types/components/kup-echart/kup-echart.d.ts

@@ -0,0 +1,100 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GeoJSON } from 'geojson';
+import { XAXisComponentOption, YAXisComponentOption } from 'echarts';
+import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from './kup-echart-declarations';
+import { GenericObject } from '../../types/GenericTypes';
+import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
+export declare class KupEchart {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-echart>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * Sets the axis of the chart.
+   * @default ""
+   */
+  axis: string;
+  /**
+   * Title of the graph.
+   * @default null
+   */
+  chartTitle: KupEchartTitle;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * The actual data of the chart.
+   * @default null
+   */
+  data: KupDataDataset;
+  /**
+   * Sets the position of the legend. Supported values: bottom, left, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.
+   * @default KupEchartLegendPlacement.RIGHT
+   */
+  legend: KupEchartLegendPlacement;
+  /**
+   * Choose which map you want to view, supported values: "europe", "africa", "asia", "oceania", "america", "italy" and "world". It's possible to supply a custom JSON too.
+   * @default null
+   */
+  map: KupEchartMaps | string | GeoJSON;
+  /**
+   * The data series to be displayed. They must be of the same type.
+   * @default []
+   */
+  series: string[];
+  /**
+   * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
+   * @default "100%"
+   */
+  sizeX: string;
+  /**
+   * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
+   * @default "100%"
+   */
+  sizeY: string;
+  /**
+   * The type of the chart. Supported formats: Bar, Gaussian, Line, Pie, Map and Scatter.
+   * @default [KupEchartTypes.LINE]
+   */
+  types: KupEchartTypes[];
+  /**
+   * Customization options for the x Axis.
+   * @default null
+   */
+  xAxis: XAXisComponentOption;
+  /**
+   * Customization options for the y Axis.
+   * @default null
+   */
+  yAxis: YAXisComponentOption;
+  kupEchartClick: EventEmitter<KupEchartClickEventPayload>;
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(): Promise<void>;
+  /**
+   * This method is invoked by KupManager whenever the component changes size.
+   */
+  resizeCallback(): Promise<void>;
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components/kup-lazy/kup-lazy.d.ts

@@ -1,4 +1,5 @@
-import { GenericObject } from '../../types/GenericTypes';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupLazyRender } from './kup-lazy-declarations';
 export declare class KupLazy {
   /**
@@ -41,12 +42,23 @@ export declare class KupLazy {
    * Instance of the KupManager class.
    */
   private kupManager;
+  private lazyComponent;
+  private lazyComponentLoaded;
+  /**
+   * Triggered when the component is loaded.
+   */
+  kupLazyLoaded: EventEmitter<KupEventPayload>;
   /**
    * Used to retrieve component's props values.
    * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * Returns the HTMLElement of the component to lazy load.
+   * @returns {HTMLElement} Lazy loaded component.
+   */
+  getComponent(): Promise<HTMLElement>;
   /**
    * This method is used to trigger a new render of the component.
    */

package/dist/types/components/kup-list/kup-list-declarations.d.ts

@@ -1,6 +1,6 @@
 import { KupEventPayload } from '../../types/GenericTypes';
 import { ValueDisplayedValue as vdv } from '../../utils/filters/filters-declarations';
-import { KupObj } from '../../utils/kup-objects/kup-objects-declarations';
+import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
 /**
  * Props of the kup-list component.
  * Used to export every prop in an object.
@@ -40,6 +40,7 @@ export declare enum KupListRole {
   GROUP = "group"
 }
 export interface ValueDisplayedValue extends vdv {
+  exists: boolean;
 }
 export declare enum ItemsDisplayMode {
   CODE = "code",

package/dist/types/components/kup-list/kup-list.d.ts

@@ -1,8 +1,9 @@
-import { EventEmitter, VNode } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../stencil-public-runtime';
 import { KupListData, KupListEventPayload, KupListRole } from './kup-list-declarations';
 import { ItemsDisplayMode } from './kup-list-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 export declare class KupList {
+  #private;
   /**
    * References the root HTML element of the component (<kup-list>).
    */
@@ -78,21 +79,13 @@ export declare class KupList {
    * @default false
    */
   twoLine: boolean;
-  private filteredItems;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  private radios;
-  private listItems;
   kupBlur: EventEmitter<KupEventPayload>;
   kupFocus: EventEmitter<KupEventPayload>;
   kupClick: EventEmitter<KupListEventPayload>;
-  onKupBlur(_index: number): void;
-  onKupFocus(_index: number): void;
+  onKupBlur(): void;
+  onKupFocus(): void;
   onKupClick(index: number): void;
   listenKeydown(e: KeyboardEvent): void;
-  watchFilter(): void;
   /**
    * Focuses the next element of the list.
    */
@@ -111,11 +104,6 @@ export declare class KupList {
    * This method is used to trigger a new render of the component.
    */
   refresh(): Promise<void>;
-  /**
-   * Resets filter.
-   * @todo FOSLUC to PASCAR: why isn't it enough to change only the prop?
-   */
-  resetFilter(newFilter: string): Promise<void>;
   /**
    * Calls handleSelection internal method to select the given item.
    * @param {number} index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element.
@@ -126,25 +114,6 @@ export declare class KupList {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   setProps(props: GenericObject): Promise<void>;
-  /**
-   * Selects the specified item.
-   * @param {number} index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element.
-   */
-  private handleSelection;
-  renderSeparator(): any;
-  renderListItem(item: KupListData, index: number): VNode[];
-  getIconTag(icon: string): any;
-  setUnselected(item: KupListData, index: number): void;
-  setSelected(item: KupListData, index: number): void;
-  sendInfoToSubComponent(index: number, item: KupListData): void;
-  getLiIndexElementForValue(key: string): number;
-  isSingleSelection(): boolean;
-  isMultiSelection(): boolean;
-  isCheckBoxRule(): boolean;
-  isRadioButtonRule(): boolean;
-  isListBoxRule(): boolean;
-  checkRoleType(): void;
-  itemCompliant(item: KupListData): boolean;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

package/dist/types/components/kup-magic-box/kup-magic-box-declarations.d.ts

@@ -1,4 +1,3 @@
-import type { Column, Row } from '../kup-data-table/kup-data-table-declarations';
 /**
  * Props of the kup-magic-box component.
  * Used to export every prop in an object.
@@ -7,19 +6,16 @@ export declare enum KupMagicBoxProps {
   customStyle = "Custom style of the component.",
   data = "Sets the data that will be used to display different components."
 }
-/**
- * Data prop of kup-magic-box.
- */
-export interface MagicBoxData {
-  columns: Column[];
-  rows: Row[];
-}
 /**
  * Viable display modes selectable in kup-magic-box.
  */
-export declare enum MagicBoxDisplay {
+export declare enum KupMagicBoxDisplay {
   BOX = "Box",
+  BUTTON_LIST = "Button List",
   CHART = "Chart",
+  CHIP = "Chip",
+  ECHART = "Echart",
   DATATABLE = "Datatable",
-  JSON = "JSON"
+  JSON = "JSON",
+  TREE = "Tree"
 }

package/dist/types/components/kup-magic-box/kup-magic-box.d.ts

@@ -1,5 +1,6 @@
 import type { GenericObject } from '../../types/GenericTypes';
-import { MagicBoxDisplay, MagicBoxData } from './kup-magic-box-declarations';
+import { KupMagicBoxDisplay } from './kup-magic-box-declarations';
+import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupMagicBox {
   /**
    * References the root HTML element of the component (<kup-magic-box>).
@@ -7,9 +8,9 @@ export declare class KupMagicBox {
   rootElement: HTMLElement;
   /**
    * Data will be displayed using this component.
-   * @default MagicBoxDisplay.DATATABLE
+   * @default KupMagicBoxDisplay.DATATABLE
    */
-  display: MagicBoxDisplay;
+  display: KupMagicBoxDisplay;
   /**
    * Custom style of the component.
    * @default ""
@@ -20,15 +21,10 @@ export declare class KupMagicBox {
    * Sets the data that will be used to display different components.
    * @default null
    */
-  data: MagicBoxData;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  /**
-   * Element which enables the drag on move feature.
-   */
+  data: KupDataDataset;
   private dragHandler;
+  private kupManager;
+  private textArea;
   private wrapperRef;
   /**
    * Used to retrieve component's props values.

package/dist/types/components/kup-tooltip/kup-tooltip-declarations.d.ts

@@ -1,7 +1,8 @@
+import { KupDataColumn, KupDataDataset, KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
 import { KupEventPayload } from '../../types/GenericTypes';
-import { Column, DataTable } from '../kup-data-table/kup-data-table-declarations';
 import { KupTree } from '../kup-tree/kup-tree';
-import { TreeNode, TreeNodePath } from '../kup-tree/kup-tree-declarations';
+import { TreeNodePath } from '../kup-tree/kup-tree-declarations';
 /**
  * Props of the kup-tooltip component.
  * Used to export every prop in an object.
@@ -16,10 +17,7 @@ export declare enum KupTooltipProps {
   owner = "Owner of this tooltip",
   relatedObject = "Container element for tooltip"
 }
-export interface TooltipObject {
-  t: String;
-  p: String;
-  k: String;
+export interface TooltipObject extends KupObj {
   url: String;
 }
 export interface TooltipData {
@@ -39,7 +37,7 @@ export interface TooltipAction {
   exec: string;
   url: string;
 }
-export interface TooltipDetailData extends DataTable {
+export interface TooltipDetailData extends KupDataDataset {
   actions?: {
     command: Array<TooltipAction>;
   };
@@ -50,7 +48,7 @@ export interface TooltipRelatedObject {
   rowId?: string;
   colId?: string;
 }
-export interface TooltipCellOptions extends TreeNode {
+export interface TooltipCellOptions extends KupDataNode {
   config?: any;
 }
 export declare enum ViewMode {
@@ -69,27 +67,27 @@ export interface KupTooltipDefaultEventPayload extends KupEventPayload {
 }
 export interface KupTooltipTreeNodeExpandEventPayload extends KupEventPayload {
   treeNodePath: TreeNodePath;
-  treeNode: TreeNode;
+  treeNode: KupDataNode;
   usesDynamicExpansion?: boolean;
   dynamicExpansionRequireChildren?: boolean;
   tree: KupTree;
 }
 export interface KupTooltipTreeNodeSelectedEventPayload extends KupEventPayload {
   treeNodePath: TreeNodePath;
-  treeNode: TreeNode;
+  treeNode: KupDataNode;
   columnName: string;
   auto: boolean;
   tree: KupTree;
 }
 export interface KupTooltipTreeNodeButtonClickEventPayload extends KupTooltipTreeNodeSelectedEventPayload {
-  column: Column;
+  column: KupDataColumn;
 }
 export interface KupTooltipTreeNodeDblClickEventPayload extends KupEventPayload {
   treeNodePath: TreeNodePath;
-  treeNode: TreeNode;
+  treeNode: KupDataNode;
 }
 export interface KupTooltipTreeDynamicMassExpansionEventPayload extends KupEventPayload {
   treeNodePath?: TreeNodePath;
-  treeNode?: TreeNode;
+  treeNode?: KupDataNode;
   expandAll?: boolean;
 }