@vibe/core 3.52.1-alpha-82ba5.0 → 3.52.2-alpha-86331.0

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,202 +0,0 @@
-import React, { CSSProperties, PureComponent, ReactElement } from "react";
-import { Modifier } from "react-popper";
-import { DialogAnimationType, DialogTriggerEvent } from "../Dialog/Dialog.types";
-import { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from "../Dialog/DialogConstants";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from "./TooltipConstants";
-import { ElementContent } from "../../types/ElementContent";
-import { MoveBy } from "../../types/MoveBy";
-import { SubIcon } from "../../types";
-import { TooltipPositions, TooltipTheme } from "./Tooltip.types";
-export type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);
-interface TooltipWithoutChildrenProps {
-    /**
-     * If true, the tooltip will be rendered even if there are no children.
-     */
-    forceRenderWithoutChildren: boolean;
-    /**
-     * The children elements that the tooltip is attached to.
-     */
-    children?: ReactElement | Array<ReactElement>;
-}
-interface TooltipWithChildrenProps {
-    /**
-     * If true, the tooltip will be rendered even if there are no children.
-     */
-    forceRenderWithoutChildren?: boolean;
-    /**
-     * The children elements that the tooltip is attached to.
-     */
-    children: ReactElement | Array<ReactElement>;
-}
-interface TooltipBaseProps extends VibeComponentProps {
-    /**
-     * The content displayed inside the tooltip.
-     */
-    content: ElementContent;
-    /**
-     * Inline styles applied to the tooltip container.
-     */
-    style?: CSSProperties;
-    /**
-     * Class name applied to the tooltip arrow.
-     */
-    arrowClassName?: string;
-    /**
-     * Offset values for positioning adjustments.
-     */
-    moveBy?: MoveBy;
-    /**
-     * The theme of the tooltip.
-     */
-    theme?: TooltipTheme;
-    /**
-     * Function to get the container where the tooltip should be rendered.
-     */
-    getContainer?: () => HTMLElement;
-    /**
-     * Delay in milliseconds before hiding the tooltip.
-     */
-    hideDelay?: number;
-    /**
-     * Delay in milliseconds before showing the tooltip.
-     */
-    showDelay?: number;
-    /**
-     * If true, disables the slide animation of the tooltip.
-     */
-    disableDialogSlide?: boolean;
-    /**
-     * The animation type used for showing/hiding the tooltip.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * If true, renders the tooltip without a dialog.
-     */
-    withoutDialog?: boolean;
-    /**
-     * The CSS selector of the container where the tooltip should be rendered.
-     */
-    containerSelector?: string;
-    /**
-     * Delay in milliseconds before showing the tooltip immediately.
-     */
-    immediateShowDelay?: number;
-    /**
-     * If false, hides the arrow of the tooltip.
-     */
-    tip?: boolean;
-    /**
-     * If true, the tooltip is shown when the component mounts.
-     */
-    shouldShowOnMount?: boolean;
-    /**
-     * If true, hides the tooltip when the reference element is hidden.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * Callback fired when the tooltip is hidden.
-     */
-    onTooltipHide?: () => void;
-    /**
-     * Callback fired when the tooltip is shown.
-     */
-    onTooltipShow?: () => void;
-    /**
-     * Custom Popper.js modifiers.
-     * https://popper.js.org/docs/v2/modifiers/
-     */
-    modifiers?: Array<Modifier<unknown>>;
-    /**
-     * The placement of the tooltip relative to the reference element.
-     */
-    position?: TooltipPositions;
-    /**
-     * Events that trigger showing the tooltip.
-     */
-    showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
-    /**
-     * Events that trigger hiding the tooltip.
-     */
-    hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
-    /**
-     * If true, prevents closing the tooltip when the mouse enters it.
-     */
-    showOnDialogEnter?: boolean;
-    /**
-     * Class name applied to the reference wrapper element.
-     */
-    referenceWrapperClassName?: string;
-    /**
-     * If true, keyboard focus/blur events behave like mouse enter/leave.
-     */
-    addKeyboardHideShowTriggersByDefault?: boolean;
-    /**
-     * If true, controls the open state of the tooltip.
-     */
-    open?: boolean;
-    /**
-     * The z-index applied to the tooltip.
-     */
-    zIndex?: number;
-    /**
-     * The title of the tooltip.
-     */
-    title?: string;
-    /**
-     * The image displayed inside the tooltip.
-     */
-    image?: string;
-    /**
-     * The icon displayed next to the title.
-     */
-    icon?: SubIcon;
-    /**
-     * The maximum width of the tooltip.
-     */
-    maxWidth?: number;
-    /**
-     * The text direction of the tooltip: "ltr", "rtl", or "auto".
-     */
-    dir?: "ltr" | "rtl" | "auto";
-}
-export default class Tooltip extends PureComponent<TooltipProps> {
-    wasShown: boolean;
-    static positions: typeof TooltipPositionsEnum;
-    static hideShowTriggers: typeof HideShowEventEnum;
-    static themes: typeof TooltipThemeEnum;
-    static animationTypes: typeof AnimationTypeEnum;
-    static defaultProps: {
-        moveBy: {
-            main: number;
-            secondary: number;
-        };
-        theme: string;
-        position: string;
-        hideDelay: number;
-        showDelay: number;
-        disableDialogSlide: boolean;
-        animationType: AnimationTypeEnum;
-        withoutDialog: boolean;
-        tip: boolean;
-        hideWhenReferenceHidden: boolean;
-        modifiers: Partial<import("@popperjs/core").Modifier<unknown, object>>[];
-        showTrigger: HideShowEventEnum;
-        hideTrigger: HideShowEventEnum;
-        showOnDialogEnter: boolean;
-        referenceWrapperClassName: string;
-        addKeyboardHideShowTriggersByDefault: boolean;
-        open: boolean;
-    };
-    constructor(props: TooltipProps);
-    renderTooltipContent(): React.JSX.Element;
-    onTooltipShow(): void;
-    onTooltipHide(): void;
-    getTimeSinceLastTooltip(): number;
-    getShowDelay(): {
-        showDelay: number;
-        preventAnimation: boolean;
-    };
-    render(): React.JSX.Element;
-}
-export {};

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

