@progress/kendo-react-data-tools 9.3.1 → 9.4.0-develop.1

package/group-expansion/groupExpandReducer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var N=(e=>(e.TOGGLE="GROUP-EXPAND_TOGGLE",e.EXPAND="GROUP-EXPAND_EXPAND",e.COLLAPSE="GROUP-EXPAND_COLLAPSE",e.RESET="GROUP-EXPAND_RESET",e))(N||{});const U=e=>{var r;return{enabled:typeof e=="boolean"?e:(r=e==null?void 0:e.enabled)!=null?r:!0,defaultExpand:typeof e=="object"?e==null?void 0:e.defaultExpand:!0}},v=(e=[],r=null)=>{const u=[];return e==null||e.forEach(d=>{var s;const l={value:d.value,field:d.field,parents:r?[r,...(s=r.parents)!=null?s:[]]:[]};d.expanded!==void 0&&(l.expanded=d.expanded),d.groups&&u.push(...v(d.groups,l)),u.push(l)}),u},x=e=>{var r,u,d,l;return`${(r=e.parents)!=null&&r.length?((l=(d=(u=e.parents)==null?void 0:u.slice())==null?void 0:d.reverse())==null?void 0:l.map(s=>x({field:s.field,value:s.value})).join("/"))+"/":""}${e.field}:${e.value}`},w=(e,r)=>{const u=v(e);return g(u,r)},j=(e,r)=>{var l;const u=v(e),d=g(u,r);return d?(l=d.expanded)!=null?l:!0:!1},i=e=>{var l;const r=new Map;r.set("root",{value:null,field:"",groups:new Set}),(s=>{s.forEach(a=>{var o,P,h,G;const c=x(a),n=(o=r.get(c))!=null?o:{value:a.value,field:a.field};a.expanded!==void 0&&(n.expanded=a.expanded),r.has(c)||r.set(c,n);let f=n;(P=a.parents)!=null&&P.length?a.parents.forEach((p,O)=>{var A,L,R,S,T,D,X;const E=x({value:p.value,field:p.field,parents:(L=a.parents)==null?void 0:L.slice(O+1,(A=a==null?void 0:a.parents)==null?void 0:A.length)}),t=(R=r.get(E))!=null?R:{value:p.value,field:p.field};p.expanded&&(t.expanded=p.expanded),r.has(E)||r.set(E,t),t!=null&&t.groups||(t.groups=new Set),t.groups.add(f),f=t,O===((T=(S=a.parents)==null?void 0:S.length)!=null?T:-1)-1&&((X=(D=r.get("root"))==null?void 0:D.groups)==null||X.add(t))}):(G=(h=r.get("root"))==null?void 0:h.groups)==null||G.add(f)})})(e);const d=s=>{s.groups&&(s.groups=Array.from(s.groups),s.groups.forEach(d))};return d(r.get("root")),((l=r.get("root"))==null?void 0:l.groups)||[]},F=(e,r)=>{var u;return!!((u=r.parents)!=null&&u.every((d,l)=>{var s;return(s=e.parents)==null?void 0:s.find(a=>d.value===a.value&&d.field===a.field)}))},g=(e,r)=>e.find(d=>d.value===r.value&&d.field===r.field&&F(d,r)),_=(e,r,u)=>{var s,a,c;const d=v(e!=null?e:[]),l=g(d,r.group);switch(r.type){case"GROUP-EXPAND_TOGGLE":return i(l?d==null?void 0:d.map(n=>{var f,o;return n===l?{...n,expanded:!((o=(f=n.expanded)!=null?f:u==null?void 0:u.defaultExpand)==null||o)}:n}):[...d,{...r.group,expanded:!((s=u==null?void 0:u.defaultExpand)==null||s)}]);case"GROUP-EXPAND_EXPAND":{let n;return l?n=d==null?void 0:d.map(f=>f===l?{...f,expanded:!0}:f):(a=u==null?void 0:u.defaultExpand)==null||a?n=d:n=[...d,{...r.group,expanded:!0}],i(n)}case"GROUP-EXPAND_COLLAPSE":{let n;return l?n=d==null?void 0:d.map(f=>f===l?{...f,expanded:!1}:f):(c=u==null?void 0:u.defaultExpand)==null||c?n=[...d,{...r.group,expanded:!1}]:n=d,i(n)}default:return e}};exports.GROUP_EXPAND_ACTION=N;exports.findGroupExpand=w;exports.flatToTree=i;exports.getGroupExpandableOptions=U;exports.groupExpandReducer=_;exports.isExpanded=j;

