@streamoid/ui 0.1.6 → 0.1.7

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/dist/index.d.mts CHANGED
@@ -1,4 +1,5 @@
1
- import { HTMLAttributes } from 'react';
1
+ import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
3
 
3
4
  interface IScAccessProps {
4
5
  component?: JSX.Element;
@@ -209,6 +210,51 @@ interface IScSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
209
210
  }
210
211
  declare const ScSidebar: ({ state, className, onToggle, ...props }: IScSidebarProps) => JSX.Element;
211
212
 
213
+ interface SidebarMenuItemConfig {
214
+ id: string;
215
+ label?: string;
216
+ iconKey: string;
217
+ }
218
+ interface SidebarSectionConfig {
219
+ id: string;
220
+ label?: string;
221
+ items: SidebarMenuItemConfig[];
222
+ }
223
+ interface SidebarConfig {
224
+ topItem?: SidebarMenuItemConfig;
225
+ sections: SidebarSectionConfig[];
226
+ bottomItems?: SidebarMenuItemConfig[];
227
+ }
228
+ interface SidebarProfileConfig {
229
+ name: string;
230
+ subtitle?: string;
231
+ avatar?: ReactNode;
232
+ onClick?: () => void;
233
+ }
234
+ interface SidebarIconContext {
235
+ item: SidebarMenuItemConfig;
236
+ active: boolean;
237
+ expanded: boolean;
238
+ }
239
+ type SidebarIconRenderer = (context: SidebarIconContext) => ReactNode;
240
+ type SidebarIconMap = Record<string, ReactNode | SidebarIconRenderer>;
241
+ interface StreamoidSidebarProps {
242
+ expanded: boolean;
243
+ onToggle: () => void;
244
+ config: SidebarConfig;
245
+ iconMap: SidebarIconMap;
246
+ activeItemId?: string;
247
+ onItemSelect?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
248
+ expandedLogo?: ReactNode;
249
+ collapsedLogo?: ReactNode;
250
+ profile?: SidebarProfileConfig;
251
+ versionText?: string;
252
+ toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
253
+ className?: string;
254
+ style?: CSSProperties;
255
+ }
256
+ declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
257
+
212
258
  interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
213
259
  icon?: JSX.Element;
214
260
  state?: "default" | "active";
@@ -469,4 +515,4 @@ interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
469
515
  }
470
516
  declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
471
517
 
472
- 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 };
518
+ 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, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps };
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { HTMLAttributes } from 'react';
1
+ import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
3
 
3
4
  interface IScAccessProps {
4
5
  component?: JSX.Element;
@@ -209,6 +210,51 @@ interface IScSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
209
210
  }
210
211
  declare const ScSidebar: ({ state, className, onToggle, ...props }: IScSidebarProps) => JSX.Element;
211
212
 
213
+ interface SidebarMenuItemConfig {
214
+ id: string;
215
+ label?: string;
216
+ iconKey: string;
217
+ }
218
+ interface SidebarSectionConfig {
219
+ id: string;
220
+ label?: string;
221
+ items: SidebarMenuItemConfig[];
222
+ }
223
+ interface SidebarConfig {
224
+ topItem?: SidebarMenuItemConfig;
225
+ sections: SidebarSectionConfig[];
226
+ bottomItems?: SidebarMenuItemConfig[];
227
+ }
228
+ interface SidebarProfileConfig {
229
+ name: string;
230
+ subtitle?: string;
231
+ avatar?: ReactNode;
232
+ onClick?: () => void;
233
+ }
234
+ interface SidebarIconContext {
235
+ item: SidebarMenuItemConfig;
236
+ active: boolean;
237
+ expanded: boolean;
238
+ }
239
+ type SidebarIconRenderer = (context: SidebarIconContext) => ReactNode;
240
+ type SidebarIconMap = Record<string, ReactNode | SidebarIconRenderer>;
241
+ interface StreamoidSidebarProps {
242
+ expanded: boolean;
243
+ onToggle: () => void;
244
+ config: SidebarConfig;
245
+ iconMap: SidebarIconMap;
246
+ activeItemId?: string;
247
+ onItemSelect?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
248
+ expandedLogo?: ReactNode;
249
+ collapsedLogo?: ReactNode;
250
+ profile?: SidebarProfileConfig;
251
+ versionText?: string;
252
+ toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
253
+ className?: string;
254
+ style?: CSSProperties;
255
+ }
256
+ declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
257
+
212
258
  interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
213
259
  icon?: JSX.Element;
214
260
  state?: "default" | "active";
@@ -469,4 +515,4 @@ interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
469
515
  }
470
516
  declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
471
517
 
472
- 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 };
518
+ 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, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps };