@vibe/core 4.5.28-alpha-871ee.0 → 4.5.28

package/dist/components/Combobox/components/ComboboxConstants.d.ts

@@ -1,239 +0,0 @@
-import type React from "react";
-import { type SubIcon } from "@vibe/icon";
-import type { TooltipProps } from "@vibe/tooltip";
-export declare const COMBOBOX_DIVIDER_ITEM = "combobox-divider";
-export declare const COMBOBOX_CATEGORY_ITEM = "combobox-category";
-export declare const COMBOBOX_OPTION_ITEM = "combobox-option";
-export declare const COMBOBOX_LISTBOX_ID = "combobox-listbox";
-/**
- * @deprecated
- */
-export declare enum ComboboxOptionIconType {
-    DEFAULT = "default",
-    RENDERER = "renderer"
-}
-export interface IComboboxCategoryMap {
-    /**
-     * A mapping of category IDs to category details.
-     */
-    [key: string]: IComboboxCategory;
-}
-export interface IComboboxCategory {
-    /**
-     * The display label of the category.
-     */
-    label: string;
-    /**
-     * The unique ID of the category.
-     */
-    id: string;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, the category is only shown when searching.
-     */
-    onlyShowOnSearch?: boolean;
-    /**
-     * The color associated with the category.
-     */
-    color?: string;
-}
-export interface IComboboxOption {
-    /**
-     * The unique ID of the option.
-     */
-    id: string;
-    /**
-     * The ID of the category the option belongs to.
-     */
-    categoryId?: string;
-    /**
-     * The icon displayed on the left side.
-     */
-    leftIcon?: SubIcon | ((className: string) => JSX.Element);
-    /**
-     * The icon displayed on the right side.
-     */
-    rightIcon?: SubIcon | ((className: string) => JSX.Element);
-    /**
-     * The type of the left icon.
-     */
-    leftIconType?: ComboboxOptionIconType;
-    /**
-     * The type of the right icon.
-     */
-    rightIconType?: ComboboxOptionIconType;
-    /**
-     * The display label of the option.
-     */
-    label: string;
-    /**
-     * The size of the icons.
-     */
-    iconSize?: number;
-    /**
-     * If true, the option is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the option is selected.
-     */
-    selected?: boolean;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, the option belongs to a category.
-     */
-    belongToCategory?: boolean;
-    /**
-     * The tooltip content displayed on hover.
-     */
-    tooltipContent?: string;
-    /**
-     * Props for the Tooltip component.
-     * The "Omit" is here on purpose to avoid the content prop, in case tooltipProps would be expanded in the future.
-     */
-    tooltipProps?: Pick<Omit<TooltipProps, "content">, "position">;
-}
-export interface IComboboxItem {
-    /**
-     * The height of the item.
-     */
-    height?: number;
-    /**
-     * The type of the item.
-     */
-    type?: string;
-    /**
-     * The category details if the item is a category.
-     */
-    category?: IComboboxCategory;
-    /**
-     * The ID of the category the item belongs to.
-     */
-    categoryId?: string;
-    /**
-     * The unique ID of the item.
-     */
-    id?: string;
-    /**
-     * The index of the item in the list.
-     */
-    index?: number;
-    /**
-     * If true, a divider is displayed before this item.
-     */
-    withDivider?: boolean;
-    /**
-     * Class name applied to the item.
-     */
-    className?: string;
-    /**
-     * If true, the item belongs to a category.
-     */
-    belongToCategory?: boolean;
-    /**
-     * The option details if the item is an option.
-     */
-    option?: IComboboxOption;
-    /**
-     * Custom renderer for the option.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-    /**
-     * If true, the item is currently active.
-     */
-    isActive?: boolean;
-    /**
-     * The height of the option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, the selected item is automatically scrolled into view.
-     */
-    shouldScrollToSelectedItem?: boolean;
-}
-export interface IComboboxOptionEvents {
-    /**
-     * Callback fired when an option is clicked.
-     */
-    onOptionClick: (event: React.MouseEvent | React.KeyboardEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-    /**
-     * Callback fired when the mouse leaves an option.
-     */
-    onOptionLeave: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-    /**
-     * Callback fired when the mouse enters an option.
-     */
-    onOptionEnter: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-    /**
-     * Callback fired when hovering over an option.
-     */
-    onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;
-}
-export interface IOptionItemRendererArgs extends IComboboxOptionEvents {
-    /**
-     * The unique ID of the option item.
-     */
-    id?: string;
-    /**
-     * The index of the option item.
-     */
-    index?: number;
-    /**
-     * The option details.
-     */
-    option?: IComboboxOption;
-    /**
-     * Class name applied to the option item.
-     */
-    className?: string;
-    /**
-     * If true, the option is currently active.
-     */
-    isActive?: boolean;
-    /**
-     * If true, the option has visual focus.
-     */
-    visualFocus?: boolean;
-    /**
-     * A reference to the scroll container.
-     */
-    scrollRef?: React.MutableRefObject<HTMLElement>;
-    /**
-     * The amount of offset when scrolling to the active item.
-     */
-    scrollOffset?: number;
-    /**
-     * The height of the option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, the selected item is automatically scrolled into view.
-     */
-    shouldScrollToSelectedItem?: boolean;
-    /**
-     * If true, scrolls to the active option when it is selected.
-     */
-    shouldScrollWhenActive?: boolean;
-    /**
-     * If true, the option belongs to a category.
-     */
-    belongToCategory?: boolean;
-    /**
-     * The index of the item with visual focus.
-     */
-    visualFocusItemIndex?: number;
-    /**
-     * The index of the currently active item.
-     */
-    activeItemIndex?: number;
-    /**
-     * Custom renderer for the option content.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-}

package/dist/components/Combobox/components/ComboboxItems/ComboboxItems.d.ts

@@ -1,65 +0,0 @@
-import React from "react";
-import { type IComboboxCategoryMap, type IComboboxItem, type IComboboxOption, type IComboboxOptionEvents } from "../ComboboxConstants";
-export interface ComboboxItemsProps extends IComboboxOptionEvents {
-    /**
-     * Class name applied to the options container.
-     */
-    className?: string;
-    /**
-     * Class name applied to individual options.
-     */
-    optionClassName?: string;
-    /**
-     * The categories available in the combobox.
-     */
-    categories?: IComboboxCategoryMap;
-    /**
-     * The list of options displayed in the combobox.
-     */
-    options?: IComboboxItem[];
-    /**
-     * Custom renderer for an option.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-    /**
-     * The index of the currently active item.
-     */
-    activeItemIndex?: number;
-    /**
-     * The index of the item with visual focus.
-     */
-    visualFocusItemIndex?: number;
-    /**
-     * The height of each option item.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, the list scrolls to the selected item when opened.
-     */
-    shouldScrollToSelectedItem?: boolean;
-    /**
-     * If true, only renders visible options (optimization for large lists).
-     */
-    renderOnlyVisibleOptions?: boolean;
-    /**
-     * Callback fired when the active category changes.
-     */
-    onActiveCategoryChanged?: (category: IComboboxItem) => void;
-    /**
-     * The maximum number of options displayed without scrolling.
-     */
-    maxOptionsWithoutScroll?: number;
-    /**
-     * A map of item IDs to item data.
-     */
-    itemsMap?: Map<string, IComboboxItem>;
-    /**
-     * If true, categories remain visible when scrolling.
-     */
-    stickyCategories?: boolean;
-    /**
-     * The ID of the options container.
-     */
-    id?: string;
-}
-export declare const ComboboxItems: React.FC<ComboboxItemsProps>;

package/dist/components/Combobox/components/ComboboxOption/ComboboxOption.d.ts

@@ -1,46 +0,0 @@
-import React, { type RefObject } from "react";
-import { type IComboboxOption, type IComboboxOptionEvents } from "../ComboboxConstants";
-export interface ComboboxOptionProps extends IComboboxOptionEvents {
-    /**
-     * The index of the option in the list.
-     */
-    index?: number;
-    /**
-     * The option data containing label, icons, and other properties.
-     */
-    option?: IComboboxOption;
-    /**
-     * Class name applied to the option element.
-     */
-    className?: string;
-    /**
-     * If true, the option is currently active.
-     */
-    isActive?: boolean;
-    /**
-     * If true, the option has visual focus.
-     */
-    visualFocus?: boolean;
-    /**
-     * A reference to the scroll container.
-     */
-    scrollRef?: RefObject<HTMLElement>;
-    /**
-     * The amount of offset when scrolling to the active item.
-     */
-    scrollOffset?: number;
-    /**
-     * The height of each option.
-     */
-    optionLineHeight?: number;
-    /**
-     * If true, scrolls to the active option when it is selected.
-     */
-    shouldScrollWhenActive?: boolean;
-    /**
-     * Custom renderer for the option content.
-     */
-    optionRenderer?: (option: IComboboxOption) => JSX.Element;
-}
-declare const ComboboxOption: ({ index, option, className, isActive, visualFocus, scrollRef, scrollOffset, onOptionClick, onOptionLeave, onOptionHover, optionLineHeight, shouldScrollWhenActive, optionRenderer }: ComboboxOptionProps) => React.JSX.Element;
-export default ComboboxOption;

package/dist/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const StickyCategoryHeader: ({ label, color, className }: {
-    label: string;
-    color?: string;
-    className?: string;
-}) => React.JSX.Element;

package/dist/components/Combobox/helpers.d.ts

@@ -1 +0,0 @@
-export declare function getOptionId(id: string, index: number): string;

package/dist/components/Combobox/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Combobox, type ComboboxProps } from "./Combobox";
-export * from "./Combobox.types";

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

@@ -1,76 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type TableHeaderProps } from "../TableHeader/TableHeader";
-import { type TableBodyProps } from "../TableBody/TableBody";
-import { type RowSizes } from "./Table.types";
-import { type SubIcon } from "@vibe/icon";
-export type TableLoadingStateType = "long-text" | "medium-text" | "circle" | "rectangle";
-type Width = number | `${number}%` | `${number}px` | `${number}fr`;
-export interface TableColumn {
-    /**
-     * Unique identifier for the column.
-     */
-    id: string;
-    /**
-     * Column title displayed in the header.
-     */
-    title: string;
-    /**
-     * Additional information displayed as a tooltip.
-     */
-    infoContent?: string;
-    /**
-     * Column width configuration.
-     */
-    width?: Width | {
-        min: Width;
-        max: Width;
-    };
-    /**
-     * Icon displayed next to the column title.
-     */
-    icon?: SubIcon;
-    /**
-     * Loading state type for the column when data is being fetched.
-     */
-    loadingStateType?: TableLoadingStateType;
-}
-export interface TableProps extends VibeComponentProps {
-    /**
-     * Defines the columns of the table.
-     */
-    columns: TableColumn[];
-    /**
-     * State of the data being displayed (loading or error).
-     */
-    dataState?: {
-        isLoading?: boolean;
-        isError?: boolean;
-    };
-    /**
-     * React element displayed when there is an error state.
-     */
-    errorState: ReactElement;
-    /**
-     * React element displayed when there is no data.
-     */
-    emptyState: ReactElement;
-    /**
-     * Custom styles for the table.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The child components inside the table, such as `<TableHeader />` and `<TableBody />`.
-     */
-    children?: ReactElement<TableHeaderProps> | ReactElement<TableBodyProps> | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;
-    /**
-     * The row size of the table.
-     */
-    size?: RowSizes;
-    /**
-     * If true, removes the table's outer border.
-     */
-    withoutBorder?: boolean;
-}
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
-export default Table;

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

@@ -1 +0,0 @@
-export type RowSizes = "small" | "medium" | "large";

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

@@ -1,14 +0,0 @@
-export declare const SKELETON_ROWS_AMOUNT = 5;
-/**
- * @deprecated
- */
-export declare enum RowSizes {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-export declare const RowHeights: {
-    small: number;
-    medium: number;
-    large: number;
-};

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

@@ -1,12 +0,0 @@
-import { type AriaAttributes } from "react";
-import type React from "react";
-import { type TableColumn, type TableLoadingStateType } from "./Table";
-import { type TableHeaderCellProps } from "../TableHeaderCell/TableHeaderCell";
-import { type SkeletonType } from "@vibe/skeleton";
-export declare function generateWidth(width: TableColumn["width"]): string;
-export declare function getTableRowLayoutStyles(columns: TableColumn[], style?: React.CSSProperties): React.CSSProperties;
-export declare function getSortIcon(sortState: TableHeaderCellProps["sortState"]): React.FC<import("@vibe/icons/dist/react/SortAscending").SortAscendingProps>;
-export declare function getNextSortState(sortState: TableHeaderCellProps["sortState"]): TableHeaderCellProps["sortState"];
-export declare function getAriaSort(sortState: TableHeaderCellProps["sortState"]): AriaAttributes["aria-sort"];
-export declare function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType;
-export declare function getLoadingTypeForCell(loadingStateType: TableLoadingStateType, rowIndex: number): TableLoadingStateType;

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

@@ -1,12 +0,0 @@
-import React, { type ReactElement, type ComponentProps } from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type TableRowProps } from "../TableRow/TableRow";
-import type { VirtualizedList } from "@vibe/virtualized-list";
-export interface TableBodyProps extends VibeComponentProps {
-    /**
-     * The child components inside the table body, such as `<TableRow />` elements.
-     */
-    children?: ReactElement<TableRowProps> | ReactElement<TableRowProps>[] | ReactElement<ComponentProps<typeof VirtualizedList>>;
-}
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLDivElement>>;
-export default TableBody;

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-export interface TableCellProps extends VibeComponentProps {
-    /**
-     * The content inside the table cell.
-     */
-    children?: React.ReactNode;
-    /**
-     * If true, makes the cell sticky (typically used for frozen columns).
-     */
-    sticky?: boolean;
-}
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLDivElement>>;
-export default TableCell;

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type TableLoadingStateType } from "../Table/Table";
-export interface TableCellSkeletonProps extends VibeComponentProps {
-    /**
-     * The type of loading state for the skeleton.
-     */
-    type?: TableLoadingStateType;
-    /**
-     * If true, renders a shorter skeleton for text-based loading states.
-     */
-    short?: boolean;
-}
-declare const TableCellSkeleton: React.FC<TableCellSkeletonProps>;
-export default TableCellSkeleton;

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { type TableContainerProps } from "./TableContainer.types";
-declare const TableContainer: React.ForwardRefExoticComponent<TableContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default TableContainer;

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

