@vibe/core 3.81.0 → 3.81.1-alpha-635d8.0

package/dist/mocked_classnames/components/Dropdown/Dropdown.types.d.ts

@@ -1,323 +0,0 @@
-import { type ActionMeta, type FocusEventHandler, type InputActionMeta, type KeyboardEventHandler, type MenuProps, type OptionProps, type OptionTypeBase, type SingleValueProps } from "react-select";
-import { type UIEventHandler, type WheelEventHandler } from "react";
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-export type DropdownOption = any;
-export interface CustomSingleValueProps extends SingleValueProps<DropdownOption> {
-    /**
-     * The component used to render the selected value.
-     */
-    Renderer: React.ComponentType;
-    /**
-     * If true, the dropdown is read-only and cannot be edited.
-     */
-    readOnly: boolean;
-    /**
-     * The currently selected option.
-     */
-    selectedOption: DropdownOption;
-}
-export interface CustomMenuBaseProps {
-    /**
-     * Class name applied to the dropdown menu wrapper.
-     */
-    dropdownMenuWrapperClassName?: string;
-    /**
-     * The ID of the menu container.
-     */
-    menuId?: string;
-    /**
-     * The ARIA label for the menu container.
-     */
-    menuAriaLabel?: string;
-    /**
-     * The ARIA label for the dropdown input.
-     */
-    inputAriaLabel?: string;
-}
-export type CustomMenuProps = CustomMenuBaseProps & MenuProps<OptionTypeBase, boolean>;
-export interface CustomOptionBaseProps {
-    optionWrapperClassName?: string;
-}
-export type CustomOptionProps = CustomOptionBaseProps & OptionProps<OptionTypeBase, boolean>;
-export type DropdownState = {
-    isDisabled: boolean;
-    selectProps: {
-        readOnly: boolean;
-    };
-};
-export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptionBaseProps, VibeComponentProps {
-    /**
-     * Class name applied to the dropdown's single value wrapper.
-     */
-    singleValueWrapperClassName?: string;
-    /**
-     * Placeholder text displayed when no value is selected.
-     */
-    placeholder?: string;
-    /**
-     * If true, the placeholder will be truncated with an ellipsis when too long.
-     */
-    allowPlaceholderEllipsis?: boolean;
-    /**
-     * If true, the dropdown is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the dropdown is read-only and cannot be edited.
-     */
-    readOnly?: boolean;
-    /**
-     * Callback fired when the dropdown menu opens.
-     */
-    onMenuOpen?: () => void;
-    /**
-     * Callback fired when the dropdown menu closes.
-     */
-    onMenuClose?: () => void;
-    /**
-     * Callback fired when a key is pressed inside the dropdown.
-     */
-    onKeyDown?: KeyboardEventHandler;
-    /**
-     * Callback fired when the dropdown gains focus.
-     */
-    onFocus?: FocusEventHandler;
-    /**
-     * Callback fired when the dropdown loses focus.
-     */
-    onBlur?: FocusEventHandler;
-    /**
-     * Callback fired when scrolling inside the dropdown.
-     */
-    onScroll?: UIEventHandler<HTMLDivElement>;
-    /**
-     * Callback fired when the user scrolls to the bottom of the menu.
-     */
-    onMenuScrollToBottom?: WheelEventHandler<HTMLDivElement>;
-    /**
-     * If true, prevents scrolling beyond the menu's boundaries.
-     */
-    captureMenuScroll?: boolean;
-    /**
-     * Callback fired when the selected value changes.
-     */
-    onChange?: (option: DropdownOption | DropdownOption[], meta: ActionMeta<DropdownOption> | React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * Callback fired when the dropdown input value changes.
-     */
-    onInputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
-    /**
-     * If true, enables search functionality within the dropdown.
-     */
-    searchable?: boolean;
-    /**
-     * The list of options available in the dropdown.
-     */
-    options?: DropdownOption[];
-    /**
-     * Function to customize the "no options found" message.
-     */
-    noOptionsMessage?: (obj: {
-        inputValue: string;
-    }) => string | null;
-    /**
-     * If true, the menu opens when the dropdown gains focus.
-     */
-    openMenuOnFocus?: boolean;
-    /**
-     * If true, the menu opens when the dropdown is clicked.
-     */
-    openMenuOnClick?: boolean;
-    /**
-     * If true, displays a clear button inside the dropdown's input.
-     */
-    clearable?: boolean;
-    /**
-     * Custom renderer for each option.
-     */
-    optionRenderer?: (option: DropdownOption) => JSX.Element;
-    /**
-     * Custom renderer for the selected value.
-     */
-    valueRenderer?: React.ReactNode | ((props: Omit<CustomSingleValueProps, "Renderer"> & DropdownOption) => React.ReactNode);
-    /**
-     *   Custom renderer for the selected value.
-     */
-    ValueRenderer?: React.ReactNode;
-    /**
-     * Custom renderer for the dropdown menu.
-     */
-    menuRenderer?: React.ReactElement | ((props: CustomMenuProps) => React.ReactElement);
-    /**
-     * The placement of the dropdown menu relative to the input.
-     */
-    menuPlacement?: DropdownMenuPlacement;
-    /**
-     * The CSS position property of the dropdown menu.
-     */
-    menuPosition?: DropdownMenuPosition;
-    /**
-     * If true, the dropdown is displayed in right-to-left mode.
-     */
-    rtl?: boolean;
-    /**
-     * The default selected value.
-     */
-    defaultValue?: DropdownOption[];
-    /**
-     * The controlled value of the dropdown.
-     */
-    value?: DropdownOption | DropdownOption[];
-    /**
-     * The size of the dropdown.
-     */
-    size?: DropdownSize;
-    /**
-     * Enables async loading of options.
-     */
-    asyncOptions?: (inputValue: string) => Promise<DropdownOption[]>;
-    /**
-     * If true, caches async-loaded options.
-     */
-    cacheOptions?: boolean;
-    /**
-     * If true, `asyncOptions` is invoked on mount.
-     */
-    defaultOptions?: boolean | DropdownOption[];
-    /**
-     * If true, enables virtualization for improved performance.
-     */
-    isVirtualized?: boolean;
-    /**
-     * The target element for the dropdown menu portal.
-     */
-    menuPortalTarget?: HTMLElement;
-    /**
-     * Custom styles for the dropdown.
-     */
-    extraStyles?: (...args: unknown[]) => unknown;
-    /**
-     * The maximum height of the menu before scrolling.
-     */
-    maxMenuHeight?: number;
-    /**
-     * The tab index of the dropdown for keyboard navigation.
-     */
-    tabIndex?: number | string;
-    /**
-     * If true, the dropdown input is automatically focused on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, enables multi-select mode.
-     * When in multi-select mode, the selected value will be an array,
-     * and it will be displayed as our [`<Chips>`](/?path=/docs/components-chips--sandbox) component.
-     */
-    multi?: boolean;
-    /**
-     * If true, expands the dropdown to multiple lines when multiple values are selected.
-     */
-    multiline?: boolean;
-    /**
-     * If true, closes the menu when an option is selected.
-     */
-    closeMenuOnSelect?: boolean;
-    /**
-     * If true, closes the menu when scrolling.
-     */
-    closeMenuOnScroll?: boolean;
-    /**
-     * Callback fired when an option is removed in multi-select mode.
-     */
-    onOptionRemove?: (option?: DropdownOption) => void;
-    /**
-     * If true, prevents mandatory default options from being removed.
-     */
-    withMandatoryDefaultOptions?: boolean;
-    /**
-     * Custom function to determine if an option is selected.
-     */
-    isOptionSelected?: (option: DropdownOption, options: DropdownOption[]) => boolean;
-    /**
-     * If true, allows the dropdown menu to overflow its container.
-     */
-    insideOverflowContainer?: boolean;
-    /**
-     * If true, allows the dropdown menu to overflow its container even with CSS transforms.
-     */
-    insideOverflowWithTransformContainer?: boolean;
-    /**
-     * If true, renders the dropdown menu inside its parent container in case it's inside a layer provider.
-     * Use this prop when the dropdown menu is being cut off by its parent's (such as Modal, Dialog, Tooltip, etc.)overflow settings.
-     */
-    insideLayerContext?: boolean;
-    /**
-     * Tooltip content displayed when hovering over the selected value.
-     */
-    tooltipContent?: string;
-    /**
-     * If true, displays a loading state inside the dropdown.
-     */
-    isLoading?: boolean;
-    /**
-     * Function to override the default loading message.
-     */
-    loadingMessage?: (obj: {
-        inputValue: string;
-    }) => string | null;
-    /**
-     * The ARIA label for the dropdown.
-     */
-    ariaLabel?: string;
-    /**
-     * If true, enables selecting values with the Tab key.
-     */
-    tabSelectsValue?: boolean;
-    /**
-     * Custom function to filter options based on input.
-     */
-    filterOption?: (option: DropdownOption, inputValue: string) => boolean;
-    /**
-     * The current value of the input field.
-     */
-    inputValue?: string;
-    /**
-     * If true, the input field loses focus when an option is selected.
-     */
-    blurInputOnSelect?: boolean;
-    /**
-     * Custom renderer for dropdown options.
-     */
-    OptionRenderer?: React.ReactNode;
-    /**
-     * If true, controls the menu open state.
-     */
-    menuIsOpen?: boolean;
-    /**
-     * Callback fired when an option is selected.
-     */
-    onOptionSelect?: (option: DropdownOption) => void;
-    /**
-     * Callback fired when the clear button is clicked.
-     */
-    onClear?: () => void;
-    /**
-     * CSS selector for the container where popups are rendered.
-     */
-    popupsContainerSelector?: string;
-    /**
-     * Additional properties passed to the `react-select` component.
-     */
-    selectProps?: Record<string, string>;
-    /**
-     * If true, displays dividers between grouped options.
-     */
-    withGroupDivider?: boolean;
-    multiValueDialogClassName?: string;
-}
-export type DropdownProps = DropdownComponentProps;
-export type DropdownChipColors = "primary" | "negative" | "positive";
-export type DropdownMenuPosition = "absolute" | "fixed";
-export type DropdownMenuPlacement = "top" | "bottom" | "auto";
-export type DropdownSize = "small" | "medium" | "large";

package/dist/mocked_classnames/components/Dropdown/DropdownConstants.d.ts

@@ -1,29 +0,0 @@
-export declare const defaultCustomStyles: (baseStyles: string) => string;
-export declare const ADD_AUTO_HEIGHT_COMPONENTS: string[];
-export declare const DROPDOWN_ID = "dropdown-menu-id";
-export declare const DROPDOWN_MENU_ID = "dropdown-menu-list-id";
-export declare const DROPDOWN_MENU_ARIA_LABEL = "Dropdown menu";
-export declare const DROPDOWN_INPUT_ARIA_LABEL = "Dropdown input";
-/**
- * @deprecated
- */
-export declare enum DROPDOWN_CHIP_COLORS {
-    PRIMARY = "primary",
-    NEGATIVE = "negative",
-    POSITIVE = "positive"
-}
-/**
- * @deprecated
- */
-export declare enum DROPDOWN_MENU_POSITION {
-    ABSOLUTE = "absolute",
-    FIXED = "fixed"
-}
-/**
- * @deprecated
- */
-export declare enum DROPDOWN_MENU_PLACEMENT {
-    TOP = "top",
-    BOTTOM = "bottom",
-    AUTO = "auto"
-}

package/dist/mocked_classnames/components/Dropdown/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Dropdown } from "./Dropdown";
-export { default as DropdownMenu } from "./components/menu/menu";
-export { default as DropdownOption } from "./components/option/option";
-export { default as DropdownSingleValue } from "./components/singleValue/singleValue";
-export * from "./Dropdown.types";

package/dist/mocked_classnames/components/EditableHeading/EditableHeading.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from "../Heading/HeadingConstants";
-import { type HeadingType, type HeadingWeight } from "../Heading";
-import { type EditableTypographyImplementationProps } from "../EditableTypography/EditableTypography";
-export interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {
-    /**
-     * The type of the heading element.
-     */
-    type?: HeadingType;
-    /**
-     * The font weight of the heading.
-     */
-    weight?: HeadingWeight;
-}
-declare const _default: React.ForwardRefExoticComponent<EditableHeadingProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof HeadingTypeEnum;
-    weights: typeof HeadingWeightEnum;
-};
-export default _default;

package/dist/mocked_classnames/components/EditableHeading/index.d.ts

@@ -1 +0,0 @@
-export { default as EditableHeading, type EditableHeadingProps } from "./EditableHeading";

package/dist/mocked_classnames/components/EditableText/EditableText.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type EditableTypographyImplementationProps } from "../EditableTypography/EditableTypography";
-import { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from "../Text/TextConstants";
-import { type TextType, type TextWeight } from "../Text";
-export interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {
-    /**
-     * The text style variant.
-     */
-    type?: TextType;
-    /**
-     * The font weight of the text.
-     */
-    weight?: TextWeight;
-    /**
-     * If true, enables editing multiple lines of text.
-     */
-    multiline?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<EditableTextProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof TextTypeEnum;
-    weights: typeof TextWeightEnum;
-};
-export default _default;

package/dist/mocked_classnames/components/EditableText/index.d.ts

@@ -1 +0,0 @@
-export { default as EditableText, type EditableTextProps } from "./EditableText";

package/dist/mocked_classnames/components/EditableTypography/EditableTypography.d.ts

@@ -1,79 +0,0 @@
-import React, { type ElementType } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type TooltipProps } from "../Tooltip";
-import { type TextType, type TextWeight } from "../Text";
-import { type HeadingType, type HeadingWeight } from "../Heading";
-export interface EditableTypographyImplementationProps {
-    /**
-     * The current value of the text.
-     */
-    value: string;
-    /**
-     * Callback fired when the value changes.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Callback fired when the component is clicked.
-     */
-    onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
-    /**
-     * Callback fired when a key is pressed inside the input/textarea element.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /**
-     * If true, the text is read-only and cannot be edited.
-     */
-    readOnly?: boolean;
-    /**
-     * Placeholder text displayed when the value is empty.
-     */
-    placeholder?: string;
-    /**
-     * The label of the component for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * Controls whether the component is in edit mode.
-     */
-    isEditMode?: boolean;
-    /**
-     * If true, automatically selects all text when entering edit mode.
-     */
-    autoSelectTextOnEditMode?: boolean;
-    /**
-     * Callback fired when the edit mode changes.
-     */
-    onEditModeChange?: (isEditMode: boolean) => void;
-    /**
-     * Props to customize the tooltip.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-export interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {
-    /**
-     * The typography component used in view mode.
-     */
-    component: ElementType;
-    /**
-     * Class name applied to the typography component.
-     */
-    typographyClassName: string;
-    /**
-     * If true, shows the placeholder when empty.
-     */
-    clearable?: boolean;
-    /**
-     * The text or heading type.
-     */
-    type?: TextType | HeadingType;
-    /**
-     * The text or heading weight.
-     */
-    weight?: TextWeight | HeadingWeight;
-    /**
-     * If true, enables multi-line editing.
-     */
-    multiline?: boolean;
-}
-declare const EditableTypography: React.ForwardRefExoticComponent<EditableTypographyProps & React.RefAttributes<HTMLElement>>;
-export default EditableTypography;

package/dist/mocked_classnames/components/EditableTypography/index.d.ts

@@ -1 +0,0 @@
-export { default as EditableTypography, EditableTypographyProps } from "./EditableTypography";

package/dist/mocked_classnames/components/EmptyState/EmptyState.d.ts

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

package/dist/mocked_classnames/components/EmptyState/EmptyState.types.d.ts

@@ -1,27 +0,0 @@
-import type React from "react";
-import { type LinkProps } from "../Link/Link";
-import { type VibeComponentProps } from "src/types";
-import { type ButtonProps, type ButtonType } from "@vibe/button";
-export type EmptyStateLayout = "default" | "compact";
-export interface EmptyStateProps extends VibeComponentProps {
-    /** Optional title for the empty state */
-    title?: string;
-    /** Required description text explaining the empty state */
-    description: string | React.ReactNode;
-    /** Optional visual element like image, animation, video, or illustration to display */
-    visual?: React.ReactNode;
-    /** Main action button configuration */
-    mainAction?: React.ReactElement<ButtonProps> | (Omit<ButtonProps, "kind" | "children" | "size"> & {
-        kind?: Exclude<ButtonType, "tertiary">;
-        text: string;
-    });
-    /** Supporting action (link or tertiary button) configuration */
-    supportingAction?: React.ReactElement<ButtonProps | LinkProps> | (Omit<ButtonProps, "kind" | "children" | "size"> & {
-        kind: "tertiary";
-        text: string;
-    }) | (LinkProps & {
-        text: string;
-    });
-    /** Layout style of the empty state */
-    layout?: EmptyStateLayout;
-}

package/dist/mocked_classnames/components/EmptyState/index.d.ts

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

package/dist/mocked_classnames/components/ExpandCollapse/ExpandCollapse.d.ts

@@ -1,59 +0,0 @@
-import React, { type FC, type ReactElement } from "react";
-import { type VibeComponentProps, type ElementContent } from "../../types";
-import { type ExpandCollapseIconPosition } from "./ExpandCollapse.types";
-export interface ExpandCollapseProps extends VibeComponentProps {
-    /**
-     * Custom renderer for the header component.
-     */
-    headerComponentRenderer?: () => ReactElement;
-    /**
-     * Class name applied to the header.
-     */
-    headerClassName?: string;
-    /**
-     * Class name applied to the content.
-     */
-    contentClassName?: string;
-    /**
-     * Class name applied to the root component.
-     */
-    componentClassName?: string;
-    /**
-     * The title displayed in the header.
-     */
-    title?: ElementContent;
-    /**
-     * The content inside the expandable section.
-     */
-    children?: ElementContent;
-    /**
-     * The size of the expand/collapse icon.
-     */
-    iconSize?: number | string;
-    /**
-     * The position of the icon.
-     */
-    iconPosition?: ExpandCollapseIconPosition;
-    /**
-     * If true, the section is open by default when rendered.
-     */
-    defaultOpenState?: boolean;
-    /**
-     * Controls the open state of the section.
-     */
-    open?: boolean;
-    /**
-     * Callback fired when the header is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * If true, hides the border around the component.
-     */
-    hideBorder?: boolean;
-    /**
-     * If true, captures the click event on the button.
-     */
-    captureOnClick?: boolean;
-}
-declare const ExpandCollapse: FC<ExpandCollapseProps>;
-export default ExpandCollapse;

