@cube-dev/ui-kit 0.12.3 → 0.12.4

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -28,16 +28,19 @@
     "@react-aria/radio": "^3.1.6",
     "@react-aria/searchfield": "^3.2.2",
     "@react-aria/select": "^3.7.1",
+    "@react-aria/selection": "^3.9.1",
     "@react-aria/separator": "3.1.6",
     "@react-aria/ssr": "^3.2.0",
     "@react-aria/switch": "^3.1.3",
     "@react-aria/textfield": "^3.5.0",
     "@react-aria/tooltip": "^3.1.3",
     "@react-aria/utils": "^3.11.0",
+    "@react-aria/visually-hidden": "^3.3.1",
     "@react-spectrum/utils": "^3.6.3",
     "@react-stately/checkbox": "^3.1.0",
     "@react-stately/collections": "^3.3.4",
     "@react-stately/combobox": "3.0.1",
+    "@react-stately/list": "^3.5.1",
     "@react-stately/numberfield": "^3.0.2",
     "@react-stately/overlays": "^3.1.6",
     "@react-stately/radio": "^3.3.2",
@@ -45,6 +48,8 @@
     "@react-stately/select": "^3.2.1",
     "@react-stately/toggle": "^3.2.3",
     "@react-stately/tooltip": "^3.0.8",
+    "@react-stately/tree": "^3.3.1",
+    "@react-stately/menu": "^3.3.1",
     "@react-stately/utils": "^3.5.0",
     "@react-types/button": "^3.4.1",
     "@react-types/checkbox": "^3.2.5",

package/types/components/Root.d.ts

@@ -14,4 +14,4 @@ export interface CubeRootProps extends BaseProps {
     monospaceFont?: string;
     applyLegacyTokens?: boolean;
 }
-export declare const Root: (allProps: CubeRootProps) => JSX.Element;
+export declare function Root(allProps: CubeRootProps): JSX.Element;

package/types/components/actions/Action.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../tasty';
 import { AriaButtonProps } from '@react-types/button';
+import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../tasty';
 export interface CubeActionProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, 'type'> {
     to?: string;
     label?: string;

package/types/components/content/ActiveZone/ActiveZone.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../../tasty';
 import { FocusableOptions } from '@react-aria/focus';
+import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../../tasty';
 export interface CubeActiveZoneProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, FocusableOptions {
     label?: string;
     onClick?: MouseEventHandler;

package/types/components/content/Paragraph.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CubeTextProps } from './Text';
 import { ContainerStyleProps } from '../../tasty';
+import { CubeTextProps } from './Text';
 export interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {
 }
 export declare const Paragraph: import("react").ForwardRefExoticComponent<CubeParagraphProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Title.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CubeTextProps } from './Text';
 import { BaseProps, ContainerStyleProps, PositionStyleProps, TagNameProps } from '../../tasty';
+import { CubeTextProps } from './Text';
 export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, ContainerStyleProps, PositionStyleProps {
     /** The level of the heading **/
     level?: 1 | 2 | 3 | 4 | 5 | 6;

package/types/components/forms/Checkbox/Checkbox.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { AriaCheckboxProps } from '@react-types/checkbox';
 import { BaseProps } from '../../../tasty';
-import { CheckboxGroup } from './CheckboxGroup';
 import { FormFieldProps } from '../../../shared';
+import { CheckboxGroup } from './CheckboxGroup';
+import type { AriaCheckboxProps } from '@react-types/checkbox';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
 }
 declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {

package/types/components/forms/Checkbox/CheckboxGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseProps } from '../../../tasty';
-import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
 import { FormFieldProps } from '../../../shared';
+import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
 export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps {
     orientation?: 'vertical' | 'horizontal';
 }

package/types/components/forms/FileInput/FileInput.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { BaseProps, BlockStyleProps, PositionStyleProps, Styles } from '../../../tasty';
-import type { AriaTextFieldProps } from '@react-types/textfield';
 import { FormFieldProps } from '../../../shared';
+import type { AriaTextFieldProps } from '@react-types/textfield';
 export interface CubeFileInputProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
     /**
      * The size of the input

package/types/components/forms/Form/Field.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { LabelPosition, OptionalFieldBaseProps, ValidationRule } from '../../../shared';
-import { CubeFormInstance } from './useForm';
 import { Styles } from '../../../tasty';
+import { CubeFormInstance } from './useForm';
 import { FieldTypes } from './types';
 export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
     /** The initial value of the input. */

package/types/components/forms/Form/Form.d.ts

@@ -1,9 +1,9 @@
 import { FormHTMLAttributes } from 'react';
+import { DOMRef } from '@react-types/shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import { CubeFormData, CubeFormInstance } from './useForm';
 import { FormBaseProps } from '../../../shared';
+import { CubeFormData, CubeFormInstance } from './useForm';
 import { FieldTypes } from './types';