@@ -1,2 +0,0 @@
-export type TooltipPositions = "top" | "right" | "bottom" | "left";
-export type TooltipTheme = "dark" | "primary";

package/dist/components/Tooltip/TooltipConstants.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TooltipPositions {
-    TOP = "top",
-    RIGHT = "right",
-    BOTTOM = "bottom",
-    LEFT = "left"
-}
-/**
- * @deprecated
- */
-export declare enum TooltipTheme {
-    Dark = "dark",
-    Primary = "primary"
-}

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

@@ -1,2 +0,0 @@
-export { default as Tooltip, TooltipProps } from "./Tooltip";
-export * from "./Tooltip.types";

package/dist/components/TransitionView/TransitionView.d.ts

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

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

@@ -1,18 +0,0 @@
-import React from "react";
-import { VibeComponentProps } from "../../types";
-import { SlideDirection } from "../SlideTransition/SlideTransition.types";
-export interface TransitionViewProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStep: number;
-    /**
-     * The direction of the transition between steps.
-     */
-    direction: TransitionViewDirection;
-    /**
-     * The child elements representing the steps in the transition.
-     */
-    children: React.ReactNode[];
-}
-export type TransitionViewDirection = SlideDirection;

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

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

package/dist/components/Typography/Typography.d.ts

@@ -1,41 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { VibeComponentProps } from "../../types";
-import { ElementContent } from "../../types";
-import { TypographyAlign, TypographyColor } from "./Typography.types";
-import { TooltipProps } from "../Tooltip/Tooltip";
-export interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML element tag used for the text component.
-     */
-    element?: string;
-    /**
-     * The content inside the typography component.
-     */
-    children: ElementContent;
-    /**
-     * The text color.
-     */
-    color?: TypographyColor;
-    /**
-     * The text alignment.
-     */
-    align?: TypographyAlign;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    ellipsis?: boolean;
-    /**
-     * The maximum number of lines before truncating with an ellipsis.
-     */
-    maxLines?: number;
-    /**
-     * Props passed to the tooltip displayed when hovering over the text.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * If true, disables the tooltip that appears when text is truncated.
-     */
-    withoutTooltip?: boolean;
-}
-declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
-export default Typography;

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

