@servicetitan/anvil2 2.8.0 → 2.9.1

package/dist/beta/components/Table/DataTable/internal/cells/DataTableBodyMutableCell.d.ts

@@ -13,10 +13,6 @@ export type DataTableBodyMutableCellProps<T> = Omit<BaseDataTableBodyCellProps,
      * The TanStack table cell instance
      */
     cell: Cell<T, unknown>;
-    /**
-     * Whether the cell is currently hovered
-     */
-    isHovered: boolean;
 };
 /**
  * Renders a mutable (editable) body cell in a DataTable. This component handles keyboard navigation
@@ -27,7 +23,6 @@ export type DataTableBodyMutableCellProps<T> = Omit<BaseDataTableBodyCellProps,
  * @param props.cell - The TanStack table cell instance
  * @param props.cellPosition - The position of the cell in the table
  * @param props.children - The content to render in the cell
- * @param props.isHovered - Whether the cell is currently hovered
  * @returns The rendered editable cell component or null if no editMode is configured
  */
 export declare function DataTableBodyMutableCell<T>(props: DataTableBodyMutableCellProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/dist/beta/components/Table/DataTable/internal/cells/DataTableHeaderCell.d.ts

@@ -5,12 +5,12 @@ import { DataTableHeaderCellProps as BaseDataTableHeaderCellProps } from '../../
  * Props for the DataTableHeaderCell component
  * @extends BaseDataTableHeaderCellProps
  */
-export type DataTableHeaderCellProps<T> = BaseDataTableHeaderCellProps & {
+export type DataTableHeaderCellProps<T, TValue> = BaseDataTableHeaderCellProps & {
     cellPosition: {
         rowIndex: number;
         columnIndex: number;
     };
-    header: HeaderContext<T, unknown>;
+    header: HeaderContext<T, TValue>;
 };
 /**
  * Data table header cell with focus management
@@ -20,11 +20,11 @@ export type DataTableHeaderCellProps<T> = BaseDataTableHeaderCellProps & {
  * @param props.header - The header of the DataTableHeaderCell component
  * @param props.isFocused - Whether the cell is focused
  */
-declare function DataTableHeaderCellInner<T>(props: DataTableHeaderCellProps<T>, forwardedRef: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableHeaderCellInner<T, TValue>(props: DataTableHeaderCellProps<T, TValue>, forwardedRef: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 /**
  * Data table header cell with focus management and ref forwarding
  */
-export declare const DataTableHeaderCell: <T>(props: DataTableHeaderCellProps<T> & {
+export declare const DataTableHeaderCell: <T, TValue>(props: DataTableHeaderCellProps<T, TValue> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReturnType<typeof DataTableHeaderCellInner>;
 export {};

package/dist/beta/components/Table/DataTable/internal/cells/useCellFocusListener.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Tracks whether the nearest DataTable cell ancestor of `elementRef` is focused.
+ * Replaces CellFocusContext for status cells — avoids a React context for the
+ * common case while keeping reactive state where needed (tooltip visibility).
+ *
+ * @param elementRef Ref to the element whose cell-focus state we want to track.
+ * @returns True when the cell ancestor currently contains document.activeElement.
+ */
+export declare function useCellFocusListener(elementRef: RefObject<HTMLElement>): boolean;

package/dist/beta/components/Table/DataTable/internal/context/focus/DTFocusProvider.d.ts

@@ -1,3 +1,4 @@
+import { DataTableVirtualizer } from '../../useDataTableVirtualizer';
 export interface DTFocusProviderProps {
     children: React.ReactNode;
     rowCount: number;
@@ -5,5 +6,7 @@ export interface DTFocusProviderProps {
     tableRef: React.RefObject<HTMLDivElement>;
     leftPinnedWidth: number;
     rightPinnedWidth: number;
+    virtualizer?: DataTableVirtualizer;
+    headerRowCount: number;
 }
-export declare function DTFocusProvider({ children, rowCount, columnCount, tableRef, leftPinnedWidth, rightPinnedWidth, }: DTFocusProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DTFocusProvider({ children, rowCount, columnCount, tableRef, leftPinnedWidth, rightPinnedWidth, virtualizer, headerRowCount, }: DTFocusProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableMultiselectAsyncCell.d.ts

@@ -23,7 +23,6 @@ export type DataTableEditableMultiselectAsyncCellProps<T> = BaseEditableCellProp
  * @param props.cellProps - Props for styling and event handling of the cell container
  * @param props.cellPosition - The position of the cell in the table
  * @param props.children - The content to display when not editing
- * @param props.isHovered - Whether the cell is currently hovered
  * @param ref - Ref to the imperative handle for programmatic control
  * @returns The rendered async editable multiselect cell component
  */

package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableMultiselectCell.d.ts

@@ -11,7 +11,6 @@ export type DataTableEditableMultiselectCellProps<T> = BaseEditableCellProps<T>;
  * @param props.cellProps - Props for styling and event handling of the cell container
  * @param props.cellPosition - The position of the cell in the table
  * @param props.children - The content to display when not editing
- * @param props.isHovered - Whether the cell is currently hovered
  * @param ref - Ref to the imperative handle for programmatic control
  * @returns The rendered editable multiselect cell component
  */

package/dist/beta/components/Table/DataTable/internal/editable-cells/types.d.ts

@@ -35,8 +35,4 @@ export type BaseEditableCellProps<T> = {
      * The children to render in the cell
      */
     children: React.ReactNode;
-    /**
-     * Whether the cell is currently hovered
-     */
-    isHovered: boolean;
 };

package/dist/beta/components/Table/DataTable/internal/editable-cells/useEditableMenuCell.d.ts

@@ -9,13 +9,13 @@ type UseEditableMenuCellOptions = {
  * Shared hook for select/multiselect editable DataTable cells that use a menu-based
  * editing UX (SelectMenu, MultiSelectMenu, and their async variants).
  *
- * Encapsulates the common state, refs, imperative handle, keyboard/focus/mouse handlers,
- * and focus context value that are identical across all four menu-based cell components.
+ * Encapsulates the common state, refs, imperative handle, and keyboard/focus/mouse handlers
+ * that are identical across all four menu-based cell components.
  *
  * @param options.cellPosition - The position of the cell in the table grid
  * @param options.onCellKeyDown - The cell's keyDown handler from cellProps, forwarded when the menu is closed
  * @param options.ref - Ref for the imperative handle (invoke/focus)
- * @returns Shared state, refs, event handlers, and cellFocusContextValue
+ * @returns Shared state, refs, and event handlers
  */
 export declare function useEditableMenuCell({ cellPosition, onCellKeyDown, ref, }: UseEditableMenuCellOptions): {
     tabIndex: number;
@@ -27,8 +27,5 @@ export declare function useEditableMenuCell({ cellPosition, onCellKeyDown, ref,
     handleCellMouseDown: (triggerOnClick: () => void) => () => void;
     handleCellBlur: (e: React.FocusEvent<HTMLElement>) => void;
     handleCellFocus: (event: React.FocusEvent<HTMLTableCellElement>) => void;
-    cellFocusContextValue: {
-        isCellFocused: boolean;
-    };
 };
 export {};

package/dist/beta/components/Table/DataTable/internal/useDataTableVirtualizer.d.ts

@@ -0,0 +1,29 @@
+import { RefObject } from 'react';
+import { Virtualizer } from '@tanstack/react-virtual';
+/**
+ * Row count threshold at which row virtualization activates. Tables with fewer
+ * than this many rows render all rows in the DOM (the pre-virtualization
+ * behavior); tables with this many or more are virtualized.
+ *
+ * Set to 101 so tables with exactly 100 rows remain non-virtualized (and
+ * therefore keep every row — including any editable cells — fully mounted).
+ */
+export declare const VIRTUALIZATION_THRESHOLD = 101;
+export type DataTableVirtualizer = Virtualizer<HTMLDivElement, HTMLDivElement>;
+/**
+ * Create a TanStack virtualizer for DataTable body rows.
+ *
+ * Returns `undefined` when virtualization is disabled or when `rowCount` is
+ * below `VIRTUALIZATION_THRESHOLD`, signaling to the body that rows should
+ * render via the non-virtualized flat flow.
+ *
+ * @param rowCount Total number of body rows that would render if not virtualized.
+ * @param scrollRef Ref to the scrollable container whose scroll position the virtualizer tracks.
+ * @param disabled When `true`, virtualization is skipped regardless of row count.
+ * @returns A `Virtualizer` instance when virtualization should run; `undefined` when the body should flat-render.
+ */
+export declare function useDataTableVirtualizer({ rowCount, scrollRef, disabled, }: {
+    rowCount: number;
+    scrollRef: RefObject<HTMLDivElement>;
+    disabled?: boolean;
+}): DataTableVirtualizer | undefined;

package/dist/beta/components/Table/DataTable/internal/util/getTanStackColumnDef.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef as TanstackColumnDef } from '@tanstack/react-table';
+import { ColumnHelper } from '@tanstack/react-table';
 import { ReactNode } from 'react';
 import { ColumnDef, EditMode } from '../../../types';
 declare module "@tanstack/react-table" {
@@ -13,6 +13,14 @@ declare module "@tanstack/react-table" {
          * Whether the header action (expand all / select all) is disabled for this column
          */
         disableHeaderAction?: boolean;
+        /**
+         * Resolved header alignment for DataTable-owned header layout.
+         */
+        headerAlign?: HeaderAlign;
+        /**
+         * Whether this column renders a grouped header.
+         */
+        isGroupHeader?: boolean;
     }
 }
 /**
@@ -29,6 +37,8 @@ export type TanStackColumnDefProps<T> = {
      */
     emptyCellContent?: ReactNode;
 };
+type TanStackColumnDef<T extends object> = ReturnType<ColumnHelper<T>["group"]> | ReturnType<ColumnHelper<T>["accessor"]>;
+type HeaderAlign = "start" | "center" | "end";
 /**
  * Build the column definition for TanStack useReactTable.
  * This converts our ColumnDef<T> to TanStack's column definition format,
@@ -38,4 +48,5 @@ export type TanStackColumnDefProps<T> = {
  * @param props.columnDef - The column definition to convert
  * @returns The column definition for TanStack useReactTable
  */
-export declare function getTanStackColumnDef<T>({ columnDef, emptyCellContent, }: TanStackColumnDefProps<T>): TanstackColumnDef<T, any>;
+export declare function getTanStackColumnDef<T extends object>({ columnDef, emptyCellContent, }: TanStackColumnDefProps<T>): TanStackColumnDef<T>;
+export {};

package/dist/beta/components/Table/DataTable/internal/util/shallowSortingEqual.d.ts

@@ -0,0 +1,2 @@
+import { SortingState } from '@tanstack/react-table';
+export declare function shallowSortingEqual(a: SortingState, b: SortingState): boolean;

package/dist/beta/components/Table/DataTable/stories/DataTable.story-data.d.ts

@@ -17,6 +17,7 @@ export declare const subComponentsData: TableRow<TableStoryData>[];
 export declare const primaryColumns: import('../..').ColumnDef<TableStoryData>[];
 export declare const groupedColumns: import('../..').ColumnDef<TableStoryData>[];
 export declare const columnsWithMaxWidth: import('../..').ColumnDef<TableStoryData>[];
+export declare const columnsWithDefaultWidth: import('../..').ColumnDef<TableStoryData>[];
 export declare const columnsWithoutFooter: import('../..').ColumnDef<TableStoryData>[];
 export type Category = "electronics" | "clothing" | "home" | "garden" | "other";
 export type EditableTableStoryData = {

package/dist/beta/components/Table/base/cells/TableHeaderCell.d.ts

@@ -12,6 +12,10 @@ export type CommonTableHeaderCellProps = CommonTableCellProps & {
      * Whether the header cell can be used to activate column sorting
      */
     isSortable?: boolean;
+    /**
+     * Whether the header cell should show whole-cell interactive affordances
+     */
+    isInteractiveHeaderCell?: boolean;
 };
 export type SimpleTableHeaderCellProps = CommonTableHeaderCellProps & ComponentPropsWithoutRef<"th">;
 export type DataTableHeaderCellProps = CommonTableHeaderCellProps & ComponentPropsWithoutRef<"div">;

package/dist/beta/components/Table/createColumnHelper.d.ts

@@ -1,14 +1,19 @@
 import { ReactNode } from 'react';
-import { ColumnDef, ColumnTypeConfig, TextEditConfig, NumberEditConfig, SelectEditConfig, SelectAsyncEditConfig, MultiselectEditConfig, MultiselectAsyncEditConfig, BooleanEditConfig, TableRow } from './types';
+import { ColumnDef, ColumnTypeConfig, TextEditConfig, NumberEditConfig, SelectEditConfig, SelectAsyncEditConfig, MultiselectEditConfig, MultiselectAsyncEditConfig, BooleanEditConfig, TableRow, ColumnHeaderConfig } from './types';
 import { MultiSelectMenuOption } from '../MultiSelectMenu';
 /**
  * Base column configuration shared by all column types
  */
-type BaseColumnConfig<T, K extends keyof T> = {
+type BaseColumnConfig<T, K extends keyof T> = ColumnHeaderConfig & {
     /**
-     * The label of the header
+     * The cleaned-up header configuration.
      */
-    headerLabel: string;
+    header?: ColumnDef<T>["header"];
+    /**
+     * The label of the header.
+     * @deprecated Use `header.label` instead.
+     */
+    headerLabel?: string;
     /**
      * The alignment of the header.
      * When using `type`, this is set automatically but can be overridden.
@@ -29,13 +34,30 @@ type BaseColumnConfig<T, K extends keyof T> = {
      */
     footerContent?: ReactNode | ReactNode[];
     /**
-     * The maximum width of the column, in pixels
+     * The maximum width of the column, in pixels. Caps automatic growth when
+     * the table has extra horizontal space available.
      */
     maxWidth?: number;
     /**
-     * The minimum width of the column, in pixels
+     * The minimum width of the column, in pixels. Used as the floor for manual
+     * resize — users can drag a column down to but not below this value. Also
+     * serves as the fallback auto-sizing floor when `defaultWidth` is not set.
      */
     minWidth?: number;
+    /**
+     * The preferred starting width of the column, in pixels. Used as the basis
+     * for automatic growing/shrinking: the column renders at this width by
+     * default, grows toward `maxWidth` when the table has spare horizontal
+     * space, and never auto-shrinks below it — the table scrolls horizontally
+     * instead.
+     *
+     * Manual resize via the column's resize handle is still bounded by
+     * `minWidth`/`maxWidth`, so users can drag a column below `defaultWidth`
+     * down to `minWidth`.
+     *
+     * Falls back to `minWidth` when not specified.
+     */
+    defaultWidth?: number;
     /**
      * The pinning location of the column
      */
@@ -94,11 +116,13 @@ type SelectEditConfigColumnConfig<T, K extends keyof T> = BaseColumnConfig<T, K>
 type SelectAsyncEditConfigColumnConfig<T, K extends keyof T> = BaseColumnConfig<T, K> & {
     editConfig: SelectAsyncEditConfig<T>;
 };
+type CellArrayItem = object | string | number | boolean | bigint | symbol | null | undefined;
+type CellArrayValue = readonly CellArrayItem[];
 /**
  * Configuration for multiselect editable columns using editConfig
  * Only valid when T[K] is an array type
  */
-type MultiselectEditConfigColumnConfig<T, K extends keyof T> = NonNullable<T[K]> extends unknown[] ? BaseColumnConfig<T, K> & {
+type MultiselectEditConfigColumnConfig<T, K extends keyof T> = NonNullable<T[K]> extends CellArrayValue ? BaseColumnConfig<T, K> & {
     editConfig: MultiselectEditConfig<T, K>;
 } : never;
 /**
@@ -143,18 +167,18 @@ type ColumnConfig<T, K extends keyof T> = ReadOnlyColumnConfig<T, K> | TextEditC
  * const createColumn = createColumnHelper<Data>();
  *
  * // Display-only column with type defaults
- * createColumn("amount", { headerLabel: "Amount", type: "currency" });
+ * createColumn("amount", { header: { label: "Amount" }, type: "currency" });
  *
  * // Editable column with editConfig
  * createColumn("name", {
- *   headerLabel: "Name",
+ *   header: { label: "Name" },
  *   type: "text",
  *   editConfig: { mode: "text", onChange: (value, rowId) => save(value, rowId) }
  * });
  *
  * // Number editing
  * createColumn("amount", {
- *   headerLabel: "Amount",
+ *   header: { label: "Amount" },
  *   editConfig: {
  *     mode: "number",
  *     minValue: 0,
@@ -166,7 +190,7 @@ type ColumnConfig<T, K extends keyof T> = ReadOnlyColumnConfig<T, K> | TextEditC
  *
  * // Select editing
  * createColumn("status", {
- *   headerLabel: "Status",
+ *   header: { label: "Status" },
  *   editConfig: {
  *     mode: "select",
  *     options: [{ id: "active", label: "Active" }],
@@ -176,7 +200,7 @@ type ColumnConfig<T, K extends keyof T> = ReadOnlyColumnConfig<T, K> | TextEditC
  *
  * // Multiselect editing with array column
  * createColumn("tags", {
- *   headerLabel: "Tags",
+ *   header: { label: "Tags" },
  *   editConfig: {
  *     mode: "multiselect",
  *     options: [{ id: "urgent", label: "Urgent" }],

package/dist/beta/components/Table/formatters/htmlFormatter.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+/**
+ * Formats an HTML string value for DataTable cells by converting to markdown
+ * and rendering through the markdown formatter.
+ *
+ * Supported HTML: strong, b, em, i, code, mark, ul, ol, li, br, p.
+ * Unsupported tags and their content are dropped entirely.
+ * HTML entities are decoded to plain text.
+ *
+ * @param value - The HTML string to format
+ * @returns Formatted React nodes, or null for empty/null/undefined values
+ */
+export declare const htmlFormatter: (value?: string | null) => ReactNode;

package/dist/beta/components/Table/formatters/htmlToMarkdown.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Converts an HTML string to the markdown subset supported by markdownFormatter.
+ *
+ * Supported tags: strong, b, em, i, code, mark, ul, ol, li, br, p.
+ * Unsupported tags and their content are dropped entirely.
+ * HTML entities are decoded to plain text.
+ *
+ * @param value - The HTML string to convert
+ * @returns The equivalent markdown string, or empty string for null/undefined/empty input
+ */
+export declare function htmlToMarkdown(value?: string | null): string;

package/dist/beta/components/Table/formatters/index.d.ts

@@ -3,6 +3,8 @@ export * from './chipsFormatter';
 export * from './currencyFormatter';
 export * from './dateFormatter';
 export * from './dateTimeFormatter';
+export * from './htmlFormatter';
+export * from './markdownFormatter';
 export * from './numberFormatter';
 export * from './percentFormatter';
 export * from './presets';

package/dist/beta/components/Table/formatters/markdownFormatter.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Formats a string value as markdown content for DataTable cells.
+ *
+ * Supports inline constructs (bold, italic, bold+italic, inline code, highlight)
+ * and block-level flat lists (unordered with `- `, ordered with `N. `).
+ *
+ * @param value - The markdown string to format
+ * @returns Formatted React nodes, or null for empty/null/undefined values
+ */
+export declare const markdownFormatter: (value?: string | null) => ReactNode;

package/dist/beta/components/Table/types.d.ts

@@ -10,7 +10,7 @@ import { MultiSelectMenuProps } from '../MultiSelectMenu/types';
  * Column type literals for display configuration.
  * Each type maps to a default formatter and alignment.
  */
-export type ColumnType = "text" | "number" | "currency" | "percent" | "date" | "dateTime" | "time" | "boolean";
+export type ColumnType = "text" | "number" | "currency" | "percent" | "date" | "dateTime" | "time" | "boolean" | "markdown" | "html";
 /**
  * Maps column types to their formatter options.
  * Used for type-safe formatter configuration.
@@ -24,6 +24,8 @@ export type ColumnTypeOptionsMap = {
     dateTime: DateTimeFormatterOptions;
     time: TimeFormatterOptions;
     boolean: BooleanFormatterOptions;
+    markdown: undefined;
+    html: undefined;
 };
 /**
  * Column type configuration.
@@ -470,18 +472,18 @@ export type TableRow<T> = T & {
  *
  * const columns = [
  *   // Display-only column with type defaults
- *   createColumn("amount", { headerLabel: "Amount", type: "currency" }),
+ *   createColumn("amount", { header: { label: "Amount" }, type: "currency" }),
  *
  *   // Editable column with editConfig
  *   createColumn("name", {
- *     headerLabel: "Name",
+ *     header: { label: "Name" },
  *     type: "text",
  *     editConfig: { mode: "text", onChange: (value, rowId) => save(value, rowId) }
  *   }),
  *
  *   // Multiselect editing
  *   createColumn("tags", {
- *     headerLabel: "Tags",
+ *     header: { label: "Tags" },
  *     editConfig: {
  *       mode: "multiselect",
  *       options: [{ value: "urgent", label: "Urgent" }],
@@ -491,15 +493,46 @@ export type TableRow<T> = T & {
  * ];
  * ```
  */
-export type ColumnDef<T> = {
+export type ColumnHeader = {
     /**
-     * The id of the column - must be a key of T
+     * The visible header label text.
      */
-    id: keyof T;
+    label: string;
+    /**
+     * Whether the header should show a required indicator.
+     */
+    required?: boolean;
+    /**
+     * Additional contextual content rendered from a keyboard-accessible more-info trigger.
+     */
+    moreInfo?: ReactNode;
+};
+export type ColumnHeaderConfig = {
+    /**
+     * The forward-looking header configuration.
+     */
+    header: ColumnHeader;
     /**
-     * The label of the header
+     * Legacy header label support during the transition to `header`.
+     * @deprecated Use `header.label` instead.
+     */
+    headerLabel?: string;
+} | {
+    /**
+     * The forward-looking header configuration.
+     */
+    header?: ColumnHeader;
+    /**
+     * Legacy header label support during the transition to `header`.
+     * @deprecated Use `header.label` instead.
      */
     headerLabel: string;
+};
+export type ColumnDef<T> = ColumnHeaderConfig & {
+    /**
+     * The id of the column - must be a key of T
+     */
+    id: keyof T;
     /**
      * The alignment of the header and cell content.
      * When using `type`, this is set automatically but can be overridden.
@@ -538,13 +571,34 @@ export type ColumnDef<T> = {
      */
     footerContent?: ReactNode | ReactNode[];
     /**
-     * The maximum width of the column, in pixels
+     * The maximum width of the column, in pixels. Caps automatic growth when
+     * the table has extra horizontal space available.
      */
     maxWidth?: number;
     /**
-     * The minimum width of the column, in pixels
+     * The minimum width of the column, in pixels. Used as the floor for manual
+     * resize — users can drag a column down to but not below this value. Also
+     * serves as the fallback auto-sizing floor when `defaultWidth` is not set.
      */
     minWidth?: number;
+    /**
+     * The preferred starting width of the column, in pixels. Used as the basis
+     * for automatic growing/shrinking: the column renders at this width by
+     * default, grows toward `maxWidth` when the table has spare horizontal
+     * space, and never auto-shrinks below it — the table scrolls horizontally
+     * instead.
+     *
+     * Manual resize via the column's resize handle is still bounded by
+     * `minWidth`/`maxWidth`, so users can drag a column below `defaultWidth`
+     * down to `minWidth`.
+     *
+     * Falls back to `minWidth` when not specified.
+     *
+     * @remarks Provide a value between `minWidth` and `maxWidth` (inclusive).
+     * Values outside that envelope are not validated; CSS grid will clamp at
+     * render time.
+     */
+    defaultWidth?: number;
     /**
      * The pinning location of the column
      */

package/dist/beta.js

@@ -1,11 +1,11 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-DK9xRjnq.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-CWRk523l.js';
-export { u as useCalendarBetaProps } from './Calendar-Bd_WELZC.js';
-export { C as Calendar } from './Calendar-d2owsYe9.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DGK8F2G9.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-Ei7DXzvs.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CuZp9mnt.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-B_mXpTEe.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-JRxu2yTP.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-ByyI7SqG.js';
+export { u as useCalendarBetaProps } from './Calendar-Dxl9QnfP.js';
+export { C as Calendar } from './Calendar-Cka4unyi.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-o1Cp9UYC.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ChZCW4M9.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DXrwecFt.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-7C1wW4oO.js';
 export { I as InteractiveCard } from './InteractiveCard-GTYbR6Xy.js';
-export { u as useAdaptiveView } from './syncFilterUtils-CsbCnI1-.js';
+export { u as useAdaptiveView } from './syncFilterUtils-UR5Vgqkh.js';
 //# sourceMappingURL=beta.js.map

package/dist/components/DrillDown/internal/DrillDownContext.d.ts

@@ -8,5 +8,9 @@ export type DrillDownContextProps = {
     setRegisteredIndices?: Dispatch<SetStateAction<number[] | undefined>>;
     onClose?: (() => void)[];
     setOnClose?: (fn: () => void, index: number) => void;
+    hostIsInteractive?: boolean;
+    setHostTrigger?: (element: HTMLElement | null) => void;
+    onHostClose?: () => void;
+    onHostClosed?: () => void;
 };
 export declare const DrillDownContext: import('react').Context<DrillDownContextProps | null>;

package/dist/components/DrillDown/internal/useDrillDownContextState.d.ts

@@ -10,5 +10,9 @@ export declare function useDrillDownContextState({ defaultDrillDownIndex, }: use
     setRegisteredIndices: import('react').Dispatch<import('react').SetStateAction<number[] | undefined>>;
     onClose: (() => void)[];
     setOnClose: (fn: () => void, index: number) => void;
+    hostIsInteractive: boolean;
+    setHostTrigger: (element: HTMLElement | null) => void;
+    onHostClose: () => void;
+    onHostClosed: () => void;
 };
 export {};