@ws-ui/ui-components 1.0.7 → 1.0.8

package/dist/index.d.ts

@@ -2904,23 +2904,24 @@ export declare type OptionGenerator<T = unknown> = (inputValue: string, currentO
 
 export declare const Panel: default_2.ForwardRefExoticComponent<PanelProps & default_2.RefAttributes<HTMLDivElement>>;
 
-export declare type PanelDepth = 0 | 1 | 2 | 3 | 4;
+export declare type PanelDepth = 0 | 1 | 2 | 3 | 4 | 5;
 
 export declare interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /**
-     * The depth/elevation level of the panel (0-4)
+     * The depth/elevation level of the panel (0-5)
      * - 0: Root/Editor background (default)
      * - 1: Primary panel/sidebar
      * - 2: Secondary panel/card
      * - 3: Elevated card/modal
-     * - 4: Highest elevation (tooltips, popovers)
+     * - 4: top elevation (tooltips, popovers)
+     * - 5: outside/sticky elements
      */
     depth?: PanelDepth;
     children: ReactNode;
     /**
      * the type of border to apply diferent border color bor tabs and normal panel
      */
-    contentType?: 'tabs' | 'primary' | 'normal';
+    contentType?: 'tabs' | 'primary' | 'light' | 'default';
     /**
      * Whether the panel is disabled.
      * If true, changes text color to inactive-text.
@@ -3599,22 +3600,27 @@ export declare interface TabColorConfig {
     };
 }
 
-export declare type TabItemProps<T = unknown> = {
-    value?: string;
+export declare type TabData<T = unknown> = TabItemProps & (T extends object ? T : object);
+
+export declare const TabItem: default_2.ForwardRefExoticComponent<TabItemProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface TabItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'content'> {
+    value: string;
     label?: ReactNode;
     icon?: ReactNode;
     disabled?: boolean;
-    content?: ReactNode;
-    touched?: boolean;
-    closable?: boolean;
+    active?: boolean;
     onClose?: (value: string) => void;
+    closable?: boolean;
+    touched?: boolean;
+    content?: ReactNode;
     renderTab?: (props: {
-        tab: TabItemProps<T>;
+        tab: any;
         isActive: boolean;
         onClick: () => void;
         onClose?: () => void;
     }) => ReactNode;
-} & (T extends object ? T : object);
+}
 
 export declare const TabNavContainer: default_2.ForwardRefExoticComponent<TabNavContainerProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -3624,11 +3630,22 @@ export declare interface TabNavContainerProps extends Omit<React.HTMLAttributes<
     children: ReactNode;
 }
 
-export declare const Tabs: {
-    <T = unknown>({ tabs, valueKey, labelKey, activeTab, defaultActiveTab, variant, color, size, draggable, showIcons, className, tabListClassName, onTabChange, onReorder, renderTabList, renderTab, children, }: TabsProps<T>): JSX_2.Element;
-    displayName: string;
+export declare const Tabs: TabsComponent;
+
+declare type TabsComponent = typeof TabsMain & {
+    Item: typeof TabItem;
 };
 
+export declare interface TabsContextType {
+    activeTab: string;
+    onTabChange: (value: string) => void;
+    variant: TabVariant;
+    color: TabColor;
+    size: TabSize;
+    showIcons: boolean;
+    disabled: boolean;
+}
+
 export declare type TabSize = 'sm' | 'md' | 'lg';
 
 export declare interface TabSizeConfig {
@@ -3639,29 +3656,30 @@ export declare interface TabSizeConfig {
     badge?: string;
 }
 
+declare const TabsMain: {
+    <T = unknown>({ tabs, valueKey, labelKey, activeTab, defaultValue, variant, color, size, draggable, showIcons, disabled, className, tabListClassName, onTabChange, onReorder, renderTab, children, }: TabsProps<T>): JSX_2.Element;
+    displayName: string;
+};
+
 export declare interface TabsProps<T = unknown> {
-    tabs: T[];
+    tabs?: T[];
     valueKey?: string;
     labelKey?: string;
     activeTab?: string;
-    defaultActiveTab?: string;
+    defaultValue?: string;
     variant?: TabVariant;
     color?: TabColor;
     size?: TabSize;
     draggable?: boolean;
     showIcons?: boolean;
+    disabled?: boolean;
     className?: string;
     tabListClassName?: string;
     contentClassName?: string;
     onTabChange?: (value: string) => void;
     onReorder?: (tabs: T[], droppedTab?: T) => void;
-    renderTabList?: (props: {
-        tabs: T[];
-        activeTab: string;
-        onTabClick: (value: string) => void;
-    }) => ReactNode;
     renderTab?: (props: {
-        tab: TabItemProps<T>;
+        tab: TabData<T>;
         isActive: boolean;
         onClick: () => void;
         onClose?: () => void;
@@ -3767,6 +3785,8 @@ export declare interface TooltipProps {
     trigger?: 'hover' | 'click';
 }
 
+export declare const useTabsContext: () => TabsContextType;
+
 export declare const useToast: (options?: ToastHookOptions) => ToastApi;
 
 export declare type variantTextClasses = {