@streamoid/ui 0.5.2 → 0.6.0
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.css +189 -88
- package/dist/index.d.mts +107 -4
- package/dist/index.d.ts +107 -4
- package/dist/index.js +1276 -601
- package/dist/index.mjs +1204 -523
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -4005,120 +4005,105 @@
|
|
|
4005
4005
|
border-radius: var(--radius-full, 999px);
|
|
4006
4006
|
}
|
|
4007
4007
|
|
|
4008
|
-
/* src/SC-
|
|
4009
|
-
.
|
|
4010
|
-
.
|
|
4008
|
+
/* src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css */
|
|
4009
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu,
|
|
4010
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu * {
|
|
4011
4011
|
box-sizing: border-box;
|
|
4012
4012
|
}
|
|
4013
|
-
.
|
|
4014
|
-
background-color: var(--alias-surface-subtleraised, #1f1f1f);
|
|
4013
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu {
|
|
4015
4014
|
border-radius: var(--radius-3xl, 1rem);
|
|
4016
|
-
padding: var(--spacing-
|
|
4015
|
+
padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
|
|
4016
|
+
display: flex;
|
|
4017
|
+
flex-direction: row;
|
|
4018
|
+
gap: 0.5rem;
|
|
4019
|
+
align-items: flex-start;
|
|
4020
|
+
justify-content: flex-start;
|
|
4021
|
+
align-self: stretch;
|
|
4022
|
+
flex-shrink: 0;
|
|
4023
|
+
position: relative;
|
|
4024
|
+
cursor: pointer;
|
|
4025
|
+
}
|
|
4026
|
+
.ScSidebarSwitchMenu_iconWrapper {
|
|
4027
|
+
width: 1.25rem;
|
|
4028
|
+
height: 1.25rem;
|
|
4029
|
+
flex-shrink: 0;
|
|
4017
4030
|
display: flex;
|
|
4018
|
-
flex-direction: column;
|
|
4019
4031
|
align-items: center;
|
|
4020
4032
|
justify-content: center;
|
|
4021
|
-
|
|
4022
|
-
width: 16.3125rem;
|
|
4023
|
-
position: relative;
|
|
4033
|
+
overflow: hidden;
|
|
4024
4034
|
}
|
|
4025
|
-
.
|
|
4035
|
+
.ScSidebarSwitchMenu_iconWrapper > * {
|
|
4036
|
+
max-width: 100%;
|
|
4037
|
+
max-height: 100%;
|
|
4038
|
+
}
|
|
4039
|
+
.ScSidebarSwitchMenu_content {
|
|
4026
4040
|
display: flex;
|
|
4027
4041
|
flex-direction: column;
|
|
4028
|
-
|
|
4029
|
-
|
|
4030
|
-
|
|
4031
|
-
word-break: break-word;
|
|
4032
|
-
}
|
|
4033
|
-
.ScGuide_title {
|
|
4042
|
+
flex: 1 0 0;
|
|
4043
|
+
min-width: 0;
|
|
4044
|
+
position: relative;
|
|
4034
4045
|
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4035
|
-
font-
|
|
4036
|
-
|
|
4037
|
-
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
4038
|
-
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
4039
|
-
width: 100%;
|
|
4040
|
-
margin: 0;
|
|
4046
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
4047
|
+
text-align: left;
|
|
4041
4048
|
}
|
|
4042
|
-
.
|
|
4043
|
-
|
|
4049
|
+
.ScSidebarSwitchMenu_text {
|
|
4050
|
+
color: var(--alias-text---icons-tertiary, #9e9e9e);
|
|
4044
4051
|
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4045
|
-
font-weight: 400;
|
|
4046
4052
|
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4047
|
-
|
|
4053
|
+
height: 1.25rem;
|
|
4048
4054
|
width: 100%;
|
|
4049
|
-
|
|
4055
|
+
text-overflow: ellipsis;
|
|
4056
|
+
overflow: hidden;
|
|
4057
|
+
white-space: nowrap;
|
|
4050
4058
|
}
|
|
4051
|
-
.
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
|
|
4059
|
+
.ScSidebarSwitchMenu_description {
|
|
4060
|
+
color: var(--alias-text---icons-tertiary, #9e9e9e);
|
|
4061
|
+
font-size: var(--font-size-font-size-xs, 0.75rem);
|
|
4062
|
+
line-height: var(--line-height-line-height-xs, 1.125rem);
|
|
4055
4063
|
width: 100%;
|
|
4056
|
-
|
|
4057
|
-
|
|
4058
|
-
.ScGuide_stepIndicator {
|
|
4059
|
-
position: absolute;
|
|
4060
|
-
left: 50%;
|
|
4061
|
-
top: 50%;
|
|
4062
|
-
transform: translate(-50%, -50%);
|
|
4063
|
-
pointer-events: none;
|
|
4064
|
-
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4065
|
-
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4066
|
-
font-weight: 400;
|
|
4067
|
-
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4068
|
-
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
4064
|
+
text-overflow: ellipsis;
|
|
4065
|
+
overflow: hidden;
|
|
4069
4066
|
white-space: nowrap;
|
|
4070
4067
|
}
|
|
4071
|
-
.
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
padding: 0;
|
|
4068
|
+
.ScSidebarSwitchMenu_moreIconWrapper {
|
|
4069
|
+
display: none;
|
|
4070
|
+
align-items: center;
|
|
4071
|
+
padding: 0.125rem;
|
|
4072
|
+
border-radius: var(--radius-md, 0.5rem);
|
|
4073
|
+
flex-shrink: 0;
|
|
4075
4074
|
cursor: pointer;
|
|
4076
|
-
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4077
|
-
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4078
|
-
font-weight: 400;
|
|
4079
|
-
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4080
|
-
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
4081
|
-
white-space: nowrap;
|
|
4082
4075
|
}
|
|
4083
|
-
.
|
|
4084
|
-
|
|
4085
|
-
opacity: 0.5;
|
|
4076
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-active {
|
|
4077
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
4086
4078
|
}
|
|
4087
|
-
.
|
|
4088
|
-
|
|
4079
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-active .ScSidebarSwitchMenu_text {
|
|
4080
|
+
color: var(--alias-text---icons-primary, #f5f5f5);
|
|
4089
4081
|
}
|
|
4090
|
-
.
|
|
4091
|
-
|
|
4092
|
-
border: none;
|
|
4093
|
-
padding: 0;
|
|
4094
|
-
display: inline-flex;
|
|
4095
|
-
align-items: center;
|
|
4096
|
-
cursor: pointer;
|
|
4097
|
-
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4098
|
-
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4099
|
-
font-weight: 400;
|
|
4100
|
-
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4101
|
-
white-space: nowrap;
|
|
4082
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-highlight .ScSidebarSwitchMenu_text {
|
|
4083
|
+
color: var(--alias-text---icons-primary, #f5f5f5);
|
|
4102
4084
|
}
|
|
4103
|
-
.
|
|
4104
|
-
|
|
4105
|
-
|
|
4085
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-active {
|
|
4086
|
+
background: var(--alias-surface-canvas, #0b0b0b);
|
|
4087
|
+
box-shadow: inset 0 0 0 0.5px var(--alias-border-subtle, #242424);
|
|
4106
4088
|
}
|
|
4107
|
-
.
|
|
4108
|
-
|
|
4109
|
-
linear-gradient(
|
|
4110
|
-
74.117deg,
|
|
4111
|
-
#d91536 15.098%,
|
|
4112
|
-
#ee5e3a 84.955%);
|
|
4113
|
-
-webkit-background-clip: text;
|
|
4114
|
-
background-clip: text;
|
|
4115
|
-
color: transparent;
|
|
4116
|
-
-webkit-text-fill-color: transparent;
|
|
4089
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-active .ScSidebarSwitchMenu_text {
|
|
4090
|
+
color: var(--alias-text---icons-primary, #f5f5f5);
|
|
4117
4091
|
}
|
|
4118
|
-
.
|
|
4119
|
-
|
|
4092
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu:hover,
|
|
4093
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-hover {
|
|
4094
|
+
background: var(--alias-fill-neutral-neutral, #1a1a1a);
|
|
4095
|
+
}
|
|
4096
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu:hover .ScSidebarSwitchMenu_moreIconWrapper,
|
|
4097
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-hover .ScSidebarSwitchMenu_moreIconWrapper {
|
|
4098
|
+
display: flex;
|
|
4099
|
+
}
|
|
4100
|
+
.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_variant-collapsed {
|
|
4101
|
+
padding: var(--spacing-md, 0.5rem);
|
|
4102
|
+
align-self: unset;
|
|
4120
4103
|
align-items: center;
|
|
4121
|
-
|
|
4104
|
+
justify-content: center;
|
|
4105
|
+
width: 2.5rem;
|
|
4106
|
+
height: 2.5rem;
|
|
4122
4107
|
}
|
|
4123
4108
|
|
|
4124
4109
|
/* src/SC-SideBarLogoUnit/ScSideBarLogoUnit.module.css */
|
|
@@ -4222,6 +4207,122 @@
|
|
|
4222
4207
|
background-color: var(--alias-fill-neutral-neutralplus, #151515);
|
|
4223
4208
|
}
|
|
4224
4209
|
|
|
4210
|
+
/* src/SC-Guide/ScGuide.module.css */
|
|
4211
|
+
.ScGuide_scGuide,
|
|
4212
|
+
.ScGuide_scGuide * {
|
|
4213
|
+
box-sizing: border-box;
|
|
4214
|
+
}
|
|
4215
|
+
.ScGuide_scGuide {
|
|
4216
|
+
background-color: var(--alias-surface-subtleraised, #1f1f1f);
|
|
4217
|
+
border-radius: var(--radius-3xl, 1rem);
|
|
4218
|
+
padding: var(--spacing-4xl, 1.125rem);
|
|
4219
|
+
display: flex;
|
|
4220
|
+
flex-direction: column;
|
|
4221
|
+
align-items: center;
|
|
4222
|
+
justify-content: center;
|
|
4223
|
+
gap: var(--spacing-3xl, 1rem);
|
|
4224
|
+
width: 16.3125rem;
|
|
4225
|
+
position: relative;
|
|
4226
|
+
}
|
|
4227
|
+
.ScGuide_header {
|
|
4228
|
+
display: flex;
|
|
4229
|
+
flex-direction: column;
|
|
4230
|
+
align-items: flex-start;
|
|
4231
|
+
gap: var(--spacing-lg, 0.625rem);
|
|
4232
|
+
width: 100%;
|
|
4233
|
+
word-break: break-word;
|
|
4234
|
+
}
|
|
4235
|
+
.ScGuide_title {
|
|
4236
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4237
|
+
font-size: var(--font-size-font-size-md, 1rem);
|
|
4238
|
+
font-weight: 500;
|
|
4239
|
+
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
4240
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
4241
|
+
width: 100%;
|
|
4242
|
+
margin: 0;
|
|
4243
|
+
}
|
|
4244
|
+
.ScGuide_description {
|
|
4245
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4246
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4247
|
+
font-weight: 400;
|
|
4248
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4249
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
4250
|
+
width: 100%;
|
|
4251
|
+
margin: 0;
|
|
4252
|
+
}
|
|
4253
|
+
.ScGuide_actions {
|
|
4254
|
+
display: flex;
|
|
4255
|
+
align-items: center;
|
|
4256
|
+
justify-content: space-between;
|
|
4257
|
+
width: 100%;
|
|
4258
|
+
position: relative;
|
|
4259
|
+
}
|
|
4260
|
+
.ScGuide_stepIndicator {
|
|
4261
|
+
position: absolute;
|
|
4262
|
+
left: 50%;
|
|
4263
|
+
top: 50%;
|
|
4264
|
+
transform: translate(-50%, -50%);
|
|
4265
|
+
pointer-events: none;
|
|
4266
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4267
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4268
|
+
font-weight: 400;
|
|
4269
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4270
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
4271
|
+
white-space: nowrap;
|
|
4272
|
+
}
|
|
4273
|
+
.ScGuide_skipButton {
|
|
4274
|
+
background: transparent;
|
|
4275
|
+
border: none;
|
|
4276
|
+
padding: 0;
|
|
4277
|
+
cursor: pointer;
|
|
4278
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4279
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4280
|
+
font-weight: 400;
|
|
4281
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4282
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
4283
|
+
white-space: nowrap;
|
|
4284
|
+
}
|
|
4285
|
+
.ScGuide_skipButton:disabled {
|
|
4286
|
+
cursor: default;
|
|
4287
|
+
opacity: 0.5;
|
|
4288
|
+
}
|
|
4289
|
+
.ScGuide_skipSpacer {
|
|
4290
|
+
visibility: hidden;
|
|
4291
|
+
}
|
|
4292
|
+
.ScGuide_nextButton {
|
|
4293
|
+
background: transparent;
|
|
4294
|
+
border: none;
|
|
4295
|
+
padding: 0;
|
|
4296
|
+
display: inline-flex;
|
|
4297
|
+
align-items: center;
|
|
4298
|
+
cursor: pointer;
|
|
4299
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4300
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4301
|
+
font-weight: 400;
|
|
4302
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4303
|
+
white-space: nowrap;
|
|
4304
|
+
}
|
|
4305
|
+
.ScGuide_nextButton:disabled {
|
|
4306
|
+
cursor: default;
|
|
4307
|
+
opacity: 0.5;
|
|
4308
|
+
}
|
|
4309
|
+
.ScGuide_nextLabel {
|
|
4310
|
+
background-image:
|
|
4311
|
+
linear-gradient(
|
|
4312
|
+
74.117deg,
|
|
4313
|
+
#d91536 15.098%,
|
|
4314
|
+
#ee5e3a 84.955%);
|
|
4315
|
+
-webkit-background-clip: text;
|
|
4316
|
+
background-clip: text;
|
|
4317
|
+
color: transparent;
|
|
4318
|
+
-webkit-text-fill-color: transparent;
|
|
4319
|
+
}
|
|
4320
|
+
.ScGuide_nextIcon {
|
|
4321
|
+
display: inline-flex;
|
|
4322
|
+
align-items: center;
|
|
4323
|
+
color: #ee5e3a;
|
|
4324
|
+
}
|
|
4325
|
+
|
|
4225
4326
|
/* src/SC-Slider/ScSlider.module.css */
|
|
4226
4327
|
.ScSlider_scSlider,
|
|
4227
4328
|
.ScSlider_scSlider * {
|
package/dist/index.d.mts
CHANGED
|
@@ -312,6 +312,10 @@ interface StreamoidSidebarProps {
|
|
|
312
312
|
profile?: SidebarProfileConfig;
|
|
313
313
|
versionText?: string;
|
|
314
314
|
toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
|
|
315
|
+
/** Footer = profile (flex-1) + a SEPARATE collapse-toggle button beside it,
|
|
316
|
+
* with no version footer. Each is its own interactive unit. Expanded layout
|
|
317
|
+
* only; collapsed is unaffected. */
|
|
318
|
+
toggleInProfile?: boolean;
|
|
315
319
|
hideFooter?: boolean;
|
|
316
320
|
preFooterContent?: ReactNode;
|
|
317
321
|
bodyContent?: ReactNode;
|
|
@@ -324,7 +328,7 @@ interface StreamoidSidebarProps {
|
|
|
324
328
|
/** Explicit state override per top item id — takes priority over activeItemId/highlightedItemIds for top items */
|
|
325
329
|
topItemStates?: Record<string, "default" | "active" | "hover" | "default-highlight" | "default-active">;
|
|
326
330
|
}
|
|
327
|
-
declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
|
|
331
|
+
declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, toggleInProfile, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
|
|
328
332
|
|
|
329
333
|
interface ArtifaxMenuItem {
|
|
330
334
|
id: string;
|
|
@@ -394,6 +398,64 @@ interface IScArtifaxSidebarProps {
|
|
|
394
398
|
}
|
|
395
399
|
declare const ScArtifaxSidebar: ({ expanded, onToggle, sections, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, creditWarning, assistantCta, profile, toggleIcon, openSections, onSectionToggle, className, style, }: IScArtifaxSidebarProps) => JSX.Element;
|
|
396
400
|
|
|
401
|
+
interface CatalogixNavItem {
|
|
402
|
+
id: string;
|
|
403
|
+
label: string;
|
|
404
|
+
iconKey: string;
|
|
405
|
+
}
|
|
406
|
+
interface CatalogixSidebarIconContext {
|
|
407
|
+
active: boolean;
|
|
408
|
+
expanded: boolean;
|
|
409
|
+
}
|
|
410
|
+
type CatalogixSidebarIconRenderer = (context: CatalogixSidebarIconContext) => ReactNode;
|
|
411
|
+
type CatalogixSidebarIconMap = Record<string, ReactNode | CatalogixSidebarIconRenderer>;
|
|
412
|
+
interface CatalogixSidebarProfile {
|
|
413
|
+
name: string;
|
|
414
|
+
subtitle?: string;
|
|
415
|
+
avatar?: ReactNode;
|
|
416
|
+
onClick?: () => void;
|
|
417
|
+
}
|
|
418
|
+
interface CatalogixSidebarCreditWarning {
|
|
419
|
+
availableCredits: number;
|
|
420
|
+
remainingPct: number;
|
|
421
|
+
level?: "warning" | "danger";
|
|
422
|
+
onBuyCredits: () => void;
|
|
423
|
+
onCollapsedClick?: () => void;
|
|
424
|
+
}
|
|
425
|
+
interface CatalogixSwitchApp {
|
|
426
|
+
id: string;
|
|
427
|
+
name: string;
|
|
428
|
+
description?: string;
|
|
429
|
+
icon?: ReactNode;
|
|
430
|
+
onClick?: () => void;
|
|
431
|
+
}
|
|
432
|
+
interface IScCatalogixSidebarProps {
|
|
433
|
+
expanded: boolean;
|
|
434
|
+
onToggle: () => void;
|
|
435
|
+
/** Nav items below the logo. Defaults to Stores / AI Training / Insights. */
|
|
436
|
+
items?: CatalogixNavItem[];
|
|
437
|
+
/** Maps each item's iconKey to an icon (node or render fn). Defaults supply
|
|
438
|
+
* Stores/AI Training/Insights icons; override per the product's set. */
|
|
439
|
+
iconMap?: CatalogixSidebarIconMap;
|
|
440
|
+
activeItemId?: string;
|
|
441
|
+
onItemSelect?: (item: CatalogixNavItem) => void;
|
|
442
|
+
/** Other products shown inline below the logo when the switch chip is
|
|
443
|
+
* clicked (the same "switch apps" list used across the sidebars). */
|
|
444
|
+
switchApps?: CatalogixSwitchApp[];
|
|
445
|
+
/** Fires (in addition to toggling the inline list) when the switch chip is
|
|
446
|
+
* clicked — e.g. to lazy-load the product list. */
|
|
447
|
+
onLogoClick?: () => void;
|
|
448
|
+
/** Logo nodes. Default to the built-in Catalogix wordmark logo unit. */
|
|
449
|
+
expandedLogo?: ReactNode;
|
|
450
|
+
collapsedLogo?: ReactNode;
|
|
451
|
+
profile?: CatalogixSidebarProfile;
|
|
452
|
+
creditWarning?: CatalogixSidebarCreditWarning | null;
|
|
453
|
+
toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
|
|
454
|
+
className?: string;
|
|
455
|
+
style?: CSSProperties;
|
|
456
|
+
}
|
|
457
|
+
declare const ScCatalogixSidebar: ({ expanded, onToggle, items, iconMap, activeItemId, onItemSelect, switchApps, onLogoClick, expandedLogo, collapsedLogo, profile, creditWarning, toggleIcon, className, style, }: IScCatalogixSidebarProps) => JSX.Element;
|
|
458
|
+
|
|
397
459
|
interface IScGuideProps {
|
|
398
460
|
/** Heading text. */
|
|
399
461
|
title?: ReactNode;
|
|
@@ -424,13 +486,42 @@ interface IScGuideProps {
|
|
|
424
486
|
}
|
|
425
487
|
declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, stepLabel, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
|
|
426
488
|
|
|
489
|
+
interface MarkPath {
|
|
490
|
+
d: string;
|
|
491
|
+
fillRule?: "evenodd" | "nonzero";
|
|
492
|
+
clipRule?: "evenodd" | "nonzero";
|
|
493
|
+
}
|
|
494
|
+
interface Wordmark {
|
|
495
|
+
viewBox: string;
|
|
496
|
+
width: number;
|
|
497
|
+
paths: MarkPath[];
|
|
498
|
+
}
|
|
499
|
+
declare const WORDMARKS: Record<string, Wordmark>;
|
|
500
|
+
type SidebarProduct = keyof typeof WORDMARKS;
|
|
501
|
+
/** Full product wordmark (expanded sidebar). */
|
|
502
|
+
declare function ProductWordmark({ product, style, }: {
|
|
503
|
+
product: SidebarProduct;
|
|
504
|
+
style?: CSSProperties;
|
|
505
|
+
}): JSX.Element | null;
|
|
506
|
+
/** Square product icon (collapsed sidebar). Returns null if the product has no
|
|
507
|
+
* collapsed mark defined yet. */
|
|
508
|
+
declare function ProductCollapsedMark({ product, style, }: {
|
|
509
|
+
product: SidebarProduct;
|
|
510
|
+
style?: CSSProperties;
|
|
511
|
+
}): JSX.Element | null;
|
|
512
|
+
/** True when the product has a dedicated collapsed icon. */
|
|
513
|
+
declare function hasCollapsedMark(product: SidebarProduct): boolean;
|
|
514
|
+
|
|
427
515
|
interface IScSideBarLogoUnitProps {
|
|
428
516
|
/** "expanded" renders the merged wordmark + switcher row.
|
|
429
517
|
* "collapsed" renders a bare clickable product icon. */
|
|
430
518
|
state?: "expanded" | "collapsed";
|
|
431
519
|
/** In expanded state: the stacked "Product / Streamoid" wordmark `<img>`.
|
|
432
|
-
* In collapsed state: the square product icon `<img>`. */
|
|
520
|
+
* In collapsed state: the square product icon `<img>`. Overrides `product`. */
|
|
433
521
|
wordmark?: ReactNode;
|
|
522
|
+
/** Built-in branded wordmark to render when `wordmark` is not supplied
|
|
523
|
+
* (e.g. "CXO", "Catalogix"). The mark follows the surrounding text color. */
|
|
524
|
+
product?: SidebarProduct;
|
|
434
525
|
/** Click handler for the whole row (wordmark + switcher are one click
|
|
435
526
|
* target now — matches the design intent). */
|
|
436
527
|
onClick?: () => void;
|
|
@@ -454,7 +545,7 @@ interface IScSideBarLogoUnitProps {
|
|
|
454
545
|
className?: string;
|
|
455
546
|
style?: CSSProperties;
|
|
456
547
|
}
|
|
457
|
-
declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
|
|
548
|
+
declare const ScSideBarLogoUnit: ({ state, wordmark, product, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
|
|
458
549
|
|
|
459
550
|
interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
460
551
|
icon?: JSX.Element;
|
|
@@ -467,6 +558,18 @@ interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
467
558
|
}
|
|
468
559
|
declare const ScSidebarMenu: ({ icon, state, variant, className, text, moreIcon, onMoreClick, ...props }: IScSidebarMenuProps) => JSX.Element;
|
|
469
560
|
|
|
561
|
+
interface IScSidebarSwitchMenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
562
|
+
icon?: ReactNode;
|
|
563
|
+
state?: "default" | "active" | "hover" | "default-highlight" | "default-active";
|
|
564
|
+
variant?: "expanded" | "collapsed";
|
|
565
|
+
className?: string;
|
|
566
|
+
text?: string;
|
|
567
|
+
description?: string;
|
|
568
|
+
moreIcon?: ReactNode;
|
|
569
|
+
onMoreClick?: (e: React.MouseEvent) => void;
|
|
570
|
+
}
|
|
571
|
+
declare const ScSidebarSwitchMenu: ({ icon, state, variant, className, text, description, moreIcon, onMoreClick, ...props }: IScSidebarSwitchMenuProps) => JSX.Element;
|
|
572
|
+
|
|
470
573
|
interface IScSidebarProfileProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
471
574
|
state?: "default" | "hover";
|
|
472
575
|
variant?: "expanded" | "collapsed";
|
|
@@ -1080,4 +1183,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
|
|
|
1080
1183
|
}
|
|
1081
1184
|
declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, badgeSubText, currentPlanLabel, upgradeButtonText, isLoading, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
|
|
1082
1185
|
|
|
1083
|
-
export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
|
|
1186
|
+
export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type CatalogixNavItem, type CatalogixSidebarCreditWarning, type CatalogixSidebarIconContext, type CatalogixSidebarIconMap, type CatalogixSidebarIconRenderer, type CatalogixSidebarProfile, type CatalogixSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProduct, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem, hasCollapsedMark };
|
package/dist/index.d.ts
CHANGED
|
@@ -312,6 +312,10 @@ interface StreamoidSidebarProps {
|
|
|
312
312
|
profile?: SidebarProfileConfig;
|
|
313
313
|
versionText?: string;
|
|
314
314
|
toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
|
|
315
|
+
/** Footer = profile (flex-1) + a SEPARATE collapse-toggle button beside it,
|
|
316
|
+
* with no version footer. Each is its own interactive unit. Expanded layout
|
|
317
|
+
* only; collapsed is unaffected. */
|
|
318
|
+
toggleInProfile?: boolean;
|
|
315
319
|
hideFooter?: boolean;
|
|
316
320
|
preFooterContent?: ReactNode;
|
|
317
321
|
bodyContent?: ReactNode;
|
|
@@ -324,7 +328,7 @@ interface StreamoidSidebarProps {
|
|
|
324
328
|
/** Explicit state override per top item id — takes priority over activeItemId/highlightedItemIds for top items */
|
|
325
329
|
topItemStates?: Record<string, "default" | "active" | "hover" | "default-highlight" | "default-active">;
|
|
326
330
|
}
|
|
327
|
-
declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
|
|
331
|
+
declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, toggleInProfile, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
|
|
328
332
|
|
|
329
333
|
interface ArtifaxMenuItem {
|
|
330
334
|
id: string;
|
|
@@ -394,6 +398,64 @@ interface IScArtifaxSidebarProps {
|
|
|
394
398
|
}
|
|
395
399
|
declare const ScArtifaxSidebar: ({ expanded, onToggle, sections, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, creditWarning, assistantCta, profile, toggleIcon, openSections, onSectionToggle, className, style, }: IScArtifaxSidebarProps) => JSX.Element;
|
|
396
400
|
|
|
401
|
+
interface CatalogixNavItem {
|
|
402
|
+
id: string;
|
|
403
|
+
label: string;
|
|
404
|
+
iconKey: string;
|
|
405
|
+
}
|
|
406
|
+
interface CatalogixSidebarIconContext {
|
|
407
|
+
active: boolean;
|
|
408
|
+
expanded: boolean;
|
|
409
|
+
}
|
|
410
|
+
type CatalogixSidebarIconRenderer = (context: CatalogixSidebarIconContext) => ReactNode;
|
|
411
|
+
type CatalogixSidebarIconMap = Record<string, ReactNode | CatalogixSidebarIconRenderer>;
|
|
412
|
+
interface CatalogixSidebarProfile {
|
|
413
|
+
name: string;
|
|
414
|
+
subtitle?: string;
|
|
415
|
+
avatar?: ReactNode;
|
|
416
|
+
onClick?: () => void;
|
|
417
|
+
}
|
|
418
|
+
interface CatalogixSidebarCreditWarning {
|
|
419
|
+
availableCredits: number;
|
|
420
|
+
remainingPct: number;
|
|
421
|
+
level?: "warning" | "danger";
|
|
422
|
+
onBuyCredits: () => void;
|
|
423
|
+
onCollapsedClick?: () => void;
|
|
424
|
+
}
|
|
425
|
+
interface CatalogixSwitchApp {
|
|
426
|
+
id: string;
|
|
427
|
+
name: string;
|
|
428
|
+
description?: string;
|
|
429
|
+
icon?: ReactNode;
|
|
430
|
+
onClick?: () => void;
|
|
431
|
+
}
|
|
432
|
+
interface IScCatalogixSidebarProps {
|
|
433
|
+
expanded: boolean;
|
|
434
|
+
onToggle: () => void;
|
|
435
|
+
/** Nav items below the logo. Defaults to Stores / AI Training / Insights. */
|
|
436
|
+
items?: CatalogixNavItem[];
|
|
437
|
+
/** Maps each item's iconKey to an icon (node or render fn). Defaults supply
|
|
438
|
+
* Stores/AI Training/Insights icons; override per the product's set. */
|
|
439
|
+
iconMap?: CatalogixSidebarIconMap;
|
|
440
|
+
activeItemId?: string;
|
|
441
|
+
onItemSelect?: (item: CatalogixNavItem) => void;
|
|
442
|
+
/** Other products shown inline below the logo when the switch chip is
|
|
443
|
+
* clicked (the same "switch apps" list used across the sidebars). */
|
|
444
|
+
switchApps?: CatalogixSwitchApp[];
|
|
445
|
+
/** Fires (in addition to toggling the inline list) when the switch chip is
|
|
446
|
+
* clicked — e.g. to lazy-load the product list. */
|
|
447
|
+
onLogoClick?: () => void;
|
|
448
|
+
/** Logo nodes. Default to the built-in Catalogix wordmark logo unit. */
|
|
449
|
+
expandedLogo?: ReactNode;
|
|
450
|
+
collapsedLogo?: ReactNode;
|
|
451
|
+
profile?: CatalogixSidebarProfile;
|
|
452
|
+
creditWarning?: CatalogixSidebarCreditWarning | null;
|
|
453
|
+
toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
|
|
454
|
+
className?: string;
|
|
455
|
+
style?: CSSProperties;
|
|
456
|
+
}
|
|
457
|
+
declare const ScCatalogixSidebar: ({ expanded, onToggle, items, iconMap, activeItemId, onItemSelect, switchApps, onLogoClick, expandedLogo, collapsedLogo, profile, creditWarning, toggleIcon, className, style, }: IScCatalogixSidebarProps) => JSX.Element;
|
|
458
|
+
|
|
397
459
|
interface IScGuideProps {
|
|
398
460
|
/** Heading text. */
|
|
399
461
|
title?: ReactNode;
|
|
@@ -424,13 +486,42 @@ interface IScGuideProps {
|
|
|
424
486
|
}
|
|
425
487
|
declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, stepLabel, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
|
|
426
488
|
|
|
489
|
+
interface MarkPath {
|
|
490
|
+
d: string;
|
|
491
|
+
fillRule?: "evenodd" | "nonzero";
|
|
492
|
+
clipRule?: "evenodd" | "nonzero";
|
|
493
|
+
}
|
|
494
|
+
interface Wordmark {
|
|
495
|
+
viewBox: string;
|
|
496
|
+
width: number;
|
|
497
|
+
paths: MarkPath[];
|
|
498
|
+
}
|
|
499
|
+
declare const WORDMARKS: Record<string, Wordmark>;
|
|
500
|
+
type SidebarProduct = keyof typeof WORDMARKS;
|
|
501
|
+
/** Full product wordmark (expanded sidebar). */
|
|
502
|
+
declare function ProductWordmark({ product, style, }: {
|
|
503
|
+
product: SidebarProduct;
|
|
504
|
+
style?: CSSProperties;
|
|
505
|
+
}): JSX.Element | null;
|
|
506
|
+
/** Square product icon (collapsed sidebar). Returns null if the product has no
|
|
507
|
+
* collapsed mark defined yet. */
|
|
508
|
+
declare function ProductCollapsedMark({ product, style, }: {
|
|
509
|
+
product: SidebarProduct;
|
|
510
|
+
style?: CSSProperties;
|
|
511
|
+
}): JSX.Element | null;
|
|
512
|
+
/** True when the product has a dedicated collapsed icon. */
|
|
513
|
+
declare function hasCollapsedMark(product: SidebarProduct): boolean;
|
|
514
|
+
|
|
427
515
|
interface IScSideBarLogoUnitProps {
|
|
428
516
|
/** "expanded" renders the merged wordmark + switcher row.
|
|
429
517
|
* "collapsed" renders a bare clickable product icon. */
|
|
430
518
|
state?: "expanded" | "collapsed";
|
|
431
519
|
/** In expanded state: the stacked "Product / Streamoid" wordmark `<img>`.
|
|
432
|
-
* In collapsed state: the square product icon `<img>`. */
|
|
520
|
+
* In collapsed state: the square product icon `<img>`. Overrides `product`. */
|
|
433
521
|
wordmark?: ReactNode;
|
|
522
|
+
/** Built-in branded wordmark to render when `wordmark` is not supplied
|
|
523
|
+
* (e.g. "CXO", "Catalogix"). The mark follows the surrounding text color. */
|
|
524
|
+
product?: SidebarProduct;
|
|
434
525
|
/** Click handler for the whole row (wordmark + switcher are one click
|
|
435
526
|
* target now — matches the design intent). */
|
|
436
527
|
onClick?: () => void;
|
|
@@ -454,7 +545,7 @@ interface IScSideBarLogoUnitProps {
|
|
|
454
545
|
className?: string;
|
|
455
546
|
style?: CSSProperties;
|
|
456
547
|
}
|
|
457
|
-
declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
|
|
548
|
+
declare const ScSideBarLogoUnit: ({ state, wordmark, product, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
|
|
458
549
|
|
|
459
550
|
interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
460
551
|
icon?: JSX.Element;
|
|
@@ -467,6 +558,18 @@ interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
467
558
|
}
|
|
468
559
|
declare const ScSidebarMenu: ({ icon, state, variant, className, text, moreIcon, onMoreClick, ...props }: IScSidebarMenuProps) => JSX.Element;
|
|
469
560
|
|
|
561
|
+
interface IScSidebarSwitchMenuProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
562
|
+
icon?: ReactNode;
|
|
563
|
+
state?: "default" | "active" | "hover" | "default-highlight" | "default-active";
|
|
564
|
+
variant?: "expanded" | "collapsed";
|
|
565
|
+
className?: string;
|
|
566
|
+
text?: string;
|
|
567
|
+
description?: string;
|
|
568
|
+
moreIcon?: ReactNode;
|
|
569
|
+
onMoreClick?: (e: React.MouseEvent) => void;
|
|
570
|
+
}
|
|
571
|
+
declare const ScSidebarSwitchMenu: ({ icon, state, variant, className, text, description, moreIcon, onMoreClick, ...props }: IScSidebarSwitchMenuProps) => JSX.Element;
|
|
572
|
+
|
|
470
573
|
interface IScSidebarProfileProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
471
574
|
state?: "default" | "hover";
|
|
472
575
|
variant?: "expanded" | "collapsed";
|
|
@@ -1080,4 +1183,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
|
|
|
1080
1183
|
}
|
|
1081
1184
|
declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, badgeSubText, currentPlanLabel, upgradeButtonText, isLoading, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
|
|
1082
1185
|
|
|
1083
|
-
export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
|
|
1186
|
+
export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type CatalogixNavItem, type CatalogixSidebarCreditWarning, type CatalogixSidebarIconContext, type CatalogixSidebarIconMap, type CatalogixSidebarIconRenderer, type CatalogixSidebarProfile, type CatalogixSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProduct, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem, hasCollapsedMark };
|