@streamoid/ui 0.1.6 → 0.1.8

package/dist/index.d.mts

@@ -1,4 +1,5 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface IScAccessProps {
     component?: JSX.Element;
@@ -209,6 +210,51 @@ interface IScSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScSidebar: ({ state, className, onToggle, ...props }: IScSidebarProps) => JSX.Element;
 
+interface SidebarMenuItemConfig {
+    id: string;
+    label?: string;
+    iconKey: string;
+}
+interface SidebarSectionConfig {
+    id: string;
+    label?: string;
+    items: SidebarMenuItemConfig[];
+}
+interface SidebarConfig {
+    topItem?: SidebarMenuItemConfig;
+    sections: SidebarSectionConfig[];
+    bottomItems?: SidebarMenuItemConfig[];
+}
+interface SidebarProfileConfig {
+    name: string;
+    subtitle?: string;
+    avatar?: ReactNode;
+    onClick?: () => void;
+}
+interface SidebarIconContext {
+    item: SidebarMenuItemConfig;
+    active: boolean;
+    expanded: boolean;
+}
+type SidebarIconRenderer = (context: SidebarIconContext) => ReactNode;
+type SidebarIconMap = Record<string, ReactNode | SidebarIconRenderer>;
+interface StreamoidSidebarProps {
+    expanded: boolean;
+    onToggle: () => void;
+    config: SidebarConfig;
+    iconMap: SidebarIconMap;
+    activeItemId?: string;
+    onItemSelect?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
+    expandedLogo?: ReactNode;
+    collapsedLogo?: ReactNode;
+    profile?: SidebarProfileConfig;
+    versionText?: string;
+    toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+}
+declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
+
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     state?: "default" | "active";
@@ -236,14 +282,30 @@ interface IScVDividerProps {
 }
 declare const ScVDivider: ({ className, ...props }: IScVDividerProps) => JSX.Element;
 
-interface IScWorkspaceProps extends React.HTMLAttributes<HTMLDivElement> {
-    collapsed?: "false" | "true";
-    workspaceName?: string;
-    userRole?: string;
-    profileImage?: string;
-    className?: string;
+interface WorkspaceSwitcherItem {
+    id: string;
+    name: string;
+    initials?: string;
+    role?: "admin" | "member" | string;
+    userCount?: string;
+    ownerEmail?: string;
+    isCurrent?: boolean;
+}
+interface WorkspaceSwitcherConfig {
+    title?: string;
+    loadingText?: string;
+    currentWorkspaceText?: string;
+    switchWorkspaceText?: string;
+}
+interface StreamoidWorkspaceSwitcherProps {
+    open: boolean;
+    onClose: () => void;
+    workspaces: WorkspaceSwitcherItem[];
+    loading?: boolean;
+    onSwitchWorkspace: (workspace: WorkspaceSwitcherItem) => void | Promise<void>;
+    config?: WorkspaceSwitcherConfig;
 }
-declare const ScWorkspace: ({ collapsed, workspaceName, userRole, profileImage, className, ...props }: IScWorkspaceProps) => JSX.Element;
+declare function StreamoidWorkspaceSwitcher({ open, onClose, workspaces, loading, onSwitchWorkspace, config, }: StreamoidWorkspaceSwitcherProps): react_jsx_runtime.JSX.Element | null;
 
 interface IScAppListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
@@ -469,4 +531,4 @@ interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
 
-export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceProps, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspace, ScWorkspaceCard };
+export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface IScAccessProps {
     component?: JSX.Element;
@@ -209,6 +210,51 @@ interface IScSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScSidebar: ({ state, className, onToggle, ...props }: IScSidebarProps) => JSX.Element;
 
+interface SidebarMenuItemConfig {
+    id: string;
+    label?: string;
+    iconKey: string;
+}
+interface SidebarSectionConfig {
+    id: string;
+    label?: string;
+    items: SidebarMenuItemConfig[];
+}
+interface SidebarConfig {
+    topItem?: SidebarMenuItemConfig;
+    sections: SidebarSectionConfig[];
+    bottomItems?: SidebarMenuItemConfig[];
+}
+interface SidebarProfileConfig {
+    name: string;
+    subtitle?: string;
+    avatar?: ReactNode;
+    onClick?: () => void;
+}
+interface SidebarIconContext {
+    item: SidebarMenuItemConfig;
+    active: boolean;
+    expanded: boolean;
+}
+type SidebarIconRenderer = (context: SidebarIconContext) => ReactNode;
+type SidebarIconMap = Record<string, ReactNode | SidebarIconRenderer>;
+interface StreamoidSidebarProps {
+    expanded: boolean;
+    onToggle: () => void;
+    config: SidebarConfig;
+    iconMap: SidebarIconMap;
+    activeItemId?: string;
+    onItemSelect?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
+    expandedLogo?: ReactNode;
+    collapsedLogo?: ReactNode;
+    profile?: SidebarProfileConfig;
+    versionText?: string;
+    toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+}
+declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
+
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     state?: "default" | "active";
@@ -236,14 +282,30 @@ interface IScVDividerProps {
 }
 declare const ScVDivider: ({ className, ...props }: IScVDividerProps) => JSX.Element;
 
-interface IScWorkspaceProps extends React.HTMLAttributes<HTMLDivElement> {
-    collapsed?: "false" | "true";
-    workspaceName?: string;
-    userRole?: string;
-    profileImage?: string;
-    className?: string;
+interface WorkspaceSwitcherItem {
+    id: string;
+    name: string;
+    initials?: string;
+    role?: "admin" | "member" | string;
+    userCount?: string;
+    ownerEmail?: string;
+    isCurrent?: boolean;
+}
+interface WorkspaceSwitcherConfig {
+    title?: string;
+    loadingText?: string;
+    currentWorkspaceText?: string;
+    switchWorkspaceText?: string;
+}
+interface StreamoidWorkspaceSwitcherProps {
+    open: boolean;
+    onClose: () => void;
+    workspaces: WorkspaceSwitcherItem[];
+    loading?: boolean;
+    onSwitchWorkspace: (workspace: WorkspaceSwitcherItem) => void | Promise<void>;
+    config?: WorkspaceSwitcherConfig;
 }
-declare const ScWorkspace: ({ collapsed, workspaceName, userRole, profileImage, className, ...props }: IScWorkspaceProps) => JSX.Element;
+declare function StreamoidWorkspaceSwitcher({ open, onClose, workspaces, loading, onSwitchWorkspace, config, }: StreamoidWorkspaceSwitcherProps): react_jsx_runtime.JSX.Element | null;
 
 interface IScAppListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
@@ -469,4 +531,4 @@ interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
 
-export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceProps, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspace, ScWorkspaceCard };
+export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };