@cube-dev/ui-kit 0.0.0-canary-7480fe6 → 0.0.0-canary-00505d5

package/types/components/layout/Flow.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty/types';
 export interface CubeFlowProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Flow: import("react").ForwardRefExoticComponent<CubeFlowProps & import("react").RefAttributes<unknown>>;

package/types/components/layout/Grid.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortGridStyles } from '../types';
+import { BaseProps, ContainerStyleProps, ShortGridStyles } from '../../tasty/types';
 export interface CubeGridProps extends BaseProps, ContainerStyleProps, ShortGridStyles {
 }
 export declare const Grid: import("react").ForwardRefExoticComponent<CubeGridProps & import("react").RefAttributes<unknown>>;

package/types/components/layout/Prefix.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty/types';
 export interface CubePrefixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];

package/types/components/layout/Space.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty/types';
 export interface CubeSpaceProps extends BaseProps, ContainerStyleProps {
     direction?: 'vertical' | 'horizontal';
 }

package/types/components/layout/Suffix.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BaseProps, ContainerStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps } from '../../tasty/types';
 export interface CubeSuffixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];

package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { CubeFlexProps } from '../../layout/Flex';
 import { CubeButtonProps } from '../../actions';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty/styles/types';
 export interface CubeTabData {
     id: string | number;
     qa?: string;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import THEMES from '../../../data/themes';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../../tasty/types';
+export interface CubeAlertProps extends BaseProps, ContainerStyleProps, TextStyleProps {
+    type?: keyof typeof THEMES;
+    label?: string;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<CubeAlertProps & import("react").RefAttributes<unknown>>;

package/types/components/{content → organisms}/CopySnippet/CopySnippet.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../Card/Card';
+import { CubeCardProps } from '../../content/Card/Card';
 import { CubePrismCodeProps } from '../../content/PrismCode/PrismCode';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty/styles/types';
 export interface CubeCopySnippetProps extends CubeCardProps {
     padding?: Styles['padding'];
     /** The code snippet */

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

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { CubeFlexProps } from '../../layout/Flex';
+export declare type CubeFileTree = CubeFileTreeItem[];
+export interface CubeFileTreeItem {
+    isLeaf?: boolean;
+    title?: string;
+    key?: string;
+    children?: CubeFileTree;
+}
+declare const MODE_BG: {
+    readonly created: {
+        readonly '': "#success.10";
+        readonly hovered: "#success.15";
+    };
+    readonly deleted: {
+        readonly '': "#danger.08";
+        readonly hovered: "#danger.13";
+    };
+};
+export interface CubeDirectoryTreeItemProps {
+    children?: ReactNode;
+    mode?: keyof typeof MODE_BG;
+    indent?: number;
+    onPress?: () => void;
+    isSelected?: boolean;
+}
+export interface CubeDirectoryTreeProps extends CubeFlexProps {
+    /** Event that fires on file selection */
+    onSelect?: (key: string) => void;
+    /** The selected key */
+    selectedKey?: string;
+    /** Whether all folders are expanded by default */
+    defaultExpandAll?: boolean;
+    /** Custom title for the root folder */
+    rootTitle?: string;
+    /** The Action panel provider  */
+    actionsPanel?: (CubeFileTreeItem: any) => ReactNode;
+    /** Whether to show only dirs */
+    onlyDirs?: boolean;
+    /** The full tree data */
+    treeData: CubeFileTree;
+}
+export declare function DirectoryTree(props: CubeDirectoryTreeProps): JSX.Element;
+export {};

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

@@ -1,10 +1,7 @@
 import { ReactNode } from 'react';
 import { CubeActionProps } from '../../actions/Action';
 import { CubeFlexProps } from '../../layout/Flex';
-import { Styles } from '../../../styles/types';
-/**
- * @deprecated consider using <Tabs /> instead
- */
+import { Styles } from '../../../tasty/styles/types';
 export interface FileTabProps extends Omit<CubeActionProps, 'id'> {
     isDirty?: boolean;
     isDisabled?: boolean;

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { CubeFlexProps } from '../../layout/Flex';
+export declare type CubeSearchFileData = {
+    title?: string;
+    key: string;
+    entry?: string;
+    before?: string;
+    after?: string;
+    items: CubeSearchFileDataItem[];
+};
+export declare type CubeSearchFileDataItem = {
+    entry: string;
+    before?: string;
+    after?: string;
+    row: number;
+    column: number;
+};
+export interface CubeSearchResultsItemProps {
+    children?: ReactNode;
+    indent?: number | null;
+    onPress?: () => void;
+    isSelected?: boolean;
+}
+export declare type SearchPosition = [number, number];
+export interface CubeSearchResultsProps extends CubeFlexProps {
+    onSelect?: (string: any, SearchPosition?: any) => void;
+    files: CubeSearchFileData[];
+    selectedKey?: string;
+    defaultExpandAll?: boolean;
+}
+export declare function SearchResults({ onSelect, files, selectedKey, defaultExpandAll, ...otherProps }: CubeSearchResultsProps): JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps, ContainerStyleProps } from '../../../tasty/types';
+export interface CubeTopbarProps extends BaseProps, ContainerStyleProps {
+    onLogoPress?: () => void;
+}
+export declare function TopBar({ children, onLogoPress, ...props }: CubeTopbarProps): JSX.Element;

package/types/components/other/Base64Upload/Base64Upload.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps, PositionStyleProps } from '../../types';
+import { BaseProps, PositionStyleProps } from '../../../tasty/types';
 export interface CubeBase64UploadProps extends BaseProps, PositionStyleProps {
     onInput?: Function;
 }

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty/types';
 import type { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
     /** The type of the dialog. It affects its size and position. */

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

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty/styles/types';
 export declare type CubeDialogClose = (close: () => void) => ReactElement;
 export interface CubeDialogTriggerProps {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps } from '../../types';
+import { Styles } from '../../../tasty/styles/types';
+import { BaseProps } from '../../../tasty/types';
 import type { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
 export interface CubeModalProps extends Omit<ModalProps, 'container'> {

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps } from '../../types';
+import { Styles } from '../../../tasty/styles/types';
+import { BaseProps } from '../../../tasty/types';
 import type { TrayProps } from '@react-types/overlays';
 export interface CubeTrayProps extends TrayProps {
     container?: HTMLElement;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { Styles } from '../../../tasty/styles/types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty/types';
 import type { AriaTooltipProps } from '@react-types/tooltip';
 import { PlacementAxis } from '../../../shared';
 export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {

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 '../../../styles/types';
+import { Styles } from '../../../tasty/styles/types';
 export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
     children: CubeTooltipTriggerProps['children'][0];
     title?: ReactNode;

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

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes, RefObject } from 'react';
 import { TooltipTriggerState } from '@react-stately/tooltip';
 import { PlacementAxis } from '../../../shared';
-import { Props } from '../../types';
+import { Props } from '../../../tasty/types';
 interface TooltipContextProps {
     state?: TooltipTriggerState;
     ref?: RefObject<HTMLDivElement>;

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

@@ -1,8 +1,8 @@
 import { ReactNode, ReactElement } from 'react';
 import { DOMRef, ItemProps } from '@react-types/shared';
 import type { AriaMenuProps } from '@react-types/menu';
-import { ContainerStyleProps } from '../../types';
-import { Styles } from '../../../styles/types';
+import { ContainerStyleProps } from '../../../tasty/types';
+import { Styles } from '../../../tasty/styles/types';
 import { MenuButtonProps } from './MenuButton';
 export interface CubeMenuProps<T> extends ContainerStyleProps, AriaMenuProps<T> {
     header?: ReactNode;