@iress-oss/ids-components 0.0.1-dev.9 → 5.13.1

package/dist/src/components/Spinner/Spinner.types.d.ts

@@ -0,0 +1,13 @@
+import { IressIconProps } from '../Icon';
+export interface IressSpinnerProps extends Omit<IressIconProps, 'name'> {
+    /**
+     * Name of spinner icon.
+     * @default spinner-third
+     **/
+    name?: IressIconProps['name'];
+    /**
+     * Spin speed of spinner.
+     * @default half
+     **/
+    spin?: IressIconProps['spin'];
+}

package/dist/src/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Spinner.types';
+export * from './Spinner';

package/dist/src/components/Stack/Stack.d.ts

@@ -0,0 +1,2 @@
+import { StackWithEnums } from './Stack.types';
+export declare const IressStack: StackWithEnums;

package/dist/src/components/Stack/Stack.types.d.ts

@@ -0,0 +1,22 @@
+import { IressHTMLAttributes, ResponsiveSizing } from '../../interfaces';
+import { GutterSize } from '../../enums';
+import { GutterSizes } from '../../types';
+import { ReactNode } from 'react';
+export interface IressStackProps extends IressHTMLAttributes {
+    /**
+     * Content to be separated by a gutter.
+     */
+    children?: ReactNode;
+    /**
+     * Sets the gutter size of the stack.
+     */
+    gutter?: GutterSize | GutterSizes | ResponsiveSizing<GutterSize | GutterSizes>;
+}
+export declare enum StackCssClass {
+    Base = "iress-u-stack",
+    Gutter = "iress--gutter"
+}
+export interface StackWithEnums extends React.FC<IressStackProps> {
+    /** @deprecated IressStack.Gutter is now deprecated and will be removed in a future version. Please use the GutterSizes type instead. */
+    Gutter: typeof GutterSize;
+}

package/dist/src/components/Stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Stack.types';
+export * from './Stack';

package/dist/src/components/TabSet/Tab/Tab.d.ts

@@ -0,0 +1,2 @@
+import { IressTabProps } from './Tab.types';
+export declare const IressTab: import('react').ForwardRefExoticComponent<IressTabProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/components/TabSet/Tab/Tab.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { IressButtonHTMLAttributes } from '../../../interfaces';
+import { FormControlValue } from '../../../types';
+export interface IressTabProps extends Omit<IressButtonHTMLAttributes, 'children' | 'value'> {
+    /**
+     * Sets the active styling of the tab.
+     */
+    active?: boolean;
+    /**
+     * Text to be displayed inside the tab panel.
+     */
+    children?: ReactNode;
+    /**
+     * The label of this tab.
+     */
+    label: ReactNode;
+    /**
+     * You can provide your own value to allow you to control its active state when used in `IressTabSet`.
+     */
+    value?: FormControlValue;
+}

package/dist/src/components/TabSet/TabSet.d.ts

@@ -0,0 +1,2 @@
+import { TabSetWithEnums } from './TabSet.types';
+export declare const IressTabSet: TabSetWithEnums;

package/dist/src/components/TabSet/TabSet.types.d.ts