package/group-expansion/groupExpandReducer.mjs

@@ -0,0 +1,108 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+var w = /* @__PURE__ */ ((e) => (e.TOGGLE = "GROUP-EXPAND_TOGGLE", e.EXPAND = "GROUP-EXPAND_EXPAND", e.COLLAPSE = "GROUP-EXPAND_COLLAPSE", e.RESET = "GROUP-EXPAND_RESET", e))(w || {});
+const U = (e) => {
+  var r;
+  return {
+    enabled: typeof e == "boolean" ? e : (r = e == null ? void 0 : e.enabled) != null ? r : !0,
+    defaultExpand: typeof e == "object" ? e == null ? void 0 : e.defaultExpand : !0
+  };
+}, p = (e = [], r = null) => {
+  const u = [];
+  return e == null || e.forEach((d) => {
+    var s;
+    const l = {
+      value: d.value,
+      field: d.field,
+      parents: r ? [r, ...(s = r.parents) != null ? s : []] : []
+    };
+    d.expanded !== void 0 && (l.expanded = d.expanded), d.groups && u.push(...p(d.groups, l)), u.push(l);
+  }), u;
+}, h = (e) => {
+  var r, u, d, l;
+  return `${(r = e.parents) != null && r.length ? ((l = (d = (u = e.parents) == null ? void 0 : u.slice()) == null ? void 0 : d.reverse()) == null ? void 0 : l.map((s) => h({ field: s.field, value: s.value })).join("/")) + "/" : ""}${e.field}:${e.value}`;
+}, F = (e, r) => {
+  const u = p(e);
+  return x(u, r);
+}, $ = (e, r) => {
+  var l;
+  const u = p(e), d = x(u, r);
+  return d ? (l = d.expanded) != null ? l : !0 : !1;
+}, o = (e) => {
+  var l;
+  const r = /* @__PURE__ */ new Map();
+  r.set("root", { value: null, field: "", groups: /* @__PURE__ */ new Set() }), ((s) => {
+    s.forEach((f) => {
+      var i, P, g, G;
+      const c = h(f), a = (i = r.get(c)) != null ? i : {
+        value: f.value,
+        field: f.field
+      };
+      f.expanded !== void 0 && (a.expanded = f.expanded), r.has(c) || r.set(c, a);
+      let n = a;
+      (P = f.parents) != null && P.length ? f.parents.forEach((v, L) => {
+        var A, O, D, R, S, X, T;
+        const E = h({
+          value: v.value,
+          field: v.field,
+          parents: (O = f.parents) == null ? void 0 : O.slice(L + 1, (A = f == null ? void 0 : f.parents) == null ? void 0 : A.length)
+        }), t = (D = r.get(E)) != null ? D : {
+          value: v.value,
+          field: v.field
+        };
+        v.expanded && (t.expanded = v.expanded), r.has(E) || r.set(E, t), t != null && t.groups || (t.groups = /* @__PURE__ */ new Set()), t.groups.add(n), n = t, L === ((S = (R = f.parents) == null ? void 0 : R.length) != null ? S : -1) - 1 && ((T = (X = r.get("root")) == null ? void 0 : X.groups) == null || T.add(t));
+      }) : (G = (g = r.get("root")) == null ? void 0 : g.groups) == null || G.add(n);
+    });
+  })(e);
+  const d = (s) => {
+    s.groups && (s.groups = Array.from(s.groups), s.groups.forEach(d));
+  };
+  return d(r.get("root")), ((l = r.get("root")) == null ? void 0 : l.groups) || [];
+}, N = (e, r) => {
+  var u;
+  return !!((u = r.parents) != null && u.every((d, l) => {
+    var s;
+    return (s = e.parents) == null ? void 0 : s.find((f) => d.value === f.value && d.field === f.field);
+  }));
+}, x = (e, r) => e.find((d) => d.value === r.value && d.field === r.field && N(d, r)), j = (e, r, u) => {
+  var s, f, c;
+  const d = p(e != null ? e : []), l = x(d, r.group);
+  switch (r.type) {
+    case "GROUP-EXPAND_TOGGLE":
+      return o(
+        l ? d == null ? void 0 : d.map(
+          (a) => {
+            var n, i;
+            return a === l ? {
+              ...a,
+              expanded: !((i = (n = a.expanded) != null ? n : u == null ? void 0 : u.defaultExpand) == null || i)
+            } : a;
+          }
+        ) : [...d, { ...r.group, expanded: !((s = u == null ? void 0 : u.defaultExpand) == null || s) }]
+      );
+    case "GROUP-EXPAND_EXPAND": {
+      let a;
+      return l ? a = d == null ? void 0 : d.map((n) => n === l ? { ...n, expanded: !0 } : n) : (f = u == null ? void 0 : u.defaultExpand) == null || f ? a = d : a = [...d, { ...r.group, expanded: !0 }], o(a);
+    }
+    case "GROUP-EXPAND_COLLAPSE": {
+      let a;
+      return l ? a = d == null ? void 0 : d.map((n) => n === l ? { ...n, expanded: !1 } : n) : (c = u == null ? void 0 : u.defaultExpand) == null || c ? a = [...d, { ...r.group, expanded: !1 }] : a = d, o(a);
+    }
+    default:
+      return e;
+  }
+};
+export {
+  w as GROUP_EXPAND_ACTION,
+  F as findGroupExpand,
+  o as flatToTree,
+  U as getGroupExpandableOptions,
+  j as groupExpandReducer,
+  $ as isExpanded
+};