@@ -1,2 +0,0 @@
-export type TypographyColor = "primary" | "secondary" | "onPrimary" | "onInverted" | "fixedLight" | "fixedDark" | "inherit" | "negative";
-export type TypographyAlign = "start" | "center" | "end" | "inherit";

package/dist/components/Typography/TypographyConstants.d.ts

@@ -1,22 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TypographyColor {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    ON_PRIMARY = "onPrimary",
-    ON_INVERTED = "onInverted",
-    FIXED_LIGHT = "fixedLight",
-    FIXED_DARK = "fixedDark",
-    INHERIT = "inherit",
-    NEGATIVE = "negative"
-}
-/**
- * @deprecated
- */
-export declare enum TypographyAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    INHERIT = "inherit"
-}

package/dist/components/Typography/TypographyHooks.d.ts

@@ -1,8 +0,0 @@
-import { MutableRefObject } from "react";
-import { ElementContent } from "../../types";
-import { TooltipProps } from "../Tooltip/Tooltip";
-export declare function useEllipsisClass(ellipsis: boolean, maxLines?: number): {
-    class: string;
-    style: Record<string, string>;
-};
-export declare function useTooltipProps(ref: MutableRefObject<HTMLElement>, withoutTooltip: boolean, ellipsis: boolean, tooltipProps: Partial<TooltipProps>, children: ElementContent, ignoreHeightOverflow: boolean, overflowTolerance: number): {};

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

@@ -1,2 +0,0 @@
-export { default as Typography, TypographyProps } from "./Typography";
-export * from "./Typography.types";

package/dist/components/Typography/utils/TypographyContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type TypographyContext = {
-    /**
-     * Sets a tolerance for vertical overflow to avoid undeed detetction of overflow
-     * Useful for cases where line-height is set and it's smaller than the font's line-height
-     */
-    overflowTolerance: number;
-};
-export declare const TypographyContext: React.Context<TypographyContext>;
-export {};

package/dist/components/VirtualizedGrid/VirtualizedGrid.d.ts

@@ -1,67 +0,0 @@
-import React, { CSSProperties } from "react";
-import { GridChildComponentProps, ScrollDirection } from "react-window";
-import { VibeComponentProps } from "../../types";
-import { VirtualizedGridItemType as ItemType } from "./VirtualizedGrid.types";
-export interface VirtualizedGridProps extends VibeComponentProps {
-    /**
-     * The list of items to be rendered in the grid.
-     */
-    items: ItemType[];
-    /**
-     * Function that renders each item in the grid.
-     */
-    itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ItemType | GridChildComponentProps<ItemType>;
-    /**
-     * Function that returns the row height.
-     */
-    getRowHeight: () => number;
-    /**
-     * Function that returns the column width.
-     */
-    getColumnWidth: () => number;
-    /**
-     * Function that returns the unique ID of an item.
-     */
-    getItemId?: (item: ItemType, index: number) => string;
-    /**
-     * The index of the item to scroll to.
-     */
-    scrollToId?: number;
-    /**
-     * Callback fired when the grid is scrolled.
-     */
-    onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
-    /**
-     * Callback fired when scrolling has finished.
-     */
-    onScrollToFinished?: () => void;
-    /**
-     * Callback fired when items are rendered in the grid.
-     */
-    onItemsRendered?: ({ firstItemId, secondItemId, lastItemId, centerItemId, firstItemOffsetEnd, currentOffsetTop }: {
-        firstItemId: string;
-        secondItemId: string;
-        lastItemId: string;
-        centerItemId: string;
-        firstItemOffsetEnd: number;
-        currentOffsetTop: number;
-    }) => void;
-    /**
-     * The delay (in ms) for throttling the `onItemsRendered` callback.
-     */
-    onItemsRenderedThrottleMs?: number;
-    /**
-     * Callback fired when the grid size is updated.
-     */
-    onSizeUpdate?: (width: number, height: number) => void;
-    /**
-     * Callback fired when the vertical scrollbar visibility changes.
-     */
-    onVerticalScrollbarVisiblityChange?: (value: boolean) => void;
-    /**
-     * Class name applied to the scrollable container.
-     */
-    scrollableClassName?: string;
-}
-declare const VirtualizedGrid: React.ForwardRefExoticComponent<VirtualizedGridProps & React.RefAttributes<HTMLElement>>;
-export default VirtualizedGrid;

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

