@stenajs-webui/grid 18.9.2 → 18.9.3

package/dist/features/standard-table/components/StandardTable.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from "react";
 import { StandardTableConfig } from "../config/StandardTableConfig";
 import { TableContext } from "../context/StandardTableStateContext";
 import { StandardTableOnKeyDown, StandardTableOnSortOrderChange } from "../types/StandardTableEvents";
+import { TableHeadProps } from "../../table-ui/components/table/TableHeadItem";
 export interface StandardTableProps<TItem, TColumnKey extends string, TColumnGroupKey extends string> {
     /**
      * Variant of table
@@ -29,6 +30,11 @@ export interface StandardTableProps<TItem, TColumnKey extends string, TColumnGro
      * Config for the table. Required.
      */
     config: StandardTableConfig<TItem, TColumnKey, TColumnGroupKey>;
+    /**
+     * Append tooltip to HTML element. This prop is passed to Tippy.
+     * This is useful to solve z-index problems.
+     */
+    appendTooltipTo?: TableHeadProps["appendTooltipTo"];
     /**
      * Items to list in the table.
      */
@@ -84,4 +90,4 @@ export interface StandardTableProps<TItem, TColumnKey extends string, TColumnGro
     onSortOrderChange?: StandardTableOnSortOrderChange<TColumnKey>;
 }
 export declare type StandardTableVariant = "relaxed" | "standard" | "condensed" | "compact";
-export declare const StandardTable: <TItem, TColumnKey extends string, TColumnGroupKey extends string>({ tableContext, config, columnOrder, columnGroupOrder, tableId, variant, onKeyDown, onSortOrderChange, ...props }: StandardTableProps<TItem, TColumnKey, TColumnGroupKey>) => JSX.Element;
+export declare const StandardTable: <TItem, TColumnKey extends string, TColumnGroupKey extends string>({ tableContext, config, columnOrder, columnGroupOrder, tableId, variant, onKeyDown, onSortOrderChange, appendTooltipTo, ...props }: StandardTableProps<TItem, TColumnKey, TColumnGroupKey>) => JSX.Element;

package/dist/features/standard-table/components/StandardTableHeadItem.d.ts

@@ -1,9 +1,11 @@
 import * as React from "react";
+import { TableHeadProps } from "../../table-ui/components/table/TableHeadItem";
 export interface StandardTableHeaderItemProps {
     columnId: string;
     disableBorderLeft?: boolean;
     borderFromGroup?: boolean | string;
     stickyHeader?: boolean;
     top?: string | number;
+    appendTooltipTo?: TableHeadProps["appendTooltipTo"];
 }
 export declare const StandardTableHeadItem: React.NamedExoticComponent<StandardTableHeaderItemProps>;

package/dist/features/standard-table/components/StandardTableHeadRow.d.ts

@@ -1,7 +1,9 @@
 import * as React from "react";
+import { TableHeadProps } from "../../table-ui/components/table/TableHeadItem";
 interface StandardTableHeaderProps<TItem> {
     items?: Array<TItem>;
     height?: string;
+    appendTooltipTo?: TableHeadProps["appendTooltipTo"];
 }
-export declare const StandardTableHeadRow: React.MemoExoticComponent<(<TItem>({ items, height }: StandardTableHeaderProps<TItem>) => JSX.Element)>;
+export declare const StandardTableHeadRow: React.MemoExoticComponent<(<TItem>({ items, appendTooltipTo, height, }: StandardTableHeaderProps<TItem>) => JSX.Element)>;
 export {};

package/dist/features/table-ui/components/table/TableHeadItem.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps } from "@stenajs-webui/core";
-import { ButtonWithPopoverProps } from "@stenajs-webui/tooltip";
+import { ButtonWithPopoverProps, TooltipProps } from "@stenajs-webui/tooltip";
 import * as React from "react";
 import { SortOrderDirection, SortOrderIconVariant } from "./SortOrderIcon";
 export interface TableHeadProps extends BoxProps {
@@ -12,5 +12,6 @@ export interface TableHeadProps extends BoxProps {
     selected?: boolean;
     alignRight?: boolean;
     sortOrderIconVariant?: SortOrderIconVariant;
+    appendTooltipTo?: TooltipProps["appendTo"];
 }
 export declare const TableHeadItem: React.FC<TableHeadProps>;