@stn-uiux/pub-ui-react 0.1.81 → 0.1.82
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.ts +403 -36
- package/dist/index.js +1976 -429
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ import { StnLayer0BackgroundPreset, StnLayer0BackgroundKind } from '@stn-uiux/pu
|
|
|
28
28
|
export { STN_LAYER0_BACKGROUND_DEMO_IMAGES, STN_LAYER0_BACKGROUND_INTRO, STN_LAYER0_BACKGROUND_USAGE, STN_LAYER0_BACKGROUND_VARIANT_ROWS, STN_LAYER0_MAP_LIGHT_OVERLAY, StnLayer0BackgroundKind, StnLayer0BackgroundPreset } from '@stn-uiux/pub-ui/data/stnLayer0Background';
|
|
29
29
|
import { StnDateRange } from '@stn-uiux/pub-ui/data/stnDatePicker';
|
|
30
30
|
export { STN_DATE_PICKER_INTRO, STN_DATE_PICKER_KO_NAME, STN_DATE_PICKER_NAME, STN_DATE_PICKER_PANEL_USAGE, STN_DATE_PICKER_PART_ROWS, STN_DATE_PICKER_SPEC, STN_DATE_PICKER_USAGE, STN_DATE_PICKER_WEEKDAYS, StnDateRange } from '@stn-uiux/pub-ui/data/stnDatePicker';
|
|
31
|
-
import { StnWidgetShell, StnWidgetAppearance, StnWidgetBackgroundMode
|
|
31
|
+
import { StnWidgetGradeRowGrade, StnWidgetShell, StnWidgetAppearance, StnWidgetBackgroundMode } from '@stn-uiux/pub-ui/data/stnWidget';
|
|
32
32
|
export { STN_ALERT_CENTER_DASHBOARD_USAGE, STN_ALERT_CENTER_DASHBOARD_WIDGETS, STN_WIDGET_FIGMA, STN_WIDGET_FIGMA_DARK, STN_WIDGET_FIGMA_DARK_URL, STN_WIDGET_FIGMA_URL, STN_WIDGET_INTRO, STN_WIDGET_KINDS, STN_WIDGET_SHELL_ROWS, STN_WIDGET_USAGE, StnWidgetAppearance, StnWidgetBackgroundMode, StnWidgetContentFamily, StnWidgetGradeRowGrade, StnWidgetKind, StnWidgetShell, getStnWidgetKind, isStnWidgetKindSlug, resolveStnWidgetBackground, stnWidgetSampleUrl } from '@stn-uiux/pub-ui/data/stnWidget';
|
|
33
33
|
import { StnAlertCenterAlertItem, StnAlertCenterTextOverflow, StnAlertCenterWorkItem, StnAlertCenterTab, StnAlertCenterSize } from '@stn-uiux/pub-ui/data/stnAlertCenter';
|
|
34
34
|
export { STN_ALERT_CENTER_DEMO_ALERTS, STN_ALERT_CENTER_DEMO_DEPLOY, STN_ALERT_CENTER_DEMO_WORK, STN_ALERT_CENTER_INTRO, STN_ALERT_CENTER_TABS, STN_ALERT_CENTER_TAB_IDS, STN_ALERT_CENTER_USAGE, STN_ALERT_CENTER_USAGE_HTML, STN_GNB_ALERT_INTEGRATION_USAGE, StnAlertCenterAlertItem, StnAlertCenterSize, StnAlertCenterTab, StnAlertCenterTextOverflow, StnAlertCenterWorkItem } from '@stn-uiux/pub-ui/data/stnAlertCenter';
|
|
@@ -3266,6 +3266,59 @@ type StnTopologyNodePreviewProps = StnTopologyNodeItemProps;
|
|
|
3266
3266
|
/** 문서·팔레트용 단독 노드 프리뷰 */
|
|
3267
3267
|
declare function StnTopologyNodePreview({ size, showLabel, showStatus, ...rest }: StnTopologyNodePreviewProps): react_jsx_runtime.JSX.Element;
|
|
3268
3268
|
|
|
3269
|
+
type StnGradeRowGrade = StnWidgetGradeRowGrade;
|
|
3270
|
+
|
|
3271
|
+
type StnGradeRowProps = HTMLAttributes<HTMLDivElement> & {
|
|
3272
|
+
grade: StnGradeRowGrade;
|
|
3273
|
+
label: ReactNode;
|
|
3274
|
+
value: ReactNode;
|
|
3275
|
+
/** 0–100 — progress bar width · percent label */
|
|
3276
|
+
percent: number;
|
|
3277
|
+
percentLabel?: ReactNode;
|
|
3278
|
+
/** 퍼센트 라벨 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
|
|
3279
|
+
decimals?: number;
|
|
3280
|
+
};
|
|
3281
|
+
type StnWidgetGradeRowProps = StnGradeRowProps;
|
|
3282
|
+
/**
|
|
3283
|
+
* StnGradeRow
|
|
3284
|
+
* 장애 등급별 진행바 현황 행 컴포넌트
|
|
3285
|
+
* StnWidget 내부 또는 독립 카드에서 사용 가능
|
|
3286
|
+
*/
|
|
3287
|
+
declare function StnGradeRow({ grade, label, value, percent, percentLabel, decimals, className, ...rest }: StnGradeRowProps): react_jsx_runtime.JSX.Element;
|
|
3288
|
+
declare function StnGradeRowList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3289
|
+
|
|
3290
|
+
type StnStatCardProps = HTMLAttributes<HTMLDivElement> & {
|
|
3291
|
+
label: ReactNode;
|
|
3292
|
+
count: ReactNode;
|
|
3293
|
+
};
|
|
3294
|
+
type StnWidgetStatCardProps = StnStatCardProps;
|
|
3295
|
+
/**
|
|
3296
|
+
* StnStatCard
|
|
3297
|
+
* 지표 통계 수치 카드 컴포넌트
|
|
3298
|
+
* StnWidget 내부 또는 독립 카드에서 사용 가능
|
|
3299
|
+
*/
|
|
3300
|
+
declare function StnStatCard({ label, count, className, ...rest }: StnStatCardProps): react_jsx_runtime.JSX.Element;
|
|
3301
|
+
declare function StnStatGroup({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3302
|
+
|
|
3303
|
+
type StnStatusGrade = 'critical' | 'major' | 'minor' | 'info' | 'normal';
|
|
3304
|
+
type StnWidgetStatusGrade = StnStatusGrade;
|
|
3305
|
+
type StnStatusItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
3306
|
+
label: ReactNode;
|
|
3307
|
+
value: ReactNode;
|
|
3308
|
+
grade?: StnStatusGrade;
|
|
3309
|
+
/** @deprecated grade 사용 권장 */
|
|
3310
|
+
status?: StnStatusGrade | 'warning';
|
|
3311
|
+
showDot?: boolean;
|
|
3312
|
+
};
|
|
3313
|
+
type StnWidgetStatusItemProps = StnStatusItemProps;
|
|
3314
|
+
/**
|
|
3315
|
+
* StnStatusItem
|
|
3316
|
+
* 관제 및 장애 상태 항목 컴포넌트
|
|
3317
|
+
* StnWidget 내부 또는 독립 목록에서 사용 가능
|
|
3318
|
+
*/
|
|
3319
|
+
declare function StnStatusItem({ label, value, grade: gradeProp, status, showDot, className, ...rest }: StnStatusItemProps): react_jsx_runtime.JSX.Element;
|
|
3320
|
+
declare function StnStatusList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3321
|
+
|
|
3269
3322
|
type StnWidgetBackground = boolean | StnWidgetBackgroundMode;
|
|
3270
3323
|
type StnWidgetStatus = 'default' | 'critical' | 'major' | 'minor' | 'warning';
|
|
3271
3324
|
type StnWidgetPadding = 'default' | 'compact' | 'none';
|
|
@@ -3384,38 +3437,16 @@ type StnWidgetChartSlotProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
3384
3437
|
};
|
|
3385
3438
|
/** Figma slot — dashed chart mount area */
|
|
3386
3439
|
declare function StnWidgetChartSlot({ label, className, children, ...rest }: StnWidgetChartSlotProps): react_jsx_runtime.JSX.Element;
|
|
3387
|
-
type StnWidgetStatusGrade = 'critical' | 'major' | 'minor' | 'info' | 'normal';
|
|
3388
|
-
type StnWidgetStatusItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
3389
|
-
label: ReactNode;
|
|
3390
|
-
value: ReactNode;
|
|
3391
|
-
grade?: StnWidgetStatusGrade;
|
|
3392
|
-
/** @deprecated grade 사용 권장 */
|
|
3393
|
-
status?: StnWidgetStatusGrade | 'warning';
|
|
3394
|
-
showDot?: boolean;
|
|
3395
|
-
};
|
|
3396
|
-
declare function StnWidgetStatusItem({ label, value, grade: gradeProp, status, showDot, className, ...rest }: StnWidgetStatusItemProps): react_jsx_runtime.JSX.Element;
|
|
3397
|
-
declare function StnWidgetStatusList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3398
|
-
declare function StnWidgetStatGroup({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3399
|
-
type StnWidgetStatCardProps = HTMLAttributes<HTMLDivElement> & {
|
|
3400
|
-
label: ReactNode;
|
|
3401
|
-
count: ReactNode;
|
|
3402
|
-
};
|
|
3403
|
-
declare function StnWidgetStatCard({ label, count, className, ...rest }: StnWidgetStatCardProps): react_jsx_runtime.JSX.Element;
|
|
3404
3440
|
/** DS · 스토리용 빈 본문 */
|
|
3405
3441
|
declare function StnWidgetPlaceholder({ label }: {
|
|
3406
3442
|
label?: string;
|
|
3407
3443
|
}): react_jsx_runtime.JSX.Element;
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3414
|
-
percentLabel?: ReactNode;
|
|
3415
|
-
};
|
|
3416
|
-
/** Figma dark dashboard — grade row + 2px progress bar */
|
|
3417
|
-
declare function StnWidgetGradeRow({ grade, label, value, percent, percentLabel, className, ...rest }: StnWidgetGradeRowProps): react_jsx_runtime.JSX.Element;
|
|
3418
|
-
declare function StnWidgetGradeRowList({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3444
|
+
declare const StnWidgetStatusItem: typeof StnStatusItem;
|
|
3445
|
+
declare const StnWidgetStatusList: typeof StnStatusList;
|
|
3446
|
+
declare const StnWidgetStatGroup: typeof StnStatGroup;
|
|
3447
|
+
declare const StnWidgetStatCard: typeof StnStatCard;
|
|
3448
|
+
declare const StnWidgetGradeRow: typeof StnGradeRow;
|
|
3449
|
+
declare const StnWidgetGradeRowList: typeof StnGradeRowList;
|
|
3419
3450
|
declare function StnWidgetFooter({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3420
3451
|
declare function StnWidgetEmpty({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
3421
3452
|
interface StnWidgetLoadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -3438,12 +3469,12 @@ declare const StnWidget: typeof StnWidgetRoot & {
|
|
|
3438
3469
|
PeriodText: typeof StnWidgetPeriodText;
|
|
3439
3470
|
PeriodSelect: typeof StnWidgetPeriodSelect;
|
|
3440
3471
|
PeriodPager: typeof StnWidgetPeriodPager;
|
|
3441
|
-
StatusList: typeof
|
|
3442
|
-
StatusItem: typeof
|
|
3443
|
-
StatGroup: typeof
|
|
3444
|
-
StatCard: typeof
|
|
3445
|
-
GradeRowList: typeof
|
|
3446
|
-
GradeRow: typeof
|
|
3472
|
+
StatusList: typeof StnStatusList;
|
|
3473
|
+
StatusItem: typeof StnStatusItem;
|
|
3474
|
+
StatGroup: typeof StnStatGroup;
|
|
3475
|
+
StatCard: typeof StnStatCard;
|
|
3476
|
+
GradeRowList: typeof StnGradeRowList;
|
|
3477
|
+
GradeRow: typeof StnGradeRow;
|
|
3447
3478
|
Placeholder: typeof StnWidgetPlaceholder;
|
|
3448
3479
|
TopologyRing: typeof StnTopologyRing;
|
|
3449
3480
|
TopologyGraph: typeof StnTopologyGraph;
|
|
@@ -4870,4 +4901,340 @@ interface StnEventBannerProps extends Omit<react__default.HTMLAttributes<HTMLDiv
|
|
|
4870
4901
|
/** 위험도별 이벤트 배너. placement와 severity로 배치·스타일을 고릅니다. */
|
|
4871
4902
|
declare const StnEventBanner: react__default.ForwardRefExoticComponent<StnEventBannerProps & react__default.RefAttributes<HTMLDivElement>>;
|
|
4872
4903
|
|
|
4873
|
-
export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DEFAULT_3D_GRAPH_LINKS, DEFAULT_3D_GRAPH_NODES, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, Divider, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCard, type StnAlertCardProps, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCard, StnCardBody, type StnCardBodyProps, StnCardFooter, type StnCardFooterProps, StnCardHeader, type StnCardHeaderProps, type StnCardProps, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, type StnCheckboxVariant, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, type StnDateRangeFieldVariant, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDivider, type StnDividerProps, StnDrawer, StnDrawerBody, type StnDrawerBodyGap, type StnDrawerBodyPadding, type StnDrawerBodyProps, StnDrawerFooter, type StnDrawerFooterProps, type StnDrawerGap, StnDrawerHeader, type StnDrawerHeaderProps, type StnDrawerPadding, type StnDrawerPlacement, type StnDrawerProps, type StnDrawerSize, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLabelPrefix, type StnLabelPrefixPosition, type StnLabelPrefixProps, type StnLabelPrefixRadius, type StnLabelPrefixSize, type StnLabelPrefixVariant, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnModal, type StnModalProps, type StnModalSize, type StnMode, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationColor, type StnPaginationItem, type StnPaginationProps, type StnPaginationSize, type StnPaginationVariant, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, type StnScrollVariant, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, type StnSeverityLevel, type StnSeveritySize, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnStatus, StnStatusDot, type StnStatusDotGap, StnStatusDotGroup, type StnStatusDotGroupItem, type StnStatusDotGroupProps, type StnStatusDotPosition, type StnStatusDotProps, type StnStatusDotSize, StnStatusFlow, type StnStatusFlowProps, type StnStatusFlowSize, type StnStatusProps, StnStatusSeverity, type StnStatusSeverityProps, StnStatusSwitch, type StnStatusSwitchProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnTab, StnTabContextProvider, type StnTabContextProviderProps, type StnTabContextValue, StnTabPanel, type StnTabPanelProps, type StnTabProps, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTabs, type StnTabsProps, StnTabsRoot, StnText, StnTextArea, type StnTextAreaColor, type StnTextAreaLabelPosition, type StnTextAreaProps, type StnTextAreaResize, type StnTextAreaSizeProp, type StnTextAreaVariant, type StnTextColor, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTextProps, type StnTextVariant, type StnTextWeight, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, StnTooltip, type StnTooltipPlacement, type StnTooltipProps, type StnTooltipSize, type StnTooltipTone, type StnTooltipVariant, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphContextValue, type StnTopologyGraphLink, StnTopologyGraphLinkComponent, type StnTopologyGraphLinkComponentProps, StnTopologyGraphMinimap, type StnTopologyGraphMinimapProps, StnTopologyGraphModeToggle, type StnTopologyGraphModeToggleProps, type StnTopologyGraphNode, StnTopologyGraphNodeComponent, type StnTopologyGraphNodeComponentProps, type StnTopologyGraphProps, StnTopologyGraphToolbar, type StnTopologyGraphToolbarProps, StnTopologyGraphViewport, type StnTopologyGraphViewportProps, type StnTopologyNode, StnTopologyNodeCard, type StnTopologyNodeCardProps, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeItem, type StnTopologyNodeItemProps, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, type StnTopologyProjectedNode, StnTopologyRing, StnTopologyRingCore, type StnTopologyRingCoreProps, StnTopologyRingNode, type StnTopologyRingNodeProps, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, StnTreeItem, type StnTreeItemData, type StnTreeItemDocState, type StnTreeItemProps, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, type StnTreeRadius, type StnTreeSize, type StnTreeWidth, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, useSideNav, useStn, useStnOptional, useStnTabsContext, useStnTopologyGraph };
|
|
4904
|
+
/**
|
|
4905
|
+
* STN Design System — Chart Standard Types & Token Resolvers
|
|
4906
|
+
* Follows GEMINI.md Severity & Semantic Token Rules
|
|
4907
|
+
*/
|
|
4908
|
+
type StnChartSeverity = 'critical' | 'major' | 'minor' | 'warning';
|
|
4909
|
+
type StnChartStatus = 'critical' | 'major' | 'minor' | 'warning' | 'success' | 'info' | 'neutral' | 'primary' | 'secondary' | 'error';
|
|
4910
|
+
declare const SEVERITY_COLOR_TOKENS: Record<StnChartSeverity, string>;
|
|
4911
|
+
declare const STATUS_COLOR_TOKENS: Record<string, string>;
|
|
4912
|
+
declare const STN_CHART_STATUS_COLORS: Record<string, string>;
|
|
4913
|
+
/**
|
|
4914
|
+
* STN 디자인 시스템 10종 통합 순차 범주형 컬러 팔레트 (Categorical 10 Palette)
|
|
4915
|
+
* 막대(Bar), 꺾은선(Line), 원형/게이지(Pie/Gauge), 복합(Combo) 차트 전반에 순서대로 일관 적용됩니다.
|
|
4916
|
+
* 10개를 초과하는 데이터는 1번부터 자동으로 순환(Modulo) 할당됩니다.
|
|
4917
|
+
*/
|
|
4918
|
+
declare const STN_CHART_COLORS: string[];
|
|
4919
|
+
declare const DEFAULT_CHART_COLORS: string[];
|
|
4920
|
+
/**
|
|
4921
|
+
* 우선순위에 따라 차트 요소의 색상 토큰을 반환합니다.
|
|
4922
|
+
* 1. 명시적 color가 'critical', 'major', 'minor', 'warning', 'success', 'info', 'neutral' 등의 상태 키워드인 경우
|
|
4923
|
+
* 자동으로 STATUS_COLOR_TOKENS의 시맨틱 CSS 변수로 해석
|
|
4924
|
+
* 2. 명시적 color가 레거시 토큰인 경우 통일된 10종 컬러로 매핑
|
|
4925
|
+
* 3. 명시적 color가 CSS 변수(var(--...)) 또는 임의의 색상 문자열인 경우 그대로 반환
|
|
4926
|
+
* 4. severity가 지정된 경우 SEVERITY_COLOR_TOKENS 반환
|
|
4927
|
+
* 5. status가 지정된 경우 STATUS_COLOR_TOKENS 반환
|
|
4928
|
+
* 6. 생략된 경우 10종 기본 시퀀스(STN_CHART_COLORS)에서 fallback(인덱스 숫자 또는 fallback 색상) 기준 반환
|
|
4929
|
+
*/
|
|
4930
|
+
declare function resolveChartColor(color?: string, severityOrFallback?: StnChartSeverity | number | string, status?: string, fallbackColor?: string): string;
|
|
4931
|
+
/**
|
|
4932
|
+
* STN 디자인 시스템 차트 공통 수치 포맷터
|
|
4933
|
+
* @param value 포맷할 숫자
|
|
4934
|
+
* @param decimals 표시할 소수점 자릿수 (미지정 시 정수는 0자리, 소수는 1자리)
|
|
4935
|
+
*/
|
|
4936
|
+
declare function formatChartValue(value: number, decimals?: number): string;
|
|
4937
|
+
/**
|
|
4938
|
+
* 차트 공통 로딩(스켈레톤) 및 데이터 없음(Empty State) 렌더러
|
|
4939
|
+
*/
|
|
4940
|
+
declare function renderChartState(loading?: boolean, hasData?: boolean, emptyText?: ReactNode): ReactNode;
|
|
4941
|
+
|
|
4942
|
+
type StnBarChartValueItem = {
|
|
4943
|
+
key?: string;
|
|
4944
|
+
value: number;
|
|
4945
|
+
color?: string;
|
|
4946
|
+
label?: string;
|
|
4947
|
+
};
|
|
4948
|
+
type StnBarChartItem = {
|
|
4949
|
+
id?: string | number;
|
|
4950
|
+
label: string;
|
|
4951
|
+
/** 단일 수치 또는 듀얼/다중 막대 수치 배열 (최대 5~6개) */
|
|
4952
|
+
values: number[] | StnBarChartValueItem[];
|
|
4953
|
+
highlight?: boolean;
|
|
4954
|
+
};
|
|
4955
|
+
type StnBarChartYAxis = {
|
|
4956
|
+
max?: number;
|
|
4957
|
+
min?: number;
|
|
4958
|
+
steps?: number;
|
|
4959
|
+
format?: (value: number) => string;
|
|
4960
|
+
unit?: string;
|
|
4961
|
+
};
|
|
4962
|
+
type StnBarChartLegendItem = {
|
|
4963
|
+
label: string;
|
|
4964
|
+
color: string;
|
|
4965
|
+
};
|
|
4966
|
+
type StnBarChartDirection = 'vertical' | 'horizontal';
|
|
4967
|
+
type StnBarChartSize = 'sm' | 'md' | 'lg';
|
|
4968
|
+
type StnBarChartProps = HTMLAttributes<HTMLDivElement> & {
|
|
4969
|
+
/** 차트 데이터 리스트 */
|
|
4970
|
+
data?: StnBarChartItem[];
|
|
4971
|
+
/** 막대 차트 방향 ('vertical' 기본 세로 막대, 'horizontal' 가로 막대) */
|
|
4972
|
+
direction?: StnBarChartDirection;
|
|
4973
|
+
/** direction의 별칭 */
|
|
4974
|
+
orientation?: StnBarChartDirection;
|
|
4975
|
+
/** 표준 막대 두께 스케일 ('sm': 4px, 'md': 6px 기본, 'lg': 10px) */
|
|
4976
|
+
size?: StnBarChartSize;
|
|
4977
|
+
/**
|
|
4978
|
+
* 색상 자동 매핑 기준:
|
|
4979
|
+
* - 'series' (기본): values 내 다중 막대(계열) 인덱스(0~9) 순으로 컬러 순환 할당
|
|
4980
|
+
* - 'category': 각 컬럼/행(카테고리) 인덱스(0~9) 순으로 컬러 순환 할당
|
|
4981
|
+
*/
|
|
4982
|
+
colorBy?: 'series' | 'category';
|
|
4983
|
+
/** X축 하단 라벨/스케일 표출 여부 (기본 true) */
|
|
4984
|
+
showXAxis?: boolean;
|
|
4985
|
+
/** Y축 좌측 라벨/그리드 표출 여부 (기본 true) */
|
|
4986
|
+
showYAxis?: boolean;
|
|
4987
|
+
/** 마우스 오버 시 툴팁 표출 여부 (기본 true) */
|
|
4988
|
+
showTooltip?: boolean;
|
|
4989
|
+
/** 가로 막대 우측 수치 라벨 직접 표출 여부 (기본 false) */
|
|
4990
|
+
showValue?: boolean;
|
|
4991
|
+
/** Y축/값 축 설정 (최댓값, 눈금 수, 포맷터) */
|
|
4992
|
+
yAxis?: StnBarChartYAxis;
|
|
4993
|
+
/** 하단 알약형 범례 (미지정 시 숨김) */
|
|
4994
|
+
legend?: StnBarChartLegendItem[];
|
|
4995
|
+
/** 활성화/하이라이트할 컬럼/행 인덱스 (제어 모드) */
|
|
4996
|
+
highlightIndex?: number;
|
|
4997
|
+
/** 컬럼/행 클릭 이벤트 핸들러 */
|
|
4998
|
+
onColumnClick?: (item: StnBarChartItem, index: number) => void;
|
|
4999
|
+
/** 컬럼/행 개수가 많을 때 콤팩트 모드 (막대 4px) */
|
|
5000
|
+
compact?: boolean;
|
|
5001
|
+
/** 막대 개별 두께 ('sm' | 'md' | 'lg' | px 단위 숫자 또는 string) */
|
|
5002
|
+
barWidth?: StnBarChartSize | number | string;
|
|
5003
|
+
/** 차트 전체 높이 (기본 100% 또는 지정 px) */
|
|
5004
|
+
height?: number | string;
|
|
5005
|
+
/** 수치 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
|
|
5006
|
+
decimals?: number;
|
|
5007
|
+
/** 데이터 로딩 중 스켈레톤 표출 여부 */
|
|
5008
|
+
loading?: boolean;
|
|
5009
|
+
/** 데이터가 없을 때 표출할 안내 문구 또는 커스텀 컴포넌트 */
|
|
5010
|
+
emptyText?: ReactNode;
|
|
5011
|
+
};
|
|
5012
|
+
/**
|
|
5013
|
+
* STN 비상태 시각화 전용 10종 통일 컬러 팔레트
|
|
5014
|
+
*/
|
|
5015
|
+
declare const DEFAULT_BAR_COLORS: string[];
|
|
5016
|
+
/**
|
|
5017
|
+
* StnBarChart
|
|
5018
|
+
* STN 디자인 시스템 표준 막대 차트 컴포넌트
|
|
5019
|
+
* 순수 CSS Flexbox + 시멘틱 토큰 기반으로 동작합니다.
|
|
5020
|
+
* - 세로(vertical) 및 가로(horizontal) 막대 차트 완벽 지원
|
|
5021
|
+
* - 단일 막대부터 최대 5~6개 다중 막대(Grouped Bar) 지원
|
|
5022
|
+
* - sm / md / lg 표준 크기 스케일 지원
|
|
5023
|
+
* - X/Y 축 라벨 표출/숨김 제어 (Class & Prop)
|
|
5024
|
+
* - 인터랙티브 마우스 호버 툴팁 지원
|
|
5025
|
+
*/
|
|
5026
|
+
declare function StnBarChart({ data, direction, orientation, size, colorBy, showXAxis, showYAxis, showTooltip, showValue, yAxis, legend, highlightIndex: controlledHighlight, onColumnClick, compact, barWidth: customBarWidth, height, decimals, loading, emptyText, className, style, ...rest }: StnBarChartProps): react_jsx_runtime.JSX.Element;
|
|
5027
|
+
|
|
5028
|
+
type StnPieChartItem = {
|
|
5029
|
+
id?: string | number;
|
|
5030
|
+
label: string;
|
|
5031
|
+
value: number;
|
|
5032
|
+
color?: string;
|
|
5033
|
+
};
|
|
5034
|
+
type StnPieChartVariant = 'gauge' | 'donut';
|
|
5035
|
+
type StnPieChartStrokeSize = 'sm' | 'md' | 'lg';
|
|
5036
|
+
type StnPieChartStrokeWidth = StnPieChartStrokeSize | number;
|
|
5037
|
+
type StnPieChartProps = HTMLAttributes<HTMLDivElement> & {
|
|
5038
|
+
/** 데이터 항목 배열 (최대 10개 이상 지원) */
|
|
5039
|
+
data: StnPieChartItem[];
|
|
5040
|
+
/** 로딩 스켈레톤 상태 표출 여부 */
|
|
5041
|
+
loading?: boolean;
|
|
5042
|
+
/** 데이터가 비어있을 때 표시할 메시지 또는 커스텀 컴포넌트 */
|
|
5043
|
+
emptyText?: ReactNode;
|
|
5044
|
+
/** 차트 형태: 'gauge' (CPU/MEM 듀얼 동심원 게이지), 'donut' (단일/퍼센트 도넛) */
|
|
5045
|
+
variant?: StnPieChartVariant;
|
|
5046
|
+
/** 원형 선 두께 스케일: 'sm' (3px), 'md' (5px 기본), 'lg' (8px) 또는 직접 px 숫자 */
|
|
5047
|
+
strokeWidth?: StnPieChartStrokeWidth;
|
|
5048
|
+
/** strokeWidth 별칭 */
|
|
5049
|
+
thickness?: StnPieChartStrokeWidth;
|
|
5050
|
+
/** 마우스 오버 시 툴팁 표출 여부 (기본 true) */
|
|
5051
|
+
showTooltip?: boolean;
|
|
5052
|
+
/** 게이지 중앙 타이틀 (예: 'CPU', 'MEMORY') */
|
|
5053
|
+
centerLabel?: ReactNode;
|
|
5054
|
+
/** 도넛 중앙 서브 텍스트 또는 단위 (예: '%', '건') */
|
|
5055
|
+
centerSubLabel?: ReactNode;
|
|
5056
|
+
/** 범례 표시 여부 */
|
|
5057
|
+
showLegend?: boolean;
|
|
5058
|
+
/** 게이지 SVG 직경 (px, 기본 90) */
|
|
5059
|
+
size?: number;
|
|
5060
|
+
/** 수치/퍼센트 표시 시 소수점 자릿수 (기본값: 1) */
|
|
5061
|
+
decimals?: number;
|
|
5062
|
+
/** 툴팁 수치 커스텀 포맷터 함수 */
|
|
5063
|
+
format?: (value: number, ratio: number) => string;
|
|
5064
|
+
};
|
|
5065
|
+
/**
|
|
5066
|
+
* STN 비상태 다채색 전용 통합 10종 시멘틱 차트 팔레트
|
|
5067
|
+
*/
|
|
5068
|
+
declare const DEFAULT_PIE_COLORS: string[];
|
|
5069
|
+
/**
|
|
5070
|
+
* StnPieChart
|
|
5071
|
+
* STN 디자인 시스템 표준 원형/도넛/게이지 차트 컴포넌트
|
|
5072
|
+
* 순수 인라인 SVG + 시멘틱 토큰 기반으로 동작합니다.
|
|
5073
|
+
* - 최대 10개 이상의 다중 세그먼트 지원
|
|
5074
|
+
* - sm(3px) / md(5px) / lg(8px) 원형 선 두께 스케일
|
|
5075
|
+
* - 인터랙티브 마우스 호버 툴팁 지원
|
|
5076
|
+
* - 세그먼트 호버 확대 인터랙션
|
|
5077
|
+
*/
|
|
5078
|
+
declare function StnPieChart({ data, loading, emptyText, variant, strokeWidth: customStrokeWidth, thickness, showTooltip, centerLabel, centerSubLabel, showLegend, size, decimals, format, className, style, ...rest }: StnPieChartProps): react_jsx_runtime.JSX.Element;
|
|
5079
|
+
/** StnGaugeChart alias */
|
|
5080
|
+
declare const StnGaugeChart: typeof StnPieChart;
|
|
5081
|
+
|
|
5082
|
+
type StnLineChartSeries = {
|
|
5083
|
+
id?: string | number;
|
|
5084
|
+
label?: string;
|
|
5085
|
+
data: number[];
|
|
5086
|
+
color?: string;
|
|
5087
|
+
};
|
|
5088
|
+
type StnLineChartVariant = 'line' | 'area' | 'sparkline';
|
|
5089
|
+
type StnLineChartSize = 'sm' | 'md' | 'lg';
|
|
5090
|
+
type StnLineChartYAxis = {
|
|
5091
|
+
max?: number;
|
|
5092
|
+
min?: number;
|
|
5093
|
+
labels?: string[];
|
|
5094
|
+
};
|
|
5095
|
+
type StnLineChartLegendItem = {
|
|
5096
|
+
label: string;
|
|
5097
|
+
color: string;
|
|
5098
|
+
};
|
|
5099
|
+
type StnLineChartProps = HTMLAttributes<HTMLDivElement> & {
|
|
5100
|
+
/** 단일 수치 배열 또는 다중 시리즈 데이터 (최소 6종 이상 지원) */
|
|
5101
|
+
data: number[] | StnLineChartSeries[];
|
|
5102
|
+
/** 로딩 스켈레톤 상태 표출 여부 */
|
|
5103
|
+
loading?: boolean;
|
|
5104
|
+
/** 데이터가 비어있을 때 표시할 메시지 또는 커스텀 컴포넌트 */
|
|
5105
|
+
emptyText?: ReactNode;
|
|
5106
|
+
/** 차트 형태: 'line' (선 차트), 'area' (그라데이션 영역 차트), 'sparkline' (소형 스파크라인) */
|
|
5107
|
+
variant?: StnLineChartVariant;
|
|
5108
|
+
/** 선 두께 스케일: 'sm' (1.5px), 'md' (2px, 기본), 'lg' (3px) */
|
|
5109
|
+
size?: StnLineChartSize;
|
|
5110
|
+
/** X축 각 데이터 포인트마다 점(dot) 표출 여부 (기본 false) */
|
|
5111
|
+
showDots?: boolean;
|
|
5112
|
+
/** showDots의 별칭 */
|
|
5113
|
+
showPoints?: boolean;
|
|
5114
|
+
/** showDots의 축약 별칭 */
|
|
5115
|
+
dots?: boolean;
|
|
5116
|
+
/** X축 하단 라벨 표출 여부 (기본 true) */
|
|
5117
|
+
showXAxis?: boolean;
|
|
5118
|
+
/** Y축 좌측 라벨 표출 여부 (기본 true) */
|
|
5119
|
+
showYAxis?: boolean;
|
|
5120
|
+
/** 마우스 오버 시 데이터 툴팁 표출 여부 (기본 true) */
|
|
5121
|
+
showTooltip?: boolean;
|
|
5122
|
+
/** X축 하단 라벨 배열 */
|
|
5123
|
+
xAxisLabels?: string[];
|
|
5124
|
+
/** Y축 좌측 라벨 배열 또는 최댓값/최솟값 */
|
|
5125
|
+
yAxis?: StnLineChartYAxis;
|
|
5126
|
+
/** 하단 범례 (지정 시 표시) */
|
|
5127
|
+
legend?: StnLineChartLegendItem[];
|
|
5128
|
+
/** 차트 높이 (기본 160px 또는 sparkline 시 36px) */
|
|
5129
|
+
height?: number | string;
|
|
5130
|
+
/** 수치 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
|
|
5131
|
+
decimals?: number;
|
|
5132
|
+
/** 수치 커스텀 포맷터 함수 */
|
|
5133
|
+
format?: (value: number) => string;
|
|
5134
|
+
};
|
|
5135
|
+
/**
|
|
5136
|
+
* STN 비상태 시각화 전용 통합 10종 시멘틱 차트 팔레트
|
|
5137
|
+
*/
|
|
5138
|
+
declare const DEFAULT_LINE_COLORS: string[];
|
|
5139
|
+
/**
|
|
5140
|
+
* StnLineChart
|
|
5141
|
+
* STN 디자인 시스템 표준 꺾은선 / 영역 / 스파크라인 차트 컴포넌트
|
|
5142
|
+
* - 최대 6개 이상의 다중 라인(Multi-series) 지원
|
|
5143
|
+
* - sm / md / lg 표준 선 두께 스케일
|
|
5144
|
+
* - 각 X축 데이터 포인트별 점(Dot) 표출/숨김 제어 (showDots)
|
|
5145
|
+
* - X/Y 축 라벨 표출/숨김 제어 (Class & Prop)
|
|
5146
|
+
* - 인터랙티브 마우스 호버 크로스헤어 + 툴팁
|
|
5147
|
+
*/
|
|
5148
|
+
declare function StnLineChart({ data, loading, emptyText, variant, size, showDots, showPoints, dots, showXAxis, showYAxis, showTooltip, xAxisLabels, yAxis, legend, height, decimals, format, className, style, ...rest }: StnLineChartProps): react_jsx_runtime.JSX.Element;
|
|
5149
|
+
|
|
5150
|
+
type StnComboChartBarItem = {
|
|
5151
|
+
key?: string;
|
|
5152
|
+
value: number;
|
|
5153
|
+
color?: string;
|
|
5154
|
+
label?: string;
|
|
5155
|
+
};
|
|
5156
|
+
type StnComboChartLineSeries = {
|
|
5157
|
+
id?: string | number;
|
|
5158
|
+
label?: string;
|
|
5159
|
+
data: number[];
|
|
5160
|
+
color?: string;
|
|
5161
|
+
/** 선 아래 영역 그라데이션 채우기 활성화 여부 */
|
|
5162
|
+
area?: boolean;
|
|
5163
|
+
/** 데이터 포인트 점(dot) 표출 여부 */
|
|
5164
|
+
showDots?: boolean;
|
|
5165
|
+
/** 적용할 Y축 축 기준 ('left' 기본, 'right' 보조축) */
|
|
5166
|
+
yAxis?: 'left' | 'right';
|
|
5167
|
+
};
|
|
5168
|
+
type StnComboChartItem = {
|
|
5169
|
+
id?: string | number;
|
|
5170
|
+
label: string;
|
|
5171
|
+
/** 단일 막대 수치 */
|
|
5172
|
+
bar?: number;
|
|
5173
|
+
/** 단일 또는 다중 막대 수치 배열 */
|
|
5174
|
+
barValues?: number | number[] | StnComboChartBarItem[];
|
|
5175
|
+
highlight?: boolean;
|
|
5176
|
+
};
|
|
5177
|
+
type StnComboChartYAxis = {
|
|
5178
|
+
max?: number;
|
|
5179
|
+
min?: number;
|
|
5180
|
+
steps?: number;
|
|
5181
|
+
format?: (value: number) => string;
|
|
5182
|
+
unit?: string;
|
|
5183
|
+
labels?: string[];
|
|
5184
|
+
};
|
|
5185
|
+
type StnComboChartLegendItem = {
|
|
5186
|
+
label: string;
|
|
5187
|
+
color: string;
|
|
5188
|
+
type?: 'bar' | 'line';
|
|
5189
|
+
};
|
|
5190
|
+
type StnComboChartSize = 'sm' | 'md' | 'lg';
|
|
5191
|
+
type StnComboChartProps = HTMLAttributes<HTMLDivElement> & {
|
|
5192
|
+
/** 카테고리별 데이터 리스트 (X축 라벨 및 막대 수치 포함) */
|
|
5193
|
+
data: StnComboChartItem[];
|
|
5194
|
+
/** 로딩 스켈레톤 상태 표출 여부 */
|
|
5195
|
+
loading?: boolean;
|
|
5196
|
+
/** 데이터가 비어있을 때 표시할 메시지 또는 커스텀 컴포넌트 */
|
|
5197
|
+
emptyText?: ReactNode;
|
|
5198
|
+
/** 오버레이 선(Line) 시리즈 목록 */
|
|
5199
|
+
lines?: StnComboChartLineSeries[];
|
|
5200
|
+
/** 크기 스케일: 'sm' | 'md' | 'lg' (기본 'md') */
|
|
5201
|
+
size?: StnComboChartSize;
|
|
5202
|
+
/** 선 데이터 포인트 점 표출 여부 (기본 false) */
|
|
5203
|
+
showDots?: boolean;
|
|
5204
|
+
/** X축 하단 라벨 표출 여부 (기본 true) */
|
|
5205
|
+
showXAxis?: boolean;
|
|
5206
|
+
/** 좌측 Y축 표출 여부 (기본 true) */
|
|
5207
|
+
showLeftYAxis?: boolean;
|
|
5208
|
+
/** 우측 Y축 표출 여부 (우측 Y축 설정 존재 시 기본 true) */
|
|
5209
|
+
showRightYAxis?: boolean;
|
|
5210
|
+
/** 마우스 오버 시 인터랙티브 툴팁 표출 여부 (기본 true) */
|
|
5211
|
+
showTooltip?: boolean;
|
|
5212
|
+
/** 좌측 Y축 설정 (기본 축) */
|
|
5213
|
+
leftYAxis?: StnComboChartYAxis;
|
|
5214
|
+
/** 우측 Y축 설정 (보조 축, 예: 퍼센트나 별도 단위) */
|
|
5215
|
+
rightYAxis?: StnComboChartYAxis;
|
|
5216
|
+
/** 하단 알약형 범례 (미지정 시 자동 구성) */
|
|
5217
|
+
legend?: StnComboChartLegendItem[];
|
|
5218
|
+
/** 차트 전체 높이 (기본 220px) */
|
|
5219
|
+
height?: number | string;
|
|
5220
|
+
/** 막대 개별 두께 ('sm' | 'md' | 'lg' | number | string) */
|
|
5221
|
+
barWidth?: StnComboChartSize | number | string;
|
|
5222
|
+
/** 활성화/선택된 컬럼 인덱스 (제어 모드) */
|
|
5223
|
+
highlightIndex?: number;
|
|
5224
|
+
/** 컬럼 클릭 이벤트 핸들러 */
|
|
5225
|
+
onColumnClick?: (item: StnComboChartItem, index: number) => void;
|
|
5226
|
+
/** 수치 표시 시 소수점 자릿수 (기본값: 정수면 0, 소수면 1) */
|
|
5227
|
+
decimals?: number;
|
|
5228
|
+
};
|
|
5229
|
+
/**
|
|
5230
|
+
* StnComboChart
|
|
5231
|
+
* STN 디자인 시스템 표준 복합 차트 (Bar + Line Combo Chart)
|
|
5232
|
+
* - 막대(Bar)와 선(Line) 및 영역(Area)을 단일 축 또는 듀얼 Y축으로 함께 표출
|
|
5233
|
+
* - X축 카테고리 컬럼 중심에 정밀 동기화된 SVG 오버레이
|
|
5234
|
+
* - 순수 CSS Flexbox + 인라인 SVG 기반으로 동작 (외부 종속성 없음)
|
|
5235
|
+
* - sm / md / lg 표준 크기 스케일 준수
|
|
5236
|
+
* - 일체형 인터랙티브 호버 가이드라인 및 통합 툴팁 지원
|
|
5237
|
+
*/
|
|
5238
|
+
declare function StnComboChart({ data, loading, emptyText, lines, size, showDots, showXAxis, showLeftYAxis, showRightYAxis: controlledShowRightYAxis, showTooltip, leftYAxis, rightYAxis, legend, height, barWidth: customBarWidth, highlightIndex: controlledHighlight, onColumnClick, decimals, className, style, ...rest }: StnComboChartProps): react_jsx_runtime.JSX.Element;
|
|
5239
|
+
|
|
5240
|
+
export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DEFAULT_3D_GRAPH_LINKS, DEFAULT_3D_GRAPH_NODES, DEFAULT_BAR_COLORS, DEFAULT_CHART_COLORS, DEFAULT_LINE_COLORS, DEFAULT_PIE_COLORS, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, Divider, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, SEVERITY_COLOR_TOKENS, STATUS_COLOR_TOKENS, STN_CHART_COLORS, STN_CHART_STATUS_COLORS, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCard, type StnAlertCardProps, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBarChart, type StnBarChartDirection, type StnBarChartItem, type StnBarChartLegendItem, type StnBarChartProps, type StnBarChartSize, type StnBarChartValueItem, type StnBarChartYAxis, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCard, StnCardBody, type StnCardBodyProps, StnCardFooter, type StnCardFooterProps, StnCardHeader, type StnCardHeaderProps, type StnCardProps, type StnChartSeverity, type StnChartStatus, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, type StnCheckboxVariant, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnComboChart, type StnComboChartBarItem, type StnComboChartItem, type StnComboChartLegendItem, type StnComboChartLineSeries, type StnComboChartProps, type StnComboChartSize, type StnComboChartYAxis, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, type StnDateRangeFieldVariant, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDivider, type StnDividerProps, StnDrawer, StnDrawerBody, type StnDrawerBodyGap, type StnDrawerBodyPadding, type StnDrawerBodyProps, StnDrawerFooter, type StnDrawerFooterProps, type StnDrawerGap, StnDrawerHeader, type StnDrawerHeaderProps, type StnDrawerPadding, type StnDrawerPlacement, type StnDrawerProps, type StnDrawerSize, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGaugeChart, StnGradeRow, type StnGradeRowGrade, StnGradeRowList, type StnGradeRowProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLabelPrefix, type StnLabelPrefixPosition, type StnLabelPrefixProps, type StnLabelPrefixRadius, type StnLabelPrefixSize, type StnLabelPrefixVariant, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnLineChart, type StnLineChartProps, type StnLineChartSeries, type StnLineChartSize, type StnLineChartVariant, type StnLineChartYAxis, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnModal, type StnModalProps, type StnModalSize, type StnMode, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationColor, type StnPaginationItem, type StnPaginationProps, type StnPaginationSize, type StnPaginationVariant, StnPieChart, type StnPieChartItem, type StnPieChartProps, type StnPieChartStrokeSize, type StnPieChartStrokeWidth, type StnPieChartVariant, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, type StnScrollVariant, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, type StnSeverityLevel, type StnSeveritySize, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnStatCard, type StnStatCardProps, StnStatGroup, StnStatus, StnStatusDot, type StnStatusDotGap, StnStatusDotGroup, type StnStatusDotGroupItem, type StnStatusDotGroupProps, type StnStatusDotPosition, type StnStatusDotProps, type StnStatusDotSize, StnStatusFlow, type StnStatusFlowProps, type StnStatusFlowSize, type StnStatusGrade, StnStatusItem, type StnStatusItemProps, StnStatusList, type StnStatusProps, StnStatusSeverity, type StnStatusSeverityProps, StnStatusSwitch, type StnStatusSwitchProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnTab, StnTabContextProvider, type StnTabContextProviderProps, type StnTabContextValue, StnTabPanel, type StnTabPanelProps, type StnTabProps, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTabs, type StnTabsProps, StnTabsRoot, StnText, StnTextArea, type StnTextAreaColor, type StnTextAreaLabelPosition, type StnTextAreaProps, type StnTextAreaResize, type StnTextAreaSizeProp, type StnTextAreaVariant, type StnTextColor, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTextProps, type StnTextVariant, type StnTextWeight, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, StnTooltip, type StnTooltipPlacement, type StnTooltipProps, type StnTooltipSize, type StnTooltipTone, type StnTooltipVariant, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphContextValue, type StnTopologyGraphLink, StnTopologyGraphLinkComponent, type StnTopologyGraphLinkComponentProps, StnTopologyGraphMinimap, type StnTopologyGraphMinimapProps, StnTopologyGraphModeToggle, type StnTopologyGraphModeToggleProps, type StnTopologyGraphNode, StnTopologyGraphNodeComponent, type StnTopologyGraphNodeComponentProps, type StnTopologyGraphProps, StnTopologyGraphToolbar, type StnTopologyGraphToolbarProps, StnTopologyGraphViewport, type StnTopologyGraphViewportProps, type StnTopologyNode, StnTopologyNodeCard, type StnTopologyNodeCardProps, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeItem, type StnTopologyNodeItemProps, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, type StnTopologyProjectedNode, StnTopologyRing, StnTopologyRingCore, type StnTopologyRingCoreProps, StnTopologyRingNode, type StnTopologyRingNodeProps, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, StnTreeItem, type StnTreeItemData, type StnTreeItemDocState, type StnTreeItemProps, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, type StnTreeRadius, type StnTreeSize, type StnTreeWidth, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatChartValue, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, renderChartState, resolveChartColor, useSideNav, useStn, useStnOptional, useStnTabsContext, useStnTopologyGraph };
|