@infinite-table/infinite-react 0.2.11 → 0.2.12

package/index.d.ts

@@ -2,6 +2,10 @@ import * as _vanilla_extract_private from '@vanilla-extract/private';
 import * as React$1 from 'react';
 import { CSSProperties, MutableRefObject } from 'react';
 
+declare function debounce(fn: Function, { wait }: {
+    wait: number;
+}): (...args: any[]) => void;
+
 interface ScrollPosition {
     scrollTop: number;
     scrollLeft: number;
@@ -466,6 +470,9 @@ declare type InfiniteTableColumnVerticalAlign = 'start' | 'center' | 'end';
 declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
 declare type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
 declare type InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T> = RequireAtLeastOne<{
+    /**
+     * Determines the field property of the column.
+     */
     field?: keyof T;
     render?: InfiniteTableColumnRenderFunction<T>;
     renderValue?: InfiniteTableColumnRenderFunction<T>;
@@ -520,7 +527,14 @@ declare type InfiniteTableBaseColumn<T> = {
     minWidth?: number;
     maxWidth?: number;
 };
-declare type InfiniteTableColumn<T> = {} & InfiniteTableBaseColumn<T> & InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T>;
+/**
+ * Defines a column in the table.
+ *
+ * @typeParam DATA_TYPE The type of the data in the table.
+ *
+ * Can be bound to a field which is a `keyof DATA_TYPE`.
+ */
+declare type InfiniteTableColumn<DATA_TYPE> = {} & InfiniteTableBaseColumn<DATA_TYPE> & InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<DATA_TYPE>;
 declare type InfiniteTableGeneratedGroupColumn<T> = InfiniteTableColumn<T> & {
     groupByField: string | string[];
     id?: string;
@@ -1054,4 +1068,4 @@ declare function interceptMap<K, V>(map: Map<K, V>, fns: InterceptedMapFns<K, V>
 
 declare function useEffectWithChanges(fn: (changes: Record<string, any>, prevValues: Record<string, any>) => void | (() => void), deps: Record<string, any>): void;
 
-export { DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceExpandedAndCollapsedGroupRows, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropGroupBy, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableImperativeApi, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyGroupRowInfo, Scrollbars, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges };
+export { DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceExpandedAndCollapsedGroupRows, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropGroupBy, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyGroupRowInfo, Scrollbars, debounce, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges };

package/index.esm.js

@@ -616,6 +616,20 @@ var require_vanilla_extract_recipes_createRuntimeFn_cjs = __commonJS({
   }
 });
 
+// src/components/utils/debounce.ts
+function debounce(fn, { wait }) {
+  let timeout = null;
+  return function(...args) {
+    const context = this;
+    if (timeout !== null) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => {
+      fn.apply(context, args);
+    }, wait);
+  };
+}
+
 // src/components/InfiniteTable/index.tsx
 import {
   StrictMode,
@@ -1731,7 +1745,6 @@ var getComputedVisibleColumns = ({
     }
     return acc;
   }, {});
-  console.log(columnSizing, "columnSizing");
   const flexResult = computeFlex({
     availableSize: Math.max(bodySize.width - (viewportReservedWidth != null ? viewportReservedWidth : 0) - getScrollbarWidth(), 0),
     maxSize: columnMaxWidth,
@@ -2100,6 +2113,7 @@ var useComputedVisibleColumns = ({
     pinnedEndMaxWidth,
     pinnedStartMaxWidth,
     columnSizing,
+    columnTypes,
     columnPinning,
     columnsRenderId,
     pinningRenderId
@@ -3476,20 +3490,6 @@ function useEffectWithChanges(fn, deps) {
   }, useEffectDeps);
 }
 
-// src/components/utils/debounce.ts
-function debounce(fn, { wait }) {
-  let timeout = null;
-  return function(...args) {
-    const context = this;
-    if (timeout !== null) {
-      clearTimeout(timeout);
-    }
-    timeout = setTimeout(() => {
-      fn.apply(context, args);
-    }, wait);
-  };
-}
-
 // src/components/DataSource/privateHooks/useLoadData.ts
 var getRafPromise = () => new Promise((resolve) => {
   requestAnimationFrame(resolve);
@@ -7861,7 +7861,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo12(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.11"
+      version: "0.2.12"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -8350,6 +8350,7 @@ export {
   InfiniteTable,
   InfiniteTableClassName,
   InfiniteTableComponent,
+  debounce,
   flatten,
   getComponentStateRoot,
   group,

package/index.js

@@ -629,6 +629,7 @@ __export(exports, {
   InfiniteTable: () => InfiniteTable,
   InfiniteTableClassName: () => InfiniteTableClassName,
   InfiniteTableComponent: () => InfiniteTableComponent,
+  debounce: () => debounce,
   flatten: () => flatten,
   getComponentStateRoot: () => getComponentStateRoot,
   group: () => group,
@@ -639,6 +640,20 @@ __export(exports, {
   useEffectWithChanges: () => useEffectWithChanges
 });
 
+// src/components/utils/debounce.ts
+function debounce(fn, { wait }) {
+  let timeout = null;
+  return function(...args) {
+    const context = this;
+    if (timeout !== null) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => {
+      fn.apply(context, args);
+    }, wait);
+  };
+}
+
 // src/components/InfiniteTable/index.tsx
 var React34 = __toModule(require("react"));
 
@@ -1740,7 +1755,6 @@ var getComputedVisibleColumns = ({
     }
     return acc;
   }, {});
-  console.log(columnSizing, "columnSizing");
   const flexResult = computeFlex({
     availableSize: Math.max(bodySize.width - (viewportReservedWidth != null ? viewportReservedWidth : 0) - getScrollbarWidth(), 0),
     maxSize: columnMaxWidth,
@@ -2109,6 +2123,7 @@ var useComputedVisibleColumns = ({
     pinnedEndMaxWidth,
     pinnedStartMaxWidth,
     columnSizing,
+    columnTypes,
     columnPinning,
     columnsRenderId,
     pinningRenderId
@@ -3462,20 +3477,6 @@ function useEffectWithChanges(fn, deps) {
   }, useEffectDeps);
 }
 
-// src/components/utils/debounce.ts
-function debounce(fn, { wait }) {
-  let timeout = null;
-  return function(...args) {
-    const context = this;
-    if (timeout !== null) {
-      clearTimeout(timeout);
-    }
-    timeout = setTimeout(() => {
-      fn.apply(context, args);
-    }, wait);
-  };
-}
-
 // src/components/DataSource/privateHooks/useLoadData.ts
 var getRafPromise = () => new Promise((resolve) => {
   requestAnimationFrame(resolve);
@@ -7768,7 +7769,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react42.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.11"
+      version: "0.2.12"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -14,5 +14,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1646691757916
+  "publishedAt": 1646828095950
 }