react-18-ui-library 0.3.0 → 0.3.2
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/LICENSE +21 -0
- package/README.md +11 -0
- package/dist/components/layout/Navbar/Navbar.d.ts +13 -1
- package/dist/components/layout/Navbar/index.d.ts +1 -1
- package/dist/components/layout/Sidebar/Sidebar.d.ts +3 -1
- package/dist/index.cjs.js +156 -82
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +17 -3
- package/dist/index.esm.js +157 -83
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +11 -5
package/dist/index.d.ts
CHANGED
|
@@ -136,17 +136,29 @@ interface NavbarLink {
|
|
|
136
136
|
active?: boolean;
|
|
137
137
|
icon?: React.ReactNode;
|
|
138
138
|
}
|
|
139
|
+
interface NavbarProfileMenuItem {
|
|
140
|
+
name: string;
|
|
141
|
+
href?: string;
|
|
142
|
+
onClick?: () => void;
|
|
143
|
+
}
|
|
144
|
+
interface NavbarProfile {
|
|
145
|
+
name: string;
|
|
146
|
+
email?: string;
|
|
147
|
+
avatarUrl?: string;
|
|
148
|
+
menuItems?: NavbarProfileMenuItem[];
|
|
149
|
+
}
|
|
139
150
|
interface NavbarProps {
|
|
140
151
|
logo?: React.ReactNode;
|
|
141
152
|
links?: NavbarLink[];
|
|
142
153
|
actions?: React.ReactNode;
|
|
154
|
+
profile?: NavbarProfile;
|
|
143
155
|
sticky?: boolean;
|
|
144
156
|
fixed?: boolean;
|
|
145
157
|
bordered?: boolean;
|
|
146
158
|
className?: string;
|
|
147
159
|
onMenuToggle?: (open: boolean) => void;
|
|
148
160
|
}
|
|
149
|
-
declare function Navbar({ logo, links, actions, sticky, fixed, bordered, className, onMenuToggle, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
161
|
+
declare function Navbar({ logo, links, actions, profile, sticky, fixed, bordered, className, onMenuToggle, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
150
162
|
|
|
151
163
|
interface SidebarItem {
|
|
152
164
|
id: string;
|
|
@@ -164,13 +176,15 @@ interface SidebarProps {
|
|
|
164
176
|
defaultCollapsed?: boolean;
|
|
165
177
|
onCollapsedChange?: (collapsed: boolean) => void;
|
|
166
178
|
header?: React.ReactNode;
|
|
179
|
+
/** Compact icon/logo shown in the header area when the sidebar is collapsed */
|
|
180
|
+
collapsedIcon?: React.ReactNode;
|
|
167
181
|
footer?: React.ReactNode;
|
|
168
182
|
overlay?: boolean;
|
|
169
183
|
open?: boolean;
|
|
170
184
|
onClose?: () => void;
|
|
171
185
|
className?: string;
|
|
172
186
|
}
|
|
173
|
-
declare function Sidebar({ items, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, header, footer, overlay, open, onClose, className, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
187
|
+
declare function Sidebar({ items, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, header, collapsedIcon, footer, overlay, open, onClose, className, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
174
188
|
|
|
175
189
|
interface AppShellProps {
|
|
176
190
|
navbar?: NavbarProps;
|
|
@@ -1584,4 +1598,4 @@ interface CopyButtonProps {
|
|
|
1584
1598
|
declare function CopyButton({ value, size, variant, label, copiedLabel, timeout, onCopy, className, disabled, }: CopyButtonProps): react_jsx_runtime.JSX.Element;
|
|
1585
1599
|
|
|
1586
1600
|
export { Alert, AppShell, ArrayValidator, Avatar, AvatarGroup, Badge, BadgeAnchor, BooleanValidator, Box, Breadcrumb, Button, Card, Checkbox, ChipSelect, Code, Collapsible, CommandPalette, ConfirmDialog, ConfirmDialogProvider, Container, ContextMenu, CopyButton, DEFAULT_COUNTRY_CODES, DataTable, DatePicker, DateValidator, Divider, Drawer, EmailValidator, EmptyState, ErrorBoundary, FileUpload, FileValidator, FormField, FullScreenLoader, FullScreenLoaderProvider, Grid, Heading, Icon, IconButton, Image, JSONForm, Kbd, Label, Link, List, ListItem, MarkdownReader, Modal, MultiSelect, Navbar, NumberInput, NumberValidator, OTPInput, Pagination, PasswordValidator, PhoneInput, Popover, ProgressBar, RadioGroup, Rating, SVG, SearchSelect, Select, SelectValidator, Sidebar, Skeleton, SkeletonCard, Slider, Spacer, Spinner, Stack, Stat, StepIndicator, StringValidator, Switch, Table, Tabs, TabsContent, Tag, TagInput, TelValidator, Text, TextArea, TextField, ThemeProvider, Timeline, ToastProvider, Tooltip, TreeView, UrlValidator, buttonVariants, cn, useClickOutside, useClipboard, useCommandPalette, useConfirm, useDebounce, useFullScreenLoader, useIntersectionObserver, useKeyboard, useLocalStorage, useMediaQuery, useTheme, useToast, useWindowSize, v };
|
|
1587
|
-
export type { AlertProps, AnyValidator, AppShellProps, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, BadgeAnchorProps, BadgeProps, BoxProps, BreadcrumbItem, BreadcrumbProps, ButtonProps, CardProps, CheckboxProps, ChipSelectOption, ChipSelectProps, ChipSelectSize, CodeProps, CodeTheme, CollapsibleProps, CommandGroup, CommandItem, CommandPaletteProps, CompiledRules, ConfirmDialogProps, ConfirmDialogProviderProps, ConfirmOptions, ConfirmVariant, ContainerProps, ContainerSize, ContextMenuItem, ContextMenuProps, CopyButtonProps, CopyButtonSize, CopyButtonVariant, CountryCode, DataTableColumn, DataTablePagination, DataTableProps, DatePickerMode, DatePickerProps, DatePickerRangeProps, DatePickerSingleProps, DatePickerSize, DividerProps, DrawerProps, DrawerSide, DrawerSize, EmptyStateProps, ErrorBoundaryProps, FileUploadProps, FormFieldProps, FullScreenLoaderControls, FullScreenLoaderProps, FullScreenLoaderProviderProps, FullScreenLoaderState, GridCols, GridGap, GridProps, HeadingLevel, HeadingProps, HeadingSize, HeadingWeight, IconButtonProps, IconProps, IconSize, ImageFit, ImageProps, ImageRatio, JSONFieldType, JSONFormField, JSONFormOption, JSONFormProps, KbdProps, KbdSize, KeyboardModifier, KeyboardShortcut, LabelProps, LinkProps, LinkUnderline, ListItemProps, ListProps, MarkdownReaderProps, ModalProps, ModalSize, MultiSelectGroup, MultiSelectOption, MultiSelectProps, NavbarLink, NavbarProps, NumberInputProps, NumberInputSize, OTPInputProps, OTPInputSize, PaginationProps, PhoneInputProps, PhoneInputSize, PhoneInputValue, PopoverPlacement, PopoverProps, ProgressBarProps, ProgressSize, ProgressVariant, RadioGroupProps, RadioOption, RatingProps, RatingSize, SVGProps, SearchSelectGroup, SearchSelectMultiProps, SearchSelectOption, SearchSelectProps, SearchSelectSingleProps, SelectGroup, SelectOption, SelectProps, SidebarItem, SidebarProps, SkeletonCardProps, SkeletonProps, SkeletonVariant, SliderProps, SliderSize, SortDirection$1 as SortDirection, SpacerProps, SpinnerProps, SpinnerSize, StackAlign, StackDirection, StackGap, StackJustify, StackProps, StatProps, Step, StepIndicatorProps, StepStatus, SwitchProps, TabItem, TableColumn, TableProps, TabsProps, TabsVariant, TagInputProps, TagProps, TagSeparator, TextAreaProps, TextAs, TextColor, TextFieldProps, TextFieldSize, TextProps, TextSize, TextWeight, ThemeProviderProps, ThemeTokens, TimelineItem, TimelineProps, Toast, ToastPosition, ToastProviderProps, ToastVariant, TooltipPlacement, TooltipProps, TreeViewItem, TreeViewProps, UploadedFile, UseClipboardOptions, UseClipboardReturn, UseIntersectionObserverOptions, UseToastReturn, WindowSize };
|
|
1601
|
+
export type { AlertProps, AnyValidator, AppShellProps, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, BadgeAnchorProps, BadgeProps, BoxProps, BreadcrumbItem, BreadcrumbProps, ButtonProps, CardProps, CheckboxProps, ChipSelectOption, ChipSelectProps, ChipSelectSize, CodeProps, CodeTheme, CollapsibleProps, CommandGroup, CommandItem, CommandPaletteProps, CompiledRules, ConfirmDialogProps, ConfirmDialogProviderProps, ConfirmOptions, ConfirmVariant, ContainerProps, ContainerSize, ContextMenuItem, ContextMenuProps, CopyButtonProps, CopyButtonSize, CopyButtonVariant, CountryCode, DataTableColumn, DataTablePagination, DataTableProps, DatePickerMode, DatePickerProps, DatePickerRangeProps, DatePickerSingleProps, DatePickerSize, DividerProps, DrawerProps, DrawerSide, DrawerSize, EmptyStateProps, ErrorBoundaryProps, FileUploadProps, FormFieldProps, FullScreenLoaderControls, FullScreenLoaderProps, FullScreenLoaderProviderProps, FullScreenLoaderState, GridCols, GridGap, GridProps, HeadingLevel, HeadingProps, HeadingSize, HeadingWeight, IconButtonProps, IconProps, IconSize, ImageFit, ImageProps, ImageRatio, JSONFieldType, JSONFormField, JSONFormOption, JSONFormProps, KbdProps, KbdSize, KeyboardModifier, KeyboardShortcut, LabelProps, LinkProps, LinkUnderline, ListItemProps, ListProps, MarkdownReaderProps, ModalProps, ModalSize, MultiSelectGroup, MultiSelectOption, MultiSelectProps, NavbarLink, NavbarProfile, NavbarProfileMenuItem, NavbarProps, NumberInputProps, NumberInputSize, OTPInputProps, OTPInputSize, PaginationProps, PhoneInputProps, PhoneInputSize, PhoneInputValue, PopoverPlacement, PopoverProps, ProgressBarProps, ProgressSize, ProgressVariant, RadioGroupProps, RadioOption, RatingProps, RatingSize, SVGProps, SearchSelectGroup, SearchSelectMultiProps, SearchSelectOption, SearchSelectProps, SearchSelectSingleProps, SelectGroup, SelectOption, SelectProps, SidebarItem, SidebarProps, SkeletonCardProps, SkeletonProps, SkeletonVariant, SliderProps, SliderSize, SortDirection$1 as SortDirection, SpacerProps, SpinnerProps, SpinnerSize, StackAlign, StackDirection, StackGap, StackJustify, StackProps, StatProps, Step, StepIndicatorProps, StepStatus, SwitchProps, TabItem, TableColumn, TableProps, TabsProps, TabsVariant, TagInputProps, TagProps, TagSeparator, TextAreaProps, TextAs, TextColor, TextFieldProps, TextFieldSize, TextProps, TextSize, TextWeight, ThemeProviderProps, ThemeTokens, TimelineItem, TimelineProps, Toast, ToastPosition, ToastProviderProps, ToastVariant, TooltipPlacement, TooltipProps, TreeViewItem, TreeViewProps, UploadedFile, UseClipboardOptions, UseClipboardReturn, UseIntersectionObserverOptions, UseToastReturn, WindowSize };
|