@apipass/design-system 5.9.0 → 6.1.0

package/dist/types/ui/primitives/Table/DataDrivenTable.d.ts

@@ -1,68 +0,0 @@
-import type { ReactNode } from "react";
-import type { Selection } from "react-aria-components";
-export interface Column<T> {
-    key: keyof T | string;
-    label: string;
-    align?: "start" | "center" | "right";
-    render?: (item: T) => ReactNode;
-}
-export interface RowActionDef<T> {
-    /** Unique key for this action. */
-    key: string;
-    /** aria-label for the button. */
-    label: string;
-    /** Icon element rendered inside the button. */
-    icon: ReactNode;
-    /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */
-    isAllowed?: boolean;
-    /** Tooltip text shown when `isAllowed` is false. */
-    noAccessLabel?: string;
-    /** Called with the row item when the button is pressed. */
-    onPress: (item: T) => void;
-}
-export interface DataDrivenTableProps<T extends {
-    id: string;
-}> {
-    columns: Column<T>[];
-    data: T[];
-    actions?: ReactNode;
-    /** Per-row action buttons rendered in a dedicated last column. */
-    rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);
-    /** Label for the row actions column header. Defaults to empty string. */
-    rowActionsLabel?: string;
-    /**
-     * When true, renders a selection column before the first data column — a per-row control on
-     * every row (see `selectionType`), plus a "select all" checkbox in the header when
-     * `selectionType` is "checkbox". Off by default.
-     */
-    selectable?: boolean;
-    /**
-     * Visual style of the built-in selection control. "checkbox" (default) allows selecting
-     * multiple rows and shows a "select all" in the header. "radio" restricts selection to a
-     * single row (no "select all" — there is nothing to select all *to* with one choice) and
-     * renders a round control instead of a checkbox.
-     */
-    selectionType?: "checkbox" | "radio";
-    /** Controlled selection state. Omit to let the table manage its own selection internally. */
-    selectedKeys?: Selection;
-    onSelectionChange?: (keys: Selection) => void;
-    searchPlaceholder?: string;
-    searchKeys?: (keyof T)[];
-    isLoading?: boolean;
-    loadingMessage?: string;
-    emptyMessage?: string;
-    previousLabel?: string;
-    nextLabel?: string;
-    pageSize?: number;
-    nestedColumns?: Column<any>[];
-    getNestedData?: (item: T) => any[] | Promise<any[]>;
-    nestedLoadingMessage?: string;
-    nestedEmptyMessage?: string;
-    nestedSearchKeys?: (keyof any)[];
-    nestedSearchPlaceholder?: string;
-    nestedActions?: (item: T) => ReactNode;
-    nestedPageSize?: number;
-}
-export declare function DataDrivenTable<T extends {
-    id: string;
-}>({ columns, data, actions, rowActions, rowActionsLabel, selectable, selectionType, selectedKeys, onSelectionChange, searchPlaceholder, searchKeys, isLoading, loadingMessage, emptyMessage, previousLabel, nextLabel, pageSize, nestedColumns, getNestedData, nestedLoadingMessage, nestedEmptyMessage, nestedSearchKeys, nestedSearchPlaceholder, nestedActions, nestedPageSize, }: DataDrivenTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/primitives/Table/TableBase.d.ts

@@ -1,35 +0,0 @@
-import { type CellProps as RACCellProps, type ColumnProps as RACColumnProps, type RowProps as RACRowProps, type TableBodyProps as RACTableBodyProps, type TableHeaderProps as RACTableHeaderProps, type TableProps as RACTableProps } from "react-aria-components";
-import "./table.css";
-type TableAlign = "start" | "center" | "right";
-/**
- * Visual style of the built-in selection control rendered in the selection
- * column (header "select all" + per-row toggle). "radio" is for
- * `selectionMode="single"` tables where a round, single-choice control reads
- * better than a checkbox — the header never renders a control either way
- * (there is no "select all" for a single choice).
- */
-type SelectionType = "checkbox" | "radio";
-export type TableBaseProps = RACTableProps & {
-    bleed?: boolean;
-    dense?: boolean;
-    grid?: boolean;
-    striped?: boolean;
-    selectionType?: SelectionType;
-    maxHeight?: number | string;
-};
-export declare function TableBase({ bleed, dense, grid, striped, selectionType, maxHeight, className, ...props }: TableBaseProps): import("react/jsx-runtime").JSX.Element;
-export type TableColumnProps = RACColumnProps & {
-    align?: TableAlign;
-};
-export declare function TableColumn({ align, className, ...props }: TableColumnProps): import("react/jsx-runtime").JSX.Element;
-export type TableBodyProps<T> = RACTableBodyProps<T>;
-export declare function TableBody<T extends object>({ className, ...props }: TableBodyProps<T>): import("react/jsx-runtime").JSX.Element;
-export type TableHeadProps<T> = RACTableHeaderProps<T>;
-export declare function TableHead<T extends object>({ className, columns, children, ...props }: TableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
-export type TableRowProps<T> = RACRowProps<T>;
-export declare function TableRow<T extends object>({ id, columns, children, className, ...otherProps }: TableRowProps<T>): import("react/jsx-runtime").JSX.Element;
-export type TableCellProps = RACCellProps & {
-    align?: TableAlign;
-};
-export declare function TableCell({ align, className, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
-export {};