package/index.d.mts

@@ -109,6 +109,8 @@ export declare interface CellProps {
      * Indicates if the cell is selected.
      */
     isSelected: boolean;
+    /** @hidden */
+    isInEdit?: boolean;
     /**
      * Indicates if the cell is sorted.
      */
@@ -742,6 +744,32 @@ declare const DateFilterCell_base: React_2.ComponentClass<FilterComponentProps_2
 export declare interface DateFilterProps extends TextFilterProps {
 }
 
+/** @hidden */
+export declare enum DETAIL_EXPAND_ACTION {
+    DETAIL_EXPAND = "DETAIL_EXPAND_DETAIL_EXPAND",
+    COLLAPSE = "DETAIL_EXPAND_COLLAPSE",
+    TOGGLE = "DETAIL_EXPAND_TOGGLE",
+    SET = "DETAIL_EXPAND_SET"
+}
+
+/** @hidden */
+export declare type DetailExpandAction = {
+    type: DETAIL_EXPAND_ACTION.TOGGLE | DETAIL_EXPAND_ACTION.DETAIL_EXPAND | DETAIL_EXPAND_ACTION.COLLAPSE;
+    id: string;
+} | {
+    type: DETAIL_EXPAND_ACTION.SET;
+    id: string;
+    payload: boolean;
+};
+
+/** @hidden */
+export declare type DetailExpandDescriptor = {
+    [id: string]: boolean;
+};
+
+/** @hidden */
+export declare const detailExpandReducer: (state: DetailExpandDescriptor, action: DetailExpandAction) => DetailExpandDescriptor;
+
 /**
  * @hidden
  */
@@ -785,6 +813,67 @@ declare interface DropClueState {
     height: number;
 }
 
+/**
+ * @hidden
+ */
+export declare enum EDIT_ACTION {
+    ENTER_EDIT = "EDITING_ENTER_EDIT",
+    ENTER_FIELD_EDIT = "EDITING_ENTER_FIELD_EDIT",
+    ADD_EDIT = "EDITING_ADD_EDIT",
+    ADD_FIELD_EDIT = "EDITING_ADD_FIELD_EDIT",
+    EXIT_EDIT = "EDITING_EXIT_EDIT",
+    EXIT_FIELD_EDIT = "EDITING_EXIT_FIELD_EDIT",
+    TOGGLE_EDIT = "EDITING_TOGGLE_EDIT",
+    TOGGLE_FIELD_EDIT = "EDITING_TOGGLE_FIELD_EDIT"
+}
+
+/**
+ * @hidden
+ */
+export declare type EditAction = {
+    type: EDIT_ACTION.ENTER_EDIT | EDIT_ACTION.ADD_EDIT | EDIT_ACTION.EXIT_EDIT | EDIT_ACTION.TOGGLE_EDIT;
+    payload: {
+        id: string;
+    };
+} | {
+    type: EDIT_ACTION.ENTER_FIELD_EDIT | EDIT_ACTION.ADD_FIELD_EDIT | EDIT_ACTION.EXIT_FIELD_EDIT | EDIT_ACTION.TOGGLE_FIELD_EDIT;
+    payload: {
+        id: string;
+        field: string;
+    };
+};
+
+/**
+ * The `edit` descriptor used to identify which data-items are in edit mode.
+ * TODO: uncomment
+ *
+ * @hidden
+ * @example
+ * ```ts
+ * const data = [
+ *   { id: 0, name: 'Jane Doe' },
+ *   { id: 1, name: 'John Doe' }
+ * ]
+ *
+ * const edit = {
+ *  1: true
+ * }
+ * ```
+ */
+export declare type EditDescriptor = {
+    /**
+     * The data-item id is in edit mode.
+     * If the value is `true` if the whole item (row) is in edit mode.
+     * If the value is an array of strings if only specific fields (cells) are in edit mode.
+     */
+    [id: string]: boolean | string[];
+};
+
+/**
+ * @hidden
+ */
+export declare const editReducer: (state: EditDescriptor | undefined, action: EditAction) => EditDescriptor;
+
 /**
  * The EnumFilter component used for editing the value of FilterDescriptor object.
  * It renders a DropDownList and allows you to choose a value from the predefined list.
@@ -1135,14 +1224,31 @@ export declare interface FilterRowProps {
     ariaRowIndex?: number;
 }
 
+/** @hidden */
+export declare const findGroupExpand: (groupExpand: GroupExpandDescriptor[], group: GroupState) => GroupExpandDescriptor | undefined;
+
 /**
  * @hidden
  */
 export declare function flatData(data: any[], getChildren: (dataItem: any) => any[], itemMap: (item: any) => any): DataItemWrapper[];
 
+/** @hidden */
+export declare const flatToTree: (flat: GroupState[]) => GroupExpandDescriptor[];
+
 /** @hidden */
 export declare const getColumnIndex: (element: HTMLTableCellElement) => number | undefined;
 
+/** @hidden */
+export declare const getDetailExpandableOptions: (expandable?: boolean | TableExpandableSettings) => TableExpandableSettings;
+
+/**
+ * @hidden
+ */
+export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => TableEditableSettings;
+
+/** @hidden */
+export declare const getGroupExpandableOptions: (groupExpandable?: boolean | TableGroupExpandableSettings) => TableGroupExpandableSettings;
+
 /**
  * Get all group ids from the data.
  *
@@ -1239,6 +1345,14 @@ export declare class Group extends React_2.Component<GroupProps> {
     private onRemove;
 }
 
+/** @hidden */
+export declare enum GROUP_EXPAND_ACTION {
+    TOGGLE = "GROUP-EXPAND_TOGGLE",
+    EXPAND = "GROUP-EXPAND_EXPAND",
+    COLLAPSE = "GROUP-EXPAND_COLLAPSE",
+    RESET = "GROUP-EXPAND_RESET"
+}
+
 /**
  * @hidden
  */
@@ -1247,6 +1361,23 @@ export declare interface GroupChangeEvent extends BaseEvent<Group> {
     nextFilter: CompositeFilterDescriptor;
 }
 
+/** @hidden */
+export declare type GroupExpandAction = {
+    type: GROUP_EXPAND_ACTION;
+    group: GroupState;
+};
+
+/** @hidden */
+export declare type GroupExpandDescriptor = {
+    value: any;
+    field: string;
+    expanded?: boolean;
+    groups?: GroupExpandDescriptor[];
+};
+
+/** @hidden */
+export declare const groupExpandReducer: (state: GroupExpandDescriptor[], action: GroupExpandAction, options?: TableGroupExpandableSettings) => GroupExpandDescriptor[];
+
 /**
  * @hidden
  */
@@ -1267,6 +1398,14 @@ export declare interface GroupRemoveEvent extends BaseEvent<Group> {
     filter: CompositeFilterDescriptor;
 }
 
+/** @hidden */
+export declare type GroupState = {
+    value: any;
+    field: string;
+    expanded?: boolean;
+    parents?: GroupState[];
+};
+
 /**
  * @hidden
  */
@@ -1425,6 +1564,9 @@ export declare interface HeaderThElementProps extends React_2.ThHTMLAttributes<H
     navigatable?: boolean;
 }
 
