it-data-nexus-ui-library 2.11.3 → 2.11.5

package/dist/components/Charts/NexusHeatmap.mjs

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Caption as i,Body2 as l}from"../Typography.mjs";import{Stack as o}from"../_Primitives/Stack.mjs";import{ChartFrame as t}from"./chartFrame.mjs";function a({rows:a,columns:n,cells:s,statusMap:d,cellMinHeight:c=40,cellIconSize:m=22,sx:p,title:x,titleComponent:b,titleSx:h,titleHidden:g,description:u,actions:f,isLoading:$,isError:w,errorMessage:y,paperSx:H}){const S=new Map(s.map(e=>[`${e.rowId}:${e.columnId}`,e]));return e(t,{title:x,titleComponent:b,titleSx:h,titleHidden:g,description:u,actions:f,isLoading:$,isError:w,errorMessage:y,paperSx:H,children:r(o,{sx:[{gap:.5},...Array.isArray(p)?p:p?[p]:[]],role:"table","aria-label":x??"Heatmap",children:[r(o,{direction:"row",role:"row",sx:{gap:.5},children:[e(o,{sx:{flex:"0 0 33%"}}),n.map(r=>e(o,{role:"columnheader",sx:{flex:1,alignItems:"center",minWidth:0},children:e(i,{sx:{textAlign:"center"},children:r.label})},r.id))]}),a.map(i=>r(o,{direction:"row",role:"row",sx:{gap:.5},children:[e(o,{role:"rowheader",sx:{flex:"0 0 33%",justifyContent:"center",minWidth:0},children:e(l,{children:i.label})}),n.map(r=>{const l=S.get(`${i.id}:${r.id}`),t=l?d[l.status]:void 0,a=l?.label??t?.label??"No data";if(!t)return e(o,{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}=t;return e(o,{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};
+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};

package/dist/components/SearchableSelect.mjs

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Autocomplete as l,TextField as o}from"@mui/material";const a=({options:a,value:n,onChange:t,label:i,placeholder:s,noOptionsText:r="No options",disabled:u=!1,size:p="small"})=>{const d=a.find(e=>e.value===n)??null;return e(l,{options:a,value:d,onChange:(e,l)=>t(l?.value??""),getOptionLabel:e=>e.label,isOptionEqualToValue:(e,l)=>e.value===l.value,noOptionsText:r,disabled:u,size:p,fullWidth:!0,sx:{minWidth:{xs:0,sm:200}},renderInput:l=>e(o,{...l,label:i,placeholder:s})})};export{a as SearchableSelect};
+import{jsx as e}from"react/jsx-runtime";import{Autocomplete as l,TextField as a}from"@mui/material";const o=({options:o,value:i,onChange:n,label:t,placeholder:s,noOptionsText:r="No options",disabled:u=!1,disableClearable:p=!1,size:d="small"})=>{const b=o.find(e=>e.value===i)??null;return e(l,{options:o,value:b,onChange:(e,l)=>n(l?.value??""),getOptionLabel:e=>e.label,isOptionEqualToValue:(e,l)=>e.value===l.value,noOptionsText:r,disabled:u,disableClearable:p,size:d,fullWidth:!0,sx:{minWidth:{xs:0,sm:200}},renderInput:l=>e(a,{...l,label:t,placeholder:s})})};export{o as SearchableSelect};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.11.3";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.11.5";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -1360,9 +1360,10 @@ interface SearchableSelectProps {
     placeholder?: string;
     noOptionsText?: string;
     disabled?: boolean;
+    disableClearable?: boolean;
     size?: "small" | "medium";
 }
-declare const SearchableSelect: ({ options, value, onChange, label, placeholder, noOptionsText, disabled, size, }: SearchableSelectProps) => react.JSX.Element;
+declare const SearchableSelect: ({ options, value, onChange, label, placeholder, noOptionsText, disabled, disableClearable, size, }: SearchableSelectProps) => react.JSX.Element;
 
 interface SideBladeProps {
     open: boolean;
@@ -1596,6 +1597,7 @@ interface NexusHeatmapStatus {
     color: string;
     label: string;
 }
+type NexusHeatmapColumnLabelOrientation = "horizontal" | "vertical" | "auto";
 interface NexusHeatmapProps extends ChartAsyncProps {
     rows: NexusHeatmapAxisItem[];
     columns: NexusHeatmapAxisItem[];
@@ -1605,9 +1607,15 @@ interface NexusHeatmapProps extends ChartAsyncProps {
     cellMinHeight?: number;
     /** Icon size in px for populated heatmap cells. Defaults to 22. */
     cellIconSize?: number;
+    /**
+     * Orientation of the column headings. `"vertical"` reads bottom-to-top so long labels fit narrow
+     * columns, and also narrows the row-label column. `"auto"` goes vertical above 4 columns.
+     * Defaults to `"horizontal"`.
+     */
+    columnLabelOrientation?: NexusHeatmapColumnLabelOrientation;
     sx?: SxProps<Theme>;
 }
-declare function NexusHeatmap({ rows, columns, cells, statusMap, cellMinHeight, cellIconSize, sx, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, }: NexusHeatmapProps): react.JSX.Element;
+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;
 declare namespace NexusHeatmap {
     var displayName: string;
 }
@@ -2349,4 +2357,4 @@ declare const leftPipe: SxProps<Theme>;
 declare const expandableText: (isExpanded: boolean) => SxProps<Theme>;
 
 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 };
-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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "it-data-nexus-ui-library",
-  "version": "2.11.3",
+  "version": "2.11.5",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",
@@ -46,28 +46,28 @@
   "dependencies": {
     "@mui/x-charts": "^9.4.0",
     "@radix-ui/react-popover": "^1.1.15",
-    "dompurify": "3.4.13",
     "diff": "^9.0.0",
+    "dompurify": "3.4.13",
     "react-json-view-lite": "^2.5.0"
   },
   "peerDependencies": {
-    "@xyflow/react": "^12.12.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7 || ^8 || ^9",
     "@mui/material": "^7 || ^8 || ^9",
     "@mui/x-data-grid": "^7 || ^8 || ^9",
     "@mui/x-date-pickers": "^7 || ^8 || ^9",
+    "@rjsf/core": "^6.11.0",
+    "@rjsf/mui": "^6.11.0",
+    "@rjsf/utils": "^6.11.0",
+    "@rjsf/validator-ajv8": "^6.11.0",
+    "@xyflow/react": "^12.12.0",
     "date-fns": "^3 || ^4",
     "react": "^18 || ^19",
     "react-day-picker": "^9",
     "react-dom": "^18 || ^19",
     "react-markdown": "^10",
-    "remark-gfm": "^4",
-    "@rjsf/core": "^6.11.0",
-    "@rjsf/mui": "^6.11.0",
-    "@rjsf/utils": "^6.11.0",
-    "@rjsf/validator-ajv8": "^6.11.0"
+    "remark-gfm": "^4"
   },
   "peerDependenciesMeta": {
     "@radix-ui/react-popover": {
@@ -102,7 +102,6 @@
     }
   },
   "devDependencies": {
-    "@xyflow/react": "^12.12.0",
     "@chromatic-com/storybook": "^5.3.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
@@ -133,6 +132,7 @@
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser-playwright": "^4.1.4",
     "@vitest/coverage-v8": "^4.1.4",
+    "@xyflow/react": "^12.12.0",
     "date-fns": "^4.1.0",
     "eslint": "9.39.4",
     "eslint-plugin-import": "^2.32.0",