@@ -1,6 +0,0 @@
-export type VirtualizedGridItemType = {
-    value: string;
-    height: number;
-    width: number;
-    id: string;
-};

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

@@ -1,2 +0,0 @@
-export { default as VirtualizedGrid, VirtualizedGridProps } from "./VirtualizedGrid";
-export * from "./VirtualizedGrid.types";

package/dist/components/VirtualizedList/VirtualizedList.d.ts

@@ -1,98 +0,0 @@
-import React, { CSSProperties, ForwardedRef, ReactElement } from "react";
-import { VibeComponentProps } from "../../types";
-import { VirtualizedListItem, VirtualizedListLayout, VirtualizedListScrollDirection } from "./VirtualizedList.types";
-export interface VirtualizedListProps extends VibeComponentProps {
-    /**
-     * Class name applied to the scrollable container.
-     */
-    scrollableClassName?: string;
-    /**
-     * The orientation of the list.
-     */
-    layout?: VirtualizedListLayout;
-    /**
-     * The list of items to be rendered.
-     */
-    items: VirtualizedListItem[];
-    /**
-     * Function to render each item in the list.
-     */
-    itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;
-    /**
-     * @deprecated - use `getItemSize`.
-     */
-    getItemHeight?: (item: VirtualizedListItem, index: number) => number;
-    /**
-     * Function to get the size (height/width) of each item, based on layout.
-     */
-    getItemSize?: (item: VirtualizedListItem, index: number) => number;
-    /**
-     * Function to get the unique ID of an item.
-     */
-    getItemId?: (item: VirtualizedListItem, index: number) => string;
-    /**
-     * Callback fired when the scroll animation is finished.
-     */
-    onScrollToFinished?: () => void;
-    /**
-     * Number of items to render above and below the visible portion.
-     */
-    overscanCount?: number;
-    /**
-     * The duration of the scroll animation in milliseconds.
-     */
-    scrollDuration?: number;
-    /**
-     * Callback fired when items are rendered.
-     */
-    onItemsRendered?: ({ firstItemId, secondItemId, lastItemId, centerItemId, firstItemOffsetEnd, currentOffsetTop }: {
-        firstItemId: string;
-        secondItemId: string;
-        lastItemId: string;
-        centerItemId: string;
-        firstItemOffsetEnd: number;
-        currentOffsetTop: number;
-    }) => void;
-    /**
-     * The delay (in ms) for throttling the `onItemsRendered` callback.
-     */
-    onItemsRenderedThrottleMs?: number;
-    /**
-     * Callback fired when the list size changes.
-     */
-    onSizeUpdate?: (width: number, height: number) => void;
-    /**
-     * @deprecated - use `onLayoutDirectionScrollbarVisibilityChange`.
-     */
-    onVerticalScrollbarVisiblityChange?: (value: boolean) => void;
-    /**
-     * Callback fired when the vertical or horizontal scrollbar visibility changes.
-     */
-    onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;
-    /**
-     * The ARIA role attribute applied to the list.
-     */
-    role?: string;
-    /**
-     * The ARIA label for the list.
-     */
-    ariaLabel?: string;
-    /**
-     * Custom inline styles applied to the list.
-     */
-    style?: CSSProperties;
-    /**
-     * The ID of the item to scroll to.
-     */
-    scrollToId?: string;
-    /**
-     * Reference to the virtualized list component.
-     */
-    virtualListRef?: ForwardedRef<HTMLElement>;
-    /**
-     * Callback fired when the list is scrolled.
-     */
-    onScroll?: (horizontalScrollDirection: VirtualizedListScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
-}
-declare const VirtualizedList: React.ForwardRefExoticComponent<VirtualizedListProps & React.RefAttributes<HTMLElement>>;
-export default VirtualizedList;

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

@@ -1,8 +0,0 @@
-export type VirtualizedListItem = {
-    value?: string | Record<string, unknown>;
-    height?: number;
-    width?: number;
-    id?: string;
-    offsetTop?: number;
-};
-export { Layout as VirtualizedListLayout, ScrollDirection as VirtualizedListScrollDirection } from "react-window";

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

@@ -1,2 +0,0 @@
-export { default as VirtualizedList, VirtualizedListProps } from "./VirtualizedList";
-export * from "./VirtualizedList.types";

package/dist/components/index.d.ts

@@ -1,68 +0,0 @@
-export * from "./Accordion";
-export * from "./AlertBanner";
-export * from "./AttentionBox";
-export * from "./Avatar";
-export * from "./AvatarGroup";
-export * from "./Badge";
-export * from "./Box";
-export * from "./BreadcrumbsBar";
-export * from "./Button";
-export * from "./ButtonGroup";
-export * from "./Checkbox";
-export * from "./Chips";
-export * from "./Clickable";
-export * from "./ColorPicker";
-export * from "./Combobox";
-export * from "./Counter";
-export * from "./DatePicker";
-export * from "./Dialog";
-export * from "./DialogContentContainer";
-export * from "./Divider";
-export * from "./Dropdown";
-export * from "./EditableHeading";
-export * from "./EditableText";
-export * from "./EmptyState";
-export * from "./ExpandCollapse";
-export * from "./Flex";
-export * from "./FormattedNumber";
-export * from "./GridKeyboardNavigationContext";
-export * from "./Heading";
-export * from "./HiddenText";
-export * from "./Icon";
-export * from "./IconButton";
-export * from "./Label";
-export * from "./LayerProvider";
-export * from "./Link";
-export * from "./List";
-export * from "./ListItem";
-export * from "./ListItemAvatar";
-export * from "./ListItemIcon";
-export * from "./ListTitle";
-export * from "./Loader";
-export * from "./Menu";
-export * from "./MenuButton";
-export * from "./LegacyModal";
-export * from "./MultiStepIndicator";
-export * from "./ProgressBars";
-export * from "./RadioButton";
-export * from "./Search";
-export * from "./Skeleton";
-export * from "./Slider";
-export * from "./SplitButton";
-export * from "./Steps";
-export * from "./Table";
-export * from "./Tabs";
-export * from "./Text";
-export * from "./TextArea";
-export * from "./TextField";
-export * from "./TextWithHighlight";
-export * from "./ThemeProvider";
-export * from "./Tipseen";
-export * from "./Toast";
-export * from "./Toggle";
-export * from "./Tooltip";
-export * from "./TransitionView";
-export * from "./VirtualizedGrid";
-export * from "./VirtualizedList";
-export type { TypographyColor, TypographyAlign } from "./Typography";
-export { default as ColorUtils } from "../utils/colors-utils";

package/dist/components/next.d.ts

@@ -1 +0,0 @@
-export * from "./Modal";

package/dist/constants/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./keyCodes";
-export * from "./sizes";

package/dist/constants/sizes.d.ts

@@ -1,25 +0,0 @@
-export declare const BASE_SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
-};
-export declare const SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
-    readonly XXS: "xxs";
-    readonly XS: "xs";
-};
-export declare enum BaseSizes {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-export declare enum Sizes {
-    XXS = "xxs",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-export type SIZES_VALUES = (typeof SIZES)[keyof typeof SIZES];

package/dist/helpers/screenReaderAccessHelper.d.ts

@@ -1,31 +0,0 @@
-export declare function getIconScreenReaderAccessProps({ isClickable, isDecorationOnly, isKeyboardAccessible, label }: {
-    isClickable: boolean;
-    isDecorationOnly: boolean;
-    isKeyboardAccessible?: boolean;
-    label: string;
-}): {
-    "aria-label": string;
-    role: string;
-    tabIndex: number;
-    "aria-hidden": boolean;
-};
-export declare function getClickableScreenReaderAccessProps({ isKeyboardAccessible, isDecorationOnly, isHoverOnly }: {
-    isKeyboardAccessible?: boolean;
-    isDecorationOnly?: boolean;
-    isHoverOnly: boolean;
-}): {
-    role: string;
-    tabIndex: number;
-    "aria-hidden": boolean;
-};
-export declare function getClickableIconScreenReaderAccessProps({ label, isDecorationOnly, isKeyboardAccessible, isHoverOnly }: {
-    label: string;
-    isDecorationOnly?: boolean;
-    isKeyboardAccessible?: boolean;
-    isHoverOnly?: boolean;
-}): {
-    "aria-label": string;
-    role: string;
-    tabIndex: number;
-    "aria-hidden": boolean;
-};