+/** @hidden */
+export declare const isExpanded: (groupExpand: GroupExpandDescriptor[], group: GroupState) => boolean;
+
 /** @hidden */
 export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
 
@@ -1868,6 +2010,14 @@ export declare const relativeContextElement: (element: any) => any;
  */
 export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 
+/**
+ * @hidden
+ * TODO: document
+ */
+export declare type SelectDescriptor = {
+    [id: string]: boolean | number[];
+};
+
 /**
  * @hidden
  */
@@ -1951,6 +2101,8 @@ export declare function tableColumnsVirtualization(args: {
     }[];
     tableViewPortWidth: number;
     scrollLeft: number;
+    getColSpan?: any;
+    dataItem?: any;
 }): {
     colSpans: number[];
     hiddenColumns: boolean[];
@@ -2008,6 +2160,37 @@ export declare interface TableDragSelectionReleaseEvent {
     isDrag: boolean;
 }
 
+/** @hidden */
+export declare interface TableEditableSettings {
+    /**
+     * Determines if the editing is enabled.
+     *
+     * @default false
+     */
+    enabled?: boolean;
+    /**
+     * Determines the editing mode.
+     * The available values are:
+     * * `inline`
+     * * `incell`
+     *
+     * @default 'inline
+     */
+    mode?: 'inline' | 'incell';
+}
+
+/** @hidden */
+export declare type TableExpandableSettings = {
+    enabled?: boolean;
+    column?: string;
+};
+
+/** @hidden */
+export declare type TableGroupExpandableSettings = {
+    enabled?: boolean;
+    defaultExpand?: boolean;
+};
+
 /**
  * @hidden
  */
@@ -2417,7 +2600,7 @@ export declare const unaryOperator: (operator: any) => boolean;
  */
 export declare function updateLeft(columnsMap: number[][], columns: Array<{
     parentIndex: number;
-    colSpan: number;
+    colSpan?: number;
     rowSpan: number;
     depth: number;
     kFirst?: boolean;
@@ -2436,7 +2619,7 @@ export declare function updateLeft(columnsMap: number[][], columns: Array<{
  */
 export declare function updateRight(columnsMap: number[][], columns: Array<{
     parentIndex: number;
-    colSpan: number;
+    colSpan?: number;
     rowSpan: number;
     depth: number;
     kFirst?: boolean;

package/index.d.ts

@@ -109,6 +109,8 @@ export declare interface CellProps {
      * Indicates if the cell is selected.
      */
     isSelected: boolean;
+    /** @hidden */
+    isInEdit?: boolean;
     /**
      * Indicates if the cell is sorted.
      */
@@ -742,6 +744,32 @@ declare const DateFilterCell_base: React_2.ComponentClass<FilterComponentProps_2
 export declare interface DateFilterProps extends TextFilterProps {
 }
 
+/** @hidden */
+export declare enum DETAIL_EXPAND_ACTION {
+    DETAIL_EXPAND = "DETAIL_EXPAND_DETAIL_EXPAND",
+    COLLAPSE = "DETAIL_EXPAND_COLLAPSE",
+    TOGGLE = "DETAIL_EXPAND_TOGGLE",
+    SET = "DETAIL_EXPAND_SET"
+}
+
+/** @hidden */
+export declare type DetailExpandAction = {
+    type: DETAIL_EXPAND_ACTION.TOGGLE | DETAIL_EXPAND_ACTION.DETAIL_EXPAND | DETAIL_EXPAND_ACTION.COLLAPSE;
+    id: string;
+} | {
+    type: DETAIL_EXPAND_ACTION.SET;
+    id: string;
+    payload: boolean;
+};
+
+/** @hidden */
+export declare type DetailExpandDescriptor = {
+    [id: string]: boolean;
+};
+
+/** @hidden */
+export declare const detailExpandReducer: (state: DetailExpandDescriptor, action: DetailExpandAction) => DetailExpandDescriptor;
+
 /**
  * @hidden
  */
@@ -785,6 +813,67 @@ declare interface DropClueState {
     height: number;
 }
 
+/**
+ * @hidden
+ */
+export declare enum EDIT_ACTION {
+    ENTER_EDIT = "EDITING_ENTER_EDIT",
+    ENTER_FIELD_EDIT = "EDITING_ENTER_FIELD_EDIT",
+    ADD_EDIT = "EDITING_ADD_EDIT",
+    ADD_FIELD_EDIT = "EDITING_ADD_FIELD_EDIT",
+    EXIT_EDIT = "EDITING_EXIT_EDIT",
+    EXIT_FIELD_EDIT = "EDITING_EXIT_FIELD_EDIT",
+    TOGGLE_EDIT = "EDITING_TOGGLE_EDIT",
+    TOGGLE_FIELD_EDIT = "EDITING_TOGGLE_FIELD_EDIT"
+}
+
+/**
+ * @hidden
+ */
+export declare type EditAction = {
+    type: EDIT_ACTION.ENTER_EDIT | EDIT_ACTION.ADD_EDIT | EDIT_ACTION.EXIT_EDIT | EDIT_ACTION.TOGGLE_EDIT;
+    payload: {
+        id: string;
+    };
+} | {
+    type: EDIT_ACTION.ENTER_FIELD_EDIT | EDIT_ACTION.ADD_FIELD_EDIT | EDIT_ACTION.EXIT_FIELD_EDIT | EDIT_ACTION.TOGGLE_FIELD_EDIT;
+    payload: {
+        id: string;
+        field: string;
+    };
+};
+
+/**
+ * The `edit` descriptor used to identify which data-items are in edit mode.
+ * TODO: uncomment
+ *
+ * @hidden
+ * @example
+ * ```ts
+ * const data = [
+ *   { id: 0, name: 'Jane Doe' },
+ *   { id: 1, name: 'John Doe' }
+ * ]
+ *
+ * const edit = {
+ *  1: true
+ * }
+ * ```
+ */
+export declare type EditDescriptor = {
+    /**
+     * The data-item id is in edit mode.
+     * If the value is `true` if the whole item (row) is in edit mode.
+     * If the value is an array of strings if only specific fields (cells) are in edit mode.
+     */
+    [id: string]: boolean | string[];
+};
+
+/**
+ * @hidden
+ */
+export declare const editReducer: (state: EditDescriptor | undefined, action: EditAction) => EditDescriptor;
+
 /**
  * The EnumFilter component used for editing the value of FilterDescriptor object.
  * It renders a DropDownList and allows you to choose a value from the predefined list.
@@ -1135,14 +1224,31 @@ export declare interface FilterRowProps {
     ariaRowIndex?: number;
 }
 
+/** @hidden */
+export declare const findGroupExpand: (groupExpand: GroupExpandDescriptor[], group: GroupState) => GroupExpandDescriptor | undefined;
+
 /**
  * @hidden
  */
 export declare function flatData(data: any[], getChildren: (dataItem: any) => any[], itemMap: (item: any) => any): DataItemWrapper[];
 
+/** @hidden */
+export declare const flatToTree: (flat: GroupState[]) => GroupExpandDescriptor[];
+
 /** @hidden */
 export declare const getColumnIndex: (element: HTMLTableCellElement) => number | undefined;
 
+/** @hidden */
+export declare const getDetailExpandableOptions: (expandable?: boolean | TableExpandableSettings) => TableExpandableSettings;
+
+/**
+ * @hidden
+ */
+export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => TableEditableSettings;
+
+/** @hidden */
+export declare const getGroupExpandableOptions: (groupExpandable?: boolean | TableGroupExpandableSettings) => TableGroupExpandableSettings;
+
 /**
  * Get all group ids from the data.
  *
@@ -1239,6 +1345,14 @@ export declare class Group extends React_2.Component<GroupProps> {
     private onRemove;
 }
 
+/** @hidden */
+export declare enum GROUP_EXPAND_ACTION {
+    TOGGLE = "GROUP-EXPAND_TOGGLE",
+    EXPAND = "GROUP-EXPAND_EXPAND",
+    COLLAPSE = "GROUP-EXPAND_COLLAPSE",
+    RESET = "GROUP-EXPAND_RESET"
+}
+
 /**
  * @hidden
  */
@@ -1247,6 +1361,23 @@ export declare interface GroupChangeEvent extends BaseEvent<Group> {
     nextFilter: CompositeFilterDescriptor;
 }
 
+/** @hidden */
+export declare type GroupExpandAction = {
+    type: GROUP_EXPAND_ACTION;
+    group: GroupState;
+};
+
+/** @hidden */
+export declare type GroupExpandDescriptor = {
+    value: any;
+    field: string;
+    expanded?: boolean;
+    groups?: GroupExpandDescriptor[];
+};
+
+/** @hidden */
+export declare const groupExpandReducer: (state: GroupExpandDescriptor[], action: GroupExpandAction, options?: TableGroupExpandableSettings) => GroupExpandDescriptor[];
+
 /**
  * @hidden
  */
@@ -1267,6 +1398,14 @@ export declare interface GroupRemoveEvent extends BaseEvent<Group> {
     filter: CompositeFilterDescriptor;
 }
 
+/** @hidden */
+export declare type GroupState = {
+    value: any;
+    field: string;
+    expanded?: boolean;
+    parents?: GroupState[];
+};
+
 /**
  * @hidden
  */
@@ -1425,6 +1564,9 @@ export declare interface HeaderThElementProps extends React_2.ThHTMLAttributes<H
     navigatable?: boolean;
 }
 
+/** @hidden */
+export declare const isExpanded: (groupExpand: GroupExpandDescriptor[], group: GroupState) => boolean;
+
 /** @hidden */
 export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
 
@@ -1868,6 +2010,14 @@ export declare const relativeContextElement: (element: any) => any;
  */
 export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 
+/**
+ * @hidden
+ * TODO: document
+ */
+export declare type SelectDescriptor = {
+    [id: string]: boolean | number[];
+};
+
 /**
  * @hidden
  */
@@ -1951,6 +2101,8 @@ export declare function tableColumnsVirtualization(args: {
     }[];
     tableViewPortWidth: number;
     scrollLeft: number;
+    getColSpan?: any;
+    dataItem?: any;
 }): {
     colSpans: number[];
     hiddenColumns: boolean[];
@@ -2008,6 +2160,37 @@ export declare interface TableDragSelectionReleaseEvent {
     isDrag: boolean;
 }
 
+/** @hidden */
+export declare interface TableEditableSettings {
+    /**
+     * Determines if the editing is enabled.
+     *
+     * @default false
+     */
+    enabled?: boolean;
+    /**
+     * Determines the editing mode.
+     * The available values are:
+     * * `inline`
+     * * `incell`
+     *
+     * @default 'inline
+     */
+    mode?: 'inline' | 'incell';
+}
+
+/** @hidden */
+export declare type TableExpandableSettings = {
+    enabled?: boolean;
+    column?: string;
+};
+
+/** @hidden */
+export declare type TableGroupExpandableSettings = {
+    enabled?: boolean;
+    defaultExpand?: boolean;
+};
+
 /**
  * @hidden
  */
@@ -2417,7 +2600,7 @@ export declare const unaryOperator: (operator: any) => boolean;
  */
 export declare function updateLeft(columnsMap: number[][], columns: Array<{
     parentIndex: number;
-    colSpan: number;
+    colSpan?: number;
     rowSpan: number;
     depth: number;
     kFirst?: boolean;
@@ -2436,7 +2619,7 @@ export declare function updateLeft(columnsMap: number[][], columns: Array<{
  */
 export declare function updateRight(columnsMap: number[][], columns: Array<{
     parentIndex: number;
-    colSpan: number;
+    colSpan?: number;
     rowSpan: number;
     depth: number;
     kFirst?: boolean;