@@ -0,0 +1,84 @@
+import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { IressHTMLAttributes } from '../../interfaces';
+import { FormControlValue } from '../../types';
+export interface IressTabSetProps extends Omit<IressHTMLAttributes, 'onChange'> {
+    /**
+     * Content to be displayed inside the IressTabs, usually multiple `IressTab`.
+     */
+    children?: ReactNode;
+    /**
+     * Set the selected tab for uncontrolled tabs.
+     * If the `IressTab` does not have a `value` prop, it will match by index.
+     */
+    defaultSelected?: FormControlValue;
+    /**
+     * Layout options for the positioning of tabs.
+     * @default top-left
+     */
+    layout?: TabSetLayout | TabSetLayouts;
+    /**
+     * Emitted when a tab changes.
+     */
+    onChange?: (event: TabSetChangedEventDetail) => void;
+    /**
+     * Set the selected tab for controlled tabs.
+     * If the `IressTab` does not have a `value` prop, it will match by index.
+     */
+    selected?: FormControlValue;
+}
+export interface TabSetProviderProps extends PropsWithChildren {
+    defaultSelected?: FormControlValue;
+    onChange?: (event: TabSetChangedEventDetail) => void;
+    panel: HTMLDivElement | null;
+    selected?: FormControlValue;
+}
+export interface TabSetContextValue {
+    items: TabSetItem[];
+    active?: TabSetItem;
+    panel: HTMLDivElement | null;
+    register: (item: TabSetRegisterItem) => void;
+    indexOf: (id: string, value?: FormControlValue) => number;
+    isActive: (id: string, value?: FormControlValue) => boolean;
+    activate: (index: number, value?: FormControlValue) => void;
+}
+export interface TabSetChangedEventDetail {
+    value?: FormControlValue;
+    index: number;
+}
+export interface TabSetWithEnums extends React.FC<IressTabSetProps> {
+    /** @deprecated IressTabSet.Layout enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+    Layout: typeof TabSetLayout;
+}
+export interface TabSetItemProps extends IressHTMLAttributes {
+    handleSelection: (index: number, value?: FormControlValue) => void;
+    index: number;
+    selected?: boolean;
+    value?: FormControlValue;
+}
+export interface TabSetItemRenderProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: (instance: HTMLElement | null) => void;
+}
+export interface TabSetRegisterItem {
+    id: string;
+    value?: FormControlValue;
+}
+export interface TabSetItem extends TabSetRegisterItem {
+    index: number;
+}
+/** @deprecated IressTabs.Layout enum is now deprecated and will be removed in a future version. Please use the values directly instead. **/
+export declare enum TabSetLayout {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right"
+}
+export declare const TAB_SET_LAYOUTS: readonly ["top-left", "top-center", "top-right"];
+export type TabSetLayouts = (typeof TAB_SET_LAYOUTS)[number];
+export interface Tab {
+    tabName: string;
+    active: boolean;
+    tabButtonText: ReactNode;
+    tabPanelContent: ReactNode;
+    tabButtonTestId?: string;
+    tabPanelTestId?: string;
+    tabButtonOnClick?: React.MouseEventHandler<HTMLButtonElement>;
+}

package/dist/src/components/TabSet/TabSetProvider.d.ts

@@ -0,0 +1,3 @@
+import { TabSetContextValue, TabSetProviderProps } from './TabSet.types';
+export declare const TabSetItemsContext: import('react').Context<TabSetContextValue | undefined>;
+export declare const TabSetProvider: ({ children, onChange, defaultSelected, panel, selected: selectedProp, }: TabSetProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TabSet/components/TabSetItem.d.ts

@@ -0,0 +1,2 @@
+import { TabSetItemProps } from '../TabSet.types';
+export declare const TabSetItem: ({ children, handleSelection, index, selected, value, ...restProps }: TabSetItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TabSet/helpers/mapTabs.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { Tab } from '../TabSet.types';
+export declare const mapTabs: (tabs: Tab[]) => React.JSX.Element[] | null;

package/dist/src/components/TabSet/hooks/useTabSetItems.d.ts

@@ -0,0 +1 @@
+export declare const useTabSetItems: () => import('..').TabSetContextValue | undefined;

package/dist/src/components/TabSet/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Tab/Tab.types';
+export * from './Tab/Tab';
+export * from './TabSet.types';
+export * from './TabSet';
+export * from './helpers/mapTabs';

package/dist/src/components/Table/Table.d.ts

@@ -0,0 +1,6 @@
+import { IressTableProps, TableScope } from './Table.types';
+export declare const IressTable: {
+    <TRow extends object = never, TVal = never>({ caption, children, columns, compact, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, hover, rowProps, rows, scope, ...restProps }: IressTableProps<TRow, TVal>): import("react/jsx-runtime").JSX.Element;
+    /** @deprecated IressTable.Scope enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+    Scope: typeof TableScope;
+};

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

@@ -0,0 +1,199 @@
+import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { IressHTMLAttributes, WithDataAttributes } from '../../interfaces';
+import { Cell, Column, ColumnSort, Row, SortDirection, SortingFnOption, Table } from '@tanstack/react-table';
+import { AriaRelationshipProps } from '../../hooks/useAriaRelationship';
+export interface IressTableCommonProps<TRow extends object = never, TVal = never> {
+    /**
+     * Caption that describes the data in the table, required for accessibility.
+     */
+    caption: ReactNode;
+    /**
+     * Multiple table elements can be passed as children.
+     * Used to create a static table, or add a `<tfoot />` element to a `rows` based table.
+     */
+    children?: ReactNode;
+    /**
+     * A mapping of columns to be displayed in the table.
+     * If not provided, it will be automatically regenerated from the row data.
+     */
+    columns?: Record<string, TableColumnNoKey<TRow, TVal> | undefined> | TableColumn<TRow, TVal>[];
+    /**
+     * Content to be show when there is no rowData (columns must also be provided).
+     */
+    empty?: ReactNode;
+    /**
+     * When set to true, the table caption will be visually hidden.
+     */
+    hiddenCaption?: boolean;
+    /**
+     * When set to true, the table header (`<thead></thead>`) will be not be rendered.
+     * Only use with very simple tables.
+     */
+    hiddenHeader?: boolean;
+    /**
+     * Add additional props to the row element.
+     * Can be a props map or a function that returns an props map. The function is called with the row data.
+     */
+    rowProps?: IressHTMLAttributes<HTMLTableRowElement> | ((row: Row<TRow>) => IressHTMLAttributes<HTMLTableRowElement>);
+    /**
+     * Each object in the array contains the data for a row.
+     * @default []
+     */
+    rows?: TRow[];
+    /**
+     * Defaults to 'row' - the first cell in the row is a `<th>`, otherwise it's a `<td>`.
+     * @default 'row'
+     */
+    scope?: TableScope | TableScopes;
+}
+export interface IressTableProps<TRow extends object = never, TVal = never> extends IressHTMLAttributes<HTMLTableElement>, IressTableCommonProps<TRow, TVal> {
+    /**
+     * Compact view of the table, used for tables with a lot of data.
+     */
+    compact?: boolean;
+    /**
+     * When set to true, hovering over a row will trigger a UI change.
+     */
+    hover?: boolean;
+}
+export interface TableColumn<TRow extends object, TVal = never> {
+    /**
+     * Aligns the content of the cell.
+     * @default left
+     */
+    align?: TableColumnAligns;
+    /**
+     * The currency code to prefix to the value if `format` is set to currency.
+     * @default $
+     */
+    currencyCode?: string;
+    /**
+     * When set to true, a divider will be rendered after the column.
+     */
+    divider?: boolean;
+    /**
+     * Formats the cell content.
+     * To use the in-built formatters, set this to: string, number, date, currency, percent.
+     * Use a custom formatter by passing a function that returns a ReactNode.
+     */
+    format?: TableCellFormats | ((value: TVal, row?: TRow) => ReactNode);
+    /**
+     * The unique key for the column.
+     */
+    key: string;
+    /**
+     * The label for the column header.
+     */
+    label?: ReactNode;
+    /**
+     * Whether the column should wrap text or not. May need to be false if the column heading is long.
+     * @default true
+     */
+    noWrap?: boolean;
+    /**
+     * When set to true, the column will be sortable.
+     * Setting it to either `asc` or `desc` will set the initial sort order.
+     */
+    sort?: boolean | SortDirection;
+    /**
+     * The sorting function to use when sorting the column.
+     * If not provided, the default sorting function will be used based on the original row data.
+     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/sorting#sortingfn)
+     + @link [Guide](https://tanstack.com/table/v8/docs/guide/sorting)
+     */
+    sortFn?: SortingFnOption<TRow>;
+    /**
+     * Text to be read by a screen reader when a column is sortable (but not currently sorted).
+     * @default sortable
+     */
+    sortableText?: string;
+    /**
+     * The width of the column.
+     */
+    width?: string;
+}
+export type TableColumnNoKey<TRow extends object, TVal = unknown> = Omit<TableColumn<TRow, TVal>, 'key'>;
+export interface IressTableProviderProps<TRow extends object, TVal = unknown> extends PropsWithChildren {
+    columns?: IressTableProps<TRow, TVal>['columns'];
+    rows: TRow[];
+}
+export interface TableContextValue<TRow extends object, TVal = unknown> {
+    api: Table<TRow>;
+    getColumnByKey: (key: string) => TableColumnNoKey<TRow, TVal> | undefined;
+}
+export interface TableHeaderProps extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
+    additionalHeaders?: string;
+    className?: string;
+    tableId: string;
+    testId?: string;
+}
+export interface TableHeaderCellProps extends PropsWithChildren, WithDataAttributes {
+    additionalHeaders?: string;
+    columnApi: Pick<Column<object, unknown>, 'getCanSort' | 'toggleSorting' | 'id'>;
+    tableId: string;
+}
+export interface TableRowsProps<TRow extends object = never> extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
+    additionalHeaders?: string;
+    hiddenHeader?: boolean;
+    scope?: TableScopes;
+    rowProps?: IressTableProps<TRow>['rowProps'];
+    tableId: string;
+    testId?: string;
+}
+export interface TableBodyCellProps<TRow extends object = never> extends PropsWithChildren, WithDataAttributes {
+    additionalHeaders?: string;
+    cellApi: Pick<Cell<TRow, unknown>, 'column' | 'row' | 'id'>;
+    hiddenHeader?: boolean;
+    index: number;
+    scope?: TableScopes;
+    tableId: string;
+}
+export interface TableSortButtonProps extends PropsWithChildren {
+    label?: string;
+    noWrap?: boolean;
+    sort?: ColumnSort;
+    toggleSorting: () => void;
+}
+export interface TableColumnHookProps {
+    columnApi?: Pick<Column<object, unknown>, 'getCanSort' | 'toggleSorting'>;
+    columnKey: string;
+}
+export interface TableColumnSortHook {
+    buttonProps: TableSortButtonProps;
+    columnProps: {
+        'aria-sort'?: 'none' | 'ascending' | 'descending';
+    };
+}
+export interface TableColumnStylesHook {
+    className: string;
+    style: React.CSSProperties;
+}
+export interface TableWithEnums<TRow extends object, TVal = unknown> extends React.FC<IressTableProps<TRow, TVal>> {
+    /** @deprecated IressTable.Scope enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+    Scope: typeof TableScope;
+}
+/** @deprecated IressTable.Scope enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+export declare enum TableScope {
+    Row = "row",
+    Col = "col"
+}
+export declare const TABLE_SCOPES: readonly ["row", "col"];
+export type TableScopes = (typeof TABLE_SCOPES)[number];
+/** @deprecated TableColumnAlign enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+export declare enum TableColumnAlign {
+    Left = "left",
+    Right = "right",
+    Center = "center"
+}
+export declare const TABLE_COLUMN_ALIGN: readonly ["left", "right", "center"];
+export type TableColumnAligns = (typeof TABLE_COLUMN_ALIGN)[number];
+/** @deprecated TableCellFormat enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+export declare enum TableCellFormat {
+    String = "string",
+    Number = "number",
+    Date = "date",
+    Currency = "currency",
+    Percent = "percent"
+}
+export declare const TABLE_CELL_FORMATS: readonly ["string", "number", "date", "shortDate", "isoDateTime", "relativeTime", "currency", "percent"];
+export type TableCellFormats = (typeof TABLE_CELL_FORMATS)[number];

package/dist/src/components/Table/TableBody/TableBody.d.ts

@@ -0,0 +1,2 @@
+import { IressTableBodyProps } from './TableBody.types';
+export declare const IressTableBody: <TRow extends object = never, TVal = never>({ caption, children, columns, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, onOpened, onClosed, open, rowProps, rows, scope, ...restProps }: IressTableBodyProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Table/TableBody/TableBody.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { IressTableCommonProps } from '../Table.types';
+import { IressHTMLAttributes } from '../../../interfaces';
+export interface IressTableBodyProps<TRow extends object = never, TVal = never> extends IressHTMLAttributes<HTMLTableSectionElement>, IressTableCommonProps<TRow, TVal> {
+    /**
+     * Caption that describes the data in the inner table, required for accessibility.
+     * Used to open/close the inner table.
+     *
+     * **Note:** Do not include interactive elements inside the caption.
+     */
+    caption: ReactNode;
+    /**
+     * When set to true, the table caption will be visually hidden.
+     * If set, the inner table will always be open.
+     */
+    hiddenCaption?: boolean;
+    /**
+     * Is called when table is opened.
+     */
+    onOpened?: () => void;
+    /**
+     * Is called when table is closed.
+     */
+    onClosed?: () => void;
+    /**
+     * When true, all rows will be visible, otherwise they are hidden.
+     */
+    open?: boolean;
+}

package/dist/src/components/Table/TableContext.d.ts

@@ -0,0 +1,2 @@
+import { TableContextValue } from './Table.types';
+export declare function getTableContext<TRow extends object, TVal = unknown>(): React.Context<TableContextValue<TRow, TVal>>;

package/dist/src/components/Table/TableFormattedValue/TableFormattedValue.d.ts

@@ -0,0 +1,2 @@
+import { IressTableFormattedValueProps } from './TableFormattedValue.types';
+export declare const IressTableFormattedValue: <TRow extends object, TVal = unknown>({ currencyCode, currencyFormatOptions, format, row, value, }: IressTableFormattedValueProps<TRow, TVal>) => string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | TVal | null | undefined;

package/dist/src/components/Table/TableFormattedValue/TableFormattedValue.types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { TableCellFormats } from '../Table.types';
+import { CurrencyFormatterProps } from '../../../helpers/formatting/formatCurrency';
+export interface IressTableFormattedValueProps<TRow extends object, TVal = unknown> {
+    /**
+     * The currency code to prefix to the value if `format` is set to currency.
+     * @default $
+     * @deprecated Use the `currencyFormatOptions` prop instead.
+     */
+    currencyCode?: string;
+    /**
+     * The currency code to prefix to the value if `format` is set to currency.
+     * @default { locale: 'en-AU', currencyCode: 'AUD' }
+     */
+    currencyFormatOptions?: Omit<CurrencyFormatterProps, 'value'>;
+    /**
+     * Formats the cell content.
+     * To use the in-built formatters, set this to: string, number, date, currency, percent.
+     * Use a custom formatter by passing a function that returns a ReactNode.
+     */
+    format?: TableCellFormats | ((value: TVal, row?: TRow) => ReactNode);
+    /**
+     * The row data.
+     */
+    row?: TRow;
+    /**
+     * The value to format.
+     */
+    value: TVal;
+}

package/dist/src/components/Table/TableProvider.d.ts

@@ -0,0 +1,2 @@
+import { IressTableProviderProps } from './Table.types';
+export declare const IressTableProvider: <TRow extends object, TVal = unknown>({ children, columns, rows, }: IressTableProviderProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableBodyCell.d.ts

@@ -0,0 +1,2 @@
+import { TableBodyCellProps } from '../Table.types';
+export declare const TableBodyCell: <TRow extends object = never>({ additionalHeaders, cellApi, children, hiddenHeader, index, scope, tableId, ...restProps }: TableBodyCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableEmpty.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const TableEmpty: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Table/components/TableHeader.d.ts

@@ -0,0 +1,2 @@
+import { TableHeaderProps } from '../Table.types';
+export declare const TableHeader: ({ additionalHeaders, className, setControlViaRef, tableId, testId, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element[] | null;

package/dist/src/components/Table/components/TableHeaderCell.d.ts

@@ -0,0 +1,2 @@
+import { TableHeaderCellProps } from '../Table.types';
+export declare const TableHeaderCell: ({ additionalHeaders, children, columnApi, tableId, ...restProps }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableRows.d.ts

@@ -0,0 +1,2 @@
+import { TableRowsProps } from '../Table.types';
+export declare const TableRows: <TRow extends object = never>({ additionalHeaders, hiddenHeader, rowProps, setControlViaRef, scope, tableId, testId, }: TableRowsProps<TRow>) => import("react/jsx-runtime").JSX.Element[] | null;

package/dist/src/components/Table/components/TableSortButton.d.ts

@@ -0,0 +1,2 @@
+import { TableSortButtonProps } from '../Table.types';
+export declare const TableSortButton: ({ children, label, noWrap, sort, toggleSorting, }: TableSortButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/helpers/composeIDSTableColumnDefs.d.ts

@@ -0,0 +1,2 @@
+import { IressTableProps } from '../Table.types';
+export declare const composeIDSTableColumnDefs: <TRow extends object, TVal = never>(rows: TRow[], columns?: IressTableProps<TRow, TVal>["columns"]) => import('@tanstack/react-table').AccessorFnColumnDef<TRow, TRow[keyof TRow]>[];

package/dist/src/components/Table/helpers/composeIDSTableInitialSorting.d.ts

@@ -0,0 +1,3 @@
+import { ColumnSort } from '@tanstack/react-table';
+import { IressTableProps } from '../Table.types';
+export declare const composeIDSTableInitialSorting: <TRow extends object, TVal = unknown>(columns?: IressTableProps<TRow, TVal>["columns"]) => ColumnSort[];

package/dist/src/components/Table/helpers/findColumnByKey.d.ts

@@ -0,0 +1,2 @@
+import { IressTableProps } from '../Table.types';
+export declare const findColumnByKey: <TRow extends object, TVal = unknown>(key: string, columns?: IressTableProps<TRow, TVal>["columns"]) => import('../Table.types').TableColumnNoKey<TRow, TVal> | undefined;

package/dist/src/components/Table/helpers/getFormatFromValue.d.ts

@@ -0,0 +1,2 @@
+import { TableCellFormats } from '../Table.types';
+export declare const getFormatFromValue: (value: unknown) => TableCellFormats | undefined;

package/dist/src/components/Table/helpers/hasColumns.d.ts

@@ -0,0 +1,2 @@
+import { IressTableProps } from '../Table.types';
+export declare const hasColumns: <TRow extends object, TVal = unknown>(columns: IressTableProps<TRow, TVal>["columns"]) => boolean;

package/dist/src/components/Table/hooks/useIDSTableColumnSort.d.ts

@@ -0,0 +1,2 @@
+import { TableColumnHookProps, TableColumnSortHook } from '../Table.types';
+export declare const useIDSTableColumnSort: ({ columnApi, columnKey, }: TableColumnHookProps) => TableColumnSortHook | undefined;

package/dist/src/components/Table/hooks/useIDSTableColumnStyles.d.ts

@@ -0,0 +1,2 @@
+import { TableColumnHookProps, TableColumnStylesHook } from '../Table.types';
+export declare const useIDSTableColumnStyles: ({ columnKey, }: TableColumnHookProps) => TableColumnStylesHook | undefined;

package/dist/src/components/Table/hooks/useTable.d.ts

@@ -0,0 +1 @@
+export declare const useTable: <TRow extends object, TVal = unknown>() => import('..').TableContextValue<TRow, TVal>;

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

@@ -0,0 +1,6 @@
+export * from './Table.types';
+export * from './Table';
+export * from './TableFormattedValue/TableFormattedValue.types';
+export * from './TableFormattedValue/TableFormattedValue';
+export * from './TableBody/TableBody.types';
+export * from './TableBody/TableBody';

package/dist/src/components/Tag/Tag.d.ts

@@ -0,0 +1,2 @@
+import { IressTagProps } from './Tag.types';
+export declare const IressTag: ({ children, className, "data-testid": dataTestId, deleteButton, deleteButtonText, onDelete, onDeleteButtonBlur, ...restProps }: IressTagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tag/Tag.types.d.ts

@@ -0,0 +1,25 @@
+import { IressHTMLAttributes } from '../../interfaces';
+import { ButtonRef } from '../Button';
+export interface IressTagProps extends IressHTMLAttributes {
+    /**
+     * Contents of the tag.
+     */
+    children?: React.ReactNode;
+    /**
+     * You can completely replace the delete button to provide your own functionality.
+     * When this is provided, `deleteButtonText` will not be used and `onDelete` and `onDeleteButtonBlur` will not be called.
+     */
+    deleteButton?: React.ReactNode;
+    /**
+     * Screen reader text for delete button
+     */
+    deleteButtonText?: string;
+    /**
+     * Callback triggered when the tag is deleted
+     */
+    onDelete?: (children: string, e: React.SyntheticEvent<ButtonRef>) => void;
+    /**
+     * Callback triggered when the close button is blurred
+     */
+    onDeleteButtonBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
+}

package/dist/src/components/Tag/TagInput/TagInput.d.ts

@@ -0,0 +1,3 @@
+import { IressTagInputProps } from './TagInput.types';
+import { InputRef } from '../../Input';
+export declare const IressTagInput: import('react').ForwardRefExoticComponent<IressTagInputProps & import('react').RefAttributes<InputRef>>;

package/dist/src/components/Tag/TagInput/TagInput.types.d.ts

@@ -0,0 +1,21 @@
+import { SyntheticEvent } from 'react';
+import { TagListInputProps } from '../components/TagListInput/TagListInput.types';
+import { InputBaseElement } from '../../Input';
+export interface IressTagInputProps extends Omit<TagListInputProps, 'defaultValue' | 'deleteButton' | 'onChange' | 'styles' | 'tags' | 'value'> {
+    /**
+     * Tags to display (uncontrolled)
+     */
+    defaultValue?: string[];
+    /**
+     * Emitted when the value changes.
+     */
+    onChange?: (e?: SyntheticEvent<InputBaseElement>, value?: string[]) => void;
+    /**
+     * Emitted when the user attempts to add a tag that already exists.
+     */
+    onExistingTag?: (tag: string) => void;
+    /**
+     * Tags to display (controlled)
+     */
+    value?: string[];
+}

package/dist/src/components/Tag/components/TagListInput/TagListInput.d.ts

@@ -0,0 +1,3 @@
+import { TagListInputProps } from './TagListInput.types';
+import { InputRef } from '../../../Input/InputBase/InputBase.types';
+export declare const TagListInput: import('react').ForwardRefExoticComponent<TagListInputProps & import('react').RefAttributes<InputRef>>;