@itera-web/react-ui-sidebar 1.27.0 → 1.27.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Components/PanelLeft.d.ts +5 -5
- package/es/Sidebar.d.ts +67 -67
- package/es/index.d.ts +1 -1
- package/package.json +10 -10
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export type IconProps = {
|
|
3
|
-
className?: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const PanelLeft: React.FC<IconProps>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type IconProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const PanelLeft: React.FC<IconProps>;
|
package/es/Sidebar.d.ts
CHANGED
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { TooltipContent } from '@itera-web/react-ui-tooltip';
|
|
4
|
-
type SidebarContextProps = {
|
|
5
|
-
state: 'expanded' | 'collapsed';
|
|
6
|
-
open: boolean;
|
|
7
|
-
setOpen: (open: boolean) => void;
|
|
8
|
-
openMobile: boolean;
|
|
9
|
-
setOpenMobile: (open: boolean) => void;
|
|
10
|
-
isMobile: boolean;
|
|
11
|
-
toggleSidebar: () => void;
|
|
12
|
-
};
|
|
13
|
-
declare function useSidebar(): SidebarContextProps;
|
|
14
|
-
declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
15
|
-
onOpenChange?: (open: boolean) => void;
|
|
16
|
-
defaultOpen?: boolean;
|
|
17
|
-
open?: boolean;
|
|
18
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
-
declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
-
side?: "left" | "right";
|
|
21
|
-
variant?: "sidebar" | "floating" | "inset";
|
|
22
|
-
collapsible?: "offcanvas" | "icon" | "none";
|
|
23
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
-
declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("@itera-web/react-ui-button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
25
|
-
declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
-
declare const SidebarInput: React.ForwardRefExoticComponent<Omit<import("@itera-web/react-ui-input").InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
-
declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
-
declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
-
declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
34
|
-
asChild?: boolean;
|
|
35
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
-
declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
37
|
-
asChild?: boolean;
|
|
38
|
-
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
39
|
-
declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
-
declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
41
|
-
declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement> & {
|
|
42
|
-
active?: boolean;
|
|
43
|
-
}, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
44
|
-
declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
45
|
-
asChild?: boolean;
|
|
46
|
-
isActive?: boolean;
|
|
47
|
-
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
48
|
-
} & VariantProps<(props?: {
|
|
49
|
-
variant?: "default" | "outline";
|
|
50
|
-
size?: "default" | "sm" | "lg";
|
|
51
|
-
} & import("class-variance-authority/dist/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
52
|
-
declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
53
|
-
asChild?: boolean;
|
|
54
|
-
showOnHover?: boolean;
|
|
55
|
-
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
56
|
-
declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
-
declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
58
|
-
showIcon?: boolean;
|
|
59
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
-
declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
61
|
-
declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
62
|
-
declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
63
|
-
asChild?: boolean;
|
|
64
|
-
size?: "sm" | "md";
|
|
65
|
-
isActive?: boolean;
|
|
66
|
-
}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
67
|
-
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { TooltipContent } from '@itera-web/react-ui-tooltip';
|
|
4
|
+
type SidebarContextProps = {
|
|
5
|
+
state: 'expanded' | 'collapsed';
|
|
6
|
+
open: boolean;
|
|
7
|
+
setOpen: (open: boolean) => void;
|
|
8
|
+
openMobile: boolean;
|
|
9
|
+
setOpenMobile: (open: boolean) => void;
|
|
10
|
+
isMobile: boolean;
|
|
11
|
+
toggleSidebar: () => void;
|
|
12
|
+
};
|
|
13
|
+
declare function useSidebar(): SidebarContextProps;
|
|
14
|
+
declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
15
|
+
onOpenChange?: (open: boolean) => void;
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
open?: boolean;
|
|
18
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
+
side?: "left" | "right";
|
|
21
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
22
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
23
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("@itera-web/react-ui-button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
25
|
+
declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
26
|
+
declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
declare const SidebarInput: React.ForwardRefExoticComponent<Omit<import("@itera-web/react-ui-input").InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
34
|
+
asChild?: boolean;
|
|
35
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
37
|
+
asChild?: boolean;
|
|
38
|
+
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
39
|
+
declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
41
|
+
declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement> & {
|
|
42
|
+
active?: boolean;
|
|
43
|
+
}, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
44
|
+
declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
45
|
+
asChild?: boolean;
|
|
46
|
+
isActive?: boolean;
|
|
47
|
+
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
48
|
+
} & VariantProps<(props?: {
|
|
49
|
+
variant?: "default" | "outline";
|
|
50
|
+
size?: "default" | "sm" | "lg";
|
|
51
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
53
|
+
asChild?: boolean;
|
|
54
|
+
showOnHover?: boolean;
|
|
55
|
+
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
56
|
+
declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
58
|
+
showIcon?: boolean;
|
|
59
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
61
|
+
declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
62
|
+
declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
63
|
+
asChild?: boolean;
|
|
64
|
+
size?: "sm" | "md";
|
|
65
|
+
isActive?: boolean;
|
|
66
|
+
}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
67
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
|
package/es/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from './Sidebar';
|
|
1
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from './Sidebar';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itera-web/react-ui-sidebar",
|
|
3
3
|
"description": "导航栏",
|
|
4
|
-
"version": "1.27.
|
|
4
|
+
"version": "1.27.1",
|
|
5
5
|
"main": "es/index.js",
|
|
6
6
|
"types": "es/index.d.ts",
|
|
7
7
|
"publishConfig": {
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
"up": "npm publish"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@itera-web/hooks-mobile": "^1.26.
|
|
17
|
-
"@itera-web/react-ui-button": "^1.32.
|
|
18
|
-
"@itera-web/react-ui-input": "^1.30.
|
|
19
|
-
"@itera-web/react-ui-separator": "^1.25.
|
|
20
|
-
"@itera-web/react-ui-skeleton": "^1.26.
|
|
21
|
-
"@itera-web/react-ui-tooltip": "^1.25.
|
|
22
|
-
"@itera-web/utils-cn": "^1.26.
|
|
16
|
+
"@itera-web/hooks-mobile": "^1.26.1",
|
|
17
|
+
"@itera-web/react-ui-button": "^1.32.1",
|
|
18
|
+
"@itera-web/react-ui-input": "^1.30.1",
|
|
19
|
+
"@itera-web/react-ui-separator": "^1.25.1",
|
|
20
|
+
"@itera-web/react-ui-skeleton": "^1.26.1",
|
|
21
|
+
"@itera-web/react-ui-tooltip": "^1.25.1",
|
|
22
|
+
"@itera-web/utils-cn": "^1.26.1",
|
|
23
23
|
"@radix-ui/react-slot": "^1.2.0",
|
|
24
24
|
"class-variance-authority": "^0.7.1"
|
|
25
25
|
},
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"react-dom": ">=17.0.0"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@itera-web/cli": "^1.1.
|
|
31
|
+
"@itera-web/cli": "^1.1.71"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "bfa21473b4e1bb913b03575ff3d9def2f6488a0f"
|
|
34
34
|
}
|