@designbasekorea/ui-wc 0.4.0 → 0.5.0

package/dist/react/index.d.ts

@@ -1211,9 +1211,10 @@ declare class DbMenuItem extends HTMLElement {
     get expanded(): boolean;
     set expanded(value: boolean);
     connectedCallback(): void;
-    attributeChangedCallback(): void;
     private iconSize;
     private render;
+    attributeChangedCallback(name: string): void;
+    private syncExpandedState;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -1667,9 +1668,26 @@ interface DbSidebarUserProfile {
     email?: string;
     avatar?: string;
 }
+interface DbSidebarProject {
+    id: string;
+    label: string;
+    icon?: string;
+    color?: string;
+    href?: string;
+}
+interface DbSidebarPromoBanner {
+    title: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    icon?: string;
+}
 declare class DbSidebar extends HTMLElement {
     private expandedItems;
     private userMenuOpen;
+    private projectMenuOpen;
+    private flyoutItemId;
+    private flyoutCloseTimer;
     private outsideHandler;
     static get observedAttributes(): string[];
     connectedCallback(): void;
@@ -1684,17 +1702,52 @@ declare class DbSidebar extends HTMLElement {
     set userMenuItems(value: DbSidebarItem[] | string);
     get userProfile(): DbSidebarUserProfile | null;
     set userProfile(value: DbSidebarUserProfile | string | null);
+    get projects(): DbSidebarProject[];
+    set projects(value: DbSidebarProject[] | string);
+    get selectedProjectId(): string;
+    set selectedProjectId(value: string);
+    get projectManageLabel(): string;
+    set projectManageLabel(value: string);
+    get projectManageHref(): string;
+    set projectManageHref(value: string);
+    get projectSectionLabel(): string;
+    set projectSectionLabel(value: string);
+    get bottomItems(): DbSidebarItem[];
+    set bottomItems(value: DbSidebarItem[] | string);
+    get bottomSections(): DbSidebarSection[];
+    set bottomSections(value: DbSidebarSection[] | string);
+    get promoBanner(): DbSidebarPromoBanner | null;
+    set promoBanner(value: DbSidebarPromoBanner | string | null);
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
+    private parseProjects;
+    private parseBottomItems;
+    private parseBottomSections;
+    private parsePromoBanner;
+    private getSelectedProject;
     private bindOutsideClick;
+    private closeOverlayMenus;
+    private syncExclusiveAccordion;
     private unbindOutsideClick;
+    private cancelFlyoutClose;
+    private showFlyout;
+    private scheduleFlyoutClose;
     private syncHostClasses;
     private dispatchItemClick;
     private dispatchUserMenuItemClick;
-    private updateUserMenuVisibility;
+    private dispatchProjectChange;
+    private dispatchProjectManage;
+    private dispatchPromoCtaClick;
+    private createProjectAvatar;
+    private createProjectSelector;
+    private createFlyout;
     private createSidebarMenuItem;
+    private renderSectionList;
     private renderNav;
+    private renderBottomNav;
+    private createUserDropdown;
+    private createPromoBanner;
     private render;
 }
 declare global {
@@ -5640,12 +5693,34 @@ type SidebarUserProfile = {
     email?: string;
     avatar?: string;
 };
+type SidebarProject = {
+    id: string;
+    label: string;
+    icon?: string;
+    color?: string;
+    href?: string;
+};
+type SidebarPromoBanner = {
+    title: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    icon?: string;
+};
 type SidebarProps = WebComponentProps & {
     items?: SidebarItem[] | string;
     sections?: SidebarSection[] | string;
     userMenuItems?: SidebarItem[] | string;
     userProfile?: SidebarUserProfile | string;
     defaultExpandedIds?: string[] | string;
+    projects?: SidebarProject[] | string;
+    selectedProjectId?: string;
+    projectManageLabel?: string;
+    projectManageHref?: string;
+    projectSectionLabel?: string;
+    bottomItems?: SidebarItem[] | string;
+    bottomSections?: SidebarSection[] | string;
+    promoBanner?: SidebarPromoBanner | string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'dark' | 'light';
     position?: 'left' | 'right';
@@ -7787,4 +7862,4 @@ declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps,
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
 export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, Countdown, CursorFollower, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, PageHeader, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, VideoPlayer, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
+export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };