@servicetitan/anvil2 1.46.9 → 1.46.10

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

@@ -0,0 +1,40 @@
+import { DataTableBodyCellProps as BaseDataTableBodyCellProps } from '../../../base/cells/TableBodyCell';
+import { ColumnDef } from '../../../types';
+/**
+ * Props for the DataTableBodyCell component
+ * @extends Omit<BaseDataTableBodyCellProps, "onChange">
+ */
+export type DataTableBodyCellProps<T> = Omit<BaseDataTableBodyCellProps, "onChange"> & {
+    /**
+     * The cell position of the cell
+     */
+    cellPosition: {
+        rowIndex: number;
+        columnIndex: number;
+    };
+    /**
+     * The column id of the cell
+     */
+    columnId: string;
+    /**
+     * The edit mode of the cell
+     */
+    editMode?: ColumnDef<T>["editMode"];
+    /**
+     * The edit value of the cell
+     */
+    editValue?: T[keyof T];
+    /**
+     * Called when the cell value is saved (on blur or enter/F2 key pressed)
+     */
+    onChange?: ColumnDef<T>["onChange"];
+    /**
+     * The options of the cell
+     */
+    options?: ColumnDef<T>["options"];
+    /**
+     * The row id of the cell
+     */
+    rowId: string;
+};
+export declare const DataTableBodyCell: <T>(props: DataTableBodyCellProps<T>) => JSX.Element;

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

