@infinite-table/infinite-react 8.0.2 → 8.0.4

package/index.d.ts

@@ -3411,6 +3411,10 @@ declare namespace InfiniteTableBody {
     var rowHoverClassName: string[];
 }
 
+declare function useInfiniteTableApi<T>(): InfiniteTableApi<T>;
+
+declare function useInfiniteColumnApi<T = unknown>(columnId: string): InfiniteTableColumnApi<T> | null;
+
 declare const InfiniteTableClassName: string;
 declare const InfiniteTableComponent: React$1.MemoExoticComponent<(<T>() => React$1.JSX.Element)>;
 type InfiniteTableComponent = {
@@ -3479,6 +3483,8 @@ declare function useDataSourceSelector<R extends unknown>(selector: (ctx: DataSo
 
 declare function useMasterRowInfo<T = any>(): InfiniteTableRowInfo<T> | undefined;
 
+declare function useDataSourceApi<T>(): DataSourceApi<T>;
+
 declare const useManagedDataSource: (props: object) => {
     contextValue: {
         componentState: {
@@ -7220,6 +7226,8 @@ type ColumnCellValues = {
     formattedValue: any;
 };
 type InfiniteTableColumnApi<_T> = {
+    getColumnId(): string | null;
+    getComputedColumn(): InfiniteTableComputedColumn<_T> | null;
     showContextMenu: (target: EventTarget | HTMLElement) => void;
     toggleContextMenu: (target: EventTarget | HTMLElement) => void;
     hideContextMenu: () => void;
@@ -8043,6 +8051,7 @@ type DragItemContextValue = {
 };
 type DraggableItemProps = {
     id: string | number;
+    dragListId?: string;
     children: React$1.ReactNode | ((domProps: React$1.HTMLAttributes<HTMLDivElement>, context: DragItemContextValue) => React$1.ReactNode);
 };
 declare const DRAG_ITEM_ATTRIBUTE = "data-drag-item-id";
@@ -8168,4 +8177,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { type AdvancedAlignable, AutoScroller, type AutoScrollerConfig, CellSelectionState, type CellSelectionStateObject, type ColumnTypeWithInherit, DRAG_ITEM_ATTRIBUTE, DataClient, DataSource, type DataSourceAction, DataSourceActionType, type DataSourceAggregationReducer, type DataSourceApi, type DataSourceCRUDParam, type DataSourceCallback_BaseParam, type DataSourceComponentActions, type DataSourceContextValue, type DataSourceData, type DataSourceDataFn, type DataSourceDataParams, type DataSourceDataParamsChanges, type DataSourceDebugWarningKey, type DataSourceDerivedState, type DataSourceFilterFunctionParam, type DataSourceFilterOperator, type DataSourceFilterOperatorFunction, type DataSourceFilterOperatorFunctionParam, type DataSourceFilterType, type DataSourceFilterValueItem, type DataSourceFilterValueItemValueGetter, type DataSourceGroupBy, type DataSourceGroupRowsList, type DataSourceInsertParam, type DataSourceLivePaginationCursorFn, type DataSourceLivePaginationCursorParams, type DataSourceLivePaginationCursorValue, type DataSourceMappedState, type DataSourceMappings, type DataSourceMasterDetailContextValue, type DataSourcePivotBy, type DataSourcePropAggregationReducers, type DataSourcePropCellSelection, type DataSourcePropCellSelection_MultiCell, type DataSourcePropCellSelection_SingleCell, type DataSourcePropFilterFunction, type DataSourcePropFilterTypes, type DataSourcePropFilterValue, type DataSourcePropGroupBy, type DataSourcePropGroupRowsState, type DataSourcePropGroupRowsStateObject, type DataSourcePropIsNodeExpanded, type DataSourcePropIsNodeReadOnly, type DataSourcePropIsNodeSelectable, type DataSourcePropIsNodeSelected, type DataSourcePropIsRowSelected, type DataSourcePropLivePaginationCursor, type DataSourcePropMultiRowSelectionChangeParamType, type DataSourcePropOnCellSelectionChange, type DataSourcePropOnCellSelectionChange_MultiCell, type DataSourcePropOnCellSelectionChange_SingleCell, type DataSourcePropOnRowSelectionChange, type DataSourcePropOnRowSelectionChange_MultiRow, type DataSourcePropOnRowSelectionChange_SingleRow, type DataSourcePropOnTreeSelectionChange, type DataSourcePropOnTreeSelectionChange_MultiNode, type DataSourcePropOnTreeSelectionChange_SingleNode, type DataSourcePropPivotBy, type DataSourcePropRowInfoReducers, type DataSourcePropRowSelection, type DataSourcePropRowSelection_MultiRow, type DataSourcePropRowSelection_SingleRow, type DataSourcePropSelectionMode, type DataSourcePropShouldReloadData, type DataSourcePropShouldReloadDataObject, type DataSourcePropSortFn, type DataSourcePropSortInfo, type DataSourcePropSortTypes, type DataSourcePropTreeFilterFunction, type DataSourcePropTreeSelection, type DataSourcePropTreeSelection_MultiNode, type DataSourcePropTreeSelection_SingleNode, type DataSourceProps, type DataSourcePropsNotAvailableInTreeDataSource, type DataSourcePropsWithChildren, type DataSourceRawReducer, type DataSourceRemoteData, type DataSourceRowInfoReducer, type DataSourceSetupState, type DataSourceSingleSortInfo, type DataSourceSortInfo, type DataSourceStableContextValue, type DataSourceState, type DataSourceUpdateParam, type DebugLogger, type DebugTimingKey, type DebugWarningPayload, DeepMap, type DevToolsDataSourceOverrides, type DevToolsGenericMessage, type DevToolsHookFn, type DevToolsHookFnOptions, type DevToolsHostPageLogMessage, type DevToolsHostPageLogMessagePayload, type DevToolsHostPageMessage, type DevToolsHostPageMessagePayload, type DevToolsHostPageMessageType, type DevToolsInfiniteOverrides, type DevToolsMessageAddress, type DevToolsOverrides, DragDropProvider, type DragDropSourceAndTarget, DragInteractionTarget, DragList, type DragListProps, type DragProxyMoveParams, type DragProxyRenderParams, type DragProxySetupParams, type DragProxySetupResult, type ElementContainerGetter, type ErrorCodeKey, FixedSizeSet, FlashingColumnCell, GroupRowsState, INTERNAL_MatrixDebugger, type InfiniteColumnEditorContextType, InfiniteTable, type InfiniteTableAction, InfiniteTableActionType, type InfiniteTableApi, type InfiniteTableCellSelectionApi, InfiniteTableClassName, type InfiniteTableColumn, type InfiniteTableColumnAggregator, type InfiniteTableColumnApi, type InfiniteTableColumnCellContextType, type InfiniteTableColumnComparer, type InfiniteTableColumnGroup, type InfiniteTableColumnRenderFunctionForGroupRows, type InfiniteTableColumnRenderFunctionForNormalRows, type InfiniteTableColumnRenderValueParam, type InfiniteTableColumnRowspanParam, type InfiniteTableColumnSizingOptions, type InfiniteTableColumnValueFormatterParams, type InfiniteTableColumnValueGetterParams, InfiniteTableComponent, type InfiniteTableComputedColumn, type InfiniteTableComputedValues, type InfiniteTableContextValue, type InfiniteTableDebugWarningKey, type InfiniteTableGroupColumnBase, type InfiniteTableGroupColumnFunction, type InfiniteTableGroupColumnGetterOptions, type InfiniteTableKeyboardNavigationApi, type InfiniteTablePivotColumn, type InfiniteTablePropAutoSizeColumnsKey, type InfiniteTablePropColumnGroupVisibility, type InfiniteTablePropColumnGroups, type InfiniteTablePropColumnOrder, type InfiniteTablePropColumnPinning, type InfiniteTablePropColumnSizing, type InfiniteTablePropColumnTypes, type InfiniteTablePropColumnVisibility, type InfiniteTablePropColumns, type InfiniteTablePropComponents, type InfiniteTablePropGetCellContextMenuItems, type InfiniteTablePropGetColumnMenuItems, type InfiniteTablePropGetContextMenuItems, type InfiniteTablePropGroupColumn, type InfiniteTablePropGroupRenderStrategy, type InfiniteTablePropHeaderOptions, type InfiniteTablePropKeyboardNavigation, type InfiniteTablePropKeyboardShorcut, type InfiniteTablePropMultiSortBehavior, type InfiniteTablePropRowClassName, type InfiniteTablePropRowStyle, type InfiniteTableProps, type InfiniteTablePropsNotAvailableInTreeGrid, type InfiniteTableRowClassNameFn, type InfiniteTableRowDetailApi, type InfiniteTableRowInfo, type InfiniteTableRowSelectionApi, type InfiniteTableRowStyleFn, type InfiniteTableState, type InfiniteTable_HasGrouping_RowInfoGroup, type InfiniteTable_HasGrouping_RowInfoNormal, type InfiniteTable_Tree_RowInfoLeafNode, type InfiniteTable_Tree_RowInfoNode, type InfiniteTable_Tree_RowInfoParentNode, type LazyGroupDataDeepMap, type LazyGroupDataItem, type LazyRowInfoGroup, Menu, type MenuChildrenFnParam, type MenuColumn, type MenuColumnRenderParam, type MenuDecoration, type MenuIconProps, type MenuItemActionContext, type MenuItemDefinition, type MenuItemObject, type MenuProps, type MenuRenderable, type MenuRuntimeItem, type MenuRuntimeItemSelectable, type MenuSeparator, type OverlayShowParams, RowDetailCache, RowDetailState, type RowDetailStateObject, RowDisabledState, type RowDisabledStateObject, RowSelectionState, type ScrollStopInfo, type Scrollbars, type ShowOverlayFn, type TableRenderRange, TreeDataSource, type TreeDataSourceProps, TreeExpandState, type TreeExpandStateValue, TreeGrid, type TreeGridOnlyProps, type TreeGridProps, TreeSelectionState, type TreeSelectionStateObject, type TreeSelectionValue, type UpdateChildrenFn, type UpdateOverlayContentFn, type WaitForNodeOptions, WeakFixedSizeSet, alignNode, components, createDefaultProxy, createFlashingColumnCellComponent, debounce, debug, defaultDragProxyMove, defaultFilterTypes, eventMatchesKeyboardShortcut, filterDataArray, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, multisortNested, queryKeyToCacheKey, toTreeDataArray, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceSelector, useDataSourceState, useDragDropProvider, useDragListContext, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useInfinitePortalContainer, useLayoutEffectWithChanges, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes, withSelectedLeafNodesOnly };
+export { type AdvancedAlignable, AutoScroller, type AutoScrollerConfig, CellSelectionState, type CellSelectionStateObject, type ColumnTypeWithInherit, DRAG_ITEM_ATTRIBUTE, DataClient, DataSource, type DataSourceAction, DataSourceActionType, type DataSourceAggregationReducer, type DataSourceApi, type DataSourceCRUDParam, type DataSourceCallback_BaseParam, type DataSourceComponentActions, type DataSourceContextValue, type DataSourceData, type DataSourceDataFn, type DataSourceDataParams, type DataSourceDataParamsChanges, type DataSourceDebugWarningKey, type DataSourceDerivedState, type DataSourceFilterFunctionParam, type DataSourceFilterOperator, type DataSourceFilterOperatorFunction, type DataSourceFilterOperatorFunctionParam, type DataSourceFilterType, type DataSourceFilterValueItem, type DataSourceFilterValueItemValueGetter, type DataSourceGroupBy, type DataSourceGroupRowsList, type DataSourceInsertParam, type DataSourceLivePaginationCursorFn, type DataSourceLivePaginationCursorParams, type DataSourceLivePaginationCursorValue, type DataSourceMappedState, type DataSourceMappings, type DataSourceMasterDetailContextValue, type DataSourcePivotBy, type DataSourcePropAggregationReducers, type DataSourcePropCellSelection, type DataSourcePropCellSelection_MultiCell, type DataSourcePropCellSelection_SingleCell, type DataSourcePropFilterFunction, type DataSourcePropFilterTypes, type DataSourcePropFilterValue, type DataSourcePropGroupBy, type DataSourcePropGroupRowsState, type DataSourcePropGroupRowsStateObject, type DataSourcePropIsNodeExpanded, type DataSourcePropIsNodeReadOnly, type DataSourcePropIsNodeSelectable, type DataSourcePropIsNodeSelected, type DataSourcePropIsRowSelected, type DataSourcePropLivePaginationCursor, type DataSourcePropMultiRowSelectionChangeParamType, type DataSourcePropOnCellSelectionChange, type DataSourcePropOnCellSelectionChange_MultiCell, type DataSourcePropOnCellSelectionChange_SingleCell, type DataSourcePropOnRowSelectionChange, type DataSourcePropOnRowSelectionChange_MultiRow, type DataSourcePropOnRowSelectionChange_SingleRow, type DataSourcePropOnTreeSelectionChange, type DataSourcePropOnTreeSelectionChange_MultiNode, type DataSourcePropOnTreeSelectionChange_SingleNode, type DataSourcePropPivotBy, type DataSourcePropRowInfoReducers, type DataSourcePropRowSelection, type DataSourcePropRowSelection_MultiRow, type DataSourcePropRowSelection_SingleRow, type DataSourcePropSelectionMode, type DataSourcePropShouldReloadData, type DataSourcePropShouldReloadDataObject, type DataSourcePropSortFn, type DataSourcePropSortInfo, type DataSourcePropSortTypes, type DataSourcePropTreeFilterFunction, type DataSourcePropTreeSelection, type DataSourcePropTreeSelection_MultiNode, type DataSourcePropTreeSelection_SingleNode, type DataSourceProps, type DataSourcePropsNotAvailableInTreeDataSource, type DataSourcePropsWithChildren, type DataSourceRawReducer, type DataSourceRemoteData, type DataSourceRowInfoReducer, type DataSourceSetupState, type DataSourceSingleSortInfo, type DataSourceSortInfo, type DataSourceStableContextValue, type DataSourceState, type DataSourceUpdateParam, type DebugLogger, type DebugTimingKey, type DebugWarningPayload, DeepMap, type DevToolsDataSourceOverrides, type DevToolsGenericMessage, type DevToolsHookFn, type DevToolsHookFnOptions, type DevToolsHostPageLogMessage, type DevToolsHostPageLogMessagePayload, type DevToolsHostPageMessage, type DevToolsHostPageMessagePayload, type DevToolsHostPageMessageType, type DevToolsInfiniteOverrides, type DevToolsMessageAddress, type DevToolsOverrides, DragDropProvider, type DragDropSourceAndTarget, DragInteractionTarget, DragList, type DragListProps, type DragProxyMoveParams, type DragProxyRenderParams, type DragProxySetupParams, type DragProxySetupResult, type ElementContainerGetter, type ErrorCodeKey, FixedSizeSet, FlashingColumnCell, GroupRowsState, INTERNAL_MatrixDebugger, type InfiniteColumnEditorContextType, InfiniteTable, type InfiniteTableAction, InfiniteTableActionType, type InfiniteTableApi, type InfiniteTableCellSelectionApi, InfiniteTableClassName, type InfiniteTableColumn, type InfiniteTableColumnAggregator, type InfiniteTableColumnApi, type InfiniteTableColumnCellContextType, type InfiniteTableColumnComparer, type InfiniteTableColumnGroup, type InfiniteTableColumnRenderFunctionForGroupRows, type InfiniteTableColumnRenderFunctionForNormalRows, type InfiniteTableColumnRenderValueParam, type InfiniteTableColumnRowspanParam, type InfiniteTableColumnSizingOptions, type InfiniteTableColumnValueFormatterParams, type InfiniteTableColumnValueGetterParams, InfiniteTableComponent, type InfiniteTableComputedColumn, type InfiniteTableComputedValues, type InfiniteTableContextValue, type InfiniteTableDebugWarningKey, type InfiniteTableGroupColumnBase, type InfiniteTableGroupColumnFunction, type InfiniteTableGroupColumnGetterOptions, type InfiniteTableKeyboardNavigationApi, type InfiniteTablePivotColumn, type InfiniteTablePropAutoSizeColumnsKey, type InfiniteTablePropColumnGroupVisibility, type InfiniteTablePropColumnGroups, type InfiniteTablePropColumnOrder, type InfiniteTablePropColumnPinning, type InfiniteTablePropColumnSizing, type InfiniteTablePropColumnTypes, type InfiniteTablePropColumnVisibility, type InfiniteTablePropColumns, type InfiniteTablePropComponents, type InfiniteTablePropGetCellContextMenuItems, type InfiniteTablePropGetColumnMenuItems, type InfiniteTablePropGetContextMenuItems, type InfiniteTablePropGroupColumn, type InfiniteTablePropGroupRenderStrategy, type InfiniteTablePropHeaderOptions, type InfiniteTablePropKeyboardNavigation, type InfiniteTablePropKeyboardShorcut, type InfiniteTablePropMultiSortBehavior, type InfiniteTablePropRowClassName, type InfiniteTablePropRowStyle, type InfiniteTableProps, type InfiniteTablePropsNotAvailableInTreeGrid, type InfiniteTableRowClassNameFn, type InfiniteTableRowDetailApi, type InfiniteTableRowInfo, type InfiniteTableRowSelectionApi, type InfiniteTableRowStyleFn, type InfiniteTableState, type InfiniteTable_HasGrouping_RowInfoGroup, type InfiniteTable_HasGrouping_RowInfoNormal, type InfiniteTable_Tree_RowInfoLeafNode, type InfiniteTable_Tree_RowInfoNode, type InfiniteTable_Tree_RowInfoParentNode, type LazyGroupDataDeepMap, type LazyGroupDataItem, type LazyRowInfoGroup, Menu, type MenuChildrenFnParam, type MenuColumn, type MenuColumnRenderParam, type MenuDecoration, type MenuIconProps, type MenuItemActionContext, type MenuItemDefinition, type MenuItemObject, type MenuProps, type MenuRenderable, type MenuRuntimeItem, type MenuRuntimeItemSelectable, type MenuSeparator, type OverlayShowParams, RowDetailCache, RowDetailState, type RowDetailStateObject, RowDisabledState, type RowDisabledStateObject, RowSelectionState, type ScrollStopInfo, type Scrollbars, type ShowOverlayFn, type TableRenderRange, TreeDataSource, type TreeDataSourceProps, TreeExpandState, type TreeExpandStateValue, TreeGrid, type TreeGridOnlyProps, type TreeGridProps, TreeSelectionState, type TreeSelectionStateObject, type TreeSelectionValue, type UpdateChildrenFn, type UpdateOverlayContentFn, type WaitForNodeOptions, WeakFixedSizeSet, alignNode, components, createDefaultProxy, createFlashingColumnCellComponent, debounce, debug, defaultDragProxyMove, defaultFilterTypes, eventMatchesKeyboardShortcut, filterDataArray, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, multisortNested, queryKeyToCacheKey, toTreeDataArray, useManagedComponentState as useComponentState, useDataSourceApi, useDataSourceInternal, useDataSourceSelector, useDataSourceState, useDragDropProvider, useDragListContext, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnApi, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useInfinitePortalContainer, useInfiniteTableApi, useLayoutEffectWithChanges, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes, withSelectedLeafNodesOnly };

package/index.dev.js

@@ -116,6 +116,7 @@ __export(index_exports, {
   queryKeyToCacheKey: () => queryKeyToCacheKey,
   toTreeDataArray: () => toTreeDataArray,
   useComponentState: () => useManagedComponentState,
+  useDataSourceApi: () => useDataSourceApi,
   useDataSourceInternal: () => useDataSourceInternal,
   useDataSourceSelector: () => useDataSourceSelector,
   useDataSourceState: () => useDataSourceState,
@@ -126,11 +127,13 @@ __export(index_exports, {
   useEffectWithChanges: () => useEffectWithChanges,
   useEffectWithObject: () => useEffectWithObject,
   useGridScroll: () => useGridScroll,
+  useInfiniteColumnApi: () => useInfiniteColumnApi,
   useInfiniteColumnCell: () => useInfiniteColumnCell,
   useInfiniteColumnEditor: () => useInfiniteColumnEditor,
   useInfiniteColumnFilterEditor: () => useInfiniteColumnFilterEditor,
   useInfiniteHeaderCell: () => useInfiniteHeaderCell,
   useInfinitePortalContainer: () => useInfinitePortalContainer,
+  useInfiniteTableApi: () => useInfiniteTableApi,
   useLayoutEffectWithChanges: () => useLayoutEffectWithChanges,
   useManagedDataSource: () => useManagedDataSource,
   useMasterRowInfo: () => useMasterRowInfo,
@@ -3437,6 +3440,12 @@ function getColumnApiForColumn(colOrColId, param) {
     },
     clearSort() {
       this.setSort(null);
+    },
+    getColumnId() {
+      return column.id;
+    },
+    getComputedColumn() {
+      return column;
     }
   };
   return columnApi;
@@ -8568,8 +8577,15 @@ var defaultUpdatePosition = (options) => {
 var getDraggableItemId = (node) => {
   return `${node.getAttribute(DRAG_ITEM_ATTRIBUTE)}`;
 };
-function getDraggableItems(domRef) {
+function getDraggableItemNodes(domRef, dragListId) {
   const dragItems = domRef.current?.querySelectorAll(DRAG_ITEM_SELECTOR) ?? [];
+  const result = Array.from(dragItems).filter(
+    (item) => item.getAttribute(DRAG_ITEM_LIST_ATTRIBUTE) === `${dragListId}`
+  );
+  return result;
+}
+function getDraggableItems(domRef, dragListId) {
+  const dragItems = getDraggableItemNodes(domRef, dragListId);
   if (!dragItems || dragItems.length === 0) {
   }
   const draggableItems = Array.from(dragItems).map((item) => {
@@ -8584,7 +8600,7 @@ function getDraggableItems(domRef) {
 }
 function getInteractionTargetData(params) {
   const { domRef, orientation, dragListId } = params;
-  const draggableItems = getDraggableItems(domRef);
+  const draggableItems = getDraggableItems(domRef, dragListId);
   const domRect = domRef.current.getBoundingClientRect();
   let top2 = domRect.top;
   let left2 = domRect.left;
@@ -8907,13 +8923,11 @@ var DragList = (props) => {
   const getDragItems = (0, import_react23.useCallback)(() => {
     let dragItems = dragItemsRef.current;
     if (!dragItems || dragItems.length === 0) {
-      dragItems = Array.from(
-        domRef.current?.querySelectorAll(DRAG_ITEM_SELECTOR) ?? []
-      );
+      dragItems = getDraggableItemNodes(domRef, props.dragListId);
       dragItemsRef.current = dragItems;
     }
     return dragItems;
-  }, []);
+  }, [props.dragListId]);
   const onDragItemPointerDown = (0, import_react23.useCallback)(
     (e) => {
       const target = e.currentTarget;
@@ -8934,9 +8948,7 @@ var DragList = (props) => {
       }
       dragItemId2 = `${dragItemId2}`;
       let dragOperation = null;
-      const dragItems = Array.from(
-        domRef.current?.querySelectorAll(DRAG_ITEM_SELECTOR) ?? []
-      );
+      const dragItems = getDraggableItemNodes(domRef, props.dragListId);
       dragItemsRef.current = dragItems;
       const interactionTarget2 = createInteractionTarget({
         domRef,
@@ -9146,6 +9158,7 @@ var DragList = (props) => {
 };
 var DRAG_LIST_ATTRIBUTE = "data-drag-list-id";
 var DRAG_ITEM_ATTRIBUTE = "data-drag-item-id";
+var DRAG_ITEM_LIST_ATTRIBUTE = "data-drag-item-list-id";
 var DRAG_ITEM_SELECTOR = `[${DRAG_ITEM_ATTRIBUTE}]`;
 var DragItemContext = React33.createContext({
   dragItemId: "",
@@ -9164,21 +9177,30 @@ var DraggableItem = (props) => {
     dragSourceListId,
     dropTargetListId
   } = useDragListContext();
-  const active = dragSourceListId === dragListId && dragItemId === `${props.id}`;
+  const dragItemListId = props.dragListId ?? dragListId;
+  const active = dragSourceListId === dragItemListId && dragItemId === `${props.id}`;
   const contextValue = React33.useMemo(
     () => ({
       dragItemId: props.id,
       active,
-      dragListId,
+      dragListId: dragItemListId,
       draggingInProgress,
       dragSourceListId,
       dropTargetListId
     }),
-    [props.id, active, draggingInProgress, dragSourceListId, dropTargetListId]
+    [
+      props.id,
+      active,
+      dragItemListId,
+      draggingInProgress,
+      dragSourceListId,
+      dropTargetListId
+    ]
   );
   const domProps = {
     // @ts-ignore
-    "data-drag-item-id": `${props.id}`,
+    [DRAG_ITEM_ATTRIBUTE]: `${props.id}`,
+    [DRAG_ITEM_LIST_ATTRIBUTE]: dragItemListId,
     onPointerDown: onDragItemPointerDown,
     className: join(
       "DraggableItem",
@@ -14098,7 +14120,8 @@ var InfiniteHeaderCellDataAttributes = keyMirror({
   "data-column-id": "",
   "data-sort": "",
   "data-sort-index": "",
-  [DRAG_ITEM_ATTRIBUTE]: ""
+  [DRAG_ITEM_ATTRIBUTE]: "",
+  [DRAG_ITEM_LIST_ATTRIBUTE]: ""
 });
 function InfiniteTableHeaderCellFn(props) {
   const column = props.column;
@@ -14413,6 +14436,7 @@ function InfiniteTableHeaderCellFn(props) {
     "data-field": `${column.field || ""}`,
     "data-column-id": column.id,
     [DRAG_ITEM_ATTRIBUTE]: column.id,
+    [DRAG_ITEM_LIST_ATTRIBUTE]: "header",
     "data-header-align": align2,
     "data-name": "HeaderCell",
     "data-sort": column.computedSortedAsc ? "asc" : column.computedSortedDesc ? "desc" : "none",
@@ -22581,6 +22605,11 @@ function useDataSourceInternal(props) {
   };
 }
 
+// src/components/DataSource/publicHooks/useDataSourceApi.ts
+function useDataSourceApi() {
+  return useDataSourceSelector((ctx) => ctx.dataSourceApi);
+}
+
 // src/components/DataSource/RowDetailState.ts
 var RowDetailState = class extends BooleanCollectionState {
   constructor(state) {
@@ -23590,6 +23619,7 @@ function isSortInfoForColumn(sortInfo, col) {
 }
 var InfiniteTableApiImpl = class {
   constructor(context) {
+    this.columnApiById = /* @__PURE__ */ new Map();
     this.getVisibleRenderRange = () => {
       return this.getState().brain.getRenderRange();
     };
@@ -23820,10 +23850,19 @@ var InfiniteTableApiImpl = class {
       return result;
     };
     this.getColumnApi = (columnIdOrIndex) => {
-      return getColumnApiForColumn(columnIdOrIndex, {
+      const colId = typeof columnIdOrIndex === "string" ? columnIdOrIndex : this.getComputed().computedVisibleColumns[columnIdOrIndex]?.id;
+      const existingApi = this.columnApiById.get(colId);
+      if (existingApi) {
+        return existingApi;
+      }
+      const columnApi = getColumnApiForColumn(columnIdOrIndex, {
         ...this.context,
         api: this
       });
+      if (columnApi) {
+        this.columnApiById.set(columnApi.getColumnId(), columnApi);
+      }
+      return columnApi;
     };
     this.isColumnSortable = (columnId) => {
       return this.getColumnApi(columnId)?.isSortable() ?? false;
@@ -26919,7 +26958,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "8.0.2"
+      version: "8.0.4"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -31830,6 +31869,16 @@ function InfiniteTableBody(props) {
 }
 InfiniteTableBody.rowHoverClassName = _HOVERED_CLASS_NAMES;
 
+// src/components/InfiniteTable/hooks/useInfiniteTableApi.ts
+function useInfiniteTableApi() {
+  return useInfiniteTableSelector((ctx) => ctx.api);
+}
+
+// src/components/InfiniteTable/hooks/useInfiniteColumnApi.ts
+function useInfiniteColumnApi(columnId) {
+  return useInfiniteTableSelector((ctx) => ctx.api.getColumnApi(columnId));
+}
+
 // src/components/InfiniteTable/index.tsx
 var InfiniteTableClassName = internalProps.rootClassName;
 var { ManagedComponentContextProvider: InfiniteTableRoot } = buildManagedComponent({
@@ -32932,6 +32981,7 @@ var components = {
   queryKeyToCacheKey,
   toTreeDataArray,
   useComponentState,
+  useDataSourceApi,
   useDataSourceInternal,
   useDataSourceSelector,
   useDataSourceState,
@@ -32942,11 +32992,13 @@ var components = {
   useEffectWithChanges,
   useEffectWithObject,
   useGridScroll,
+  useInfiniteColumnApi,
   useInfiniteColumnCell,
   useInfiniteColumnEditor,
   useInfiniteColumnFilterEditor,
   useInfiniteHeaderCell,
   useInfinitePortalContainer,
+  useInfiniteTableApi,
   useLayoutEffectWithChanges,
   useManagedDataSource,
   useMasterRowInfo,

package/index.dev.mjs

@@ -3367,6 +3367,12 @@ function getColumnApiForColumn(colOrColId, param) {
     },
     clearSort() {
       this.setSort(null);
+    },
+    getColumnId() {
+      return column.id;
+    },
+    getComputedColumn() {
+      return column;
     }
   };
   return columnApi;
@@ -8498,8 +8504,15 @@ var defaultUpdatePosition = (options) => {
 var getDraggableItemId = (node) => {
   return `${node.getAttribute(DRAG_ITEM_ATTRIBUTE)}`;
 };
-function getDraggableItems(domRef) {
+function getDraggableItemNodes(domRef, dragListId) {
   const dragItems = domRef.current?.querySelectorAll(DRAG_ITEM_SELECTOR) ?? [];
+  const result = Array.from(dragItems).filter(
+    (item) => item.getAttribute(DRAG_ITEM_LIST_ATTRIBUTE) === `${dragListId}`
+  );
+  return result;
+}
+function getDraggableItems(domRef, dragListId) {
+  const dragItems = getDraggableItemNodes(domRef, dragListId);
   if (!dragItems || dragItems.length === 0) {
   }
   const draggableItems = Array.from(dragItems).map((item) => {
@@ -8514,7 +8527,7 @@ function getDraggableItems(domRef) {
 }
 function getInteractionTargetData(params) {
   const { domRef, orientation, dragListId } = params;
-  const draggableItems = getDraggableItems(domRef);
+  const draggableItems = getDraggableItems(domRef, dragListId);
   const domRect = domRef.current.getBoundingClientRect();
   let top2 = domRect.top;
   let left2 = domRect.left;
@@ -8837,13 +8850,11 @@ var DragList = (props) => {
   const getDragItems = useCallback17(() => {
     let dragItems = dragItemsRef.current;
     if (!dragItems || dragItems.length === 0) {
-      dragItems = Array.from(
-        domRef.current?.querySelectorAll(DRAG_ITEM_SELECTOR) ?? []
-      );
+      dragItems = getDraggableItemNodes(domRef, props.dragListId);
       dragItemsRef.current = dragItems;
     }
     return dragItems;
-  }, []);
+  }, [props.dragListId]);
   const onDragItemPointerDown = useCallback17(
     (e) => {
       const target = e.currentTarget;
@@ -8864,9 +8875,7 @@ var DragList = (props) => {
       }
       dragItemId2 = `${dragItemId2}`;
       let dragOperation = null;
-      const dragItems = Array.from(
-        domRef.current?.querySelectorAll(DRAG_ITEM_SELECTOR) ?? []
-      );
+      const dragItems = getDraggableItemNodes(domRef, props.dragListId);
       dragItemsRef.current = dragItems;
       const interactionTarget2 = createInteractionTarget({
         domRef,
@@ -9076,6 +9085,7 @@ var DragList = (props) => {
 };
 var DRAG_LIST_ATTRIBUTE = "data-drag-list-id";
 var DRAG_ITEM_ATTRIBUTE = "data-drag-item-id";
+var DRAG_ITEM_LIST_ATTRIBUTE = "data-drag-item-list-id";
 var DRAG_ITEM_SELECTOR = `[${DRAG_ITEM_ATTRIBUTE}]`;
 var DragItemContext = React33.createContext({
   dragItemId: "",
@@ -9094,21 +9104,30 @@ var DraggableItem = (props) => {
     dragSourceListId,
     dropTargetListId
   } = useDragListContext();
-  const active = dragSourceListId === dragListId && dragItemId === `${props.id}`;
+  const dragItemListId = props.dragListId ?? dragListId;
+  const active = dragSourceListId === dragItemListId && dragItemId === `${props.id}`;
   const contextValue = React33.useMemo(
     () => ({
       dragItemId: props.id,
       active,
-      dragListId,
+      dragListId: dragItemListId,
       draggingInProgress,
       dragSourceListId,
       dropTargetListId
     }),
-    [props.id, active, draggingInProgress, dragSourceListId, dropTargetListId]
+    [
+      props.id,
+      active,
+      dragItemListId,
+      draggingInProgress,
+      dragSourceListId,
+      dropTargetListId
+    ]
   );
   const domProps = {
     // @ts-ignore
-    "data-drag-item-id": `${props.id}`,
+    [DRAG_ITEM_ATTRIBUTE]: `${props.id}`,
+    [DRAG_ITEM_LIST_ATTRIBUTE]: dragItemListId,
     onPointerDown: onDragItemPointerDown,
     className: join(
       "DraggableItem",
@@ -14028,7 +14047,8 @@ var InfiniteHeaderCellDataAttributes = keyMirror({
   "data-column-id": "",
   "data-sort": "",
   "data-sort-index": "",
-  [DRAG_ITEM_ATTRIBUTE]: ""
+  [DRAG_ITEM_ATTRIBUTE]: "",
+  [DRAG_ITEM_LIST_ATTRIBUTE]: ""
 });
 function InfiniteTableHeaderCellFn(props) {
   const column = props.column;
@@ -14343,6 +14363,7 @@ function InfiniteTableHeaderCellFn(props) {
     "data-field": `${column.field || ""}`,
     "data-column-id": column.id,
     [DRAG_ITEM_ATTRIBUTE]: column.id,
+    [DRAG_ITEM_LIST_ATTRIBUTE]: "header",
     "data-header-align": align2,
     "data-name": "HeaderCell",
     "data-sort": column.computedSortedAsc ? "asc" : column.computedSortedDesc ? "desc" : "none",
@@ -22516,6 +22537,11 @@ function useDataSourceInternal(props) {
   };
 }
 
+// src/components/DataSource/publicHooks/useDataSourceApi.ts
+function useDataSourceApi() {
+  return useDataSourceSelector((ctx) => ctx.dataSourceApi);
+}
+
 // src/components/DataSource/RowDetailState.ts
 var RowDetailState = class extends BooleanCollectionState {
   constructor(state) {
@@ -23525,6 +23551,7 @@ function isSortInfoForColumn(sortInfo, col) {
 }
 var InfiniteTableApiImpl = class {
   constructor(context) {
+    this.columnApiById = /* @__PURE__ */ new Map();
     this.getVisibleRenderRange = () => {
       return this.getState().brain.getRenderRange();
     };
@@ -23755,10 +23782,19 @@ var InfiniteTableApiImpl = class {
       return result;
     };
     this.getColumnApi = (columnIdOrIndex) => {
-      return getColumnApiForColumn(columnIdOrIndex, {
+      const colId = typeof columnIdOrIndex === "string" ? columnIdOrIndex : this.getComputed().computedVisibleColumns[columnIdOrIndex]?.id;
+      const existingApi = this.columnApiById.get(colId);
+      if (existingApi) {
+        return existingApi;
+      }
+      const columnApi = getColumnApiForColumn(columnIdOrIndex, {
         ...this.context,
         api: this
       });
+      if (columnApi) {
+        this.columnApiById.set(columnApi.getColumnId(), columnApi);
+      }
+      return columnApi;
     };
     this.isColumnSortable = (columnId) => {
       return this.getColumnApi(columnId)?.isSortable() ?? false;
@@ -26858,7 +26894,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "8.0.2"
+      version: "8.0.4"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -31779,6 +31815,16 @@ function InfiniteTableBody(props) {
 }
 InfiniteTableBody.rowHoverClassName = _HOVERED_CLASS_NAMES;
 
+// src/components/InfiniteTable/hooks/useInfiniteTableApi.ts
+function useInfiniteTableApi() {
+  return useInfiniteTableSelector((ctx) => ctx.api);
+}
+
+// src/components/InfiniteTable/hooks/useInfiniteColumnApi.ts
+function useInfiniteColumnApi(columnId) {
+  return useInfiniteTableSelector((ctx) => ctx.api.getColumnApi(columnId));
+}
+
 // src/components/InfiniteTable/index.tsx
 var InfiniteTableClassName = internalProps.rootClassName;
 var { ManagedComponentContextProvider: InfiniteTableRoot } = buildManagedComponent({
@@ -32880,6 +32926,7 @@ export {
   queryKeyToCacheKey,
   toTreeDataArray,
   useManagedComponentState as useComponentState,
+  useDataSourceApi,
   useDataSourceInternal,
   useDataSourceSelector,
   useDataSourceState,
@@ -32890,11 +32937,13 @@ export {
   useEffectWithChanges,
   useEffectWithObject,
   useGridScroll,
+  useInfiniteColumnApi,
   useInfiniteColumnCell,
   useInfiniteColumnEditor,
   useInfiniteColumnFilterEditor,
   useInfiniteHeaderCell,
   useInfinitePortalContainer,
+  useInfiniteTableApi,
   useLayoutEffectWithChanges,
   useManagedDataSource,
   useMasterRowInfo,