it-data-nexus-ui-library 2.11.4 → 2.11.6
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{alpha as t}from"@mui/material/styles";import{AiCard as r}from"./AiCard.mjs";import{ButtonBase as o}from"./Buttons/ButtonBase.mjs";import{Card as a}from"./Card.mjs";import{
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{alpha as t}from"@mui/material/styles";import{AiCard as r}from"./AiCard.mjs";import{ButtonBase as o}from"./Buttons/ButtonBase.mjs";import{Card as a}from"./Card.mjs";import{H3 as s,H2 as d}from"./Typography.mjs";import{Stack as n}from"./_Primitives/Stack.mjs";import l from"@mui/material/Box";const m=e=>Array.isArray(e)?e:e?[e]:[],x=({ai:x=!1,title:p,titleSize:h="default",titleComponent:c="h2",titleMaxLines:f,subtitle:u,maxWidth:b=350,display:y=!1,icon:v,headerAdornment:g,children:w,footer:S,sx:C,cardSx:j,contentSx:k,headerSx:W,headerAdornmentSx:A,iconSx:B,titleSx:R,subtitleSx:I,bodySx:D,footerSx:M,...$})=>{const L=x?r:a,O="compact"===h?s:d,z=[{overflowWrap:"anywhere"},void 0!==f&&f>0?{display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:f,overflow:"hidden"}:{},...m(R)];return e(o,{...$,sx:[{alignItems:"stretch",borderRadius:y?{xs:2,sm:4}:1,maxWidth:b,textAlign:"left",transition:"filter .18s ease","&:hover > div":{boxShadow:e=>`0 8px 20px ${t(e.palette.text.primary,.12)}, 0 1px 3px ${t(e.palette.text.primary,.07)}`,borderColor:e=>t(e.palette.primary.main,"dark"===e.palette.mode?.7:.3)},"&:active":{filter:"brightness(.98)",transitionDuration:".08s"},"&:active > div":{boxShadow:e=>`0 2px 6px ${t(e.palette.text.primary,.1)}`,transitionDuration:".08s"},"&:focus-visible":{outline:"2px solid",outlineColor:"primary.main",outlineOffset:3},"&.Mui-disabled":{opacity:.5},"& > div":{display:"flex",width:"100%",height:"100%",transition:"box-shadow .18s ease, border-color .18s ease",borderRadius:y?{xs:2,sm:4}:void 0},"& > div::before":{borderRadius:y?{xs:2,sm:4}:void 0},"& > div::after":{borderRadius:y?{xs:2,sm:4}:void 0}},...m(C)],children:e(L,{sx:[{width:"100%",height:"100%",borderRadius:y?{xs:2,sm:4}:void 0,border:x?"none":"1px solid",borderColor:x?void 0:e=>t(e.palette.primary.main,"dark"===e.palette.mode?.4:.2),"& .MuiCardContent-root":{display:"flex",width:"100%",height:"100%",flexDirection:"column"}},...m(j)],children:i(n,{sx:[{width:"100%",height:"100%",gap:1.5},...m(k)],children:[i(n,{direction:"row",sx:[{alignItems:"flex-start",justifyContent:"space-between",gap:1,flexWrap:"wrap"},...m(W)],children:[i(n,{direction:"row",sx:{alignItems:"center",gap:1,minWidth:0},children:[v&&e(l,{sx:[{display:"flex",alignItems:"center",flexShrink:0},...m(B)],children:v}),e(O,{component:c,sx:z,title:void 0!==f&&f>0&&"string"==typeof p?p:void 0,children:p})]}),g&&e(l,{sx:A,children:g})]}),u&&e(s,{sx:[{color:"text.secondary"},...m(I)],children:u}),w&&e(n,{sx:[{gap:1},...m(D)],children:w}),S&&e(n,{sx:[{mt:"auto"},...m(M)],children:S})]})})})},p=i=>e(x,{...i}),h=i=>e(x,{...i,ai:!0});export{h as AiButtonTile,p as ButtonTile};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Caption as i,Body2 as
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Caption as i,Body2 as t}from"../Typography.mjs";import{Stack as l}from"../_Primitives/Stack.mjs";import{ChartFrame as o}from"./chartFrame.mjs";function a({rows:a,columns:n,cells:s,statusMap:d,cellMinHeight:c=40,cellIconSize:m=22,columnLabelOrientation:p="horizontal",sx:x,title:b,titleComponent:h,titleSx:g,titleHidden:u,description:f,actions:$,isLoading:w,isError:v,errorMessage:y,paperSx:S}){const j=new Map(s.map(e=>[`${e.rowId}:${e.columnId}`,e])),C="vertical"===p||"auto"===p&&n.length>4,H=C?"25%":"33%";return e(o,{title:b,titleComponent:h,titleSx:g,titleHidden:u,description:f,actions:$,isLoading:w,isError:v,errorMessage:y,paperSx:S,children:r(l,{sx:[{gap:.5},...Array.isArray(x)?x:x?[x]:[]],role:"table","aria-label":b??"Heatmap",children:[r(l,{direction:"row",role:"row",sx:{gap:.5},children:[e(l,{sx:{flex:`0 0 ${H}`}}),n.map(r=>e(l,{role:"columnheader",sx:{flex:1,alignItems:"center",justifyContent:C?"flex-end":void 0,minWidth:0},children:e(i,{sx:C?{writingMode:"vertical-rl",transform:"rotate(180deg)",whiteSpace:"nowrap"}:{textAlign:"center"},children:r.label})},r.id))]}),a.map(i=>r(l,{direction:"row",role:"row",sx:{gap:.5},children:[e(l,{role:"rowheader",sx:{flex:`0 0 ${H}`,justifyContent:"center",minWidth:0},children:e(t,{children:i.label})}),n.map(r=>{const t=j.get(`${i.id}:${r.id}`),o=t?d[t.status]:void 0,a=t?.label??o?.label??"No data";if(!o)return e(l,{role:"cell","aria-label":`${a}: ${i.label}, ${r.label}`,sx:{flex:1,minHeight:c,border:1,borderColor:"divider",borderRadius:.5,bgcolor:"action.hover"}},r.id);const{Icon:n,color:s}=o;return e(l,{role:"cell",sx:{flex:1,minHeight:c,alignItems:"center",justifyContent:"center",border:1,borderColor:"divider",borderRadius:.5,bgcolor:"action.hover"},children:e(n,{"aria-label":`${a}: ${i.label}, ${r.label}`,titleAccess:`${a}: ${i.label}, ${r.label}`,sx:{color:s,fontSize:m}})},r.id)})]},i.id))]})})}a.displayName="NexusHeatmap";export{a as NexusHeatmap};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="2.11.
|
|
1
|
+
const o="2.11.6";export{o as SAGE_NEXUS_UI_VERSION};
|
package/dist/index.d.ts
CHANGED
|
@@ -921,6 +921,12 @@ declare const ButtonBase: (props: ButtonBaseProps) => react.JSX.Element;
|
|
|
921
921
|
|
|
922
922
|
interface ButtonTileProps extends Omit<ButtonBaseProps, "children" | "title"> {
|
|
923
923
|
title: ReactNode;
|
|
924
|
+
/** `"compact"` renders the title with the H3 typography scale instead of H2. Defaults to `"default"`. */
|
|
925
|
+
titleSize?: "default" | "compact";
|
|
926
|
+
/** Element rendered for the title. Defaults to `h2` for both sizes so heading order is unchanged. */
|
|
927
|
+
titleComponent?: ElementType;
|
|
928
|
+
/** Clamps the title to this many lines. The full text stays in the DOM; string titles also get a native `title` tooltip. Unset means no clamp. */
|
|
929
|
+
titleMaxLines?: number;
|
|
924
930
|
subtitle?: ReactNode;
|
|
925
931
|
/** Maximum tile width. Defaults to 350px. */
|
|
926
932
|
maxWidth?: number | string;
|
|
@@ -1597,6 +1603,7 @@ interface NexusHeatmapStatus {
|
|
|
1597
1603
|
color: string;
|
|
1598
1604
|
label: string;
|
|
1599
1605
|
}
|
|
1606
|
+
type NexusHeatmapColumnLabelOrientation = "horizontal" | "vertical" | "auto";
|
|
1600
1607
|
interface NexusHeatmapProps extends ChartAsyncProps {
|
|
1601
1608
|
rows: NexusHeatmapAxisItem[];
|
|
1602
1609
|
columns: NexusHeatmapAxisItem[];
|
|
@@ -1606,9 +1613,15 @@ interface NexusHeatmapProps extends ChartAsyncProps {
|
|
|
1606
1613
|
cellMinHeight?: number;
|
|
1607
1614
|
/** Icon size in px for populated heatmap cells. Defaults to 22. */
|
|
1608
1615
|
cellIconSize?: number;
|
|
1616
|
+
/**
|
|
1617
|
+
* Orientation of the column headings. `"vertical"` reads bottom-to-top so long labels fit narrow
|
|
1618
|
+
* columns, and also narrows the row-label column. `"auto"` goes vertical above 4 columns.
|
|
1619
|
+
* Defaults to `"horizontal"`.
|
|
1620
|
+
*/
|
|
1621
|
+
columnLabelOrientation?: NexusHeatmapColumnLabelOrientation;
|
|
1609
1622
|
sx?: SxProps<Theme>;
|
|
1610
1623
|
}
|
|
1611
|
-
declare function NexusHeatmap({ rows, columns, cells, statusMap, cellMinHeight, cellIconSize, sx, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, }: NexusHeatmapProps): react.JSX.Element;
|
|
1624
|
+
declare function NexusHeatmap({ rows, columns, cells, statusMap, cellMinHeight, cellIconSize, columnLabelOrientation, sx, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, }: NexusHeatmapProps): react.JSX.Element;
|
|
1612
1625
|
declare namespace NexusHeatmap {
|
|
1613
1626
|
var displayName: string;
|
|
1614
1627
|
}
|
|
@@ -2350,4 +2363,4 @@ declare const leftPipe: SxProps<Theme>;
|
|
|
2350
2363
|
declare const expandableText: (isExpanded: boolean) => SxProps<Theme>;
|
|
2351
2364
|
|
|
2352
2365
|
export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, ActivityFeed, AgentChatDialog, AgentChatWidget, AgentChatWindow, AgentChatWindowHeader, AiButton, AiButtonTile, AiCard, AiChip, AiGlassCard, AiGlassPaper, AiPaper, Alert, ArtifactViewer, Avatar, Body1, Body2, Breadcrumbs, BudgetMeter, ButtonBase, ButtonTile, Caption, Card, Carousel, ChatAvatar, ChatContentFallback, ChatDatapoints, ChatHistory, ChatHistoryAgentItem, ChatHistoryButtonBase, ChatHistoryHeader, ChatInput, ChatResponseMarkdown, ChatWindowBody, Checkbox, CheckboxGroup, Chip, CircularProgress, Code, Collapse, Container, CopyButton, CopyableTableContainer, DateRangeFilter, DateRangePicker, DeltaChip, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, DiffView, Divider, Duration, EmptyState, FABButton, FaviconLinks, FlowDiagram, FlowNodePalette, FlowNodePaletteItem, FlowNodePaletteProvider, FormControlLabel, FormDialog, FormGroup, GhostButton, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, Grid, H1, H2, H3, H4, IconButton, JsonViewer, KeyValueList, Link, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MAX_CHART_POINTS, MarkdownContent, MessageBubble, MessageFeedbackBar, MessageList, MetricCard, MetricStat, MetricValue, MuiAppThemeProvider, NEXUS_THEME_STORAGE_KEY, NexusAreaChart, NexusBarChart, NexusDataGrid, NexusEmptyState, NexusFlow, NexusFunnelChart, NexusHeatmap, NexusHome, NexusLineChart, NexusLogo, NexusNodeIcon, NexusOrbit, NexusPieChart, NexusScatterChart, NexusStackedAreaChart, NexusStackedBarChart, NexusiFrame, NotificationBell, NotificationListItem, Paper, PaperAsync, PrimaryButton, PrimaryButtonLink, ProcessSteps, ProgressBar, RagChip, RagDot, RelativeTime, SageLogoSvg, SchemaFieldView, SearchInput, SearchableSelect, SecondaryButton, SecondaryButtonLink, SectionNav, SegmentedControl, Select, SelectableList, SideBlade, SideBladeNavList, SideBladeNavListItem, Skeleton, SkillChip, SkipLink, Slider, SourceCitations, Span, Stack, StageProgress, StatusBadge, StatusChip, StreamingBubble, SuggestedPrompts, Switch, Tab, Table, TableBody, TableCell, TableHead, TableRow, Tabs, TextField, ThemeModeContext, ThemeModeProvider, ThemeToggle, Tile, Toast, Tooltip, TypingIndicator, chartDefinitions, chatHistoryMatchesQuery, chatWindowMarkdownComponents, colours, columnsForItemCount, createSageTheme, deltaColorForPolarity, expandableText, filterChatHistoryConversations, fontSageHeadline, fontSageText, fontSageUI, formatDatapointDelta, formatDatapointValue, formatDate, formatDurationMs, formatSurnameFirstname, getFaviconUrls, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, isAllowedImageSrc, latestTraceLabel, leftPipe, ragColorForDelta, resolveArtifact, safeChatMarkdownComponents, safeMarkdownUrl, sanitizeRawHtmlTable, splitRawHtmlTables, toSandboxedSrcDoc, useThemeMode, useTokens, validateChartDefinition, validateChartItem };
|
|
2353
|
-
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, ActivityFeedEntry, ActivityFeedProps, ActivitySummary, AgentChatDialogProps, AgentChatWidgetProps, AgentChatWindowHeaderProps, AgentChatWindowProps, AiButtonProps, AiButtonTileProps, AiCardProps, AiChipProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, ArtifactContent, ArtifactKind, ArtifactViewerProps, AvatarProps, AvatarSize, AvatarVariant, BreadcrumbItem, BreadcrumbsProps, BudgetMeterProps, ButtonTileProps, CardProps, CardTrend, CarouselBreakpoint, CarouselItemsPerView, CarouselProps, ChartAsyncProps, ChartDefinition, ChartEnvelope, ChartFieldSchema, ChartToProps, ChartValidationResult, ChartValueFormatter, ChatAvatarProps, ChatContentFallbackProps, ChatDatapointDelta, ChatDatapointItem, ChatDatapointPolarity, ChatDatapointValueFormat, ChatDatapointsData, ChatDatapointsProps, ChatHistoryAgent, ChatHistoryAgentItemProps, ChatHistoryButtonBaseProps, ChatHistoryConversation, ChatHistoryHeaderProps, ChatHistoryProps, ChatInputProps, ChatMessage, ChatResponseMarkdownProps, ChatTableCell, ChatTableData, ChatTablePart, CodeBlock, CopyButtonProps, CopyableTableContainerProps, DateRangeFilterProps, DateRangePickerProps, DateRangePreset, DateRangeValue, DeltaChipProps, DeltaChipTone, DialogProps, DiffViewProps, DurationProps, EmptyStateProps, FABButtonProps, FileArtifact, FlowDiagramColumn, FlowDiagramHub, FlowDiagramItem, FlowDiagramLogo, FlowDiagramProps, FlowNodePaletteItemProps, FlowNodePaletteProps, FlowNodePaletteProviderProps, FormDialogProps, GhostButtonProps, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, IconButtonVariant, JsonSchema, JsonViewerProps, KeyValueItem, KeyValueListProps, LatencyMetrics, LinkProps, LoadingSpinnerNexusProps, MarkdownContentProps, MessageBubbleProps, MessageFeedbackBarProps, MessageListProps, MetricCardProps, MetricStatProps, MetricValueSize, ModeTokens, NexusAreaChartProps, NexusBarChartProps, NexusEmptyStateProps, NexusFlowProps, NexusFunnelChartProps, NexusFunnelStage, NexusHeatmapAxisItem, NexusHeatmapCell, NexusHeatmapProps, NexusHeatmapStatus, NexusLineChartProps, NexusNodeIconProps, NexusNodeIconSize, NexusNodeIconTone, NexusOrbitProps, NexusPaperProps, NexusPieChartProps, NexusScatterChartProps, NexusStackedAreaChartProps, NexusStackedBarChartProps, NexusiFrameProps, NotificationBellProps, NotificationListItemProps, PaperAsyncProps, ParsedActivity, PrimaryButtonLinkProps, PrimaryButtonProps, ProcessStep, ProcessStepsProps, ProgressBarProps, ProgressBarStatus, RelativeTimeProps, ResolvedArtifact, SchemaFieldViewProps, SearchableSelectOption, SearchableSelectProps, SecondaryButtonLinkProps, SecondaryButtonProps, SectionNavItem, SectionNavProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectProps, SelectableListItem, SelectableListProps, SideBladeNavItem, SideBladeNavListItemProps, SideBladeNavListProps, SideBladeProps, SkeletonProps, SkipLinkProps, SliderMarkOption, SliderProps, SourceCitationsProps, StackedBarItem, StageProgressProps, StageProgressStep, StageState, StatusBadgeProps, StatusBadgeVariant, StreamingBubbleProps, SuggestedPromptsProps, ThemeMode, ThemeModeContextValue, ThemeModeProviderProps, TileProps, ToastProps, TooltipProps, TraceEvent, TypingIndicatorProps };
|
|
2366
|
+
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, ActivityFeedEntry, ActivityFeedProps, ActivitySummary, AgentChatDialogProps, AgentChatWidgetProps, AgentChatWindowHeaderProps, AgentChatWindowProps, AiButtonProps, AiButtonTileProps, AiCardProps, AiChipProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, ArtifactContent, ArtifactKind, ArtifactViewerProps, AvatarProps, AvatarSize, AvatarVariant, BreadcrumbItem, BreadcrumbsProps, BudgetMeterProps, ButtonTileProps, CardProps, CardTrend, CarouselBreakpoint, CarouselItemsPerView, CarouselProps, ChartAsyncProps, ChartDefinition, ChartEnvelope, ChartFieldSchema, ChartToProps, ChartValidationResult, ChartValueFormatter, ChatAvatarProps, ChatContentFallbackProps, ChatDatapointDelta, ChatDatapointItem, ChatDatapointPolarity, ChatDatapointValueFormat, ChatDatapointsData, ChatDatapointsProps, ChatHistoryAgent, ChatHistoryAgentItemProps, ChatHistoryButtonBaseProps, ChatHistoryConversation, ChatHistoryHeaderProps, ChatHistoryProps, ChatInputProps, ChatMessage, ChatResponseMarkdownProps, ChatTableCell, ChatTableData, ChatTablePart, CodeBlock, CopyButtonProps, CopyableTableContainerProps, DateRangeFilterProps, DateRangePickerProps, DateRangePreset, DateRangeValue, DeltaChipProps, DeltaChipTone, DialogProps, DiffViewProps, DurationProps, EmptyStateProps, FABButtonProps, FileArtifact, FlowDiagramColumn, FlowDiagramHub, FlowDiagramItem, FlowDiagramLogo, FlowDiagramProps, FlowNodePaletteItemProps, FlowNodePaletteProps, FlowNodePaletteProviderProps, FormDialogProps, GhostButtonProps, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, IconButtonVariant, JsonSchema, JsonViewerProps, KeyValueItem, KeyValueListProps, LatencyMetrics, LinkProps, LoadingSpinnerNexusProps, MarkdownContentProps, MessageBubbleProps, MessageFeedbackBarProps, MessageListProps, MetricCardProps, MetricStatProps, MetricValueSize, ModeTokens, NexusAreaChartProps, NexusBarChartProps, NexusEmptyStateProps, NexusFlowProps, NexusFunnelChartProps, NexusFunnelStage, NexusHeatmapAxisItem, NexusHeatmapCell, NexusHeatmapColumnLabelOrientation, NexusHeatmapProps, NexusHeatmapStatus, NexusLineChartProps, NexusNodeIconProps, NexusNodeIconSize, NexusNodeIconTone, NexusOrbitProps, NexusPaperProps, NexusPieChartProps, NexusScatterChartProps, NexusStackedAreaChartProps, NexusStackedBarChartProps, NexusiFrameProps, NotificationBellProps, NotificationListItemProps, PaperAsyncProps, ParsedActivity, PrimaryButtonLinkProps, PrimaryButtonProps, ProcessStep, ProcessStepsProps, ProgressBarProps, ProgressBarStatus, RelativeTimeProps, ResolvedArtifact, SchemaFieldViewProps, SearchableSelectOption, SearchableSelectProps, SecondaryButtonLinkProps, SecondaryButtonProps, SectionNavItem, SectionNavProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectProps, SelectableListItem, SelectableListProps, SideBladeNavItem, SideBladeNavListItemProps, SideBladeNavListProps, SideBladeProps, SkeletonProps, SkipLinkProps, SliderMarkOption, SliderProps, SourceCitationsProps, StackedBarItem, StageProgressProps, StageProgressStep, StageState, StatusBadgeProps, StatusBadgeVariant, StreamingBubbleProps, SuggestedPromptsProps, ThemeMode, ThemeModeContextValue, ThemeModeProviderProps, TileProps, ToastProps, TooltipProps, TraceEvent, TypingIndicatorProps };
|