@@ -0,0 +1,18 @@
+import { DataTableFooterCellProps as BaseDataTableFooterCellProps } from '../../../base/cells/TableFooterCell';
+/**
+ * Props for the DataTableFooterCell component
+ * @extends BaseDataTableFooterCellProps
+ */
+export type DataTableFooterCellProps = BaseDataTableFooterCellProps & {
+    cellPosition: {
+        rowIndex: number;
+        columnIndex: number;
+    };
+};
+/**
+ * Data table footer cell with focus management
+ * @param props - The props for the DataTableFooterCell component
+ * @param props.cellPosition - The cell position of the cell
+ * @param props.children - The children of the DataTableFooterCell component
+ */
+export declare function DataTableFooterCell(props: DataTableFooterCellProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { HeaderContext } from '@tanstack/react-table';
+import { DataTableHeaderCellProps as BaseDataTableHeaderCellProps } from '../../../base/cells/TableHeaderCell';
+/**
+ * Props for the DataTableHeaderCell component
+ * @extends BaseDataTableHeaderCellProps
+ */
+export type DataTableHeaderCellProps<T> = BaseDataTableHeaderCellProps & {
+    cellPosition: {
+        rowIndex: number;
+        columnIndex: number;
+    };
+    header: HeaderContext<T, unknown>;
+};
+/**
+ * Data table header cell with focus management
+ * @param props - The props for the DataTableHeaderCell component
+ * @param props.cellPosition - The cell position of the cell
+ * @param props.children - The children of the DataTableHeaderCell component
+ * @param props.header - The header of the DataTableHeaderCell component
+ */
+export declare function DataTableHeaderCell<T>(props: DataTableHeaderCellProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+/**
+ * Edit icon for editable cells in data tables
+ * @returns The edit icon
+ */
+export declare const DataTableEditableCellEditIcon: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { DataTableEditableCellProps } from './types';
+/**
+ * Props for the DataTableEditableMultiselectCell component
+ * @extends DataTableEditableCellProps<string[]>
+ */
+export type DataTableEditableMultiselectCellProps = DataTableEditableCellProps<string[]> & {
+    /**
+     * The options available for selection
+     */
+    options: {
+        value: string;
+        label: string;
+    }[];
+};
+/**
+ * Editable multiselect cell for data tables
+ * @param props - The props for the DataTableEditableMultiselectCell component
+ * @param props.cellProps - The props for the DataTableEditableMultiselectCell component
+ * @param props.children - The children of the DataTableEditableMultiselectCell component
+ * @param props.rowId - The row id of the DataTableEditableMultiselectCell component
+ * @param props.onChange - Called when the cell value is saved (on blur or enter/F2 key pressed)
+ * @param props.cellPosition - The cell position of the DataTableEditableMultiselectCell component
+ * @param props.value - The value of the DataTableEditableMultiselectCell component
+ * @param props.options - The options available for selection
+ */
+export declare const DataTableEditableMultiselectCell: ({ cellProps, children, rowId, onChange, cellPosition, value, options, }: DataTableEditableMultiselectCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { DataTableEditableCellProps } from './types';
+/**
+ * Props for the DataTableEditableSelectCell component
+ * @extends DataTableEditableCellProps<string>
+ */
+export type DataTableEditableSelectCellProps = DataTableEditableCellProps<string> & {
+    /**
+     * The options available for selection
+     */
+    options: {
+        value: string;
+        label: string;
+    }[];
+};
+/**
+ * Editable select cell for data tables
+ * @param props - The props for the DataTableEditableSelectCell component
+ * @param props.cellProps - The props for the DataTableEditableSelectCell component
+ * @param props.children - The children of the DataTableEditableSelectCell component
+ * @param props.rowId - The row id of the DataTableEditableSelectCell component
+ * @param props.onChange - Called when the cell value is saved (on blur or enter/F2 key pressed)
+ * @param props.cellPosition - The cell position of the DataTableEditableSelectCell component
+ * @param props.value - The value of the DataTableEditableSelectCell component
+ * @param props.options - The options available for selection
+ */
+export declare const DataTableEditableSelectCell: ({ cellProps, children, rowId, onChange, cellPosition, value, options, }: DataTableEditableSelectCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { DataTableEditableCellProps } from './types';
+/**
+ * Props for the DataTableEditableTextCell component
+ * @extends DataTableEditableCellProps<string>
+ */
+export type DataTableEditableTextCellProps = DataTableEditableCellProps<string>;
+/**
+ * Editable text cell for data tables
+ * @param props - The props for the DataTableEditableTextCell component
+ * @param props.cellProps - The props for the DataTableEditableTextCell component
+ * @param props.children - The children of the DataTableEditableTextCell component
+ * @param props.rowId - The row id of the DataTableEditableTextCell component
+ * @param props.onChange - Called when the cell value is saved (on blur or enter/F2 key pressed)
+ * @param props.cellPosition - The cell position of the DataTableEditableTextCell component
+ * @param props.value - The value of the DataTableEditableTextCell component
+ */
+export declare const DataTableEditableTextCell: ({ cellProps, children, rowId, onChange, cellPosition, value, }: DataTableEditableTextCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+import { Ref } from 'react';
+import { TableBodyCellProps } from '../../../base/cells/TableBodyCell';
+import { CellPosition } from '../../../internal/focus-management/types';
+/**
+ * Props for the useEditCell hook
+ * @extends Pick<UseEditCellProps<T>, "onChange" | "cellPosition" | "rowId">
+ */
+export type UseEditCellProps<T> = {
+    /**
+     * The initial value of the cell
+     */
+    initialValue: T;
+    /**
+     * Called when the cell value is saved (on blur or enter/F2 key pressed)
+     */
+    onChange: (value: T, rowId: string) => void;
+    /**
+     * The cell position of the cell
+     */
+    cellPosition: CellPosition;
+    /**
+     * The row id of the cell
+     */
+    rowId: string;
+};
+/**
+ * Return type for the useEditCell hook
+ * @extends Pick<UseEditCellProps<T>, "onChange" | "cellPosition" | "rowId">
+ */
+export type UseEditCellReturn<T> = {
+    isEditing: boolean;
+    editValue: T;
+    updateEditValue: (editValue: T) => void;
+    saveValue: () => void;
+    cancelEdit: () => void;
+    onClick: () => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onBlur: () => void;
+};
+/**
+ * Common props for the editable cells in data tables
+ * @extends Pick<UseEditCellProps<T>, "onChange" | "cellPosition" | "rowId">
+ */
+export type DataTableEditableCellProps<T> = Pick<UseEditCellProps<T>, "onChange" | "cellPosition" | "rowId"> & {
+    cellProps: TableBodyCellProps & {
+        ref: Ref<HTMLDivElement>;
+    };
+    children: React.ReactNode;
+    value: T;
+};

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

@@ -0,0 +1,11 @@
+import { UseEditCellProps, UseEditCellReturn } from './types';
+/**
+ * Hook for common logic for editable cells in data tables
+ * @param props - The props for the useEditCell hook
+ * @param props.initialValue - The initial value of the cell
+ * @param props.onChange - Called when the cell value is saved (on blur or enter/F2 key pressed)
+ * @param props.cellPosition - The cell position of the cell
+ * @param props.rowId - The row id of the cell
+ * @returns Object containing the editing state and functions for editing the cell
+ */
+export declare const useEditCell: <T>({ initialValue, onChange, cellPosition, rowId, }: UseEditCellProps<T>) => UseEditCellReturn<T>;

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

@@ -0,0 +1,27 @@
+import { TableRow } from '../../types';
+type Status = "pending" | "shipped" | "processing" | "completed" | "cancelled";
+export type TableStoryData = {
+    id: string;
+    customer_name: string;
+    amount: number;
+    items: number;
+    status?: Status[];
+    order_date: string;
+    payment_type: "credit_card" | "cash" | "bank_transfer" | "check" | "paypal";
+    note?: string;
+};
+export declare const data: TableRow<TableStoryData>[];
+export declare const expandedRowData: TableRow<TableStoryData>[];
+export declare const subComponentsData: TableRow<TableStoryData>[];
+export declare const primaryColumns: import('../..').ColumnDef<TableStoryData>[];
+export declare const groupedColumns: import('../..').ColumnDef<TableStoryData>[];
+export type Category = "electronics" | "clothing" | "home" | "garden" | "other";
+export type EditableTableStoryData = {
+    id: string;
+    status?: Status[];
+    payment_type: "credit_card" | "cash" | "bank_transfer" | "check" | "paypal";
+    categories: Category[];
+};
+export declare const categories: string[];
+export declare const editableData: TableRow<EditableTableStoryData>[];
+export {};

package/dist/beta/components/Table/base/TableBase.d.ts

@@ -0,0 +1,43 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the SimpleTableBase component
+ * @extends ComponentPropsWithoutRef<"table">
+ */
+export type SimpleTableBaseProps = ComponentPropsWithoutRef<"table">;
+/**
+ * Props for the DataTableBase component
+ * @extends Omit<ComponentPropsWithoutRef<"div">, "aria-colcount" | "aria-rowcount">
+ */
+export type DataTableBaseProps = Omit<ComponentPropsWithoutRef<"div">, "aria-colcount" | "aria-rowcount"> & {
+    /**
+     * The number of columns in the table
+     */
+    colCount: number;
+    /**
+     * The number of rows in the table
+     */
+    rowCount: number;
+    /**
+     * Whether the table has expandable rows
+     */
+    hasSubRows?: boolean;
+};
+/**
+ * Props for the TableBase component
+ * @extends SimpleTableBaseProps
+ * @extends DataTableBaseProps
+ */
+export type TableBaseProps = ({
+    type: "simple";
+} & SimpleTableBaseProps) | ({
+    type: "data-table";
+} & DataTableBaseProps);
+/**
+ * Styled table component for simple presentational or complex data tables
+ * @param props - The props for the TableBase component
+ * @param props.type - The type of the TableBase component
+ * @param props.children - The children of the TableBase component
+ * @param props.className - The class name of the TableBase component
+ * @param props.ref - The ref of the TableBase component
+ */
+export declare const TableBase: ({ type, ...rest }: TableBaseProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/beta/components/Table/base/TableBody.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the TableBody component
+ * @extends ComponentPropsWithoutRef<"tbody">
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type TableBodyProps = ({
+    /**
+     * The type of table being rendered
+     */
+    type: "simple";
+} & ComponentPropsWithoutRef<"tbody">) | ({
+    /**
+     * The type of table being rendered
+     */
+    type: "data-table";
+} & ComponentPropsWithoutRef<"div">);
+/**
+ * Table body component for simple presentational or complex data tables
+ * @param props - The props for the TableBody component
+ * @param props.type - The type of table being rendered
+ * @param props.children - The children of the TableBody component
+ * @param props.ref - The ref of the TableBody component
+ */
+export declare function TableBody({ type, children, ...rest }: TableBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/Table/base/TableContainer.d.ts

@@ -0,0 +1,28 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../../../types';
+/**
+ * Props for the TableContainer component
+ * @extends LayoutUtilProps
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type TableContainerProps = LayoutUtilProps & ComponentPropsWithoutRef<"div"> & {
+    /**
+     * The background color of the table container
+     */
+    background?: "default" | "strong";
+};
+/**
+ * Styled container for tables that includes a scroll container and a background color
+ * @param props - The props for the TableContainer component
+ * @param props.children - The children of the TableContainer component
+ * @param props.className - The class name of the TableContainer component
+ * @param props.style - The style of the TableContainer component
+ * @param props.background - The background color of the table container
+ * @param props.ref - The ref of the TableContainer component
+ */
+export declare const TableContainer: import('react').ForwardRefExoticComponent<LayoutUtilProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * The background color of the table container
+     */
+    background?: "default" | "strong";
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/beta/components/Table/base/TableFooter.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the TableFooter component
+ * @extends ComponentPropsWithoutRef<"tfoot">
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type TableFooterProps = ({
+    /**
+     * The type of table being rendered
+     */
+    type: "simple";
+} & ComponentPropsWithoutRef<"tfoot">) | ({
+    /**
+     * The type of table being rendered
+     */
+    type: "data-table";
+} & ComponentPropsWithoutRef<"div">);
+/**
+ * Table footer component for simple presentational or complex data tables
+ * @param props - The props for the TableFooter component
+ * @param props.type - The type of table being rendered
+ * @param props.children - The children of the TableFooter component
+ * @param props.ref - The ref of the TableFooter component
+ */
+export declare function TableFooter({ type, children, ...rest }: TableFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/Table/base/TableHeader.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Props for the TableHeader component
+ * @extends ComponentPropsWithoutRef<"thead">
+ * @extends ComponentPropsWithoutRef<"div">
+ */
+export type TableHeaderProps = ({
+    /**
+     * The type of table being rendered
+     */
+    type: "simple";
+} & ComponentPropsWithoutRef<"thead">) | ({
+    /**
+     * The type of table being rendered
+     */
+    type: "data-table";
+} & ComponentPropsWithoutRef<"div">);
+/**
+ * Table header component for simple presentational or complex data tables
+ * @param props - The props for the TableHeader component
+ * @param props.type - The type of table being rendered
+ * @param props.children - The children of the TableHeader component
+ * @param props.ref - The ref of the TableHeader component
+ */
+export declare function TableHeader({ type, children, ...rest }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CommonTableCellProps } from './types';
+export type SimpleTableBodyCellProps = ComponentPropsWithoutRef<"td"> & CommonTableCellProps;
+export type DataTableBodyCellProps = ComponentPropsWithoutRef<"div"> & CommonTableCellProps;
+/**
+ * The props for the TableBodyCell component
+ */
+export type TableBodyCellProps = ({
+    /**
+     * The type of table being rendered
+     */
+    type: "simple";
+} & SimpleTableBodyCellProps) | ({
+    /**
+     * The type of table being rendered
+     */
+    type: "data-table";
+} & DataTableBodyCellProps);
+/**
+ * The styled table body cell component
+ * @param props - The props for the TableBodyCell component
+ * @param props.type - The type of table being rendered
+ * @param props.children - The children to render in the cell
+ * @param props.className - The class name of the TableBodyCell component
+ * @param props.rest - The rest of the props
+ */
+export declare const TableBodyCell: import('react').ForwardRefExoticComponent<TableBodyCellProps & import('react').RefAttributes<HTMLDivElement | HTMLTableCellElement>>;

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

@@ -0,0 +1,4 @@
+/**
+ * The empty cell content for table cells
+ */
+export declare const TableEmptyCellContent: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SimpleTableFooterCellProps = ComponentPropsWithoutRef<"td"> & {
+    colSpan?: number;
+};
+export type DataTableFooterCellProps = ComponentPropsWithoutRef<"div"> & {
+    colSpan?: number;
+};
+/**
+ * The props for the TableFooterCell component
+ */
+export type TableFooterCellProps = ({
+    /**
+     * The type of table being rendered
+     */
+    type: "simple";
+} & SimpleTableFooterCellProps) | ({
+    /**
+     * The type of table being rendered
+     */
+    type: "data-table";
+} & DataTableFooterCellProps);
+/**
+ * The styled table footer cell component
+ * @param props - The props for the TableFooterCell component
+ * @param props.type - The type of table being rendered
+ * @param props.children - The children to render in the cell
+ * @param props.className - The class name of the TableFooterCell component
+ * @param props.rest - The rest of the props
+ */
+export declare const TableFooterCell: import('react').ForwardRefExoticComponent<TableFooterCellProps & import('react').RefAttributes<HTMLDivElement | HTMLTableCellElement>>;

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

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CommonTableCellProps } from './types';
+/**
+ * The common props for the TableHeaderCell component
+ */
+export type CommonTableHeaderCellProps = CommonTableCellProps & {
+    /**
+     * Whether the cell is a group cell (for grouped columns)
+     */
+    isGroup?: boolean;
+    /**
+     * Whether the header cell can be used to activate column sorting
+     */
+    isSortable?: boolean;
+};
+export type SimpleTableHeaderCellProps = CommonTableHeaderCellProps & ComponentPropsWithoutRef<"th">;
+export type DataTableHeaderCellProps = CommonTableHeaderCellProps & ComponentPropsWithoutRef<"div">;
+/**
+ * The props for the TableHeaderCell component
+ */
+export type TableHeaderCellProps = ({
+    /**
+     * The type of table being rendered
+     */
+    type: "simple";
+} & SimpleTableHeaderCellProps) | ({
+    /**
+     * The type of table being rendered
+     */
+    type: "data-table";
+} & DataTableHeaderCellProps);
+/**
+ * The styled table header cell component
+ * @param props - The props for the TableHeaderCell component
+ * @param props.type - The type of table being rendered
+ * @param props.children - The children to render in the cell
+ * @param props.className - The class name of the TableHeaderCell component
+ * @param props.rest - The rest of the props
+ */
+export declare const TableHeaderCell: import('react').ForwardRefExoticComponent<TableHeaderCellProps & import('react').RefAttributes<HTMLDivElement | HTMLTableCellElement>>;

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

@@ -0,0 +1,10 @@
+export type CommonTableCellProps = {
+    /**
+     * Whether the cell is an expand cell (for expandable rows)
+     */
+    isExpandCell?: boolean;
+    /**
+     * Whether the cell is a select cell (for selectable rows)
+     */
+    isSelectCell?: boolean;
+};

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ColumnDef } from './types';
+/**
+ * Utility type that allows a value to be either the original type or,
+ * if it's an array, one of the elements in the array
+ */
+type ValueOrElement<V> = V extends (infer U)[] ? V | U : V;
+/**
+ * Factory function to create column helper function for defining Table columns
+ *
+ * @param T - The type of the data
+ * @returns A function that creates a column definition
+ */
+export declare function createColumnHelper<T>(): <K extends keyof T>(id: K | {
+    group: string;
+}, column: Omit<ColumnDef<T>, "id" | "onChange" | "options" | "renderCell" | "sortable"> & {
+    renderCell?: (value: T[K], rowDepth: number) => ReactNode;
+    sortable?: boolean | ((valueA: T[K], valueB: T[K]) => number);
+    onChange?: (value: T[K], rowId: string) => void;
+    options?: {
+        value: ValueOrElement<T[K]>;
+        label: string;
+    }[];
+}) => ColumnDef<T>;
+export {};

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

@@ -0,0 +1,21 @@
+import { ChipProps } from '../../../../components/Chip';
+/**
+ * The accepted value type for the chips formatter function
+ */
+export type ChipsValueType = string | string[] | ChipProps | ChipProps[];
+/**
+ * Props for the chips formatter function
+ */
+export type ChipsFormatterOptions = {
+    /**
+     * Whether to truncate the chips instead of wrapping
+     */
+    truncateChips?: boolean;
+};
+/**
+ * Helper function for formatting table cells with chips
+ * @param value - The value to format
+ * @param options - The options for the chips formatter
+ * @returns The formatted chips
+ */
+export declare const chipsFormatter: (value?: ChipsValueType, { truncateChips }?: ChipsFormatterOptions) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+/**
+ * Props for the currency formatter function
+ */
+export type CurrencyFormatterOptions = {
+    /**
+     * The locale to use for the currency formatter
+     * @default "en-US"
+     */
+    locale?: Intl.LocalesArgument;
+    /**
+     * The currency to use for the currency formatter
+     * @default "USD"
+     */
+    currency?: string;
+};
+/**
+ * Helper function for formatting table cells with currency, including i18n support
+ * @param value - The value to format
+ * @param options - The options for the currency formatter
+ * @returns The formatted currency
+ */
+export declare const currencyFormatter: (value?: number, { locale, currency }?: CurrencyFormatterOptions) => string | null;

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

@@ -0,0 +1,3 @@
+export * from './chipsFormatter';
+export * from './currencyFormatter';
+export * from './percentFormatter';

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

@@ -0,0 +1,22 @@
+/**
+ * Options type for the percent formatter function
+ */
+export type PercentFormatterOptions = {
+    /**
+     * The number of decimals to display
+     * @default 2
+     */
+    decimals?: number;
+    /**
+     * The locale to use for the percent formatter
+     * @default "en-US"
+     */
+    locale?: Intl.LocalesArgument;
+};
+/**
+ * Helper function for formatting table cells with percentages, including i18n support
+ * @param value - The value to format
+ * @param options - The options for the percent formatter
+ * @returns The formatted percentage
+ */
+export declare const percentFormatter: (value?: number, { decimals, locale }?: PercentFormatterOptions) => string | null;

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

@@ -0,0 +1,3 @@
+export * from './formatters';
+export * from './DataTable';
+export * from './types';

package/dist/beta/components/Table/internal/ResizeHandle.d.ts

@@ -0,0 +1,14 @@
+import { Header } from '@tanstack/react-table';
+/**
+ * Props for the ResizeHandle component
+ * @extends Header<T, unknown>
+ */
+export type ResizeHandleProps<T> = {
+    header: Header<T, unknown>;
+};
+/**
+ * Resize handle component resizing table columns
+ * @param props - The props for the ResizeHandle component
+ * @param props.header - The header of the ResizeHandle component
+ */
+export declare function ResizeHandle<T>({ header }: ResizeHandleProps<T>): import("react/jsx-runtime").JSX.Element;