@vuu-ui/vuu-table 0.8.56 → 0.8.58

package/types/Table.d.ts

@@ -1,9 +1,8 @@
 import { DataSource, SchemaColumn, SelectionChangeHandler, VuuFeatureInvocationMessage } from "@vuu-ui/vuu-data-types";
-import { TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableRowSelectHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
+import { CustomHeader, RowProps, TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableRowSelectHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
 import type { DragDropState } from "@vuu-ui/vuu-ui-controls";
-import { DragStartHandler, dragStrategy, MeasuredContainerProps } from "@vuu-ui/vuu-ui-controls";
+import { DragStartHandler, MeasuredContainerProps, dragStrategy } from "@vuu-ui/vuu-ui-controls";
 import { FC, ForwardedRef } from "react";
-import { RowProps } from "./Row";
 import { ScrollingAPI } from "./useTableScroll";
 export type TableNavigationStyle = "none" | "cell" | "row";
 export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" | "onDrop" | "onSelect"> {
@@ -22,11 +21,10 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
     dataSource: DataSource;
     disableFocus?: boolean;
     /**
-     * Pixel height of headers. If specified here, this will take precedence over CSS
-     * values and Table will not respond to density changes. Default value is 125% of
-     * rowHeight, whether set vis rowHeight prop or CSS.
+     * Allows additional custom element(s) to be embedded immediately below column headers.
+     * Could be used to present inline filters for example.
      */
-    headerHeight?: number;
+    customHeader?: CustomHeader | CustomHeader[];
     /**
      * Defined how focus navigation within data cells will be handled by table.
      * Default is cell.

package/types/bulk-edit/bulk-edit-panel/BulkEditPanel.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DataSource } from "@vuu-ui/vuu-data-types";
+import { TableConfig } from "@vuu-ui/vuu-table-types";
+type BulkEditPanelProps = {
+    className?: string;
+    tableConfig: TableConfig;
+    dataSource: DataSource;
+    onCancel: () => void;
+    onEditMultiple: () => void;
+    onSubmit: () => void;
+};
+export declare const BulkEditPanel: (props: BulkEditPanelProps) => JSX.Element;
+export {};

package/types/bulk-edit/bulk-edit-panel/index.d.ts

@@ -0,0 +1 @@
+export * from "./BulkEditPanel";

package/types/bulk-edit/bulk-edit-row/BulkEditRow.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
+import { ColumnMap } from "@vuu-ui/vuu-utils";
+type BulkEditRowProps = {
+    className?: string;
+    columnMap: ColumnMap;
+    columns: RuntimeColumnDescriptor[];
+    row: DataSourceRow;
+    offset: number;
+};
+export declare const BulkEditRow: (props: BulkEditRowProps) => JSX.Element;
+export {};

package/types/bulk-edit/bulk-edit-row/index.d.ts

@@ -0,0 +1 @@
+export * from "./BulkEditRow";

package/types/bulk-edit/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./bulk-edit-row";
+export * from "./bulk-edit-panel";

package/types/index.d.ts

@@ -1,11 +1,12 @@
-export { GroupHeaderCell as GroupHeaderCellNext } from "./header-cell";
+export * from "./header-cell";
+export * from "./cell-renderers";
 export * from "./header-cell";
 export * from "./Table";
 export * from "./table-cell";
 export * from "./table-config";
-export * from "./cell-renderers";
-export type { RowProps } from "./Row";
+export * from "./table-header";
 export * from "./useControlledTableNavigation";
 export * from "./useTableModel";
 export * from "./useTableScroll";
 export * from "./useTableViewport";
+export * from "./bulk-edit";

package/types/table-dom-utils.d.ts

@@ -8,6 +8,7 @@ export declare const headerCellQuery: (colIdx: number) => string;
 export declare const dataCellQuery: (rowIdx: number, colIdx: number) => string;
 export declare const getTableCell: (containerRef: RefObject<HTMLElement>, [rowIdx, colIdx]: CellPos) => HTMLElement;
 export declare const cellIsEditable: (cell: HTMLDivElement | null) => boolean | undefined;
+export declare const cellDropdownShowing: (cell: HTMLDivElement | null) => boolean;
 export declare const cellIsTextInput: (cell: HTMLElement) => boolean;
 export declare function getRowIndex(rowEl?: HTMLElement): number;
 export declare const closestRowIndex: (el: HTMLElement) => number;

package/types/table-header/HeaderProvider.d.ts

@@ -0,0 +1,4 @@
+import { BaseRowProps } from "@vuu-ui/vuu-table-types";
+import { FC } from "react";
+export declare const HeaderProvider: FC<BaseRowProps>;
+export declare const useHeaderProps: () => BaseRowProps;

package/types/table-header/TableHeader.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
+import { ColumnDescriptor, CustomHeader, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
 export type ColumnSortHandler = (column: ColumnDescriptor, addToExistingSort: boolean, sortType?: VuuSortType) => void;
 export interface TableHeaderProps {
     classBase?: string;
     columns: RuntimeColumnDescriptor[];
+    customHeader?: CustomHeader | CustomHeader[];
     headings: TableHeadings;
+    onHeightMeasured: (height: number) => void;
     onResizeColumn: TableColumnResizeHandler;
     onMoveColumn: (columns: ColumnDescriptor[]) => void;
     onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
@@ -16,4 +18,4 @@ export interface TableHeaderProps {
     tableId: string;
     virtualColSpan?: number;
 }
-export declare const TableHeader: import("react").MemoExoticComponent<({ classBase, columns, headings, onMoveColumn, onMoveGroupColumn, onRemoveGroupColumn, onResizeColumn, onSortColumn, showColumnHeaderMenus, tableConfig, tableId, virtualColSpan, }: TableHeaderProps) => JSX.Element>;
+export declare const TableHeader: import("react").MemoExoticComponent<({ classBase, columns, customHeader, headings, onHeightMeasured, onMoveColumn, onMoveGroupColumn, onRemoveGroupColumn, onResizeColumn, onSortColumn, showColumnHeaderMenus, tableConfig, tableId, virtualColSpan, }: TableHeaderProps) => JSX.Element>;

package/types/table-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./HeaderProvider";
+export * from "./TableHeader";

package/types/table-header/useTableHeader.d.ts

@@ -3,13 +3,14 @@ import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
 import { TableHeaderProps } from "./TableHeader";
 export interface TableHeaderHookProps extends Pick<TableHeaderProps, "columns" | "onMoveColumn" | "onSortColumn" | "tableConfig"> {
     label?: string;
+    onHeightMeasured: (height: number) => void;
     onMoveColumn: (columns: ColumnDescriptor[]) => void;
     onSortColumn: (column: ColumnDescriptor, addToExistingSort: boolean) => void;
 }
-export declare const useTableHeader: ({ columns, onMoveColumn, onSortColumn, tableConfig, }: TableHeaderHookProps) => {
+export declare const useTableHeader: ({ columns, onHeightMeasured, onMoveColumn, onSortColumn, tableConfig, }: TableHeaderHookProps) => {
     draggableColumn: JSX.Element | undefined;
     draggedColumnIndex: number | undefined;
     onClick: (evt: React.MouseEvent | React.KeyboardEvent) => void;
-    onMouseDown: import("react").MouseEventHandler<Element> | undefined;
-    setContainerRef: (instance: HTMLDivElement | null) => void;
+    onMouseDown: import("react").MouseEventHandler | undefined;
+    setContainerRef: import("react").Ref<HTMLDivElement>;
 };

package/types/useCellEditing.d.ts

@@ -3,8 +3,8 @@ export interface CellEditingHookProps {
     navigate: () => void;
 }
 export declare const useCellEditing: ({ navigate }: CellEditingHookProps) => {
-    onBlur: FocusEventHandler<Element>;
+    onBlur: FocusEventHandler;
     onDoubleClick: (e: MouseEvent<HTMLElement>) => void;
-    onFocus: FocusEventHandler<Element>;
+    onFocus: FocusEventHandler;
     onKeyDown: (e: ReactKeyboardEvent<HTMLElement>) => void;
 };

package/types/useControlledTableNavigation.d.ts

@@ -2,6 +2,6 @@ import { KeyboardEventHandler } from "react";
 export declare const useControlledTableNavigation: (initialValue: number, rowCount: number) => {
     highlightedIndexRef: import("react").MutableRefObject<number | undefined>;
     onHighlight: (idx: number) => void;
-    onKeyDown: KeyboardEventHandler<Element>;
+    onKeyDown: KeyboardEventHandler;
     tableRef: import("react").RefObject<HTMLDivElement>;
 };

package/types/useMeasuredHeight.d.ts

@@ -0,0 +1,10 @@
+import { RefCallback } from "react";
+interface MeasuredHeightHookProps {
+    onHeightMeasured?: (height: number) => void;
+    height?: number;
+}
+export declare const useMeasuredHeight: ({ onHeightMeasured, height: heightProp, }: MeasuredHeightHookProps) => {
+    rowHeight: number;
+    rowRef: RefCallback<HTMLDivElement>;
+};
+export {};

package/types/useTable.d.ts

@@ -6,30 +6,31 @@ import { FocusEvent, KeyboardEvent, RefObject } from "react";
 import { TableProps } from "./Table";
 export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDragStart" | "onDrop" | "onFeatureInvocation" | "onHighlight" | "onSelect" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "scrollingApiRef"> {
     containerRef: RefObject<HTMLDivElement>;
-    headerHeight: number;
     rowHeight: number;
     selectionModel: TableSelectionModel;
     size: MeasuredSize;
 }
-export declare const useTable: ({ allowDragDrop, availableColumns, config, containerRef, dataSource, disableFocus, headerHeight, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDragStart, onDrop, onFeatureInvocation, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectionChange, renderBufferSize, rowHeight, scrollingApiRef, selectionModel, size, }: TableHookProps) => {
+export declare const useTable: ({ allowDragDrop, availableColumns, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDragStart, onDrop, onFeatureInvocation, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectionChange, renderBufferSize, rowHeight, scrollingApiRef, selectionModel, size, }: TableHookProps) => {
     "aria-rowcount": number;
     rowClassNameGenerator: import("@vuu-ui/vuu-utils").RowClassNameGenerator | undefined;
     draggableRow: JSX.Element | undefined;
-    onBlur: import("react").FocusEventHandler<Element>;
+    onBlur: import("react").FocusEventHandler;
     onDoubleClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
     onFocus: (e: FocusEvent<HTMLElement>) => void;
     onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
-    onMouseDown: import("react").MouseEventHandler<Element> | undefined;
+    onMouseDown: import("react").MouseEventHandler | undefined;
     columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
     columns: RuntimeColumnDescriptor[];
     data: DataSourceRow[];
     getRowOffset: import("@vuu-ui/vuu-utils").RowOffsetFunc;
     handleContextMenuAction: import("@vuu-ui/vuu-data-types").MenuActionHandler;
+    headerHeight: number;
     headings: import("@vuu-ui/vuu-table-types").TableHeadings;
     highlightedIndex: number | undefined;
-    menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder<string, unknown>;
+    menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder;
     onContextMenu: (evt: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
     onDataEdited: DataCellEditHandler;
+    onHeaderHeightMeasured: (height: number) => void;
     onMoveColumn: (columns: ColumnDescriptor[]) => void;
     onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
     onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;

package/types/useTableViewport.d.ts

@@ -3,13 +3,12 @@
  * and virtualisation of the table. This includes measurements required
  * to support pinned columns.
  */
-import { RuntimeColumnDescriptor, TableHeadings } from "@vuu-ui/vuu-table-types";
+import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
 import { MeasuredSize } from "@vuu-ui/vuu-ui-controls";
 import { RowAtPositionFunc, RowOffsetFunc } from "@vuu-ui/vuu-utils";
 export interface TableViewportHookProps {
     columns: RuntimeColumnDescriptor[];
     headerHeight: number;
-    headings: TableHeadings;
     rowCount: number;
     rowHeight: number;
     /**
@@ -38,4 +37,4 @@ export interface TableViewportHookResult extends ViewportMeasurements {
     setInSituRowOffset: (rowIndexOffset: number) => void;
     setScrollTop: (scrollTop: number, scrollPct: number) => void;
 }
-export declare const useTableViewport: ({ columns, headerHeight, headings, rowCount, rowHeight, selectionEndSize, size, }: TableViewportHookProps) => TableViewportHookResult;
+export declare const useTableViewport: ({ columns, headerHeight, rowCount, rowHeight, selectionEndSize, size, }: TableViewportHookProps) => TableViewportHookResult;

package/cjs/useRowHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRowHeight.js","sources":["../src/useRowHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, useRef, useState } from \"react\";\n\ninterface RowHeightHookProps {\n  rowHeight?: number;\n}\n\nexport const useRowHeight = ({\n  rowHeight: rowHeightProp = 0,\n}: RowHeightHookProps) => {\n  const [rowHeight, setRowHeight] = useState(rowHeightProp);\n  const heightRef = useRef(rowHeight);\n\n  const resizeObserver = useMemo(() => {\n    return new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        const [{ blockSize: measuredSize }] = entry.borderBoxSize;\n        const newHeight = Math.round(measuredSize);\n        if (isValidNumber(newHeight) && heightRef.current !== newHeight) {\n          heightRef.current = newHeight;\n          setRowHeight(newHeight);\n        }\n      }\n    });\n  }, []);\n\n  const rowRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el) {\n        if (rowHeightProp === 0) {\n          const { height } = el.getBoundingClientRect();\n          console.log({ boundingClientHeight: height });\n          console.log(`measured rowHeight = ${height} (${rowHeightProp})`);\n          resizeObserver.observe(el);\n          setRowHeight(height);\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, rowHeightProp]\n  );\n\n  return { rowHeight, rowRef };\n};\n"],"names":["useState","useRef","useMemo","isValidNumber","useCallback"],"mappings":";;;;;AAOO,MAAM,eAAe,CAAC;AAAA,EAC3B,WAAW,aAAgB,GAAA,CAAA;AAC7B,CAA0B,KAAA;AACxB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,aAAa,CAAA,CAAA;AACxD,EAAM,MAAA,SAAA,GAAYC,aAAO,SAAS,CAAA,CAAA;AAElC,EAAM,MAAA,cAAA,GAAiBC,cAAQ,MAAM;AACnC,IAAO,OAAA,IAAI,cAAe,CAAA,CAAC,OAAmC,KAAA;AAC5D,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAA,MAAM,CAAC,EAAE,SAAA,EAAW,YAAa,EAAC,IAAI,KAAM,CAAA,aAAA,CAAA;AAC5C,QAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AACzC,QAAA,IAAIC,sBAAc,CAAA,SAAS,CAAK,IAAA,SAAA,CAAU,YAAY,SAAW,EAAA;AAC/D,UAAA,SAAA,CAAU,OAAU,GAAA,SAAA,CAAA;AACpB,UAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AAAA,SACxB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,MAAS,GAAAC,iBAAA;AAAA,IACb,CAAC,EAAO,KAAA;AACN,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,IAAI,kBAAkB,CAAG,EAAA;AACvB,UAAA,MAAM,EAAE,MAAA,EAAW,GAAA,EAAA,CAAG,qBAAsB,EAAA,CAAA;AAC5C,UAAA,OAAA,CAAQ,GAAI,CAAA,EAAE,oBAAsB,EAAA,MAAA,EAAQ,CAAA,CAAA;AAC5C,UAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,qBAAA,EAAwB,MAAM,CAAA,EAAA,EAAK,aAAa,CAAG,CAAA,CAAA,CAAA,CAAA;AAC/D,UAAA,cAAA,CAAe,QAAQ,EAAE,CAAA,CAAA;AACzB,UAAA,YAAA,CAAa,MAAM,CAAA,CAAA;AAAA,SACrB;AAAA,OACK,MAAA;AACL,QAAA,cAAA,CAAe,UAAW,EAAA,CAAA;AAAA,OAC5B;AAAA,KACF;AAAA,IACA,CAAC,gBAAgB,aAAa,CAAA;AAAA,GAChC,CAAA;AAEA,EAAO,OAAA,EAAE,WAAW,MAAO,EAAA,CAAA;AAC7B;;;;"}

package/esm/useRowHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRowHeight.js","sources":["../src/useRowHeight.ts"],"sourcesContent":["import { isValidNumber } from \"@vuu-ui/vuu-utils\";\nimport { RefCallback, useCallback, useMemo, useRef, useState } from \"react\";\n\ninterface RowHeightHookProps {\n  rowHeight?: number;\n}\n\nexport const useRowHeight = ({\n  rowHeight: rowHeightProp = 0,\n}: RowHeightHookProps) => {\n  const [rowHeight, setRowHeight] = useState(rowHeightProp);\n  const heightRef = useRef(rowHeight);\n\n  const resizeObserver = useMemo(() => {\n    return new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        const [{ blockSize: measuredSize }] = entry.borderBoxSize;\n        const newHeight = Math.round(measuredSize);\n        if (isValidNumber(newHeight) && heightRef.current !== newHeight) {\n          heightRef.current = newHeight;\n          setRowHeight(newHeight);\n        }\n      }\n    });\n  }, []);\n\n  const rowRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el) {\n        if (rowHeightProp === 0) {\n          const { height } = el.getBoundingClientRect();\n          console.log({ boundingClientHeight: height });\n          console.log(`measured rowHeight = ${height} (${rowHeightProp})`);\n          resizeObserver.observe(el);\n          setRowHeight(height);\n        }\n      } else {\n        resizeObserver.disconnect();\n      }\n    },\n    [resizeObserver, rowHeightProp]\n  );\n\n  return { rowHeight, rowRef };\n};\n"],"names":[],"mappings":";;;AAOO,MAAM,eAAe,CAAC;AAAA,EAC3B,WAAW,aAAgB,GAAA,CAAA;AAC7B,CAA0B,KAAA;AACxB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,aAAa,CAAA,CAAA;AACxD,EAAM,MAAA,SAAA,GAAY,OAAO,SAAS,CAAA,CAAA;AAElC,EAAM,MAAA,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAO,OAAA,IAAI,cAAe,CAAA,CAAC,OAAmC,KAAA;AAC5D,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAA,MAAM,CAAC,EAAE,SAAA,EAAW,YAAa,EAAC,IAAI,KAAM,CAAA,aAAA,CAAA;AAC5C,QAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AACzC,QAAA,IAAI,aAAc,CAAA,SAAS,CAAK,IAAA,SAAA,CAAU,YAAY,SAAW,EAAA;AAC/D,UAAA,SAAA,CAAU,OAAU,GAAA,SAAA,CAAA;AACpB,UAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AAAA,SACxB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAAO,KAAA;AACN,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,IAAI,kBAAkB,CAAG,EAAA;AACvB,UAAA,MAAM,EAAE,MAAA,EAAW,GAAA,EAAA,CAAG,qBAAsB,EAAA,CAAA;AAC5C,UAAA,OAAA,CAAQ,GAAI,CAAA,EAAE,oBAAsB,EAAA,MAAA,EAAQ,CAAA,CAAA;AAC5C,UAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,qBAAA,EAAwB,MAAM,CAAA,EAAA,EAAK,aAAa,CAAG,CAAA,CAAA,CAAA,CAAA;AAC/D,UAAA,cAAA,CAAe,QAAQ,EAAE,CAAA,CAAA;AACzB,UAAA,YAAA,CAAa,MAAM,CAAA,CAAA;AAAA,SACrB;AAAA,OACK,MAAA;AACL,QAAA,cAAA,CAAe,UAAW,EAAA,CAAA;AAAA,OAC5B;AAAA,KACF;AAAA,IACA,CAAC,gBAAgB,aAAa,CAAA;AAAA,GAChC,CAAA;AAEA,EAAO,OAAA,EAAE,WAAW,MAAO,EAAA,CAAA;AAC7B;;;;"}

package/types/useRowHeight.d.ts

@@ -1,8 +0,0 @@
-interface RowHeightHookProps {
-    rowHeight?: number;
-}
-export declare const useRowHeight: ({ rowHeight: rowHeightProp, }: RowHeightHookProps) => {
-    rowHeight: number;
-    rowRef: (instance: HTMLDivElement | null) => void;
-};
-export {};