-import { DOMRef } from '@react-types/shared';
 export declare const FormContext: import("react").Context<{}>;
 export declare function useFormProps(props: any): any;
 export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {

package/types/components/forms/RadioGroup/Radio.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { AriaRadioProps } from '@react-types/radio';
 import { BaseProps, Styles } from '../../../tasty';
-import { RadioGroup } from './RadioGroup';
 import { FormFieldProps } from '../../../shared';
+import { RadioGroup } from './RadioGroup';
+import type { AriaRadioProps } from '@react-types/radio';
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {
     inputStyles?: Styles;
     type?: 'button' | 'radio';

package/types/components/forms/RadioGroup/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import type { AriaRadioGroupProps } from '@react-types/radio';
 import { FormFieldProps } from '../../../shared';
+import type { AriaRadioGroupProps } from '@react-types/radio';
 export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, FormFieldProps {
     groupStyles?: Styles;
 }

package/types/components/forms/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
-import type { AriaSwitchProps } from '@react-types/switch';
 import { FormFieldProps } from '../../../shared';
+import type { AriaSwitchProps } from '@react-types/switch';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FormFieldProps, AriaSwitchProps {
     inputStyles?: Styles;
     isLoading?: boolean;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CubeTextInputBaseProps } from './TextInputBase';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
+import { CubeTextInputBaseProps } from './TextInputBase';
 export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;

package/types/components/organisms/StatsCard/StatsCard.d.ts

@@ -1,5 +1,5 @@
-import { CubeCardProps } from '../../content/Card/Card';
 import { ReactNode } from 'react';
+import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeStatsCard extends CubeCardProps {
     title?: string | ReactNode;
     value?: string | number | ReactNode;

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

@@ -1,6 +1,6 @@
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty';
 import { AriaDialogProps } from '@react-types/dialog';
 import { ReactNode } from 'react';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty';
 import { CubeDialogContainerProps } from '../Dialog';
 import { CubeAlertDialogProps } from './AlertDialog';
 export interface Dialog {

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { CubeDialogProps } from './Dialog';
 import { CubeFormProps } from '../../forms/Form/Form';
 import { CubeButtonProps } from '../../actions';
 import { FieldTypes } from '../../forms';
+import { CubeDialogProps } from './Dialog';
 export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends CubeDialogProps, Omit<CubeFormProps<T>, 'role'> {
     /** Whether the submit button has a `danger` theme */
     danger?: boolean;
@@ -24,4 +24,4 @@ export interface CubeDialogFormRef {
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */
-export declare const DialogForm: <T extends FieldTypes = FieldTypes>(props: CubeDialogFormProps<T>) => JSX.Element;
+export declare function DialogForm<T extends FieldTypes = FieldTypes>(props: CubeDialogFormProps<T>): JSX.Element;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { BaseProps } from '../../../tasty';
 import { OverlayProps } from '@react-types/overlays';
+import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
 export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'> {
     container?: HTMLElement;

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

@@ -1,8 +1,8 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import type { CubeNotificationType } from '../types';
 import { Styles } from '../../../../tasty';
 import { Timer } from '../../../../_internal';
 import { BaseNotificationProps } from '../types';
+import type { CubeNotificationType } from '../types';
+import type { ReactNode, HTMLAttributes } from 'react';
 export declare type NotificationProps = {
     qa?: string;
     attributes?: HTMLAttributes<HTMLDivElement>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CollectionElement } from '@react-types/shared';
-import type { CubeNotificationProps } from './types';
 import { CollectionChildren } from './hooks';
+import type { CubeNotificationProps } from './types';
 export declare type NotificationsListProps<T> = {
     items?: T[] | readonly T[];
     children: CollectionChildren<T>;

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

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

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

@@ -1,5 +1,5 @@
-import type { HTMLAttributes, MutableRefObject } from 'react';
 import { CollectionChildren, NotificationsListState } from './types';
+import type { HTMLAttributes, MutableRefObject } from 'react';
 export declare type UseNotificationsListPropsType<T, R> = {
     items?: Iterable<T>;
     children: CollectionChildren<T, R>;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { DOMRefValue } from '@react-types/shared';
+import { PlacementAxis } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import type { AriaTooltipProps } from '@react-types/tooltip';
-import { PlacementAxis } from '../../../shared';
-import { DOMRefValue } from '@react-types/shared';
 export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
     tipStyles?: Styles;
     showIcon?: boolean;

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

@@ -1,7 +1,7 @@
-import { CubeTooltipTriggerProps } from './TooltipTrigger';
-import { CubeTooltipProps } from './Tooltip';
 import { ReactNode } from 'react';
 import { Styles } from '../../../tasty';
+import { CubeTooltipTriggerProps } from './TooltipTrigger';
+import { CubeTooltipProps } from './Tooltip';
 export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
     children: CubeTooltipTriggerProps['children'][0];
     title?: ReactNode;

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

@@ -1,6 +1,6 @@
 import { ReactElement, RefObject } from 'react';
-import { CubeSelectBaseProps } from '../Select/Select';
 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> {

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

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
 import { DOMRef, ItemProps } from '@react-types/shared';
-import type { AriaMenuProps } from '@react-types/menu';
 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;

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

@@ -1,9 +1,9 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { Item } from '@react-stately/collections';
-import type { AriaSelectProps } from '@react-types/select';
+import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { FormFieldProps } from '../../../shared';
 import { CubeButtonProps } from '../../actions';
+import type { AriaSelectProps } from '@react-types/select';
 export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps, AriaSelectProps<T> {
     icon?: ReactElement;
     prefix?: ReactNode;

package/types/shared/form.d.ts

@@ -1,5 +1,5 @@
-import { Props, Styles } from '../tasty';
 import { ReactNode } from 'react';
+import { Props, Styles } from '../tasty';
 /** Where to place label relative to input */
 export declare type LabelPosition = 'side' | 'top';
 /** The type of necessity indicator */

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

@@ -1,5 +1,5 @@
-import { CubeButtonProps } from '../../components/actions';
 import { AriaButtonProps } from '@react-types/button';
+import { CubeButtonProps } from '../../components/actions';
 /** Converts AriaButtonProps to CubeButtonProps */
 export declare function ariaToCubeButtonProps(props: AriaButtonProps<'button'>): CubeButtonProps;
 /** Converts CubeButtonProps to AriaButtonProps */