@@ -1,12 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../../types";
-export interface TableContainerProps extends VibeComponentProps {
-    /**
-     * Custom styles for the table container.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The child elements inside the table container.
-     */
-    children: React.ReactNode;
-}

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type TableHeaderCellProps } from "../TableHeaderCell/TableHeaderCell";
-export interface TableHeaderProps extends VibeComponentProps {
-    /**
-     * The child elements inside the table header, typically `<TableHeaderCell />` components.
-     */
-    children?: React.ReactElement<TableHeaderCellProps> | React.ReactElement<TableHeaderCellProps>[];
-}
-declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export default TableHeader;

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

@@ -1,35 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface TableHeaderCellProps extends VibeComponentProps {
-    /**
-     * The title of the column, displayed inside the header cell.
-     */
-    title: string | React.ReactNode;
-    /**
-     * Icon displayed next to the column title.
-     */
-    icon?: SubIcon;
-    /**
-     * Tooltip content for additional information about the column.
-     */
-    infoContent?: string;
-    /**
-     * Current sorting state of the column.
-     */
-    sortState?: "asc" | "desc" | "none";
-    /**
-     * Callback fired when the column header is clicked to change sorting.
-     */
-    onSortClicked?: (direction: "asc" | "desc" | "none") => void;
-    /**
-     * ARIA label for the sort button.
-     */
-    sortButtonAriaLabel?: string;
-    /**
-     * If true, the header cell remains visible while scrolling horizontally.
-     */
-    sticky?: boolean;
-}
-declare const TableHeaderCell: React.ForwardRefExoticComponent<TableHeaderCellProps & React.RefAttributes<HTMLDivElement>>;
-export default TableHeaderCell;

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

@@ -1,19 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type TableCellProps } from "../TableCell/TableCell";
-export interface TableRowProps extends VibeComponentProps {
-    /**
-     * If true, applies a highlighted style to the row.
-     */
-    highlighted?: boolean;
-    /**
-     * The child components inside the table row, typically `<TableCell />` elements.
-     */
-    children?: React.ReactElement<TableCellProps> | React.ReactElement<TableCellProps>[];
-    /**
-     * Custom styles applied to the table row.
-     */
-    style?: React.CSSProperties;
-}
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLDivElement>>;
-export default TableRow;

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { type TableMenuProps } from "./TableRowMenu.types";
-declare const TableRowMenu: React.ForwardRefExoticComponent<TableMenuProps & React.RefAttributes<HTMLDivElement>>;
-export default TableRowMenu;

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

@@ -1,12 +0,0 @@
-import { type VibeComponentProps } from "../../../types";
-import type React from "react";
-export interface TableMenuProps extends VibeComponentProps {
-    /**
-     * The ID of the row that the menu is associated with.
-     */
-    rowId: string;
-    /**
-     * The child elements inside the table menu.
-     */
-    children?: React.ReactNode;
-}

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

@@ -1,35 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type ScrollDirection } from "react-window";
-import { type TableColumn } from "../Table/Table";
-export type TableVirtualizedRow = Record<string, unknown> & {
-    id: string;
-};
-export interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow> extends VibeComponentProps {
-    /**
-     * The list of items to render in the virtualized table.
-     */
-    items: T[];
-    /**
-     * Function to render a row in the table.
-     */
-    rowRenderer: (item: T) => JSX.Element;
-    /**
-     * Callback function triggered on scroll.
-     */
-    onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
-    /**
-     * The columns configuration for the table.
-     */
-    columns?: TableColumn[];
-    /**
-     * Function to render the table header.
-     */
-    headerRenderer?: (columns: TableColumn[]) => JSX.Element;
-    /**
-     * Number of rows to render above/below the visible area.
-     */
-    overscanCount?: number;
-}
-declare const TableVirtualizedBody: React.ForwardRefExoticComponent<TableVirtualizedBodyProps<TableVirtualizedRow> & React.RefAttributes<HTMLDivElement>>;
-export default TableVirtualizedBody;

package/dist/components/Table/context/TableContainerContext/TableContainerContext.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type TableContainerProviderProps } from "./TableContainerContext.types";
-export declare const TableContainerProvider: ({ value, children }: TableContainerProviderProps) => React.JSX.Element;
-export declare const useTableContainer: () => import("./TableContainerContext.types").TableContainerProviderValue;