@cube-dev/ui-kit 0.27.2 → 0.28.0

package/types/components/forms/Slider/SliderInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 import { CubeNumberInputProps } from '../../../';
 export interface RangeInputProps extends CubeNumberInputProps {
     index: number;

package/types/components/forms/Slider/SliderThumb.d.ts

@@ -1,10 +1,11 @@
 import { RefObject } from 'react';
-import { AriaSliderThumbOptions } from '@react-aria/slider';
-import { SliderState } from '@react-stately/slider';
+import { AriaSliderThumbOptions } from 'react-aria';
+import { SliderState } from 'react-stately';
 export interface SliderThumbProps extends AriaSliderThumbOptions {
     state: SliderState;
     isDisabled?: boolean;
     trackRef: RefObject<HTMLElement>;
     inputRef: RefObject<HTMLInputElement>;
+    index: number;
 }
 export declare function SliderThumb(props: SliderThumbProps): JSX.Element;

package/types/components/forms/Slider/SliderTrack.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 export type SliderTrackProps = {
     state: SliderState;
     orientation?: 'horizontal' | 'vertical';

package/types/components/forms/TextInput/TextInputBase.d.ts

@@ -1,10 +1,12 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
+import { AriaNumberFieldProps } from 'react-aria';
 import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 export declare const INPUT_WRAPPER_STYLES: Styles;
 export declare const DEFAULT_INPUT_STYLES: Styles;
-export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
+export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, Omit<AriaTextFieldProps, 'validate'>, FieldBaseProps {
+    validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];
     /** Left input icon */
     icon?: ReactElement;
     /** Input decoration before the main input */

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

@@ -3,7 +3,7 @@ import { BaseProps, Styles } from '../../../tasty';
 import { WithCloseBehavior } from './types';
 import type { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
-export interface CubeModalProps extends Omit<ModalProps, 'container' | 'type'>, WithCloseBehavior {
+export interface CubeModalProps extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>, WithCloseBehavior {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;

package/types/components/overlays/Modal/Overlay.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WithCloseBehavior } from './types';
 import type { OverlayProps } from '@react-types/overlays';
-export interface CubeOverlayProps extends Omit<OverlayProps, 'container'>, WithCloseBehavior {
+export interface CubeOverlayProps extends Omit<OverlayProps, 'container' | 'nodeRef'>, WithCloseBehavior {
     container?: HTMLElement | null;
 }
 declare let _Overlay: import("react").ForwardRefExoticComponent<CubeOverlayProps & import("react").RefAttributes<unknown>>;

package/types/components/overlays/Modal/Popover.d.ts

@@ -3,7 +3,7 @@ import { OverlayProps } from '@react-types/overlays';
 import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
 import { TransitionState, WithCloseBehavior } from './types';
-export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'>, WithCloseBehavior, TransitionState {
+export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children' | 'nodeRef'>, WithCloseBehavior, TransitionState {
     container?: HTMLElement;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;

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

@@ -1,4 +1,4 @@
-import type { ListState } from '@react-stately/list';
+import type { ListState } from 'react-stately';
 import type { Collection, CollectionElement, Node } from '@react-types/shared';
 import type { CubeNotificationProps } from '../types';
 export type CollectionChildren<T, R = T> = CollectionElement<R> | CollectionElement<R>[] | ((item: T) => CollectionElement<R>);

package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts

@@ -1,6 +1,6 @@
 import { SelectableItemAria } from '@react-aria/selection';
 import type { Key, MutableRefObject } from 'react';
-import type { ListState } from '@react-stately/list';
+import type { ListState } from 'react-stately';
 export type UseNotificationListItemPropsType<T extends object> = {
     key: Key;
     ref: MutableRefObject<HTMLElement | null>;

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, RefObject } from 'react';
-import { TooltipTriggerState } from '@react-stately/tooltip';
+import { TooltipTriggerState } from 'react-stately';
 import { PlacementAxis } from '../../../shared';
 import { Props } from '../../../tasty';
 interface TooltipContextProps {

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

@@ -1,10 +1,10 @@
 import { ForwardedRef, ReactElement, RefObject } from 'react';
-import { FilterFn } from '@react-stately/combobox';
-import { Item } from '@react-stately/collections';
 import { CubeSelectBaseProps } from '../Select/Select';
 import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { ComboBoxProps } from '@react-types/combobox';
-export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
+type FilterFn = (textValue: string, inputValue: string) => boolean;
+export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate'>, ComboBoxProps<T>, CollectionBase<T> {
+    validate?: ComboBoxProps<T>['validate'];
     icon?: ReactElement;
     multiLine?: boolean;
     autoComplete?: string;
@@ -28,5 +28,6 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
 export declare const ComboBox: (<T>(props: CubeComboBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement> | undefined;
 }) => JSX.Element) & {
-    Item: typeof Item;
+    Item: any;
 };
+export {};

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

@@ -18,15 +18,14 @@ type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
     wrapper?: (item: ReactElement) => ReactElement;
 }) => JSX.Element;
 declare const Item: ItemComponent;
-declare const Section: <T>(props: import("@react-types/shared").SectionProps<T>) => JSX.Element;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & {
     ref?: DOMRef<HTMLUListElement> | undefined;
 }) => ReactElement) & {
     Item: typeof Item;
-    Section: typeof Section;
+    Section: any;
 } & {
     Item: ItemComponent;
-    Section: <T_1>(props: import("@react-types/shared").SectionProps<T_1>) => JSX.Element;
+    Section: any;
     displayName: string;
 };
 export { __Menu as Menu };

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

@@ -1,6 +1,6 @@
 import { Key } from 'react';
 import { Node } from '@react-types/shared';
-import { TreeState } from '@react-stately/tree';
+import { TreeState } from 'react-stately';
 import { Styles } from '../../../tasty';
 import { MenuSelectionType } from './MenuButton';
 export interface MenuItemProps<T> {

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

@@ -1,18 +1,22 @@
 import React, { ReactNode } from 'react';
-import { PositionProps } from '@react-types/overlays';
 import { MenuTriggerProps as BaseTriggerProps } from '@react-types/menu';
+import { Placement, PositionProps } from '@react-types/overlays';
 export type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
-    trigger?: string;
     isDisabled?: boolean;
     children: ReactNode[];
+    direction?: Placement;
+    align?: 'start' | 'end';
+    closeOnSelect?: boolean;
 };
 /**
  * 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 & {
-    trigger?: string | undefined;
     isDisabled?: boolean | undefined;
     children: ReactNode[];
+    direction?: Placement | undefined;
+    align?: "end" | "start" | undefined;
+    closeOnSelect?: boolean | undefined;
 } & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
 export { _MenuTrigger as MenuTrigger };

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

@@ -1,5 +1,4 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { Item } from '@react-stately/collections';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import type { AriaSelectProps } from '@react-types/select';
@@ -44,8 +43,8 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     minWidth: any;
 }): JSX.Element;
 declare const __Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
-    Item: typeof Item;
+    Item: any;
 } & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
+    Item: any;
 };
 export { __Select as Select };

package/types/index.d.ts

@@ -2,7 +2,7 @@
 import { CubeTextProps, Text } from './components/content/Text';
 import { CubeTitleProps, Title } from './components/content/Title';
 import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
-export { Item, Section } from '@react-stately/collections';
+export { Item, Section } from 'react-stately';
 export * from '@internationalized/date';
 export { Base } from './components/Base';
 export { Block } from './components/Block';
@@ -140,7 +140,7 @@ export type { PortalProps } from './components/portal';
 export * from './components/forms';
 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/overlays';
+export { ModalProvider } from 'react-aria';
 export * from './utils/react';
 export * from './tasty';
 export { default as copy } from 'clipboard-copy';

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

@@ -100,15 +100,15 @@ export declare const StyledButton: import("react").ComponentType<{
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
     key?: import("react").Key | null | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
-    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "button" | "reset" | "submit" | undefined;

package/types/utils/react/interactions.d.ts

@@ -1,5 +1,6 @@
-import { FocusProps } from '@react-aria/interactions';
-export declare function useFocus({ isDisabled }: FocusProps, onlyVisible?: boolean): {
+export declare function useFocus({ isDisabled }: {
+    isDisabled?: boolean;
+}, onlyVisible?: boolean): {
     focusProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     isFocused: boolean;
 };