package/dist/mocked_classnames/components/ExpandCollapse/ExpandCollapse.types.d.ts

@@ -1 +0,0 @@
-export type ExpandCollapseIconPosition = "left" | "right";

package/dist/mocked_classnames/components/ExpandCollapse/index.d.ts

@@ -1 +0,0 @@
-export { default as ExpandCollapse, type ExpandCollapseProps } from "./ExpandCollapse";

package/dist/mocked_classnames/components/FieldLabel/FieldLabel.d.ts

@@ -1,34 +0,0 @@
-import React, { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface FieldLabelProps extends VibeComponentProps {
-    /**
-     * The icon displayed next to the label.
-     */
-    icon?: string | React.FunctionComponent | null;
-    /**
-     * The text content of the label.
-     */
-    labelText?: string;
-    /**
-     * The ID of the associated input element.
-     */
-    labelFor?: string;
-    /**
-     * Class name applied to the icon.
-     */
-    iconClassName?: string;
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * If true, displays an asterisk to indicate a required field.
-     */
-    required?: boolean;
-    /**
-     * The HTML for attribute of the associated input element.
-     */
-    htmlFor?: string;
-}
-declare const FieldLabel: FC<FieldLabelProps>;
-export default FieldLabel;

package/dist/mocked_classnames/components/FieldLabel/index.d.ts

@@ -1 +0,0 @@
-export { default as FieldLabel, FieldLabelProps } from "./FieldLabel";

package/dist/mocked_classnames/components/FormattedNumber/FormattedNumber.d.ts

@@ -1,42 +0,0 @@
-import React from "react";
-import { formatNumber } from "../../helpers/textManipulations";
-import { type VibeComponentProps } from "../../types";
-export interface FormattedNumberProps extends VibeComponentProps {
-    /**
-     * The numeric value to format.
-     */
-    value?: number | string;
-    /**
-     * The text displayed before the number.
-     */
-    prefix?: string;
-    /**
-     * The text displayed after the number.
-     */
-    suffix?: string;
-    /**
-     * The text displayed when no value is provided.
-     */
-    emptyPlaceHolder?: string;
-    /**
-     * The number of decimal places to display (0 ~ 20).
-     */
-    decimalPrecision?: number;
-    /**
-     * If true, formats the number into a compact notation.
-     */
-    compact?: boolean;
-    /**
-     * The locale used for formatting (Unicode BCP 47 locale identifier).
-     */
-    local?: string;
-    /**
-     * If true, reverses the order of the prefix and suffix.
-     */
-    rtl?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<FormattedNumberProps & React.RefAttributes<HTMLElement>> & {
-    formatNumber: typeof formatNumber;
-    localFallBack: string;
-};
-export default _default;

package/dist/mocked_classnames/components/FormattedNumber/FormattedNumberHelpers.d.ts

@@ -1,4 +0,0 @@
-export declare const validateValue: (value: number | string) => boolean;
-export declare const customPropTypes: Readonly<{
-    range: (min: number, max: number) => (props: Record<string, number>, propName: string, componentName: string) => Error;
-}>;