@cube-dev/ui-kit 0.39.1 → 0.40.0

package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 /**
  * @internal This component is unstable and is a subject to change.
  */
 export declare const NotificationView: import("react").ForwardRefExoticComponent<{
-    qa?: string | undefined;
-    attributes?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    styles?: import("../../../../tasty").Styles | undefined;
-    timer?: import("../../../../_internal").Timer | null | undefined;
-    onClose?: (() => void) | undefined;
+    qa?: string;
+    attributes?: import("react").HTMLAttributes<HTMLDivElement>;
+    styles?: import("../../../../tasty").Styles;
+    timer?: import("../../../../_internal").Timer | null;
+    onClose?: () => void;
 } & import("../types").BaseNotificationProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/overlays/NewNotifications/NotificationsList/NotificationsList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { CubeNotificationProps } from '../types';
 import type { NotificationsListProps } from './types';
 /**
  * Provides ability to show notifications as a list.
@@ -17,5 +17,5 @@ import type { NotificationsListProps } from './types';
  */
 export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
 export declare namespace NotificationsList {
-    var Item: (props: Omit<import("../types").BaseNotificationProps, "onDismiss">) => null;
+    var Item: (props: Omit<CubeNotificationProps, "onDismiss">) => null;
 }

package/types/components/overlays/OverlayWrapper.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
+import { Placement } from 'react-aria';
 export interface CubeOverlayWrapperProps {
     isOpen?: boolean;
-    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
+    placement?: Placement;
     children: ReactNode;
     minOffset?: string | number;
     minScale?: string;

package/types/components/overlays/Toasts/use-toasts-api.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeToastsApiToastAction } from './types';
 export declare function useToastsApi(): {
     readonly toast: CubeToastsApiToastAction;

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

@@ -1,13 +1,17 @@
-/// <reference types="react" />
+import { AriaTooltipProps } from 'react-aria';
 import { DOMRefValue } from '@react-types/shared';
 import { PlacementAxis } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import type { AriaTooltipProps } from '@react-types/tooltip';
+export type { AriaTooltipProps };
 export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
     tipStyles?: Styles;
     showIcon?: boolean;
     placement?: PlacementAxis;
     isMaterial?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    defaultOpen?: boolean;
+    shouldFlip?: boolean;
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.

package/types/components/overlays/Tooltip/TooltipTrigger.d.ts

@@ -1,14 +1,35 @@
 import { ReactElement } from 'react';
-import type { TooltipTriggerProps } from '@react-types/tooltip';
+import { TooltipTriggerProps, Placement } from 'react-aria';
 export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
     children: [ReactElement | string, ReactElement];
     crossOffset?: number;
     offset?: number;
-    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
+    placement?: Placement;
     isMaterial?: boolean;
     /** Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.
      * Otherwise, tooltip won't work. */
     activeWrap?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    defaultOpen?: boolean;
+    /**
+     * Whether the tooltip should be disabled, independent of the trigger.
+     */
+    isDisabled?: boolean;
+    /**
+     * The delay time for the tooltip to show up.
+     * @default 1500
+     */
+    delay?: number;
+    /**
+     * The delay time for the tooltip to close.
+     * @default 500
+     */
+    closeDelay?: number;
+    /**
+     * By default, opens for both focus and hover. Can be made to open only for focus.
+     */
+    trigger?: 'focus';
 }
 declare function TooltipTrigger(props: CubeTooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**

package/types/components/overlays/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tooltip';
+export * from './TooltipTrigger';

package/types/components/pickers/Menu/Menu.d.ts

@@ -1,8 +1,9 @@
 import { ReactElement, ReactNode } from 'react';
 import { DOMRef, ItemProps } from '@react-types/shared';
+import { Section as BaseSection } from 'react-stately';
+import { AriaMenuProps } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { MenuButtonProps, MenuSelectionType } from './MenuButton';
-import type { AriaMenuProps } from '@react-types/menu';
 export interface CubeMenuProps<T> extends ContainerStyleProps, AriaMenuProps<T> {
     selectionIcon?: MenuSelectionType;
     header?: ReactNode;
@@ -17,12 +18,14 @@ type PartialMenuButton = Partial<MenuButtonProps>;
 type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
     wrapper?: (item: ReactElement) => ReactElement;
 }) => JSX.Element;
+type SectionComponent = typeof BaseSection;
 declare const Item: ItemComponent;
+declare const Section: SectionComponent;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & {
     ref?: DOMRef<HTMLUListElement>;
 }) => ReactElement) & {
     Item: typeof Item;
-    Section: any;
+    Section: typeof Section;
 } & {
     Item: ItemComponent;
     Section: any;

package/types/components/pickers/Menu/MenuTrigger.d.ts

@@ -1,7 +1,8 @@
 import React, { ReactNode } from 'react';
-import { MenuTriggerProps as BaseTriggerProps } from '@react-types/menu';
-import { Placement, PositionProps } from '@react-types/overlays';
-export type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
+import { AriaMenuTriggerProps } from 'react-aria';
+import { Placement, PositionProps } from 'react-aria';
+export type { AriaMenuTriggerProps };
+export type CubeMenuTriggerProps = AriaMenuTriggerProps & PositionProps & {
     isDisabled?: boolean;
     children: ReactNode[];
     direction?: Placement;
@@ -12,11 +13,5 @@ export type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
  * linking the Menu's open state with the trigger's press state.
  */
-declare let _MenuTrigger: React.ForwardRefExoticComponent<BaseTriggerProps & PositionProps & {
-    isDisabled?: boolean | undefined;
-    children: ReactNode[];
-    direction?: Placement | undefined;
-    align?: "end" | "start" | undefined;
-    closeOnSelect?: boolean | undefined;
-} & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
+declare let _MenuTrigger: React.ForwardRefExoticComponent<any>;
 export { _MenuTrigger as MenuTrigger };

package/types/components/pickers/Menu/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledMenu: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const StyledDivider: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const StyledMenuHeader: import("react").ComponentType<{
@@ -79,6 +78,10 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
     key?: import("react").Key | null | undefined;
 } & {}>;
 export declare const StyledMenuSection: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
@@ -161,5 +164,9 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
     key?: import("react").Key | null | undefined;
 } & {}>;

package/types/components/portal/Portal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PortalProps } from './types';
 /**
  * This component renders its children outside the current DOM hierarchy.

package/types/components/portal/usePortal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PortalProps } from './types';
 /**
  * @internal Do not use it

package/types/components/status/Spin/Cube.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { SpinCubeProps } from './types';
 export declare const Cube: import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }>, SpinCubeProps>, never>>>;

package/types/components/status/Spin/InternalSpinner.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { InternalSpinnerProps } from './types';
 export declare const InternalSpinner: import("react").NamedExoticComponent<InternalSpinnerProps>;

package/types/components/status/Spin/SpinsContainer.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const SpinsContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }>, {
     $ownSize: number;
 }>, never>>;

package/types/icons/IconContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../tasty';
 export interface CubeIconProps extends BaseProps, OuterStyleProps, ColorStyleProps, BaseStyleProps {
     size?: Styles['fontSize'];

package/types/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeTextProps, Text } from './components/content/Text';
 import { CubeTitleProps, Title } from './components/content/Title';
 import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
@@ -39,8 +38,6 @@ export { Footer } from './components/content/Footer';
 export type { CubeFooterProps } from './components/content/Footer';
 export { Result } from './components/content/Result/Result';
 export type { CubeResultProps, CubeResultStatus, } from './components/content/Result/Result';
-export { FieldWrapper } from './components/forms/FieldWrapper';
-export type { CubeFieldWrapperProps } from './components/forms/FieldWrapper';
 export * from './components/status';
 export { Base64Upload } from './components/other/Base64Upload/Base64Upload';
 export type { CubeBase64UploadProps } from './components/other/Base64Upload/Base64Upload';
@@ -56,41 +53,14 @@ export { Badge } from './components/content/Badge/Badge';
 export type { CubeBadgeProps } from './components/content/Badge/Badge';
 export { Tag } from './components/content/Tag/Tag';
 export type { CubeTagProps } from './components/content/Tag/Tag';
-export { SearchInput } from './components/forms/SearchInput/SearchInput';
-export type { CubeSearchInputProps } from './components/forms/SearchInput/SearchInput';
+export type { CubeSearchInputProps } from './components/fields/SearchInput/SearchInput';
 export { Submit } from './components/actions/Button/Submit';
-export type { CubeTextInputBaseProps, AriaTextFieldProps, } from './components/forms/TextInput/TextInputBase';
-export type { CubeTextInputBaseProps as CubeTextInputProps } from './components/forms/TextInput/TextInputBase';
-export { TextInput } from './components/forms/TextInput/TextInput';
-export * from './components/forms/DatePicker';
-export { TextArea } from './components/forms/TextArea/TextArea';
-export type { CubeTextAreaProps } from './components/forms/TextArea/TextArea';
-export { FileInput } from './components/forms/FileInput/FileInput';
-export type { CubeFileInputProps } from './components/forms/FileInput/FileInput';
-export { PasswordInput } from './components/forms/PasswordInput/PasswordInput';
-export { Checkbox } from './components/forms/Checkbox/Checkbox';
-export type { CubeCheckboxProps } from './components/forms/Checkbox/Checkbox';
-export { CheckboxGroup } from './components/forms/Checkbox/CheckboxGroup';
-export type { CubeCheckboxGroupProps } from './components/forms/Checkbox/CheckboxGroup';
-export { Switch } from './components/forms/Switch/Switch';
-export type { CubeSwitchProps } from './components/forms/Switch/Switch';
-export { Radio } from './components/forms/RadioGroup/Radio';
-export type { CubeRadioProps } from './components/forms/RadioGroup/Radio';
-export type { CubeRadioGroupProps } from './components/forms/RadioGroup/RadioGroup';
-export { RangeSlider } from './components/forms/Slider/RangeSlider';
-export type { CubeRangeSliderProps } from './components/forms/Slider/RangeSlider';
-export { Slider } from './components/forms/Slider/Slider';
-export type { CubeSliderProps } from './components/forms/Slider/Slider';
-export { ComboBox } from './components/pickers/ComboBox/ComboBox';
-export type { CubeComboBoxProps } from './components/pickers/ComboBox/ComboBox';
 export { Menu } from './components/pickers/Menu/Menu';
 export type { CubeMenuProps } from './components/pickers/Menu/Menu';
 export { MenuTrigger } from './components/pickers/Menu/MenuTrigger';
 export type { CubeMenuTriggerProps } from './components/pickers/Menu/MenuTrigger';
-export { Select, ListBoxPopup } from './components/pickers/Select/Select';
-export type { CubeSelectProps, CubeSelectBaseProps, } from './components/pickers/Select/Select';
-export { NumberInput } from './components/forms/NumberInput/NumberInput';
-export type { CubeNumberInputProps } from './components/forms/NumberInput/NumberInput';
+export { Select, ListBoxPopup } from './components/fields/Select/Select';
+export type { CubeSelectProps, CubeSelectBaseProps, } from './components/fields/Select/Select';
 export { Avatar } from './components/content/Avatar/Avatar';
 export type { CubeAvatarProps } from './components/content/Avatar/Avatar';
 export { Dialog, DialogTrigger, DialogContainer, DialogForm, } from './components/overlays/Dialog';
@@ -136,16 +106,14 @@ export { Provider, useProviderProps } from './provider';
 export type { ProviderProps } from './provider';
 export { Portal } from './components/portal';
 export type { PortalProps } from './components/portal';
-export * from './components/forms';
+export * from './components/fields';
 export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './tasty';
-export * from './tasty';
-export { ModalProvider } from 'react-aria';
 export * from './utils/react';
 export * from './tasty';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
-export * from './components/forms/Form';
 export * from './components/overlays/NewNotifications';
 export * from './components/overlays/Toasts';
 export * from './shared';
 export * from './icons';
+export * from './components/form';

package/types/stories/components/ConfirmDeletionDialogForm.d.ts

@@ -1,5 +1,4 @@
-import { FieldTypes } from 'src/components/forms/Form/types';
-import { CubeDialogFormProps } from '../../index';
+import { FieldTypes, CubeDialogFormProps } from '../../index';
 interface ConfirmDeletionDialogFormProps<T extends FieldTypes> extends Pick<CubeDialogFormProps<T>, 'onSubmit' | 'onDismiss' | 'form'> {
     name?: string;
 }