@synertech/ui 0.43.0 → 0.45.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/.claude/skills/use-synertech-ui/SKILL.md +178 -5
- package/README.md +36 -8
- package/dist/components/accordion/Accordion.cjs +1 -0
- package/dist/components/accordion/Accordion.js +1 -0
- package/dist/components/accordion/index.cjs +1 -0
- package/dist/components/accordion/index.js +1 -0
- package/dist/components/advance-detachable/AdvanceDetachable.cjs +1 -0
- package/dist/components/advance-detachable/AdvanceDetachable.js +1 -0
- package/dist/components/advance-detachable/index.cjs +1 -0
- package/dist/components/advance-detachable/index.js +1 -0
- package/dist/components/area-chart/AreaChart.cjs +1 -0
- package/dist/components/area-chart/AreaChart.js +1 -0
- package/dist/components/area-chart/index.cjs +1 -0
- package/dist/components/area-chart/index.js +1 -0
- package/dist/components/avatar/Avatar.cjs +1 -0
- package/dist/components/avatar/Avatar.js +1 -0
- package/dist/components/avatar/index.cjs +1 -0
- package/dist/components/avatar/index.js +1 -0
- package/dist/components/badge/Badge.cjs +1 -0
- package/dist/components/badge/Badge.js +1 -0
- package/dist/components/badge/index.cjs +1 -0
- package/dist/components/badge/index.js +1 -0
- package/dist/components/banner/Banner.cjs +1 -0
- package/dist/components/banner/Banner.js +1 -0
- package/dist/components/banner/index.cjs +1 -0
- package/dist/components/banner/index.js +1 -0
- package/dist/components/bar-chart/BarChart.cjs +1 -0
- package/dist/components/bar-chart/BarChart.js +1 -0
- package/dist/components/bar-chart/index.cjs +1 -0
- package/dist/components/bar-chart/index.js +1 -0
- package/dist/components/box-plot/BoxPlot.cjs +1 -0
- package/dist/components/box-plot/BoxPlot.js +1 -0
- package/dist/components/box-plot/index.cjs +1 -0
- package/dist/components/box-plot/index.js +1 -0
- package/dist/components/breadcrumb/Breadcrumb.cjs +1 -0
- package/dist/components/breadcrumb/Breadcrumb.js +1 -0
- package/dist/components/breadcrumb/index.cjs +1 -0
- package/dist/components/breadcrumb/index.js +1 -0
- package/dist/components/bullet-chart/BulletChart.cjs +1 -0
- package/dist/components/bullet-chart/BulletChart.js +1 -0
- package/dist/components/bullet-chart/index.cjs +1 -0
- package/dist/components/bullet-chart/index.js +1 -0
- package/dist/components/button/Button.cjs +1 -0
- package/dist/components/button/Button.js +1 -0
- package/dist/components/button/index.cjs +1 -0
- package/dist/components/button/index.js +1 -0
- package/dist/components/button-group/ButtonGroup.cjs +1 -0
- package/dist/components/button-group/ButtonGroup.js +1 -0
- package/dist/components/button-group/index.cjs +1 -0
- package/dist/components/button-group/index.js +1 -0
- package/dist/components/calendar/Calendar.cjs +1 -0
- package/dist/components/calendar/Calendar.js +1 -0
- package/dist/components/calendar/index.cjs +1 -0
- package/dist/components/calendar/index.js +1 -0
- package/dist/components/candlestick-chart/CandlestickChart.cjs +1 -0
- package/dist/components/candlestick-chart/CandlestickChart.js +1 -0
- package/dist/components/candlestick-chart/index.cjs +1 -0
- package/dist/components/candlestick-chart/index.js +1 -0
- package/dist/components/card/Card.cjs +1 -0
- package/dist/components/card/Card.js +1 -0
- package/dist/components/card/CardBody.cjs +1 -0
- package/dist/components/card/CardBody.js +1 -0
- package/dist/components/card/CardDescription.cjs +1 -0
- package/dist/components/card/CardDescription.js +1 -0
- package/dist/components/card/CardFooter.cjs +1 -0
- package/dist/components/card/CardFooter.js +1 -0
- package/dist/components/card/CardHeader.cjs +1 -0
- package/dist/components/card/CardHeader.js +1 -0
- package/dist/components/card/CardImage.cjs +1 -0
- package/dist/components/card/CardImage.js +1 -0
- package/dist/components/card/CardTitle.cjs +1 -0
- package/dist/components/card/CardTitle.js +1 -0
- package/dist/components/card/index.cjs +1 -0
- package/dist/components/card/index.js +1 -0
- package/dist/components/chart/ChartAnnotations.cjs +1 -0
- package/dist/components/chart/ChartAnnotations.js +1 -0
- package/dist/components/chart/ChartAxis.cjs +1 -0
- package/dist/components/chart/ChartAxis.js +1 -0
- package/dist/components/chart/ChartBrush.cjs +1 -0
- package/dist/components/chart/ChartBrush.js +1 -0
- package/dist/components/chart/ChartContainer.cjs +1 -0
- package/dist/components/chart/ChartContainer.js +1 -0
- package/dist/components/chart/ChartExportButton.cjs +1 -0
- package/dist/components/chart/ChartExportButton.js +1 -0
- package/dist/components/chart/ChartFacets.cjs +1 -0
- package/dist/components/chart/ChartFacets.js +1 -0
- package/dist/components/chart/ChartFilterBar.cjs +1 -0
- package/dist/components/chart/ChartFilterBar.js +1 -0
- package/dist/components/chart/ChartGrid.cjs +1 -0
- package/dist/components/chart/ChartGrid.js +1 -0
- package/dist/components/chart/ChartLegend.cjs +1 -0
- package/dist/components/chart/ChartLegend.js +1 -0
- package/dist/components/chart/ChartPatterns.cjs +1 -0
- package/dist/components/chart/ChartPatterns.js +1 -0
- package/dist/components/chart/ChartPeriodPicker.cjs +1 -0
- package/dist/components/chart/ChartPeriodPicker.js +1 -0
- package/dist/components/chart/ChartScaleLegend.cjs +1 -0
- package/dist/components/chart/ChartScaleLegend.js +1 -0
- package/dist/components/chart/ChartSync.cjs +1 -0
- package/dist/components/chart/ChartSync.js +1 -0
- package/dist/components/chart/ChartTableView.cjs +1 -0
- package/dist/components/chart/ChartTableView.js +1 -0
- package/dist/components/chart/ChartTooltip.cjs +1 -0
- package/dist/components/chart/ChartTooltip.js +1 -0
- package/dist/components/chart/chart.types.cjs +1 -0
- package/dist/components/chart/chart.types.js +0 -0
- package/dist/components/chart/index.cjs +1 -0
- package/dist/components/chart/index.js +1 -0
- package/dist/components/chart/palette.cjs +1 -0
- package/dist/components/chart/palette.js +1 -0
- package/dist/components/chart/useChartSize.cjs +1 -0
- package/dist/components/chart/useChartSize.js +1 -0
- package/dist/components/chart/utils/bins.cjs +1 -0
- package/dist/components/chart/utils/bins.js +1 -0
- package/dist/components/chart/utils/cartesian.cjs +1 -0
- package/dist/components/chart/utils/cartesian.js +1 -0
- package/dist/components/chart/utils/data.cjs +1 -0
- package/dist/components/chart/utils/data.js +1 -0
- package/dist/components/chart/utils/decimate.cjs +1 -0
- package/dist/components/chart/utils/decimate.js +1 -0
- package/dist/components/chart/utils/export.cjs +2 -0
- package/dist/components/chart/utils/export.js +2 -0
- package/dist/components/chart/utils/format.cjs +1 -0
- package/dist/components/chart/utils/format.js +1 -0
- package/dist/components/chart/utils/path.cjs +1 -0
- package/dist/components/chart/utils/path.js +1 -0
- package/dist/components/chart/utils/period.cjs +1 -0
- package/dist/components/chart/utils/period.js +1 -0
- package/dist/components/chart/utils/quantile.cjs +1 -0
- package/dist/components/chart/utils/quantile.js +1 -0
- package/dist/components/chart/utils/scales.cjs +1 -0
- package/dist/components/chart/utils/scales.js +1 -0
- package/dist/components/chart/utils/stack.cjs +1 -0
- package/dist/components/chart/utils/stack.js +1 -0
- package/dist/components/chart/utils/text.cjs +1 -0
- package/dist/components/chart/utils/text.js +1 -0
- package/dist/components/chart/utils/ticks.cjs +1 -0
- package/dist/components/chart/utils/ticks.js +1 -0
- package/dist/components/chart/utils/time.cjs +1 -0
- package/dist/components/chart/utils/time.js +1 -0
- package/dist/components/checkbox/Checkbox.cjs +1 -0
- package/dist/components/checkbox/Checkbox.js +1 -0
- package/dist/components/checkbox/CheckboxGroup.cjs +1 -0
- package/dist/components/checkbox/CheckboxGroup.js +1 -0
- package/dist/components/checkbox/index.cjs +1 -0
- package/dist/components/checkbox/index.js +1 -0
- package/dist/components/chip/Chip.cjs +1 -0
- package/dist/components/chip/Chip.js +1 -0
- package/dist/components/chip/index.cjs +1 -0
- package/dist/components/chip/index.js +1 -0
- package/dist/components/circular-progress/CircularProgress.cjs +1 -0
- package/dist/components/circular-progress/CircularProgress.js +1 -0
- package/dist/components/circular-progress/index.cjs +1 -0
- package/dist/components/circular-progress/index.js +1 -0
- package/dist/components/datagrid/DataGrid.cjs +2 -0
- package/dist/components/datagrid/DataGrid.js +2 -0
- package/dist/components/datagrid/index.cjs +1 -0
- package/dist/components/datagrid/index.js +1 -0
- package/dist/components/detachable/Detachable.cjs +1 -0
- package/dist/components/detachable/Detachable.js +1 -0
- package/dist/components/detachable/index.cjs +1 -0
- package/dist/components/detachable/index.js +1 -0
- package/dist/components/device-mockup/DeviceMockup.cjs +1 -0
- package/dist/components/device-mockup/DeviceMockup.js +1 -0
- package/dist/components/device-mockup/index.cjs +1 -0
- package/dist/components/device-mockup/index.js +1 -0
- package/dist/components/divider/Divider.cjs +1 -0
- package/dist/components/divider/Divider.js +1 -0
- package/dist/components/divider/index.cjs +1 -0
- package/dist/components/divider/index.js +1 -0
- package/dist/components/drawer/Drawer.cjs +1 -0
- package/dist/components/drawer/Drawer.js +1 -0
- package/dist/components/drawer/index.cjs +1 -0
- package/dist/components/drawer/index.js +1 -0
- package/dist/components/dropdown/Dropdown.cjs +1 -0
- package/dist/components/dropdown/Dropdown.js +1 -0
- package/dist/components/dropdown/DropdownCheckboxItem.cjs +1 -0
- package/dist/components/dropdown/DropdownCheckboxItem.js +1 -0
- package/dist/components/dropdown/DropdownContent.cjs +1 -0
- package/dist/components/dropdown/DropdownContent.js +1 -0
- package/dist/components/dropdown/DropdownItem.cjs +1 -0
- package/dist/components/dropdown/DropdownItem.js +1 -0
- package/dist/components/dropdown/DropdownRadio.cjs +1 -0
- package/dist/components/dropdown/DropdownRadio.js +1 -0
- package/dist/components/dropdown/DropdownSeparator.cjs +1 -0
- package/dist/components/dropdown/DropdownSeparator.js +1 -0
- package/dist/components/dropdown/DropdownSubMenu.cjs +1 -0
- package/dist/components/dropdown/DropdownSubMenu.js +1 -0
- package/dist/components/dropdown/DropdownTrigger.cjs +1 -0
- package/dist/components/dropdown/DropdownTrigger.js +1 -0
- package/dist/components/dropdown/hooks/index.cjs +1 -0
- package/dist/components/dropdown/hooks/index.js +1 -0
- package/dist/components/dropdown/hooks/useClickOutside.cjs +1 -0
- package/dist/components/dropdown/hooks/useClickOutside.js +1 -0
- package/dist/components/dropdown/hooks/useKeyboardNavigation.cjs +1 -0
- package/dist/components/dropdown/hooks/useKeyboardNavigation.js +1 -0
- package/dist/components/dropdown/hooks/useLatest.cjs +1 -0
- package/dist/components/dropdown/hooks/useLatest.js +1 -0
- package/dist/components/dropdown/hooks/usePositioning.cjs +1 -0
- package/dist/components/dropdown/hooks/usePositioning.js +1 -0
- package/dist/components/dropdown/index.cjs +1 -0
- package/dist/components/dropdown/index.js +1 -0
- package/dist/components/dumbbell-chart/DumbbellChart.cjs +1 -0
- package/dist/components/dumbbell-chart/DumbbellChart.js +1 -0
- package/dist/components/dumbbell-chart/index.cjs +1 -0
- package/dist/components/dumbbell-chart/index.js +1 -0
- package/dist/components/file-selector/FileSelector.cjs +1 -0
- package/dist/components/file-selector/FileSelector.js +1 -0
- package/dist/components/file-selector/index.cjs +1 -0
- package/dist/components/file-selector/index.js +1 -0
- package/dist/components/footer/Footer.cjs +1 -0
- package/dist/components/footer/Footer.js +1 -0
- package/dist/components/footer/FooterBottom.cjs +1 -0
- package/dist/components/footer/FooterBottom.js +1 -0
- package/dist/components/footer/FooterColumn.cjs +1 -0
- package/dist/components/footer/FooterColumn.js +1 -0
- package/dist/components/footer/FooterLink.cjs +1 -0
- package/dist/components/footer/FooterLink.js +1 -0
- package/dist/components/footer/FooterSection.cjs +1 -0
- package/dist/components/footer/FooterSection.js +1 -0
- package/dist/components/footer/FooterSocial.cjs +1 -0
- package/dist/components/footer/FooterSocial.js +1 -0
- package/dist/components/footer/index.cjs +1 -0
- package/dist/components/footer/index.js +1 -0
- package/dist/components/form/index.cjs +1 -0
- package/dist/components/form/index.js +1 -0
- package/dist/components/form/input/Input.cjs +1 -0
- package/dist/components/form/input/Input.js +1 -0
- package/dist/components/form/input/index.cjs +1 -0
- package/dist/components/form/input/index.js +1 -0
- package/dist/components/form/mention-input/MentionInput.cjs +1 -0
- package/dist/components/form/mention-input/MentionInput.js +1 -0
- package/dist/components/form/mention-input/index.cjs +1 -0
- package/dist/components/form/mention-input/index.js +1 -0
- package/dist/components/form/number-input/NumberInput.cjs +1 -0
- package/dist/components/form/number-input/NumberInput.js +1 -0
- package/dist/components/form/number-input/index.cjs +1 -0
- package/dist/components/form/number-input/index.js +1 -0
- package/dist/components/form/shared/InputWrapper.cjs +1 -0
- package/dist/components/form/shared/InputWrapper.js +1 -0
- package/dist/components/form/shared/inputStyles.cjs +1 -0
- package/dist/components/form/shared/inputStyles.js +1 -0
- package/dist/components/form/types/mention.cjs +1 -0
- package/dist/components/form/types/mention.js +0 -0
- package/dist/components/funnel-chart/FunnelChart.cjs +1 -0
- package/dist/components/funnel-chart/FunnelChart.js +1 -0
- package/dist/components/funnel-chart/index.cjs +1 -0
- package/dist/components/funnel-chart/index.js +1 -0
- package/dist/components/gantt-chart/GanttChart.cjs +1 -0
- package/dist/components/gantt-chart/GanttChart.js +1 -0
- package/dist/components/gantt-chart/index.cjs +1 -0
- package/dist/components/gantt-chart/index.js +1 -0
- package/dist/components/header/Header.cjs +1 -0
- package/dist/components/header/Header.js +1 -0
- package/dist/components/header/index.cjs +1 -0
- package/dist/components/header/index.js +1 -0
- package/dist/components/heat-map/Heatmap.cjs +1 -0
- package/dist/components/heat-map/Heatmap.js +1 -0
- package/dist/components/heat-map/index.cjs +1 -0
- package/dist/components/heat-map/index.js +1 -0
- package/dist/components/help-button/HelpButton.cjs +22 -0
- package/dist/components/help-button/HelpButton.js +22 -0
- package/dist/components/help-button/MarkdownEditor.cjs +1 -0
- package/dist/components/help-button/MarkdownEditor.js +1 -0
- package/dist/components/help-button/index.cjs +1 -0
- package/dist/components/help-button/index.js +1 -0
- package/dist/components/help-button/types.cjs +1 -0
- package/dist/components/help-button/types.js +0 -0
- package/dist/components/image-uploader/ImageUploader.cjs +1 -0
- package/dist/components/image-uploader/ImageUploader.js +1 -0
- package/dist/components/image-uploader/index.cjs +1 -0
- package/dist/components/image-uploader/index.js +1 -0
- package/dist/components/index.cjs +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/indicator/Indicator.cjs +1 -0
- package/dist/components/indicator/Indicator.js +1 -0
- package/dist/components/indicator/index.cjs +1 -0
- package/dist/components/indicator/index.js +1 -0
- package/dist/components/label/Label.cjs +1 -0
- package/dist/components/label/Label.js +1 -0
- package/dist/components/label/index.cjs +1 -0
- package/dist/components/label/index.js +1 -0
- package/dist/components/line-chart/LineChart.cjs +1 -0
- package/dist/components/line-chart/LineChart.js +1 -0
- package/dist/components/line-chart/index.cjs +1 -0
- package/dist/components/line-chart/index.js +1 -0
- package/dist/components/modal/Modal.cjs +1 -0
- package/dist/components/modal/Modal.js +1 -0
- package/dist/components/modal/index.cjs +1 -0
- package/dist/components/modal/index.js +1 -0
- package/dist/components/pagination/Pagination.cjs +1 -0
- package/dist/components/pagination/Pagination.js +1 -0
- package/dist/components/pagination/index.cjs +1 -0
- package/dist/components/pagination/index.js +1 -0
- package/dist/components/pie-chart/PieChart.cjs +1 -0
- package/dist/components/pie-chart/PieChart.js +1 -0
- package/dist/components/pie-chart/index.cjs +1 -0
- package/dist/components/pie-chart/index.js +1 -0
- package/dist/components/progress-bar/ProgressBar.cjs +1 -0
- package/dist/components/progress-bar/ProgressBar.js +1 -0
- package/dist/components/progress-bar/index.cjs +1 -0
- package/dist/components/progress-bar/index.js +1 -0
- package/dist/components/radio-button/RadioButton.cjs +1 -0
- package/dist/components/radio-button/RadioButton.js +1 -0
- package/dist/components/radio-button/index.cjs +1 -0
- package/dist/components/radio-button/index.js +1 -0
- package/dist/components/scatter-chart/ScatterChart.cjs +1 -0
- package/dist/components/scatter-chart/ScatterChart.js +1 -0
- package/dist/components/scatter-chart/index.cjs +1 -0
- package/dist/components/scatter-chart/index.js +1 -0
- package/dist/components/schema-editor/SchemaEditor.cjs +1 -0
- package/dist/components/schema-editor/SchemaEditor.js +1 -0
- package/dist/components/schema-editor/SchemaEditor.types.cjs +1 -0
- package/dist/components/schema-editor/SchemaEditor.types.js +0 -0
- package/dist/components/schema-editor/canvas/GridLayer.cjs +1 -0
- package/dist/components/schema-editor/canvas/GridLayer.js +1 -0
- package/dist/components/schema-editor/index.cjs +1 -0
- package/dist/components/schema-editor/index.js +1 -0
- package/dist/components/schema-editor/legend/SchemaLegend.cjs +1 -0
- package/dist/components/schema-editor/legend/SchemaLegend.js +1 -0
- package/dist/components/schema-editor/minimap/SchemaMinimap.cjs +1 -0
- package/dist/components/schema-editor/minimap/SchemaMinimap.js +1 -0
- package/dist/components/schema-editor/relations/SchemaRelationRenderer.cjs +1 -0
- package/dist/components/schema-editor/relations/SchemaRelationRenderer.js +1 -0
- package/dist/components/schema-editor/tables/SchemaTableRenderer.cjs +1 -0
- package/dist/components/schema-editor/tables/SchemaTableRenderer.js +1 -0
- package/dist/components/schema-editor/toolbar/SchemaToolbar.cjs +1 -0
- package/dist/components/schema-editor/toolbar/SchemaToolbar.js +1 -0
- package/dist/components/schema-editor/utils/auto-layout.cjs +1 -0
- package/dist/components/schema-editor/utils/auto-layout.js +1 -0
- package/dist/components/schema-editor/utils/geometry.cjs +1 -0
- package/dist/components/schema-editor/utils/geometry.js +1 -0
- package/dist/components/schema-editor/utils/schema-helpers.cjs +1 -0
- package/dist/components/schema-editor/utils/schema-helpers.js +1 -0
- package/dist/components/schema-editor/utils/sql-export.cjs +9 -0
- package/dist/components/schema-editor/utils/sql-export.js +9 -0
- package/dist/components/select/Select.cjs +1 -0
- package/dist/components/select/Select.js +1 -0
- package/dist/components/select/index.cjs +1 -0
- package/dist/components/select/index.js +1 -0
- package/dist/components/sidebar/Sidebar.cjs +1 -0
- package/dist/components/sidebar/Sidebar.js +1 -0
- package/dist/components/sidebar/index.cjs +1 -0
- package/dist/components/sidebar/index.js +1 -0
- package/dist/components/skeleton/Skeleton.cjs +1 -0
- package/dist/components/skeleton/Skeleton.js +1 -0
- package/dist/components/skeleton/index.cjs +1 -0
- package/dist/components/skeleton/index.js +1 -0
- package/dist/components/slider/Slider.cjs +1 -0
- package/dist/components/slider/Slider.js +1 -0
- package/dist/components/slider/index.cjs +1 -0
- package/dist/components/slider/index.js +1 -0
- package/dist/components/sparkline/Sparkline.cjs +1 -0
- package/dist/components/sparkline/Sparkline.js +1 -0
- package/dist/components/sparkline/index.cjs +1 -0
- package/dist/components/sparkline/index.js +1 -0
- package/dist/components/stat-card/StatCard.cjs +1 -0
- package/dist/components/stat-card/StatCard.js +1 -0
- package/dist/components/stat-card/StatCardGroup.cjs +1 -0
- package/dist/components/stat-card/StatCardGroup.js +1 -0
- package/dist/components/stat-card/index.cjs +1 -0
- package/dist/components/stat-card/index.js +1 -0
- package/dist/components/table/Table.cjs +1 -0
- package/dist/components/table/Table.js +1 -0
- package/dist/components/table/TableBody.cjs +1 -0
- package/dist/components/table/TableBody.js +1 -0
- package/dist/components/table/TableCell.cjs +1 -0
- package/dist/components/table/TableCell.js +1 -0
- package/dist/components/table/TableHeader.cjs +1 -0
- package/dist/components/table/TableHeader.js +1 -0
- package/dist/components/table/TableHeaderCell.cjs +1 -0
- package/dist/components/table/TableHeaderCell.js +1 -0
- package/dist/components/table/TableRow.cjs +1 -0
- package/dist/components/table/TableRow.js +1 -0
- package/dist/components/table/index.cjs +1 -0
- package/dist/components/table/index.js +1 -0
- package/dist/components/tabs/Tabs.cjs +1 -0
- package/dist/components/tabs/Tabs.js +1 -0
- package/dist/components/tabs/TabsContent.cjs +1 -0
- package/dist/components/tabs/TabsContent.js +1 -0
- package/dist/components/tabs/TabsContext.cjs +1 -0
- package/dist/components/tabs/TabsContext.js +1 -0
- package/dist/components/tabs/TabsList.cjs +1 -0
- package/dist/components/tabs/TabsList.js +1 -0
- package/dist/components/tabs/TabsTrigger.cjs +1 -0
- package/dist/components/tabs/TabsTrigger.js +1 -0
- package/dist/components/tabs/index.cjs +1 -0
- package/dist/components/tabs/index.js +1 -0
- package/dist/components/toast/Toast.cjs +1 -0
- package/dist/components/toast/Toast.js +1 -0
- package/dist/components/toast/index.cjs +1 -0
- package/dist/components/toast/index.js +1 -0
- package/dist/components/tooltip/Tooltip.cjs +1 -0
- package/dist/components/tooltip/Tooltip.js +1 -0
- package/dist/components/tooltip/index.cjs +1 -0
- package/dist/components/tooltip/index.js +1 -0
- package/dist/components/waterfall-chart/WaterfallChart.cjs +1 -0
- package/dist/components/waterfall-chart/WaterfallChart.js +1 -0
- package/dist/components/waterfall-chart/index.cjs +1 -0
- package/dist/components/waterfall-chart/index.js +1 -0
- package/dist/components/wizard/Wizard.cjs +1 -0
- package/dist/components/wizard/Wizard.js +1 -0
- package/dist/components/wizard/index.cjs +1 -0
- package/dist/components/wizard/index.js +1 -0
- package/dist/components/workflow-editor/WorkflowEditor.cjs +1 -0
- package/dist/components/workflow-editor/WorkflowEditor.js +1 -0
- package/dist/components/workflow-editor/WorkflowEditor.types.cjs +1 -0
- package/dist/components/workflow-editor/WorkflowEditor.types.js +0 -0
- package/dist/components/workflow-editor/canvas/GridLayer.cjs +1 -0
- package/dist/components/workflow-editor/canvas/GridLayer.js +1 -0
- package/dist/components/workflow-editor/edges/WorkflowEdgeRenderer.cjs +1 -0
- package/dist/components/workflow-editor/edges/WorkflowEdgeRenderer.js +1 -0
- package/dist/components/workflow-editor/index.cjs +1 -0
- package/dist/components/workflow-editor/index.js +1 -0
- package/dist/components/workflow-editor/nodes/WorkflowNodeRenderer.cjs +1 -0
- package/dist/components/workflow-editor/nodes/WorkflowNodeRenderer.js +1 -0
- package/dist/components/workflow-editor/toolbar/WorkflowToolbar.cjs +1 -0
- package/dist/components/workflow-editor/toolbar/WorkflowToolbar.js +1 -0
- package/dist/components/workflow-editor/utils/geometry.cjs +1 -0
- package/dist/components/workflow-editor/utils/geometry.js +1 -0
- package/dist/hooks/index.cjs +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/useDialogA11y.cjs +1 -0
- package/dist/hooks/useDialogA11y.js +1 -0
- package/dist/index.cjs +1 -31
- package/dist/index.d.cts +778 -106
- package/dist/index.d.ts +778 -106
- package/dist/index.js +1 -31
- package/dist/lib/aria-hide.cjs +1 -0
- package/dist/lib/aria-hide.js +1 -0
- package/dist/lib/cn.cjs +1 -0
- package/dist/lib/cn.js +1 -0
- package/dist/lib/dialog-stack.cjs +1 -0
- package/dist/lib/dialog-stack.js +1 -0
- package/dist/lib/focus.cjs +1 -0
- package/dist/lib/focus.js +1 -0
- package/dist/lib/i18n.cjs +1 -0
- package/dist/lib/i18n.js +1 -0
- package/dist/markdown-editor.cjs +1 -1
- package/dist/markdown-editor.js +1 -1
- package/dist/styles.css +139 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { ReactNode, ReactElement, ComponentPropsWithoutRef,
|
|
3
|
+
import react__default, { ReactNode, ReactElement, ComponentPropsWithoutRef, PointerEvent, KeyboardEvent, CSSProperties, ChangeEvent, MouseEvent, RefObject, Dispatch, SetStateAction, HTMLAttributes, TableHTMLAttributes, ThHTMLAttributes, TdHTMLAttributes } from 'react';
|
|
4
4
|
import { M as MarkdownEditorComponent } from './types-99-Ej5og.js';
|
|
5
5
|
export { a as MarkdownEditorProps } from './types-99-Ej5og.js';
|
|
6
6
|
|
|
@@ -123,6 +123,14 @@ type ChartSize = "sm" | "md" | "lg";
|
|
|
123
123
|
*/
|
|
124
124
|
type ChartCurve = "linear" | "monotone" | "step" | "stepAfter";
|
|
125
125
|
type ChartGridLines = "none" | "x" | "y" | "both";
|
|
126
|
+
/**
|
|
127
|
+
* Which screen axis carries the values.
|
|
128
|
+
*
|
|
129
|
+
* `vertical` is the usual case — values run up the left side, categories along
|
|
130
|
+
* the bottom. `horizontal` swaps them, which is what a bar chart does when its
|
|
131
|
+
* category names are too long to be read rotated.
|
|
132
|
+
*/
|
|
133
|
+
type ChartOrientation = "vertical" | "horizontal";
|
|
126
134
|
type ChartLegendPosition = "top" | "bottom" | "right";
|
|
127
135
|
/** How the horizontal axis maps values to pixels. */
|
|
128
136
|
type ChartScaleType = "category" | "linear" | "time";
|
|
@@ -155,6 +163,10 @@ interface ChartSeries {
|
|
|
155
163
|
*/
|
|
156
164
|
type?: "bar" | "line";
|
|
157
165
|
}
|
|
166
|
+
/** A series whose palette slot has been resolved to a colour. */
|
|
167
|
+
type ChartResolvedSeries = ChartSeries & {
|
|
168
|
+
color: string;
|
|
169
|
+
};
|
|
158
170
|
interface ChartXAxisConfig {
|
|
159
171
|
/** Field read on each datum. */
|
|
160
172
|
key: string;
|
|
@@ -174,7 +186,12 @@ interface ChartXAxisConfig {
|
|
|
174
186
|
interface ChartYAxisConfig {
|
|
175
187
|
/** Fixed bounds, or `auto` (the default) to derive them from the data. */
|
|
176
188
|
domain?: [number, number] | "auto";
|
|
177
|
-
/**
|
|
189
|
+
/**
|
|
190
|
+
* Keeps zero inside an automatic domain. The default is the chart's own:
|
|
191
|
+
* `true` where a length or an area is read from the baseline (bars, areas,
|
|
192
|
+
* waterfall), `false` where a position or a slope is (lines, scatter,
|
|
193
|
+
* dumbbell, box plot, candlestick).
|
|
194
|
+
*/
|
|
178
195
|
includeZero?: boolean;
|
|
179
196
|
/** Preferred number of ticks. Defaults to 5. */
|
|
180
197
|
ticks?: number;
|
|
@@ -300,11 +317,107 @@ interface ChartTick {
|
|
|
300
317
|
offset: number;
|
|
301
318
|
label: string;
|
|
302
319
|
}
|
|
320
|
+
/**
|
|
321
|
+
* The resolved geometry of a plot, handed to whatever an application draws
|
|
322
|
+
* inside it.
|
|
323
|
+
*
|
|
324
|
+
* Coordinates are relative to the **drawing area**, not to the SVG: `0, 0` is
|
|
325
|
+
* the top-left corner of the plot, inside the axis gutters, which is the frame
|
|
326
|
+
* the chart's own marks are placed in.
|
|
327
|
+
*/
|
|
328
|
+
interface ChartPlotContext {
|
|
329
|
+
/** Size of the drawing area, and the gutters reserved around it. */
|
|
330
|
+
dimensions: ChartDimensions;
|
|
331
|
+
/** Which screen axis carries the values. */
|
|
332
|
+
orientation: ChartOrientation;
|
|
333
|
+
/**
|
|
334
|
+
* Where an x value lands along the category axis, in pixels.
|
|
335
|
+
*
|
|
336
|
+
* `null` when the axis cannot place it — a category that is not in the data,
|
|
337
|
+
* or a date outside the window. Skip the mark rather than drawing it on the
|
|
338
|
+
* edge, which is what the chart's own overlays do.
|
|
339
|
+
*/
|
|
340
|
+
xAt: (value: ChartXValue) => number | null;
|
|
341
|
+
/** Where a value lands along the value axis, in pixels. */
|
|
342
|
+
yAt: (value: number) => number;
|
|
343
|
+
/** Middle of each row's slot, in row order — where a mark is centred. */
|
|
344
|
+
categoryCenters: number[];
|
|
345
|
+
/** Width of a band. `0` where the rows are placed as points. */
|
|
346
|
+
bandwidth: number;
|
|
347
|
+
/** The x value of each row, in row order. */
|
|
348
|
+
xValues: ChartXValue[];
|
|
349
|
+
/** Rounded bounds of the value axis. */
|
|
350
|
+
domain: [number, number];
|
|
351
|
+
/** The rows the chart was given, untouched. */
|
|
352
|
+
data: readonly ChartDatum[];
|
|
353
|
+
/** The visible series, palette slots already resolved. */
|
|
354
|
+
series: readonly ChartResolvedSeries[];
|
|
355
|
+
/** The chart's own value formatter — a caption should read like its axis. */
|
|
356
|
+
formatValue: (value: number) => string;
|
|
357
|
+
/** The chart's own category formatter. */
|
|
358
|
+
formatX: (value: ChartXValue, index: number) => string;
|
|
359
|
+
}
|
|
360
|
+
/** Draws inside a chart's plot area, with the chart's own geometry. */
|
|
361
|
+
type ChartOverlayRenderer = (context: ChartPlotContext) => ReactNode;
|
|
362
|
+
/**
|
|
363
|
+
* What an application draws inside a chart.
|
|
364
|
+
*
|
|
365
|
+
* A bare function is drawn over the marks, which is what an extra label, a
|
|
366
|
+
* bracket or a custom threshold wants. The object form also reaches under
|
|
367
|
+
* them, for a region the data should sit on top of.
|
|
368
|
+
*/
|
|
369
|
+
type ChartOverlay = ChartOverlayRenderer | {
|
|
370
|
+
under?: ChartOverlayRenderer;
|
|
371
|
+
over?: ChartOverlayRenderer;
|
|
372
|
+
};
|
|
373
|
+
/**
|
|
374
|
+
* A window dragged across a chart's category axis.
|
|
375
|
+
*
|
|
376
|
+
* Both ends are inclusive, and both are given twice: as the x values a reader
|
|
377
|
+
* selected, and as the row indices they cover — filtering a dataset wants the
|
|
378
|
+
* indices, feeding a period picker wants the values.
|
|
379
|
+
*/
|
|
380
|
+
interface ChartBrushRange {
|
|
381
|
+
from: ChartXValue;
|
|
382
|
+
to: ChartXValue;
|
|
383
|
+
fromIndex: number;
|
|
384
|
+
toIndex: number;
|
|
385
|
+
}
|
|
386
|
+
/**
|
|
387
|
+
* What a panel carries besides its data.
|
|
388
|
+
*
|
|
389
|
+
* The three states are mutually exclusive and ranked: a chart that failed is
|
|
390
|
+
* not a chart that is empty, and a chart that is loading again is neither.
|
|
391
|
+
*/
|
|
392
|
+
interface ChartStatusProps {
|
|
393
|
+
/** Dims the plot while fresh data loads; a first load shows a spinner. */
|
|
394
|
+
loading?: boolean;
|
|
395
|
+
/** Replaces the "no data" message. */
|
|
396
|
+
emptyState?: ReactNode;
|
|
397
|
+
/**
|
|
398
|
+
* The data could not be loaded.
|
|
399
|
+
*
|
|
400
|
+
* Never the same thing as having none: a panel that says "no data" after a
|
|
401
|
+
* failed request states something false, and offers no way out.
|
|
402
|
+
*/
|
|
403
|
+
error?: boolean;
|
|
404
|
+
/** Replaces the whole built-in error state, message and button included. */
|
|
405
|
+
errorState?: ReactNode;
|
|
406
|
+
/** Draws the retry button in the error state, and is called when pressed. */
|
|
407
|
+
onRetry?: () => void;
|
|
408
|
+
/**
|
|
409
|
+
* Slot on the right of the caption: an export button, a range picker.
|
|
410
|
+
*
|
|
411
|
+
* A filter that frames several panels belongs in a `ChartFilterBar` above
|
|
412
|
+
* all of them; this is for what belongs to *this* panel alone.
|
|
413
|
+
*/
|
|
414
|
+
actions?: ReactNode;
|
|
415
|
+
}
|
|
303
416
|
/**
|
|
304
417
|
* Props shared by every cartesian chart of the kit. Each chart adds its own
|
|
305
418
|
* geometry on top — `curve` for lines, `stack` for areas and bars, and so on.
|
|
306
419
|
*/
|
|
307
|
-
interface CartesianChartBaseProps {
|
|
420
|
+
interface CartesianChartBaseProps extends ChartStatusProps {
|
|
308
421
|
data: ChartDatum[];
|
|
309
422
|
series: ChartSeries[];
|
|
310
423
|
x: ChartXAxisConfig;
|
|
@@ -324,8 +437,8 @@ interface CartesianChartBaseProps {
|
|
|
324
437
|
emphasis?: string;
|
|
325
438
|
title?: ReactNode;
|
|
326
439
|
description?: ReactNode;
|
|
327
|
-
|
|
328
|
-
|
|
440
|
+
/** Draws inside the plot, with the chart's own resolved geometry. */
|
|
441
|
+
overlay?: ChartOverlay;
|
|
329
442
|
onPointClick?: (event: ChartPointEvent) => void;
|
|
330
443
|
className?: string;
|
|
331
444
|
}
|
|
@@ -372,6 +485,28 @@ interface AreaChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWit
|
|
|
372
485
|
*/
|
|
373
486
|
patterns?: boolean;
|
|
374
487
|
legendToggle?: boolean;
|
|
488
|
+
/**
|
|
489
|
+
* Thins the drawn bands to roughly this many points per series.
|
|
490
|
+
*
|
|
491
|
+
* Runs the path through LTTB, which keeps the peaks a stride sample walks
|
|
492
|
+
* straight past. Only the paths are thinned: the geometry, the crosshair,
|
|
493
|
+
* the tooltip and the data table keep reading every row. Left unset, a
|
|
494
|
+
* series past `CHART_POINT_BUDGET` warns once in development.
|
|
495
|
+
*/
|
|
496
|
+
maxPoints?: number;
|
|
497
|
+
/**
|
|
498
|
+
* Lets a pointer drag a window across the category axis.
|
|
499
|
+
*
|
|
500
|
+
* Shift + arrows does the same from the keyboard, Escape drops it, and the
|
|
501
|
+
* window is published to the surrounding `ChartSyncProvider`.
|
|
502
|
+
*/
|
|
503
|
+
brush?: boolean;
|
|
504
|
+
/** Called when a window is set, and with `null` when one is dropped. */
|
|
505
|
+
onBrush?: (range: ChartBrushRange | null) => void;
|
|
506
|
+
/** Accessible name of the selected window. */
|
|
507
|
+
brushLabel?: string;
|
|
508
|
+
/** `false` keeps the chart out of the surrounding `ChartSyncProvider`. */
|
|
509
|
+
sync?: boolean;
|
|
375
510
|
margin?: Partial<ChartMargin>;
|
|
376
511
|
locale?: string;
|
|
377
512
|
plotLabel?: string;
|
|
@@ -387,7 +522,7 @@ interface AreaChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWit
|
|
|
387
522
|
* bands, separated by 2px of the surface colour rather than by a border drawn
|
|
388
523
|
* around each one.
|
|
389
524
|
*/
|
|
390
|
-
declare function AreaChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, onPointClick, curve, stack, baseline, connectNulls, referenceLines, annotations, patterns, legendToggle, margin, locale, plotLabel, className, ...props }: AreaChartProps): react_jsx_runtime.JSX.Element;
|
|
525
|
+
declare function AreaChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, error, errorState, onRetry, actions, onPointClick, curve, stack, baseline, connectNulls, referenceLines, annotations, overlay, patterns, legendToggle, maxPoints, brush, onBrush, brushLabel, sync, margin, locale, plotLabel, className, ...props }: AreaChartProps): react_jsx_runtime.JSX.Element;
|
|
391
526
|
|
|
392
527
|
interface AvatarProps extends ComponentPropsWithoutRef<"div"> {
|
|
393
528
|
src?: string;
|
|
@@ -416,14 +551,147 @@ declare namespace Badge {
|
|
|
416
551
|
var displayName: string;
|
|
417
552
|
}
|
|
418
553
|
|
|
554
|
+
interface LinearScale {
|
|
555
|
+
/** Maps a value to a pixel position. */
|
|
556
|
+
(value: number): number;
|
|
557
|
+
/** Maps a pixel position back to a value. */
|
|
558
|
+
invert(pixel: number): number;
|
|
559
|
+
readonly domain: readonly [number, number];
|
|
560
|
+
readonly range: readonly [number, number];
|
|
561
|
+
}
|
|
562
|
+
|
|
419
563
|
/**
|
|
420
564
|
* Which screen axis carries the values.
|
|
421
565
|
*
|
|
422
|
-
*
|
|
423
|
-
*
|
|
424
|
-
|
|
566
|
+
* The public spelling is `ChartOrientation`, declared beside the other types
|
|
567
|
+
* an application can see; this alias is what the engine has always called it.
|
|
568
|
+
*/
|
|
569
|
+
type CartesianOrientation = ChartOrientation;
|
|
570
|
+
/**
|
|
571
|
+
* How a row takes its place along the category axis.
|
|
572
|
+
*
|
|
573
|
+
* `point` spaces the rows evenly with the first and last on the edges, which
|
|
574
|
+
* is what a line or an area is plotted against. `band` gives each row a slot
|
|
575
|
+
* of its own, which is what a bar needs to have a width.
|
|
425
576
|
*/
|
|
426
|
-
type
|
|
577
|
+
type CategoryPlacement = "point" | "band";
|
|
578
|
+
interface CartesianGeometryOptions {
|
|
579
|
+
/** Measured width of the plot area — never the `width` prop, which is usually unset. */
|
|
580
|
+
width: number;
|
|
581
|
+
height: number;
|
|
582
|
+
data: readonly ChartDatum[];
|
|
583
|
+
/** Describes the category axis, whichever side the orientation puts it on. */
|
|
584
|
+
x: ChartXAxisConfig;
|
|
585
|
+
/** Describes the value axis. */
|
|
586
|
+
y?: ChartYAxisConfig;
|
|
587
|
+
/**
|
|
588
|
+
* Bounds the value axis has to cover, before rounding.
|
|
589
|
+
*
|
|
590
|
+
* The caller computes them, because they are not always the extent of the
|
|
591
|
+
* raw values: a stacked chart measures its totals, not its series.
|
|
592
|
+
*/
|
|
593
|
+
bounds: [number, number] | null;
|
|
594
|
+
margin?: Partial<ChartMargin>;
|
|
595
|
+
orientation?: CartesianOrientation;
|
|
596
|
+
placement?: CategoryPlacement;
|
|
597
|
+
/** Share of a band left empty between two neighbours. */
|
|
598
|
+
bandPaddingInner?: number;
|
|
599
|
+
formatValue: (value: number) => string;
|
|
600
|
+
formatX: (value: ChartXValue, index: number) => string;
|
|
601
|
+
/** Extra room at the top, for a caption drawn above the plot. */
|
|
602
|
+
extraTop?: number;
|
|
603
|
+
/**
|
|
604
|
+
* Whether zero stays inside the domain when the axis config does not say.
|
|
605
|
+
*
|
|
606
|
+
* A bar is read for the length of its mark, so it needs its baseline; a line
|
|
607
|
+
* is read for its slope, and forcing zero flattens the change.
|
|
608
|
+
*/
|
|
609
|
+
defaultIncludeZero?: boolean;
|
|
610
|
+
}
|
|
611
|
+
interface CartesianGeometry {
|
|
612
|
+
margin: ChartMargin;
|
|
613
|
+
innerWidth: number;
|
|
614
|
+
innerHeight: number;
|
|
615
|
+
orientation: CartesianOrientation;
|
|
616
|
+
/** Maps a value to a pixel along the value axis. */
|
|
617
|
+
valueScale: LinearScale;
|
|
618
|
+
/** Rounded bounds of the value axis. */
|
|
619
|
+
domain: [number, number];
|
|
620
|
+
valueTicks: ChartTick[];
|
|
621
|
+
/** The x value of each row, in row order. */
|
|
622
|
+
xValues: ChartXValue[];
|
|
623
|
+
/** Where each row starts along the category axis. */
|
|
624
|
+
categoryPositions: number[];
|
|
625
|
+
/** Width of a band — `0` under a point placement. */
|
|
626
|
+
bandwidth: number;
|
|
627
|
+
/** Middle of a row's slot: where a tick, a line point or a hover lands. */
|
|
628
|
+
categoryCenters: number[];
|
|
629
|
+
categoryTicks: ChartTick[];
|
|
630
|
+
/** Length of the category axis in pixels. */
|
|
631
|
+
categoryLength: number;
|
|
632
|
+
/**
|
|
633
|
+
* The category axis as a continuous scale, when it is one.
|
|
634
|
+
*
|
|
635
|
+
* `null` for a list of categories, where a value that is not in the data
|
|
636
|
+
* has no position at all. It is what lets an overlay place a date the rows
|
|
637
|
+
* never carry — an annotation on the 14th of a weekly series.
|
|
638
|
+
*/
|
|
639
|
+
categoryScale: LinearScale | null;
|
|
640
|
+
}
|
|
641
|
+
/**
|
|
642
|
+
* Everything a cartesian chart needs to place a mark, computed once.
|
|
643
|
+
*
|
|
644
|
+
* A pure function on purpose: it is the part of a chart that can be wrong in a
|
|
645
|
+
* way no rendering test would catch, and it is the part every cartesian chart
|
|
646
|
+
* of the kit shares. Line, area and bar differ in the mark they draw over this,
|
|
647
|
+
* not in how they lay it out.
|
|
648
|
+
*
|
|
649
|
+
* It speaks in value and category axes rather than x and y, because a
|
|
650
|
+
* horizontal bar chart swaps which screen axis carries which.
|
|
651
|
+
*/
|
|
652
|
+
declare function buildCartesianGeometry({ width, height, data, x, y, bounds, margin, orientation, placement, bandPaddingInner, formatValue, formatX, extraTop, defaultIncludeZero, }: CartesianGeometryOptions): CartesianGeometry;
|
|
653
|
+
/**
|
|
654
|
+
* Where a raw x value lands on the category axis, in pixels.
|
|
655
|
+
*
|
|
656
|
+
* Two axes, one question. A continuous axis can place a value the data never
|
|
657
|
+
* carries, which is exactly what an annotation on an arbitrary date needs; a
|
|
658
|
+
* list of categories cannot, so a value it does not hold answers `null` and
|
|
659
|
+
* the caller skips the mark rather than drawing it on the edge.
|
|
660
|
+
*
|
|
661
|
+
* A position outside the plot answers `null` for the same reason: overlays are
|
|
662
|
+
* drawn without a clip path, and an out-of-window date would otherwise land in
|
|
663
|
+
* the axis gutter.
|
|
664
|
+
*/
|
|
665
|
+
declare function createCategoryLocator(geometry: Pick<CartesianGeometry, "categoryScale" | "xValues" | "categoryCenters" | "categoryLength">): (value: ChartXValue) => number | null;
|
|
666
|
+
/**
|
|
667
|
+
* The resolved geometry of a plot, in the shape an application can draw with.
|
|
668
|
+
*
|
|
669
|
+
* The chart already holds every one of these; this only gathers them behind
|
|
670
|
+
* one type, so that `overlay` is a contract the kit can keep rather than a
|
|
671
|
+
* bag of whatever a chart happened to have in scope.
|
|
672
|
+
*/
|
|
673
|
+
declare function createPlotContext({ geometry, width, height, data, series, formatValue, formatX, }: {
|
|
674
|
+
geometry: CartesianGeometry;
|
|
675
|
+
/** Total width of the SVG, gutters included. */
|
|
676
|
+
width: number;
|
|
677
|
+
height: number;
|
|
678
|
+
data: readonly ChartDatum[];
|
|
679
|
+
/** The visible series only — an overlay should not draw a hidden one. */
|
|
680
|
+
series: readonly ChartResolvedSeries[];
|
|
681
|
+
formatValue: (value: number) => string;
|
|
682
|
+
formatX: (value: ChartXValue, index: number) => string;
|
|
683
|
+
}): ChartPlotContext;
|
|
684
|
+
/**
|
|
685
|
+
* An overlay in its two halves, whichever form it was given in.
|
|
686
|
+
*
|
|
687
|
+
* A bare function draws over the marks, which is what a label, a bracket or a
|
|
688
|
+
* custom threshold wants. Reaching under them is the rarer case and says so by
|
|
689
|
+
* taking the object form.
|
|
690
|
+
*/
|
|
691
|
+
declare function splitOverlay(overlay: ChartOverlay | undefined): {
|
|
692
|
+
under?: ChartOverlayRenderer;
|
|
693
|
+
over?: ChartOverlayRenderer;
|
|
694
|
+
};
|
|
427
695
|
|
|
428
696
|
/**
|
|
429
697
|
* Binning, for the one chart that counts rather than reads a measure.
|
|
@@ -555,6 +823,19 @@ interface BarChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWith
|
|
|
555
823
|
*/
|
|
556
824
|
patterns?: boolean;
|
|
557
825
|
legendToggle?: boolean;
|
|
826
|
+
/**
|
|
827
|
+
* Lets a pointer drag a window across the category axis.
|
|
828
|
+
*
|
|
829
|
+
* Shift + arrows does the same from the keyboard, Escape drops it, and the
|
|
830
|
+
* window is published to the surrounding `ChartSyncProvider`.
|
|
831
|
+
*/
|
|
832
|
+
brush?: boolean;
|
|
833
|
+
/** Called when a window is set, and with `null` when one is dropped. */
|
|
834
|
+
onBrush?: (range: ChartBrushRange | null) => void;
|
|
835
|
+
/** Accessible name of the selected window. */
|
|
836
|
+
brushLabel?: string;
|
|
837
|
+
/** `false` keeps the chart out of the surrounding `ChartSyncProvider`. */
|
|
838
|
+
sync?: boolean;
|
|
558
839
|
margin?: Partial<ChartMargin>;
|
|
559
840
|
locale?: string;
|
|
560
841
|
plotLabel?: string;
|
|
@@ -570,7 +851,7 @@ interface BarChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWith
|
|
|
570
851
|
* is read for the length of its mark, and an axis starting at 40 exaggerates
|
|
571
852
|
* every difference on the chart.
|
|
572
853
|
*/
|
|
573
|
-
declare function BarChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, onPointClick, orientation, stack, diverging, bins, curve, barSize, sort, showValues, referenceLines, annotations, patterns, legendToggle, margin, locale, plotLabel, className, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
854
|
+
declare function BarChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, error, errorState, onRetry, actions, onPointClick, orientation, stack, diverging, bins, curve, barSize, sort, showValues, referenceLines, annotations, overlay, patterns, legendToggle, brush, onBrush, brushLabel, sync, margin, locale, plotLabel, className, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
574
855
|
|
|
575
856
|
type BannerVariant = "notification" | "hero" | "promotion";
|
|
576
857
|
type BannerType = "info" | "success" | "warning" | "error" | "default";
|
|
@@ -610,7 +891,7 @@ interface BreadcrumbProps extends ComponentPropsWithoutRef<"nav"> {
|
|
|
610
891
|
}
|
|
611
892
|
declare function Breadcrumb({ items, separator, size, maxItems, itemColor, activeColor, separatorColor, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
612
893
|
|
|
613
|
-
interface BulletChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
894
|
+
interface BulletChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
614
895
|
/** One row per measure. */
|
|
615
896
|
data: ChartDatum[];
|
|
616
897
|
/** Field holding the name of each row. */
|
|
@@ -647,8 +928,6 @@ interface BulletChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "chi
|
|
|
647
928
|
tableView?: boolean | "toggle";
|
|
648
929
|
title?: ReactNode;
|
|
649
930
|
description?: ReactNode;
|
|
650
|
-
loading?: boolean;
|
|
651
|
-
emptyState?: ReactNode;
|
|
652
931
|
locale?: string;
|
|
653
932
|
plotLabel?: string;
|
|
654
933
|
/** Header of the value column of the data table. */
|
|
@@ -685,7 +964,7 @@ interface BulletRow {
|
|
|
685
964
|
* common axis to read across rows: pass `normalize="shared"` (or a `domain`)
|
|
686
965
|
* when the rows carry the same unit, and the value axis comes back.
|
|
687
966
|
*/
|
|
688
|
-
declare function BulletChart({ data, x, value, target, ranges, domain, normalize, showValues, trackSize, rangeColors, color, height, width, size, tooltip, tableView, title, description, loading, emptyState, locale, plotLabel, valueLabel, targetLabel, format, onRowClick, className, ...props }: BulletChartProps): react_jsx_runtime.JSX.Element;
|
|
967
|
+
declare function BulletChart({ data, x, value, target, ranges, domain, normalize, showValues, trackSize, rangeColors, color, height, width, size, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, locale, plotLabel, valueLabel, targetLabel, format, onRowClick, className, ...props }: BulletChartProps): react_jsx_runtime.JSX.Element;
|
|
689
968
|
|
|
690
969
|
interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
691
970
|
label?: string;
|
|
@@ -968,7 +1247,7 @@ interface BoxPlotBox {
|
|
|
968
1247
|
mean: number | null;
|
|
969
1248
|
datum: ChartDatum;
|
|
970
1249
|
}
|
|
971
|
-
interface BoxPlotProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
1250
|
+
interface BoxPlotProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
972
1251
|
/** One row per category compared. */
|
|
973
1252
|
data: ChartDatum[];
|
|
974
1253
|
/** Field holding the name of each category. */
|
|
@@ -1018,8 +1297,6 @@ interface BoxPlotProps extends Omit<ComponentPropsWithoutRef<"figure">, "childre
|
|
|
1018
1297
|
tableView?: boolean | "toggle";
|
|
1019
1298
|
title?: ReactNode;
|
|
1020
1299
|
description?: ReactNode;
|
|
1021
|
-
loading?: boolean;
|
|
1022
|
-
emptyState?: ReactNode;
|
|
1023
1300
|
margin?: Partial<ChartMargin>;
|
|
1024
1301
|
locale?: string;
|
|
1025
1302
|
plotLabel?: string;
|
|
@@ -1044,7 +1321,7 @@ interface BoxPlotProps extends Omit<ComponentPropsWithoutRef<"figure">, "childre
|
|
|
1044
1321
|
* with a panel each, which keeps them on a shared scale without asking the
|
|
1045
1322
|
* reader to hold two colour legends at once.
|
|
1046
1323
|
*/
|
|
1047
|
-
declare function BoxPlot({ data, x, y, values, quantiles, whisker, orientation, boxSize, showOutliers, showMean, color, referenceLines, height, width, size, grid, tooltip, tableView, title, description, loading, emptyState, margin, locale, plotLabel, format, onBoxClick, className, ...props }: BoxPlotProps): react_jsx_runtime.JSX.Element;
|
|
1324
|
+
declare function BoxPlot({ data, x, y, values, quantiles, whisker, orientation, boxSize, showOutliers, showMean, color, referenceLines, height, width, size, grid, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, margin, locale, plotLabel, format, onBoxClick, className, ...props }: BoxPlotProps): react_jsx_runtime.JSX.Element;
|
|
1048
1325
|
|
|
1049
1326
|
/** One session, as the tooltip and the click handler see it. */
|
|
1050
1327
|
interface Candle {
|
|
@@ -1061,7 +1338,7 @@ interface Candle {
|
|
|
1061
1338
|
rising: boolean;
|
|
1062
1339
|
datum: ChartDatum;
|
|
1063
1340
|
}
|
|
1064
|
-
interface CandlestickChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
1341
|
+
interface CandlestickChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
1065
1342
|
/** One row per session. */
|
|
1066
1343
|
data: ChartDatum[];
|
|
1067
1344
|
/** Field holding the session's label — usually a date. */
|
|
@@ -1101,8 +1378,6 @@ interface CandlestickChartProps extends Omit<ComponentPropsWithoutRef<"figure">,
|
|
|
1101
1378
|
tableView?: boolean | "toggle";
|
|
1102
1379
|
title?: ReactNode;
|
|
1103
1380
|
description?: ReactNode;
|
|
1104
|
-
loading?: boolean;
|
|
1105
|
-
emptyState?: ReactNode;
|
|
1106
1381
|
margin?: Partial<ChartMargin>;
|
|
1107
1382
|
locale?: string;
|
|
1108
1383
|
plotLabel?: string;
|
|
@@ -1133,7 +1408,7 @@ interface CandlestickChartProps extends Omit<ComponentPropsWithoutRef<"figure">,
|
|
|
1133
1408
|
* its movement; a share worth 180 dollars read from zero is a flat band at
|
|
1134
1409
|
* the top of the plot.
|
|
1135
1410
|
*/
|
|
1136
|
-
declare function CandlestickChart({ data, x, y, open, high, low, close, candleSize, fillRising, colors, referenceLines, height, width, size, grid, legend, tooltip, tableView, title, description, loading, emptyState, margin, locale, plotLabel, openLabel, highLabel, lowLabel, closeLabel, riseLabel, fallLabel, format, onCandleClick, className, ...props }: CandlestickChartProps): react_jsx_runtime.JSX.Element;
|
|
1411
|
+
declare function CandlestickChart({ data, x, y, open, high, low, close, candleSize, fillRising, colors, referenceLines, height, width, size, grid, legend, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, margin, locale, plotLabel, openLabel, highLabel, lowLabel, closeLabel, riseLabel, fallLabel, format, onCandleClick, className, ...props }: CandlestickChartProps): react_jsx_runtime.JSX.Element;
|
|
1137
1412
|
|
|
1138
1413
|
/** Geometry handed to the render prop once the container has been measured. */
|
|
1139
1414
|
interface ChartContainerRenderArgs {
|
|
@@ -1163,6 +1438,25 @@ interface ChartContainerProps extends Omit<ComponentPropsWithoutRef<"figure">, "
|
|
|
1163
1438
|
/** The chart has nothing to draw. */
|
|
1164
1439
|
empty?: boolean;
|
|
1165
1440
|
emptyState?: ReactNode;
|
|
1441
|
+
/**
|
|
1442
|
+
* The data could not be loaded.
|
|
1443
|
+
*
|
|
1444
|
+
* Deliberately separate from `empty`: "there is nothing to show" and "we
|
|
1445
|
+
* failed to fetch it" are two different statements, and a panel that says
|
|
1446
|
+
* the first after a failed request is saying something false. Only this one
|
|
1447
|
+
* offers a way out, through `onRetry`.
|
|
1448
|
+
*
|
|
1449
|
+
* A truthy `loading` wins over it, so a retry replaces the message with the
|
|
1450
|
+
* spinner rather than leaving the reader wondering whether anything happened.
|
|
1451
|
+
*/
|
|
1452
|
+
error?: boolean;
|
|
1453
|
+
/** Replaces the whole built-in error state, message and button included. */
|
|
1454
|
+
errorState?: ReactNode;
|
|
1455
|
+
/** Draws the retry button, and is called when it is pressed. */
|
|
1456
|
+
onRetry?: () => void;
|
|
1457
|
+
errorLabel?: string;
|
|
1458
|
+
errorHintLabel?: string;
|
|
1459
|
+
retryLabel?: string;
|
|
1166
1460
|
/** The data table twin, usually a `ChartTableView`. */
|
|
1167
1461
|
table?: ReactNode;
|
|
1168
1462
|
/** `true` keeps the table open, `"toggle"` puts it behind a button. */
|
|
@@ -1180,13 +1474,14 @@ interface ChartContainerProps extends Omit<ComponentPropsWithoutRef<"figure">, "
|
|
|
1180
1474
|
* The frame every chart of the kit is drawn in.
|
|
1181
1475
|
*
|
|
1182
1476
|
* It owns what is identical from one chart to the next — measured width,
|
|
1183
|
-
* caption, legend slot, loading and
|
|
1184
|
-
* so that a chart component is left with its geometry and
|
|
1477
|
+
* caption, legend slot, the loading, empty and error states, and the data
|
|
1478
|
+
* table toggle — so that a chart component is left with its geometry and
|
|
1479
|
+
* nothing else.
|
|
1185
1480
|
*
|
|
1186
1481
|
* The plot area is a render prop: a chart cannot lay itself out before the
|
|
1187
1482
|
* container has been measured.
|
|
1188
1483
|
*/
|
|
1189
|
-
declare function ChartContainer({ title, description, height, width: fixedWidth, size, legend, legendPosition, actions, loading, empty, emptyState, table, tableView, showTableLabel, hideTableLabel, noDataLabel, loadingLabel, ariaLabel, children, className, ...props }: ChartContainerProps): react_jsx_runtime.JSX.Element;
|
|
1484
|
+
declare function ChartContainer({ title, description, height, width: fixedWidth, size, legend, legendPosition, actions, loading, empty, emptyState, error, errorState, onRetry, errorLabel, errorHintLabel, retryLabel, table, tableView, showTableLabel, hideTableLabel, noDataLabel, loadingLabel, ariaLabel, children, className, ...props }: ChartContainerProps): react_jsx_runtime.JSX.Element;
|
|
1190
1485
|
|
|
1191
1486
|
type ChartAxisOrientation = "bottom" | "left";
|
|
1192
1487
|
interface ChartAxisProps extends Omit<ComponentPropsWithoutRef<"g">, "children"> {
|
|
@@ -1343,6 +1638,363 @@ declare function ChartAnnotationLayer({ annotations, xAt, yAt, width, height, ba
|
|
|
1343
1638
|
*/
|
|
1344
1639
|
declare function describeAnnotations(annotations: readonly ChartAnnotation[] | undefined, prefix: string): string;
|
|
1345
1640
|
|
|
1641
|
+
interface ChartBrushLayerProps {
|
|
1642
|
+
/** Where the window starts and ends along the category axis, in pixels. */
|
|
1643
|
+
from: number;
|
|
1644
|
+
to: number;
|
|
1645
|
+
/** Size of the drawing area. */
|
|
1646
|
+
width: number;
|
|
1647
|
+
height: number;
|
|
1648
|
+
/** Which screen axis the categories run along. */
|
|
1649
|
+
orientation?: ChartOrientation;
|
|
1650
|
+
/** Dashed while the pointer is still down, solid once the window is set. */
|
|
1651
|
+
live?: boolean;
|
|
1652
|
+
/** Names the region for assistive technology. */
|
|
1653
|
+
label?: string;
|
|
1654
|
+
}
|
|
1655
|
+
/**
|
|
1656
|
+
* The window a reader selected, drawn across the plot.
|
|
1657
|
+
*
|
|
1658
|
+
* Both edges are drawn as rules rather than left to the wash alone: the ends
|
|
1659
|
+
* of the window are the part a reader checks, and the boundary of a 14%
|
|
1660
|
+
* translucent band is not a line anybody can point at.
|
|
1661
|
+
*/
|
|
1662
|
+
declare function ChartBrushLayer({ from, to, width, height, orientation, live, label, }: ChartBrushLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
1663
|
+
interface UseChartBrushOptions {
|
|
1664
|
+
/** `false` leaves every handler a no-op, so a chart can wire them anyway. */
|
|
1665
|
+
enabled: boolean;
|
|
1666
|
+
/**
|
|
1667
|
+
* Whether a window is currently set.
|
|
1668
|
+
*
|
|
1669
|
+
* A press that goes nowhere drops the window — otherwise a reader who has
|
|
1670
|
+
* brushed once has no way back but to brush again. Without knowing there is
|
|
1671
|
+
* one to drop, every ordinary click would fire a `null` nobody asked for.
|
|
1672
|
+
*/
|
|
1673
|
+
active: boolean;
|
|
1674
|
+
/** Middle of each row's slot along the category axis, in pixels. */
|
|
1675
|
+
centers: readonly number[];
|
|
1676
|
+
/** The x value of each row, in row order. */
|
|
1677
|
+
xValues: readonly ChartXValue[];
|
|
1678
|
+
/** Offset of the drawing area inside the SVG, on the axis the drag runs along. */
|
|
1679
|
+
offset: number;
|
|
1680
|
+
orientation: ChartOrientation;
|
|
1681
|
+
/** Called when a window is set, and with `null` when one is dropped. */
|
|
1682
|
+
onCommit: (range: ChartBrushRange | null) => void;
|
|
1683
|
+
}
|
|
1684
|
+
interface UseChartBrushResult {
|
|
1685
|
+
/** The window being dragged right now, or `null`. */
|
|
1686
|
+
dragging: ChartBrushRange | null;
|
|
1687
|
+
onPointerDown: (event: PointerEvent<SVGSVGElement>) => void;
|
|
1688
|
+
onPointerMove: (event: PointerEvent<SVGSVGElement>) => void;
|
|
1689
|
+
onPointerUp: (event: PointerEvent<SVGSVGElement>) => void;
|
|
1690
|
+
/**
|
|
1691
|
+
* Shift + arrows to extend the window, Escape to drop it.
|
|
1692
|
+
*
|
|
1693
|
+
* Never consumes the key: the chart's own handler still moves its crosshair
|
|
1694
|
+
* on the same press, which is what keeps the window's head and the focused
|
|
1695
|
+
* position in step. Keyboard parity is not optional here — a filter that can
|
|
1696
|
+
* only be set by dragging is a filter half the readers cannot reach.
|
|
1697
|
+
*/
|
|
1698
|
+
onKeyDown: (event: KeyboardEvent<SVGSVGElement>, focusedIndex: number | null) => void;
|
|
1699
|
+
/** `true` when the press that just ended was a drag, not a click. */
|
|
1700
|
+
consumedClick: () => boolean;
|
|
1701
|
+
}
|
|
1702
|
+
/**
|
|
1703
|
+
* Dragging a window across a chart's category axis.
|
|
1704
|
+
*
|
|
1705
|
+
* The gesture the whole of `ChartSyncProvider` exists for: a reader pulls a
|
|
1706
|
+
* fortnight on the line and the dashboard is read over that fortnight. It has
|
|
1707
|
+
* to live in the plot rather than in a strip of its own, because the range
|
|
1708
|
+
* being chosen is a range *of the data on screen* — a second miniature chart
|
|
1709
|
+
* under the first would be a different picture to aim at.
|
|
1710
|
+
*/
|
|
1711
|
+
declare function useChartBrush({ enabled, active, centers, xValues, offset, orientation, onCommit, }: UseChartBrushOptions): UseChartBrushResult;
|
|
1712
|
+
|
|
1713
|
+
/**
|
|
1714
|
+
* The periods a dashboard is read over, resolved to real dates.
|
|
1715
|
+
*
|
|
1716
|
+
* Pure functions on purpose: "the last 30 days" is the kind of thing that is
|
|
1717
|
+
* wrong by one day for a month before anybody notices, and it is much easier
|
|
1718
|
+
* to pin down here than through a rendered picker.
|
|
1719
|
+
*/
|
|
1720
|
+
/** The windows a filter row offers by name. */
|
|
1721
|
+
type ChartPeriodPreset = "7d" | "30d" | "90d" | "12m" | "mtd" | "qtd" | "ytd" | "custom";
|
|
1722
|
+
/** A resolved window: where it came from, and the two dates it covers. */
|
|
1723
|
+
interface ChartPeriod {
|
|
1724
|
+
/** The entry that produced it. `custom` when the dates were picked by hand. */
|
|
1725
|
+
preset: ChartPeriodPreset;
|
|
1726
|
+
from: Date;
|
|
1727
|
+
to: Date;
|
|
1728
|
+
}
|
|
1729
|
+
/** The presets a picker offers when it is not told otherwise. */
|
|
1730
|
+
declare const DEFAULT_CHART_PERIOD_PRESETS: readonly ChartPeriodPreset[];
|
|
1731
|
+
/** Midnight at the start of a day, in the reader's own time zone. */
|
|
1732
|
+
declare function startOfDay(date: Date): Date;
|
|
1733
|
+
/**
|
|
1734
|
+
* The last millisecond of a day.
|
|
1735
|
+
*
|
|
1736
|
+
* A window ending at midnight drops everything that happened during its last
|
|
1737
|
+
* day — the single most common off-by-one in a dashboard.
|
|
1738
|
+
*/
|
|
1739
|
+
declare function endOfDay(date: Date): Date;
|
|
1740
|
+
/**
|
|
1741
|
+
* Resolves a named window against a reference moment.
|
|
1742
|
+
*
|
|
1743
|
+
* "The last 7 days" counts today as one of them, which is what a reader
|
|
1744
|
+
* expects from a figure that includes what happened this morning.
|
|
1745
|
+
*/
|
|
1746
|
+
declare function resolvePeriodPreset(preset: ChartPeriodPreset, now?: Date): {
|
|
1747
|
+
from: Date;
|
|
1748
|
+
to: Date;
|
|
1749
|
+
};
|
|
1750
|
+
/** A named window, resolved into the period a chart is filtered by. */
|
|
1751
|
+
declare function createPeriod(preset: ChartPeriodPreset, now?: Date): ChartPeriod;
|
|
1752
|
+
/**
|
|
1753
|
+
* The two ends of a window as one string.
|
|
1754
|
+
*
|
|
1755
|
+
* `formatRange` is what a locale expects here — it collapses the parts the two
|
|
1756
|
+
* dates share ("1 – 15 March 2026" rather than twice the month and the year).
|
|
1757
|
+
*/
|
|
1758
|
+
declare function formatPeriodRange(from: Date, to: Date, locale?: string): string;
|
|
1759
|
+
/** `true` when two periods cover the same window, to the millisecond. */
|
|
1760
|
+
declare function samePeriod(a: ChartPeriod | undefined, b: ChartPeriod | undefined): boolean;
|
|
1761
|
+
|
|
1762
|
+
/** What every panel of a synchronised group can see and change. */
|
|
1763
|
+
interface ChartSyncContextValue {
|
|
1764
|
+
/** The position under the pointer, in whichever panel the pointer is in. */
|
|
1765
|
+
hovered: ChartXValue | null;
|
|
1766
|
+
/** The window dragged on any panel of the group. */
|
|
1767
|
+
brush: ChartBrushRange | null;
|
|
1768
|
+
/** `false` when the group was told not to share the pointer. */
|
|
1769
|
+
hoverShared: boolean;
|
|
1770
|
+
setHovered: (value: ChartXValue | null) => void;
|
|
1771
|
+
setBrush: (range: ChartBrushRange | null) => void;
|
|
1772
|
+
}
|
|
1773
|
+
/**
|
|
1774
|
+
* The group a chart belongs to, or `null` when it stands alone.
|
|
1775
|
+
*
|
|
1776
|
+
* Public because the two things a group carries — where the pointer is, and
|
|
1777
|
+
* what window is selected — are exactly what a panel that is *not* a chart
|
|
1778
|
+
* needs to stay in step: a legend, a figure beside the row, a table.
|
|
1779
|
+
*/
|
|
1780
|
+
declare function useChartSync(): ChartSyncContextValue | null;
|
|
1781
|
+
interface ChartSyncProviderProps {
|
|
1782
|
+
children: ReactNode;
|
|
1783
|
+
/**
|
|
1784
|
+
* Shares the hovered position between the panels.
|
|
1785
|
+
*
|
|
1786
|
+
* The pointer draws a crosshair in every panel and a tooltip in one: four
|
|
1787
|
+
* tooltips at once is four things to read and no answer.
|
|
1788
|
+
*/
|
|
1789
|
+
hover?: boolean;
|
|
1790
|
+
/** Controlled selection. Leave unset to let the group hold its own. */
|
|
1791
|
+
brush?: ChartBrushRange | null;
|
|
1792
|
+
/** Starting selection of an uncontrolled group. */
|
|
1793
|
+
defaultBrush?: ChartBrushRange | null;
|
|
1794
|
+
/** Called whenever a panel commits a dragged window, or clears it with `null`. */
|
|
1795
|
+
onBrushChange?: (range: ChartBrushRange | null) => void;
|
|
1796
|
+
}
|
|
1797
|
+
/**
|
|
1798
|
+
* Several charts read as one object rather than as a row of pictures.
|
|
1799
|
+
*
|
|
1800
|
+
* `ChartFilterBar` made a dashboard a **frame**: one row of filters above
|
|
1801
|
+
* panels that therefore answer the same question. This makes it an **object**:
|
|
1802
|
+
* the pointer lands on a moment in one panel and every other panel marks the
|
|
1803
|
+
* same moment, and a window dragged on one is the window all of them show.
|
|
1804
|
+
*
|
|
1805
|
+
* Nothing is drawn here. The provider holds the two pieces of state a group
|
|
1806
|
+
* shares and hands them to whichever panels are inside it; a chart opts out
|
|
1807
|
+
* with `sync={false}`.
|
|
1808
|
+
*
|
|
1809
|
+
* ```tsx
|
|
1810
|
+
* const [period, setPeriod] = useState(() => createPeriod("30d"));
|
|
1811
|
+
*
|
|
1812
|
+
* <ChartSyncProvider onBrushChange={(range) => range && setPeriod(brushToPeriod(range))}>
|
|
1813
|
+
* <ChartFilterBar>
|
|
1814
|
+
* <ChartPeriodPicker value={period} onChange={setPeriod} />
|
|
1815
|
+
* </ChartFilterBar>
|
|
1816
|
+
* <LineChart brush data={rows} … />
|
|
1817
|
+
* <BarChart data={rows} … />
|
|
1818
|
+
* </ChartSyncProvider>
|
|
1819
|
+
* ```
|
|
1820
|
+
*/
|
|
1821
|
+
declare function ChartSyncProvider({ children, hover, brush, defaultBrush, onBrushChange, }: ChartSyncProviderProps): react_jsx_runtime.JSX.Element;
|
|
1822
|
+
/**
|
|
1823
|
+
* A dragged window, as the period a filter row is set to.
|
|
1824
|
+
*
|
|
1825
|
+
* The point of brushing: a reader drags a fortnight on the line and the
|
|
1826
|
+
* dashboard is now read over that fortnight. Both ends are widened to whole
|
|
1827
|
+
* days, the way `ChartPeriodPicker` resolves its own presets — a window ending
|
|
1828
|
+
* at midnight drops its own last day.
|
|
1829
|
+
*
|
|
1830
|
+
* Answers `null` when the axis that was brushed carries no date at all. It
|
|
1831
|
+
* cannot tell a timestamp from any other number, though — a time axis stores
|
|
1832
|
+
* its values as numbers, and so does a linear one. Call it on a chart whose x
|
|
1833
|
+
* axis carries dates; on any other the window it returns is arithmetic rather
|
|
1834
|
+
* than a period.
|
|
1835
|
+
*/
|
|
1836
|
+
declare function brushToPeriod(range: ChartBrushRange): ChartPeriod | null;
|
|
1837
|
+
|
|
1838
|
+
/**
|
|
1839
|
+
* What a chart hands to a file.
|
|
1840
|
+
*
|
|
1841
|
+
* The same rows its data table draws, which is the point: `DataGrid` has
|
|
1842
|
+
* exported CSV and JSON since it shipped, and a chart holds an exact table of
|
|
1843
|
+
* its own already. Every value a reader can see is a value they can take away.
|
|
1844
|
+
*/
|
|
1845
|
+
interface ChartExportOptions {
|
|
1846
|
+
data: readonly ChartDatum[];
|
|
1847
|
+
series: readonly ChartSeries[];
|
|
1848
|
+
/** Field the rows are keyed on — the chart's x axis. */
|
|
1849
|
+
xKey: string;
|
|
1850
|
+
/** Header of the first column. Defaults to `xKey`. */
|
|
1851
|
+
xLabel?: string;
|
|
1852
|
+
/**
|
|
1853
|
+
* Formats the category of each row.
|
|
1854
|
+
*
|
|
1855
|
+
* Only the category: the measurements are written raw on purpose. A
|
|
1856
|
+
* spreadsheet is going to compute on them, and `1 234,5 €` is a string.
|
|
1857
|
+
*/
|
|
1858
|
+
formatX?: (value: ChartXValue, index: number) => string;
|
|
1859
|
+
}
|
|
1860
|
+
/** One exported row: the category, then one column per visible series. */
|
|
1861
|
+
type ChartExportRow = Record<string, string | number | null>;
|
|
1862
|
+
/** The chart's rows, in the shape a file wants: one object per row. */
|
|
1863
|
+
declare function toChartRows({ data, series, xKey, xLabel, formatX, }: ChartExportOptions): ChartExportRow[];
|
|
1864
|
+
/** The chart's data table as a CSV document. */
|
|
1865
|
+
declare function toChartCsv(options: ChartExportOptions, delimiter?: string): string;
|
|
1866
|
+
/** The chart's data table as a JSON document. */
|
|
1867
|
+
declare function toChartJson(options: ChartExportOptions): string;
|
|
1868
|
+
type ChartExportFormat = "csv" | "json";
|
|
1869
|
+
/**
|
|
1870
|
+
* Hands the chart's rows to the browser as a file.
|
|
1871
|
+
*
|
|
1872
|
+
* Does nothing outside a browser rather than throwing: a chart is rendered on
|
|
1873
|
+
* the server too, and a download is the one thing that cannot happen there.
|
|
1874
|
+
*/
|
|
1875
|
+
declare function downloadChartData(format: ChartExportFormat, options: ChartExportOptions, filename?: string): void;
|
|
1876
|
+
|
|
1877
|
+
interface ChartExportButtonProps extends ChartExportOptions {
|
|
1878
|
+
className?: string;
|
|
1879
|
+
disabled?: boolean;
|
|
1880
|
+
/** Which files to offer, in the order they are listed. */
|
|
1881
|
+
formats?: readonly ChartExportFormat[];
|
|
1882
|
+
/** Name of the downloaded file, without its extension. */
|
|
1883
|
+
filename?: string;
|
|
1884
|
+
size?: ChartSize;
|
|
1885
|
+
/** Replaces the default caption — the translated "Export". */
|
|
1886
|
+
label?: string;
|
|
1887
|
+
/**
|
|
1888
|
+
* Runs instead of the download.
|
|
1889
|
+
*
|
|
1890
|
+
* For an application that already owns its own export — a server-side
|
|
1891
|
+
* report, a file named by the current filters — and only wants the control
|
|
1892
|
+
* and the rows.
|
|
1893
|
+
*/
|
|
1894
|
+
onExport?: (format: ChartExportFormat, options: ChartExportOptions) => void;
|
|
1895
|
+
}
|
|
1896
|
+
/**
|
|
1897
|
+
* The chart's own table, as a file.
|
|
1898
|
+
*
|
|
1899
|
+
* The small gap the chart kit carried from the start: `DataGrid` exports CSV
|
|
1900
|
+
* and JSON, and a chart holds an exact table of the very same shape without
|
|
1901
|
+
* ever offering it. A reader who can see a number should be able to take it.
|
|
1902
|
+
*
|
|
1903
|
+
* A component rather than a prop on thirteen charts, because it belongs where
|
|
1904
|
+
* the other controls already are — the `actions` slot of a `ChartContainer`,
|
|
1905
|
+
* or of the `ChartFilterBar` above a whole dashboard.
|
|
1906
|
+
*
|
|
1907
|
+
* ```tsx
|
|
1908
|
+
* <LineChart
|
|
1909
|
+
* data={rows}
|
|
1910
|
+
* series={series}
|
|
1911
|
+
* x={{ key: "month" }}
|
|
1912
|
+
* actions={<ChartExportButton data={rows} series={series} xKey="month" />}
|
|
1913
|
+
* />
|
|
1914
|
+
* ```
|
|
1915
|
+
*
|
|
1916
|
+
* The measurements are written raw, not formatted: whatever opens the file is
|
|
1917
|
+
* going to compute on them.
|
|
1918
|
+
*/
|
|
1919
|
+
declare function ChartExportButton({ data, series, xKey, xLabel, formatX, formats, filename, size, label, onExport, className, disabled, }: ChartExportButtonProps): react_jsx_runtime.JSX.Element;
|
|
1920
|
+
|
|
1921
|
+
interface PathPoint {
|
|
1922
|
+
x: number;
|
|
1923
|
+
y: number;
|
|
1924
|
+
/** `false` marks a gap: the line breaks instead of crossing it. */
|
|
1925
|
+
defined?: boolean;
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
/**
|
|
1929
|
+
* How many points per series the kit draws before it starts warning.
|
|
1930
|
+
*
|
|
1931
|
+
* The figure is a measurement, not a taste: past roughly this many points a
|
|
1932
|
+
* `d` attribute stops being a path and becomes a string the browser reparses
|
|
1933
|
+
* on every re-render, and two neighbouring points land on the same pixel
|
|
1934
|
+
* column anyway — the reader gains nothing for the cost.
|
|
1935
|
+
*
|
|
1936
|
+
* Nothing is dropped on its own when a series crosses it. A chart that quietly
|
|
1937
|
+
* drew a different shape than the one it was handed would be worse than a slow
|
|
1938
|
+
* one; the warning says what to pass instead.
|
|
1939
|
+
*/
|
|
1940
|
+
declare const CHART_POINT_BUDGET = 2000;
|
|
1941
|
+
/** Lets a test watch the warning fire more than once. */
|
|
1942
|
+
declare function resetPointBudgetWarning(): void;
|
|
1943
|
+
/** A point the decimation can reason about: a position and a measurement. */
|
|
1944
|
+
interface XY {
|
|
1945
|
+
x: number;
|
|
1946
|
+
y: number;
|
|
1947
|
+
}
|
|
1948
|
+
/**
|
|
1949
|
+
* Largest-Triangle-Three-Buckets, returning the indices it keeps.
|
|
1950
|
+
*
|
|
1951
|
+
* The classic downsampling for a line: the series is cut into as many buckets
|
|
1952
|
+
* as there is room for, and each bucket keeps the one point forming the
|
|
1953
|
+
* largest triangle with the point already kept before it and the average of
|
|
1954
|
+
* the bucket after it. Picking the largest triangle is what keeps the peaks —
|
|
1955
|
+
* a stride sample walks straight past them, which is how a decimated series
|
|
1956
|
+
* ends up flatter than the data it came from.
|
|
1957
|
+
*
|
|
1958
|
+
* Indices rather than points, so a caller can carry along whatever the point
|
|
1959
|
+
* belonged to: a row, a screen coordinate, a tooltip payload.
|
|
1960
|
+
*/
|
|
1961
|
+
declare function lttb(points: readonly XY[], threshold: number): number[];
|
|
1962
|
+
/**
|
|
1963
|
+
* An evenly spread sample, keeping the two ends.
|
|
1964
|
+
*
|
|
1965
|
+
* What an unordered cloud needs, where LTTB is the wrong tool: a scatter is
|
|
1966
|
+
* read for where its points are dense, and keeping the largest triangles would
|
|
1967
|
+
* carve out the envelope and throw the density away — a lie about the very
|
|
1968
|
+
* thing the chart is for. An even stride keeps the shape of the cloud and
|
|
1969
|
+
* thins it uniformly.
|
|
1970
|
+
*
|
|
1971
|
+
* Deterministic on purpose, rather than a random sample: the same data has to
|
|
1972
|
+
* draw the same picture on the server and in the browser.
|
|
1973
|
+
*/
|
|
1974
|
+
declare function sampleEvenly<T>(items: readonly T[], threshold: number): T[];
|
|
1975
|
+
/**
|
|
1976
|
+
* The rows a drawn path keeps, thinned to roughly `maxPoints` per series.
|
|
1977
|
+
*
|
|
1978
|
+
* Indices rather than points, because a band needs its top and its bottom
|
|
1979
|
+
* thinned on the very same rows: thin them apart and the fill between them
|
|
1980
|
+
* closes on two points that never faced each other.
|
|
1981
|
+
*
|
|
1982
|
+
* The gaps are structural and survive: a run of missing measurements is not
|
|
1983
|
+
* noise to be smoothed away, it is the series saying it has nothing there.
|
|
1984
|
+
* Each run of gaps keeps one row — enough for the path to lift the pen —
|
|
1985
|
+
* and the defined runs between them share the budget in proportion to their
|
|
1986
|
+
* length.
|
|
1987
|
+
*/
|
|
1988
|
+
declare function decimateIndices(points: readonly PathPoint[], maxPoints: number): number[];
|
|
1989
|
+
/**
|
|
1990
|
+
* A drawn path, thinned to roughly `maxPoints` points per series.
|
|
1991
|
+
*
|
|
1992
|
+
* The chart's geometry is untouched — the hover, the crosshair, the tooltip
|
|
1993
|
+
* and the data table all keep reading every row. Only the number of points the
|
|
1994
|
+
* path is *drawn from* changes, which is the part that actually costs.
|
|
1995
|
+
*/
|
|
1996
|
+
declare function decimatePath(points: readonly PathPoint[], maxPoints: number): PathPoint[];
|
|
1997
|
+
|
|
1346
1998
|
/**
|
|
1347
1999
|
* The colour a texture is cut through — the chart surface itself.
|
|
1348
2000
|
*
|
|
@@ -1733,55 +2385,6 @@ interface ChartFilterBarProps extends Omit<ComponentPropsWithoutRef<"div">, "tit
|
|
|
1733
2385
|
*/
|
|
1734
2386
|
declare function ChartFilterBar({ label, actions, sticky, bordered, size, children, className, ...props }: ChartFilterBarProps): react_jsx_runtime.JSX.Element;
|
|
1735
2387
|
|
|
1736
|
-
/**
|
|
1737
|
-
* The periods a dashboard is read over, resolved to real dates.
|
|
1738
|
-
*
|
|
1739
|
-
* Pure functions on purpose: "the last 30 days" is the kind of thing that is
|
|
1740
|
-
* wrong by one day for a month before anybody notices, and it is much easier
|
|
1741
|
-
* to pin down here than through a rendered picker.
|
|
1742
|
-
*/
|
|
1743
|
-
/** The windows a filter row offers by name. */
|
|
1744
|
-
type ChartPeriodPreset = "7d" | "30d" | "90d" | "12m" | "mtd" | "qtd" | "ytd" | "custom";
|
|
1745
|
-
/** A resolved window: where it came from, and the two dates it covers. */
|
|
1746
|
-
interface ChartPeriod {
|
|
1747
|
-
/** The entry that produced it. `custom` when the dates were picked by hand. */
|
|
1748
|
-
preset: ChartPeriodPreset;
|
|
1749
|
-
from: Date;
|
|
1750
|
-
to: Date;
|
|
1751
|
-
}
|
|
1752
|
-
/** The presets a picker offers when it is not told otherwise. */
|
|
1753
|
-
declare const DEFAULT_CHART_PERIOD_PRESETS: readonly ChartPeriodPreset[];
|
|
1754
|
-
/** Midnight at the start of a day, in the reader's own time zone. */
|
|
1755
|
-
declare function startOfDay(date: Date): Date;
|
|
1756
|
-
/**
|
|
1757
|
-
* The last millisecond of a day.
|
|
1758
|
-
*
|
|
1759
|
-
* A window ending at midnight drops everything that happened during its last
|
|
1760
|
-
* day — the single most common off-by-one in a dashboard.
|
|
1761
|
-
*/
|
|
1762
|
-
declare function endOfDay(date: Date): Date;
|
|
1763
|
-
/**
|
|
1764
|
-
* Resolves a named window against a reference moment.
|
|
1765
|
-
*
|
|
1766
|
-
* "The last 7 days" counts today as one of them, which is what a reader
|
|
1767
|
-
* expects from a figure that includes what happened this morning.
|
|
1768
|
-
*/
|
|
1769
|
-
declare function resolvePeriodPreset(preset: ChartPeriodPreset, now?: Date): {
|
|
1770
|
-
from: Date;
|
|
1771
|
-
to: Date;
|
|
1772
|
-
};
|
|
1773
|
-
/** A named window, resolved into the period a chart is filtered by. */
|
|
1774
|
-
declare function createPeriod(preset: ChartPeriodPreset, now?: Date): ChartPeriod;
|
|
1775
|
-
/**
|
|
1776
|
-
* The two ends of a window as one string.
|
|
1777
|
-
*
|
|
1778
|
-
* `formatRange` is what a locale expects here — it collapses the parts the two
|
|
1779
|
-
* dates share ("1 – 15 March 2026" rather than twice the month and the year).
|
|
1780
|
-
*/
|
|
1781
|
-
declare function formatPeriodRange(from: Date, to: Date, locale?: string): string;
|
|
1782
|
-
/** `true` when two periods cover the same window, to the millisecond. */
|
|
1783
|
-
declare function samePeriod(a: ChartPeriod | undefined, b: ChartPeriod | undefined): boolean;
|
|
1784
|
-
|
|
1785
2388
|
interface ChartPeriodPickerProps extends Omit<ComponentPropsWithoutRef<"button">, "value" | "defaultValue" | "onChange" | "children"> {
|
|
1786
2389
|
/** Controlled window. */
|
|
1787
2390
|
value?: ChartPeriod;
|
|
@@ -1850,7 +2453,9 @@ interface UseChartSizeOptions {
|
|
|
1850
2453
|
}
|
|
1851
2454
|
interface UseChartSizeResult<T extends HTMLElement> {
|
|
1852
2455
|
/** Attach to the element whose width the chart should follow. */
|
|
1853
|
-
ref:
|
|
2456
|
+
ref: {
|
|
2457
|
+
current: T | null;
|
|
2458
|
+
};
|
|
1854
2459
|
width: number;
|
|
1855
2460
|
/** `false` while the width is still the fallback. */
|
|
1856
2461
|
measured: boolean;
|
|
@@ -1921,7 +2526,7 @@ interface DumbbellRow {
|
|
|
1921
2526
|
change: number | null;
|
|
1922
2527
|
datum: ChartDatum;
|
|
1923
2528
|
}
|
|
1924
|
-
interface DumbbellChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
2529
|
+
interface DumbbellChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
1925
2530
|
/** One row per item compared. */
|
|
1926
2531
|
data: ChartDatum[];
|
|
1927
2532
|
/** Field holding the name of each row. */
|
|
@@ -1960,8 +2565,6 @@ interface DumbbellChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "c
|
|
|
1960
2565
|
showChange?: boolean;
|
|
1961
2566
|
title?: ReactNode;
|
|
1962
2567
|
description?: ReactNode;
|
|
1963
|
-
loading?: boolean;
|
|
1964
|
-
emptyState?: ReactNode;
|
|
1965
2568
|
margin?: Partial<ChartMargin>;
|
|
1966
2569
|
locale?: string;
|
|
1967
2570
|
plotLabel?: string;
|
|
@@ -1987,7 +2590,7 @@ interface DumbbellChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "c
|
|
|
1987
2590
|
* `sort="gap"` is what turns the chart from a list into a finding: the rows
|
|
1988
2591
|
* that moved most come to the top.
|
|
1989
2592
|
*/
|
|
1990
|
-
declare function DumbbellChart({ data, x, y, series, sort, sortBy, showValues, dotSize, referenceLines, height, width, size, grid, legend, legendToggle, tooltip, tableView, showChange, title, description, loading, emptyState, margin, locale, plotLabel, changeLabel, format, onRowClick, className, ...props }: DumbbellChartProps): react_jsx_runtime.JSX.Element;
|
|
2593
|
+
declare function DumbbellChart({ data, x, y, series, sort, sortBy, showValues, dotSize, referenceLines, height, width, size, grid, legend, legendToggle, tooltip, tableView, showChange, title, description, loading, emptyState, error, errorState, onRetry, actions, margin, locale, plotLabel, changeLabel, format, onRowClick, className, ...props }: DumbbellChartProps): react_jsx_runtime.JSX.Element;
|
|
1991
2594
|
|
|
1992
2595
|
/** One stage, as the tooltip and the click handler see it. */
|
|
1993
2596
|
interface FunnelStage {
|
|
@@ -2004,7 +2607,7 @@ interface FunnelStage {
|
|
|
2004
2607
|
formattedValue: string;
|
|
2005
2608
|
datum: ChartDatum;
|
|
2006
2609
|
}
|
|
2007
|
-
interface FunnelChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
2610
|
+
interface FunnelChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
2008
2611
|
/** One row per stage, in the order they are walked. */
|
|
2009
2612
|
data: ChartDatum[];
|
|
2010
2613
|
/** Field holding the name of each stage. */
|
|
@@ -2040,8 +2643,6 @@ interface FunnelChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "chi
|
|
|
2040
2643
|
tableView?: boolean | "toggle";
|
|
2041
2644
|
title?: ReactNode;
|
|
2042
2645
|
description?: ReactNode;
|
|
2043
|
-
loading?: boolean;
|
|
2044
|
-
emptyState?: ReactNode;
|
|
2045
2646
|
locale?: string;
|
|
2046
2647
|
plotLabel?: string;
|
|
2047
2648
|
/** Header of the value column of the data table. */
|
|
@@ -2070,7 +2671,7 @@ interface FunnelChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "chi
|
|
|
2070
2671
|
* Use it for a path people walk in one direction. Stages that are not ordered
|
|
2071
2672
|
* are a `BarChart`, and a breakdown of one total is a `PieChart`.
|
|
2072
2673
|
*/
|
|
2073
|
-
declare function FunnelChart({ data, x, value, align, showConversion, showValues, stageSize, colors, height, width, size, tooltip, tableView, title, description, loading, emptyState, locale, plotLabel, valueLabel, conversionLabel, dropOffLabel, format, onStageClick, className, ...props }: FunnelChartProps): react_jsx_runtime.JSX.Element;
|
|
2674
|
+
declare function FunnelChart({ data, x, value, align, showConversion, showValues, stageSize, colors, height, width, size, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, locale, plotLabel, valueLabel, conversionLabel, dropOffLabel, format, onStageClick, className, ...props }: FunnelChartProps): react_jsx_runtime.JSX.Element;
|
|
2074
2675
|
|
|
2075
2676
|
/** One task, as the tooltip and the click handler see it. */
|
|
2076
2677
|
interface GanttTask {
|
|
@@ -2093,7 +2694,7 @@ interface GanttTask {
|
|
|
2093
2694
|
group: string | null;
|
|
2094
2695
|
datum: ChartDatum;
|
|
2095
2696
|
}
|
|
2096
|
-
interface GanttChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
2697
|
+
interface GanttChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
2097
2698
|
/** One row per task, in the order they are listed. */
|
|
2098
2699
|
data: ChartDatum[];
|
|
2099
2700
|
/** Field holding the name of each task. */
|
|
@@ -2139,8 +2740,6 @@ interface GanttChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "chil
|
|
|
2139
2740
|
tableView?: boolean | "toggle";
|
|
2140
2741
|
title?: ReactNode;
|
|
2141
2742
|
description?: ReactNode;
|
|
2142
|
-
loading?: boolean;
|
|
2143
|
-
emptyState?: ReactNode;
|
|
2144
2743
|
margin?: Partial<ChartMargin>;
|
|
2145
2744
|
locale?: string;
|
|
2146
2745
|
plotLabel?: string;
|
|
@@ -2168,7 +2767,7 @@ interface GanttChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "chil
|
|
|
2168
2767
|
* month — rather than on round numbers of milliseconds, which is what a
|
|
2169
2768
|
* decimal tick generator produces when it is pointed at a date.
|
|
2170
2769
|
*/
|
|
2171
|
-
declare function GanttChart({ data, x, start, end, id, progress, milestone, dependencies, group, domain, today, ticks, barSize, rowSize, color, height, width, size, grid, legend, tooltip, tableView, title, description, loading, emptyState, margin, locale, plotLabel, startLabel, endLabel, progressLabel, todayLabel, formatDate, onTaskClick, className, ...props }: GanttChartProps): react_jsx_runtime.JSX.Element;
|
|
2770
|
+
declare function GanttChart({ data, x, start, end, id, progress, milestone, dependencies, group, domain, today, ticks, barSize, rowSize, color, height, width, size, grid, legend, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, margin, locale, plotLabel, startLabel, endLabel, progressLabel, todayLabel, formatDate, onTaskClick, className, ...props }: GanttChartProps): react_jsx_runtime.JSX.Element;
|
|
2172
2771
|
|
|
2173
2772
|
/** What a step does to the running total. */
|
|
2174
2773
|
type WaterfallKind = "increase" | "decrease" | "total";
|
|
@@ -2189,7 +2788,7 @@ interface WaterfallStep {
|
|
|
2189
2788
|
formattedEnd: string;
|
|
2190
2789
|
datum: ChartDatum;
|
|
2191
2790
|
}
|
|
2192
|
-
interface WaterfallChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
2791
|
+
interface WaterfallChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
2193
2792
|
/** One row per step, in the order they are read. */
|
|
2194
2793
|
data: ChartDatum[];
|
|
2195
2794
|
/** Field holding the name of each step. */
|
|
@@ -2241,8 +2840,6 @@ interface WaterfallChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "
|
|
|
2241
2840
|
tableView?: boolean | "toggle";
|
|
2242
2841
|
title?: ReactNode;
|
|
2243
2842
|
description?: ReactNode;
|
|
2244
|
-
loading?: boolean;
|
|
2245
|
-
emptyState?: ReactNode;
|
|
2246
2843
|
margin?: Partial<ChartMargin>;
|
|
2247
2844
|
locale?: string;
|
|
2248
2845
|
plotLabel?: string;
|
|
@@ -2271,7 +2868,7 @@ interface WaterfallChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "
|
|
|
2271
2868
|
* The order of the rows IS the chart, so there is no `sort`: reordering the
|
|
2272
2869
|
* steps of a waterfall produces a different, and usually false, story.
|
|
2273
2870
|
*/
|
|
2274
|
-
declare function WaterfallChart({ data, x, y, value, total, start, orientation, connectors, showValues, barSize, colors, height, width, size, grid, legend, tooltip, tableView, title, description, loading, emptyState, margin, locale, plotLabel, valueLabel, totalLabel, increaseLabel, decreaseLabel, format, onStepClick, className, ...props }: WaterfallChartProps): react_jsx_runtime.JSX.Element;
|
|
2871
|
+
declare function WaterfallChart({ data, x, y, value, total, start, orientation, connectors, showValues, barSize, colors, height, width, size, grid, legend, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, margin, locale, plotLabel, valueLabel, totalLabel, increaseLabel, decreaseLabel, format, onStepClick, className, ...props }: WaterfallChartProps): react_jsx_runtime.JSX.Element;
|
|
2275
2872
|
|
|
2276
2873
|
interface CheckboxProps extends Omit<ComponentPropsWithoutRef<"input">, "size" | "onChange" | "type"> {
|
|
2277
2874
|
checked?: boolean;
|
|
@@ -2727,7 +3324,9 @@ interface DialogA11yProps {
|
|
|
2727
3324
|
}
|
|
2728
3325
|
interface UseDialogA11yResult<T extends HTMLElement> {
|
|
2729
3326
|
/** Attach to the dialog container (the element holding `dialogProps`). */
|
|
2730
|
-
dialogRef:
|
|
3327
|
+
dialogRef: {
|
|
3328
|
+
current: T | null;
|
|
3329
|
+
};
|
|
2731
3330
|
dialogProps: DialogA11yProps;
|
|
2732
3331
|
}
|
|
2733
3332
|
/**
|
|
@@ -2852,8 +3451,12 @@ interface DropdownProps {
|
|
|
2852
3451
|
interface DropdownContextValue {
|
|
2853
3452
|
isOpen: boolean;
|
|
2854
3453
|
setIsOpen: (open: boolean) => void;
|
|
2855
|
-
triggerRef:
|
|
2856
|
-
|
|
3454
|
+
triggerRef: {
|
|
3455
|
+
current: HTMLButtonElement | null;
|
|
3456
|
+
};
|
|
3457
|
+
contentRef: {
|
|
3458
|
+
current: HTMLDivElement | null;
|
|
3459
|
+
};
|
|
2857
3460
|
closeOnSelect: boolean;
|
|
2858
3461
|
closeOnClickOutside: boolean;
|
|
2859
3462
|
closeOnEscape: boolean;
|
|
@@ -3269,7 +3872,7 @@ declare namespace Label {
|
|
|
3269
3872
|
var displayName: string;
|
|
3270
3873
|
}
|
|
3271
3874
|
|
|
3272
|
-
interface HeatmapProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
3875
|
+
interface HeatmapProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
3273
3876
|
/** One row per cell: its column, its row and its value. */
|
|
3274
3877
|
data: ChartDatum[];
|
|
3275
3878
|
/** Field holding the column each cell belongs to. */
|
|
@@ -3316,8 +3919,6 @@ interface HeatmapProps extends Omit<ComponentPropsWithoutRef<"figure">, "childre
|
|
|
3316
3919
|
tableView?: boolean | "toggle";
|
|
3317
3920
|
title?: ReactNode;
|
|
3318
3921
|
description?: ReactNode;
|
|
3319
|
-
loading?: boolean;
|
|
3320
|
-
emptyState?: ReactNode;
|
|
3321
3922
|
locale?: string;
|
|
3322
3923
|
plotLabel?: string;
|
|
3323
3924
|
onCellClick?: (cell: HeatmapCell) => void;
|
|
@@ -3347,7 +3948,7 @@ interface HeatmapCell {
|
|
|
3347
3948
|
* neighbouring cells stop being tellable apart, and a fine grid is read as a
|
|
3348
3949
|
* wash anyway.
|
|
3349
3950
|
*/
|
|
3350
|
-
declare function Heatmap({ data, x, y, value, format, domain, scale, center, steps, colors, xDomain, yDomain, cellGap, cellRadius, showValues, height, width, size, legend, legendLabel, tooltip, tableView, title, description, loading, emptyState, locale, plotLabel, onCellClick, className, ...props }: HeatmapProps): react_jsx_runtime.JSX.Element;
|
|
3951
|
+
declare function Heatmap({ data, x, y, value, format, domain, scale, center, steps, colors, xDomain, yDomain, cellGap, cellRadius, showValues, height, width, size, legend, legendLabel, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, locale, plotLabel, onCellClick, className, ...props }: HeatmapProps): react_jsx_runtime.JSX.Element;
|
|
3351
3952
|
|
|
3352
3953
|
interface LineChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWithoutRef<"figure">, keyof CartesianChartBaseProps | "children" | "title"> {
|
|
3353
3954
|
curve?: ChartCurve;
|
|
@@ -3378,6 +3979,40 @@ interface LineChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWit
|
|
|
3378
3979
|
annotations?: ChartAnnotation[];
|
|
3379
3980
|
/** Lets the legend show and hide series. */
|
|
3380
3981
|
legendToggle?: boolean;
|
|
3982
|
+
/**
|
|
3983
|
+
* Thins the drawn path to roughly this many points per series.
|
|
3984
|
+
*
|
|
3985
|
+
* A series of fifty thousand rows builds a `d` attribute of fifty thousand
|
|
3986
|
+
* coordinates, most of which land on a pixel column another one already
|
|
3987
|
+
* covers. This runs the points through LTTB, which keeps the peaks a stride
|
|
3988
|
+
* sample walks straight past.
|
|
3989
|
+
*
|
|
3990
|
+
* Only the *path* is thinned. The geometry, the crosshair, the tooltip and
|
|
3991
|
+
* the data table keep reading every row, so no value stops being reachable —
|
|
3992
|
+
* the chart draws the same shape from fewer points, it does not hold less
|
|
3993
|
+
* data. Left unset, every point is drawn and a series past
|
|
3994
|
+
* `CHART_POINT_BUDGET` warns once in development.
|
|
3995
|
+
*/
|
|
3996
|
+
maxPoints?: number;
|
|
3997
|
+
/**
|
|
3998
|
+
* Lets a pointer drag a window across the category axis.
|
|
3999
|
+
*
|
|
4000
|
+
* Shift + arrows does the same from the keyboard, and Escape drops it. The
|
|
4001
|
+
* window is published to the surrounding `ChartSyncProvider`, which is how
|
|
4002
|
+
* one panel's selection becomes the whole dashboard's.
|
|
4003
|
+
*/
|
|
4004
|
+
brush?: boolean;
|
|
4005
|
+
/** Called when a window is set, and with `null` when one is dropped. */
|
|
4006
|
+
onBrush?: (range: ChartBrushRange | null) => void;
|
|
4007
|
+
/** Accessible name of the selected window. */
|
|
4008
|
+
brushLabel?: string;
|
|
4009
|
+
/**
|
|
4010
|
+
* `false` keeps the chart out of the surrounding `ChartSyncProvider`.
|
|
4011
|
+
*
|
|
4012
|
+
* For the panel of a dashboard that plots something else entirely, where a
|
|
4013
|
+
* shared crosshair would mark a position its axis does not carry.
|
|
4014
|
+
*/
|
|
4015
|
+
sync?: boolean;
|
|
3381
4016
|
margin?: Partial<ChartMargin>;
|
|
3382
4017
|
/** BCP 47 tag used to format the axes and the tooltip. */
|
|
3383
4018
|
locale?: string;
|
|
@@ -3394,8 +4029,12 @@ interface LineChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWit
|
|
|
3394
4029
|
* There is deliberately no second value axis. Two measures on two scales
|
|
3395
4030
|
* invent a correlation the data does not carry; plot them as two charts, or
|
|
3396
4031
|
* index both to a common base.
|
|
4032
|
+
*
|
|
4033
|
+
* `overlay` is the way past everything this chart refuses to draw: it hands
|
|
4034
|
+
* the resolved geometry over and lets the application draw inside the plot
|
|
4035
|
+
* with the chart's own scales, instead of forking the component.
|
|
3397
4036
|
*/
|
|
3398
|
-
declare function LineChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, onPointClick, curve, forecastFrom, forecastLabel, markers, connectNulls, referenceLines, annotations, legendToggle, margin, locale, plotLabel, className, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
|
|
4037
|
+
declare function LineChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, error, errorState, onRetry, actions, onPointClick, curve, forecastFrom, forecastLabel, markers, connectNulls, referenceLines, annotations, overlay, legendToggle, maxPoints, brush, onBrush, brushLabel, sync, margin, locale, plotLabel, className, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
|
|
3399
4038
|
|
|
3400
4039
|
interface ModalProps {
|
|
3401
4040
|
isOpen: boolean;
|
|
@@ -3476,7 +4115,7 @@ interface PaginationProps extends Omit<ComponentPropsWithoutRef<"nav">, "onChang
|
|
|
3476
4115
|
}
|
|
3477
4116
|
declare function Pagination({ page, totalPages, onPageChange, size, variant, showFirstLast, siblings, boundaries, disabled, labels, totalItems, pageSize, pageSizeOptions, onPageSizeChange, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
3478
4117
|
|
|
3479
|
-
interface PieChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"
|
|
4118
|
+
interface PieChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title">, ChartStatusProps {
|
|
3480
4119
|
data: ChartDatum[];
|
|
3481
4120
|
/** Field holding the name of each slice. */
|
|
3482
4121
|
x: ChartXAxisConfig;
|
|
@@ -3506,8 +4145,6 @@ interface PieChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "childr
|
|
|
3506
4145
|
tableView?: boolean | "toggle";
|
|
3507
4146
|
title?: ReactNode;
|
|
3508
4147
|
description?: ReactNode;
|
|
3509
|
-
loading?: boolean;
|
|
3510
|
-
emptyState?: ReactNode;
|
|
3511
4148
|
/**
|
|
3512
4149
|
* Draws each slice with a texture on top of its colour.
|
|
3513
4150
|
*
|
|
@@ -3537,7 +4174,7 @@ interface PieChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "childr
|
|
|
3537
4174
|
* over six slices at most, which is why the tail folds into a single bucket
|
|
3538
4175
|
* rather than taking a seventh colour.
|
|
3539
4176
|
*/
|
|
3540
|
-
declare function PieChart({ data, x, value, variant, innerRadius, maxSlices, otherLabel, sort, showLabels, centerLabel, patterns, height, width, size, legend, tooltip, tableView, title, description, loading, emptyState, locale, plotLabel, onSliceClick, className, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
|
|
4177
|
+
declare function PieChart({ data, x, value, variant, innerRadius, maxSlices, otherLabel, sort, showLabels, centerLabel, patterns, height, width, size, legend, tooltip, tableView, title, description, loading, emptyState, error, errorState, onRetry, actions, locale, plotLabel, onSliceClick, className, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
|
|
3541
4178
|
|
|
3542
4179
|
type ProgressBarSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
3543
4180
|
type ProgressBarColor = "default" | "primary" | "success" | "warning" | "error" | "info";
|
|
@@ -4115,6 +4752,19 @@ interface ScatterChartProps extends Omit<CartesianChartBaseProps, "grid">, Omit<
|
|
|
4115
4752
|
};
|
|
4116
4753
|
pointRadius?: number;
|
|
4117
4754
|
legendToggle?: boolean;
|
|
4755
|
+
/**
|
|
4756
|
+
* Thins each series to roughly this many marks.
|
|
4757
|
+
*
|
|
4758
|
+
* An **even** sample, not LTTB: a cloud is read for where its points are
|
|
4759
|
+
* dense, and keeping the largest triangles would carve out the envelope and
|
|
4760
|
+
* throw that density away — a lie about the very thing the chart is for. An
|
|
4761
|
+
* even stride thins the cloud without changing its shape.
|
|
4762
|
+
*
|
|
4763
|
+
* The trend line and the data table are computed from every row, so a
|
|
4764
|
+
* thinned plot still reports what the whole dataset says. Left unset, a
|
|
4765
|
+
* series past `CHART_POINT_BUDGET` warns once in development.
|
|
4766
|
+
*/
|
|
4767
|
+
maxPoints?: number;
|
|
4118
4768
|
margin?: Partial<ChartMargin>;
|
|
4119
4769
|
locale?: string;
|
|
4120
4770
|
plotLabel?: string;
|
|
@@ -4127,7 +4777,7 @@ interface ScatterChartProps extends Omit<CartesianChartBaseProps, "grid">, Omit<
|
|
|
4127
4777
|
* three slots stay tellable apart there. Past three series, facet the chart or
|
|
4128
4778
|
* fold the tail — a fourth colour would not be distinguishable.
|
|
4129
4779
|
*/
|
|
4130
|
-
declare function ScatterChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, onPointClick, bubble, trendLine, quadrants, pointRadius, legendToggle, margin, locale, plotLabel, className, ...props }: ScatterChartProps): react_jsx_runtime.JSX.Element;
|
|
4780
|
+
declare function ScatterChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, error, errorState, onRetry, actions, onPointClick, bubble, trendLine, quadrants, pointRadius, overlay, legendToggle, maxPoints, margin, locale, plotLabel, className, ...props }: ScatterChartProps): react_jsx_runtime.JSX.Element;
|
|
4131
4781
|
|
|
4132
4782
|
type SchemaFieldType = "text" | "varchar" | "char" | "int2" | "int4" | "int8" | "serial" | "bigserial" | "float4" | "float8" | "numeric" | "decimal" | "bool" | "date" | "time" | "timestamp" | "timestamptz" | "uuid" | "json" | "jsonb" | "bytea" | (string & {});
|
|
4133
4783
|
type SchemaField = {
|
|
@@ -4625,6 +5275,28 @@ interface UILabels {
|
|
|
4625
5275
|
chartPeriodYearToDate: string;
|
|
4626
5276
|
/** Entry opening the calendar, for a window the presets do not cover. */
|
|
4627
5277
|
chartPeriodCustom: string;
|
|
5278
|
+
/**
|
|
5279
|
+
* Shown in place of a chart whose data could not be loaded.
|
|
5280
|
+
*
|
|
5281
|
+
* Distinct from `chartNoData` on purpose: "there is nothing" and "we failed
|
|
5282
|
+
* to fetch it" are two different statements, and only the second one asks
|
|
5283
|
+
* the reader to do something about it.
|
|
5284
|
+
*/
|
|
5285
|
+
chartError: string;
|
|
5286
|
+
/** Second line of a chart's error state, under `chartError`. */
|
|
5287
|
+
chartErrorHint: string;
|
|
5288
|
+
/** Label of the button that asks a failed chart to load again. */
|
|
5289
|
+
chartRetry: string;
|
|
5290
|
+
/** Accessible name of a chart's export control. */
|
|
5291
|
+
chartExport: string;
|
|
5292
|
+
/** Entry downloading a chart's data table as a CSV file. */
|
|
5293
|
+
chartExportCsv: string;
|
|
5294
|
+
/** Entry downloading a chart's data table as a JSON file. */
|
|
5295
|
+
chartExportJson: string;
|
|
5296
|
+
/** Accessible name of the range a pointer drags across a chart's category axis. */
|
|
5297
|
+
chartBrush: string;
|
|
5298
|
+
/** Accessible name of the button dropping the dragged range. */
|
|
5299
|
+
chartClearSelection: string;
|
|
4628
5300
|
}
|
|
4629
5301
|
/** English labels, used when no provider is mounted. */
|
|
4630
5302
|
declare const defaultUILabels: UILabels;
|
|
@@ -4710,4 +5382,4 @@ declare function isFocusable(element: HTMLElement): boolean;
|
|
|
4710
5382
|
*/
|
|
4711
5383
|
declare function getFocusableElements(container: HTMLElement): HTMLElement[];
|
|
4712
5384
|
|
|
4713
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionVariant, AdvanceDetachable, type AdvanceDetachableProps, type AdvanceDetachableRef, type AdvanceDetachableRenderContext, type AggregateFunction, type Align, AreaChart, type AreaChartProps, Avatar, type AvatarProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerType, type BannerVariant, BarChart, type BarChartOrientation, type BarChartProps, type BinSpec, BoxPlot, type BoxPlotBox, type BoxPlotProps, type BoxPlotQuantileKeys, type BoxStats, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulletChart, type BulletChartProps, type BulletRow, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_ALL_PAIRS_LIMIT, CHART_DIVERGING_COLORS, CHART_DIVERGING_DARK_STOPS, CHART_DIVERGING_NEUTRAL_INDEX, CHART_DOWN_COLOR, CHART_MAX_COLOR_CLASSES, CHART_MUTED_COLOR, CHART_ORDINAL_COLORS, CHART_ORDINAL_DARK_STOPS, CHART_PALETTE_SIZE, CHART_PATTERNS, CHART_SEQUENTIAL_COLORS, CHART_SEQUENTIAL_DARK_STOPS, CHART_SERIES_COLORS, CHART_SURFACE_COLOR, CHART_UP_COLOR, Calendar, type CalendarColor, type CalendarDateRange, type CalendarDayState, type CalendarLabels, type CalendarMode, type CalendarProps, type CalendarSize, type CalendarWeekStart, type Candle, CandlestickChart, type CandlestickChartProps, Card, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, CardTitle, type CardTitleProps, type CartesianChartBaseProps, type ChartAnnotation, type ChartAnnotationBase, ChartAnnotationLayer, type ChartAnnotationLayerProps, ChartAxis, type ChartAxisOrientation, type ChartAxisProps, type ChartBandAnnotation, type ChartColorScale, ChartContainer, type ChartContainerProps, type ChartContainerRenderArgs, type ChartCurve, type ChartDatum, type ChartDimensions, type ChartFacetPanel, ChartFacets, type ChartFacetsProps, ChartFilterBar, type ChartFilterBarProps, ChartGrid, type ChartGridLines, type ChartGridProps, ChartLegend, type ChartLegendItem, type ChartLegendMarker, type ChartLegendPosition, type ChartLegendProps, type ChartLineAnnotation, type ChartMargin, type ChartPattern, ChartPatternDefs, type ChartPatternDefsProps, type ChartPatternEntry, type ChartPeriod, ChartPeriodPicker, type ChartPeriodPickerProps, type ChartPeriodPreset, type ChartPoint, type ChartPointAnnotation, type ChartPointEvent, type ChartReferenceLine, ChartScaleLegend, type ChartScaleLegendProps, type ChartScaleType, type ChartSeries, type ChartSize, ChartTableView, type ChartTableViewProps, type ChartTick, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, type ChartTooltipPayload, type ChartTooltipProps, type ChartXAxisConfig, type ChartXValue, type ChartYAxisConfig, Checkbox, CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressColor, type CircularProgressProps, type CircularProgressSize, type CircularProgressThickness, type ColumnDef, DEFAULT_CHART_PERIOD_PRESETS, DEFAULT_CHART_WIDTH, DEFAULT_FIELD_TYPES, DataGrid, type DataGridMode, type DataGridProps, type DataGridRef, type Density, Detachable, type DetachableProps, type DetachableRef, DeviceMockup, type DeviceMockupProps, type DeviceOrientation, type DeviceSize, type DeviceTheme, type DeviceType, type DialogA11yProps, type DialogInitialFocus, type DialogReturnFocus, type DivergingScaleOptions, Divider, type DividerOrientation, type DividerProps, type DividerTextAlign, type DividerVariant, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownCheckboxItem, type DropdownCheckboxItemProps, DropdownContent, type DropdownContentProps, type DropdownContextValue, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, type DropdownProps, DropdownRadioGroup, type DropdownRadioGroupProps, DropdownRadioItem, type DropdownRadioItemProps, DropdownSeparator, type DropdownSeparatorProps, DropdownSubMenu, DropdownSubMenuContent, type DropdownSubMenuContentProps, type DropdownSubMenuProps, DropdownSubMenuTrigger, type DropdownSubMenuTriggerProps, DropdownTrigger, type DropdownTriggerProps, DumbbellChart, type DumbbellChartProps, type DumbbellRow, type DumbbellSort, FOCUSABLE_SELECTOR, FileSelector, type FileSelectorProps, type FilterOperator, type FilterType, type FilterValue, Footer, FooterBottom, type FooterBottomProps, FooterColumn, type FooterColumnProps, FooterLink, type FooterLinkProps, type FooterProps, FooterSection, type FooterSectionProps, FooterSocial, FooterSocialLink, type FooterSocialLinkProps, type FooterSocialProps, FunnelChart, type FunnelChartProps, type FunnelStage, GanttChart, type GanttChartProps, type GanttTask, Header, type HeaderProps, Heatmap, type HeatmapCell, type HeatmapProps, HelpButton, type HelpButtonProps, type HistogramBin, INERT_IGNORE_ATTRIBUTE, ImageUploader, type ImageUploaderProps, Indicator, type IndicatorColor, type IndicatorPlacement, type IndicatorProps, type IndicatorSize, type IndicatorVariant, Input, type InputProps, Label, type LabelColor, type LabelProps, type LabelSize, type LabelVariant, type LabelWeight, LineChart, type LineChartProps, MarkdownEditorComponent, type MentionData, MentionInput, type MentionInputProps, type MentionInputValue, type MentionSuggestion, Modal, type ModalProps, type NavItem, type NodeRegistryEntry, NumberInput, type NumberInputProps, Pagination, type PaginationConfig, type PaginationProps, PieChart, type PieChartProps, type Position, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, RadioButton, type RadioButtonProps, ScatterChart, type ScatterChartProps, SchemaEditor, type SchemaEditorProps, type SchemaEditorRef, type SchemaField, type SchemaFieldEvent, type SchemaFieldType, type SchemaRelation, type SchemaRelationCardinality, type SchemaTable, type SchemaTableEvent, type SchemaValue, type SchemaViewport, Select, type SelectOption, type SelectProps, type SelectedFile, type SelectionMode, type SequentialScaleOptions, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarPosition, type SidebarProps, SidebarSubMenu, type SidebarSubMenuProps, SidebarToggle, type SidebarToggleProps, type SidebarVariant, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonVariant, Slider, type SliderColor, type SliderMark, type SliderProps, type SliderSize, type SortDirection, type SortState, Sparkline, type SparklineProps, StatCard, type StatCardDelta, type StatCardDeltaDirection, type StatCardDeltaTone, StatCardGroup, type StatCardGroupProps, type StatCardProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsColor, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, type TimeTickScale, type TimeUnit, Toast, type ToastPosition, type ToastProps, type ToastType, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type TooltipSize, type TooltipTrigger, type TooltipVariant, type UILabels, UILabelsProvider, type UILabelsProviderProps, type UseChartSizeOptions, type UseChartSizeResult, type UseDialogA11yOptions, type UseDialogA11yResult, type UseKeyboardNavigationOptions, type UsePositioningOptions, WaterfallChart, type WaterfallChartProps, type WaterfallKind, type WaterfallStep, WithHelpButton, type WithHelpButtonProps, Wizard, WizardActions, type WizardActionsProps, type WizardColor, WizardContent, type WizardContentProps, type WizardContextValue, type WizardDirection, WizardNext, type WizardNextProps, type WizardOrientation, WizardPanel, type WizardPanelProps, WizardPrevious, type WizardPreviousProps, type WizardProps, type WizardSize, type WizardStepChangeMeta, type WizardStepDefinition, type WizardStepStatus, WizardSteps, type WizardStepsProps, type WizardVariant, type WorkflowDirection, type WorkflowEdge, WorkflowEditor, type WorkflowEditorProps, type WorkflowEditorRef, type WorkflowNode, type WorkflowNodeAction, type WorkflowNodeActionEvent, type WorkflowNodeActionPosition, type WorkflowNodeEvent, type WorkflowPort, type WorkflowValue, type WorkflowViewport, autoLayoutTables, binEdges, binValues, boxStats, cn, createDefaultField, createDefaultTable, createDivergingScale, createPeriod, createSequentialScale, defaultUILabels, describeAnnotations, endOfDay, findOwnedLayers, formatPeriodRange, formatTimeTick, frenchUILabels, generateFieldId, generateRelationId, generateSQL, generateTableId, getFocusableElements, getOrdinalColor, getPattern, getSeriesColor, getSeriesLabel, hideOthers, isElementVisible, isFocusable, niceTimeTicks, patternBackground, patternFill, patternId, quantile, quantileSorted, rampColor, registerFloatingLayer, resetBarChartWarnings, resetDumbbellWarnings, resetFacetWarnings, resolvePeriodPreset, resolveSeriesColor, samePeriod, startOfDay, sturgesBins, toLegendItems, toTimestamp, useChartSize, useClickOutside, useDialogA11y, useDropdownContext, useFocusItem, useKeyboardNavigation, usePositioning, useSidebar, useUILabels, useWizard };
|
|
5385
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionVariant, AdvanceDetachable, type AdvanceDetachableProps, type AdvanceDetachableRef, type AdvanceDetachableRenderContext, type AggregateFunction, type Align, AreaChart, type AreaChartProps, Avatar, type AvatarProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerType, type BannerVariant, BarChart, type BarChartOrientation, type BarChartProps, type BinSpec, BoxPlot, type BoxPlotBox, type BoxPlotProps, type BoxPlotQuantileKeys, type BoxStats, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulletChart, type BulletChartProps, type BulletRow, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_ALL_PAIRS_LIMIT, CHART_DIVERGING_COLORS, CHART_DIVERGING_DARK_STOPS, CHART_DIVERGING_NEUTRAL_INDEX, CHART_DOWN_COLOR, CHART_MAX_COLOR_CLASSES, CHART_MUTED_COLOR, CHART_ORDINAL_COLORS, CHART_ORDINAL_DARK_STOPS, CHART_PALETTE_SIZE, CHART_PATTERNS, CHART_POINT_BUDGET, CHART_SEQUENTIAL_COLORS, CHART_SEQUENTIAL_DARK_STOPS, CHART_SERIES_COLORS, CHART_SURFACE_COLOR, CHART_UP_COLOR, Calendar, type CalendarColor, type CalendarDateRange, type CalendarDayState, type CalendarLabels, type CalendarMode, type CalendarProps, type CalendarSize, type CalendarWeekStart, type Candle, CandlestickChart, type CandlestickChartProps, Card, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, CardTitle, type CardTitleProps, type CartesianChartBaseProps, type CartesianGeometry, type CartesianGeometryOptions, type CartesianOrientation, type CategoryPlacement, type ChartAnnotation, type ChartAnnotationBase, ChartAnnotationLayer, type ChartAnnotationLayerProps, ChartAxis, type ChartAxisOrientation, type ChartAxisProps, type ChartBandAnnotation, ChartBrushLayer, type ChartBrushLayerProps, type ChartBrushRange, type ChartColorScale, ChartContainer, type ChartContainerProps, type ChartContainerRenderArgs, type ChartCurve, type ChartDatum, type ChartDimensions, ChartExportButton, type ChartExportButtonProps, type ChartExportFormat, type ChartExportOptions, type ChartExportRow, type ChartFacetPanel, ChartFacets, type ChartFacetsProps, ChartFilterBar, type ChartFilterBarProps, ChartGrid, type ChartGridLines, type ChartGridProps, ChartLegend, type ChartLegendItem, type ChartLegendMarker, type ChartLegendPosition, type ChartLegendProps, type ChartLineAnnotation, type ChartMargin, type ChartOrientation, type ChartOverlay, type ChartOverlayRenderer, type ChartPattern, ChartPatternDefs, type ChartPatternDefsProps, type ChartPatternEntry, type ChartPeriod, ChartPeriodPicker, type ChartPeriodPickerProps, type ChartPeriodPreset, type ChartPlotContext, type ChartPoint, type ChartPointAnnotation, type ChartPointEvent, type ChartReferenceLine, type ChartResolvedSeries, ChartScaleLegend, type ChartScaleLegendProps, type ChartScaleType, type ChartSeries, type ChartSize, type ChartStatusProps, type ChartSyncContextValue, ChartSyncProvider, type ChartSyncProviderProps, ChartTableView, type ChartTableViewProps, type ChartTick, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, type ChartTooltipPayload, type ChartTooltipProps, type ChartXAxisConfig, type ChartXValue, type ChartYAxisConfig, Checkbox, CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressColor, type CircularProgressProps, type CircularProgressSize, type CircularProgressThickness, type ColumnDef, DEFAULT_CHART_PERIOD_PRESETS, DEFAULT_CHART_WIDTH, DEFAULT_FIELD_TYPES, DataGrid, type DataGridMode, type DataGridProps, type DataGridRef, type Density, Detachable, type DetachableProps, type DetachableRef, DeviceMockup, type DeviceMockupProps, type DeviceOrientation, type DeviceSize, type DeviceTheme, type DeviceType, type DialogA11yProps, type DialogInitialFocus, type DialogReturnFocus, type DivergingScaleOptions, Divider, type DividerOrientation, type DividerProps, type DividerTextAlign, type DividerVariant, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownCheckboxItem, type DropdownCheckboxItemProps, DropdownContent, type DropdownContentProps, type DropdownContextValue, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, type DropdownProps, DropdownRadioGroup, type DropdownRadioGroupProps, DropdownRadioItem, type DropdownRadioItemProps, DropdownSeparator, type DropdownSeparatorProps, DropdownSubMenu, DropdownSubMenuContent, type DropdownSubMenuContentProps, type DropdownSubMenuProps, DropdownSubMenuTrigger, type DropdownSubMenuTriggerProps, DropdownTrigger, type DropdownTriggerProps, DumbbellChart, type DumbbellChartProps, type DumbbellRow, type DumbbellSort, FOCUSABLE_SELECTOR, FileSelector, type FileSelectorProps, type FilterOperator, type FilterType, type FilterValue, Footer, FooterBottom, type FooterBottomProps, FooterColumn, type FooterColumnProps, FooterLink, type FooterLinkProps, type FooterProps, FooterSection, type FooterSectionProps, FooterSocial, FooterSocialLink, type FooterSocialLinkProps, type FooterSocialProps, FunnelChart, type FunnelChartProps, type FunnelStage, GanttChart, type GanttChartProps, type GanttTask, Header, type HeaderProps, Heatmap, type HeatmapCell, type HeatmapProps, HelpButton, type HelpButtonProps, type HistogramBin, INERT_IGNORE_ATTRIBUTE, ImageUploader, type ImageUploaderProps, Indicator, type IndicatorColor, type IndicatorPlacement, type IndicatorProps, type IndicatorSize, type IndicatorVariant, Input, type InputProps, Label, type LabelColor, type LabelProps, type LabelSize, type LabelVariant, type LabelWeight, LineChart, type LineChartProps, MarkdownEditorComponent, type MentionData, MentionInput, type MentionInputProps, type MentionInputValue, type MentionSuggestion, Modal, type ModalProps, type NavItem, type NodeRegistryEntry, NumberInput, type NumberInputProps, Pagination, type PaginationConfig, type PaginationProps, PieChart, type PieChartProps, type Position, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, RadioButton, type RadioButtonProps, ScatterChart, type ScatterChartProps, SchemaEditor, type SchemaEditorProps, type SchemaEditorRef, type SchemaField, type SchemaFieldEvent, type SchemaFieldType, type SchemaRelation, type SchemaRelationCardinality, type SchemaTable, type SchemaTableEvent, type SchemaValue, type SchemaViewport, Select, type SelectOption, type SelectProps, type SelectedFile, type SelectionMode, type SequentialScaleOptions, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarPosition, type SidebarProps, SidebarSubMenu, type SidebarSubMenuProps, SidebarToggle, type SidebarToggleProps, type SidebarVariant, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonVariant, Slider, type SliderColor, type SliderMark, type SliderProps, type SliderSize, type SortDirection, type SortState, Sparkline, type SparklineProps, StatCard, type StatCardDelta, type StatCardDeltaDirection, type StatCardDeltaTone, StatCardGroup, type StatCardGroupProps, type StatCardProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsColor, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, type TimeTickScale, type TimeUnit, Toast, type ToastPosition, type ToastProps, type ToastType, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type TooltipSize, type TooltipTrigger, type TooltipVariant, type UILabels, UILabelsProvider, type UILabelsProviderProps, type UseChartBrushOptions, type UseChartBrushResult, type UseChartSizeOptions, type UseChartSizeResult, type UseDialogA11yOptions, type UseDialogA11yResult, type UseKeyboardNavigationOptions, type UsePositioningOptions, WaterfallChart, type WaterfallChartProps, type WaterfallKind, type WaterfallStep, WithHelpButton, type WithHelpButtonProps, Wizard, WizardActions, type WizardActionsProps, type WizardColor, WizardContent, type WizardContentProps, type WizardContextValue, type WizardDirection, WizardNext, type WizardNextProps, type WizardOrientation, WizardPanel, type WizardPanelProps, WizardPrevious, type WizardPreviousProps, type WizardProps, type WizardSize, type WizardStepChangeMeta, type WizardStepDefinition, type WizardStepStatus, WizardSteps, type WizardStepsProps, type WizardVariant, type WorkflowDirection, type WorkflowEdge, WorkflowEditor, type WorkflowEditorProps, type WorkflowEditorRef, type WorkflowNode, type WorkflowNodeAction, type WorkflowNodeActionEvent, type WorkflowNodeActionPosition, type WorkflowNodeEvent, type WorkflowPort, type WorkflowValue, type WorkflowViewport, autoLayoutTables, binEdges, binValues, boxStats, brushToPeriod, buildCartesianGeometry, cn, createCategoryLocator, createDefaultField, createDefaultTable, createDivergingScale, createPeriod, createPlotContext, createSequentialScale, decimateIndices, decimatePath, defaultUILabels, describeAnnotations, downloadChartData, endOfDay, findOwnedLayers, formatPeriodRange, formatTimeTick, frenchUILabels, generateFieldId, generateRelationId, generateSQL, generateTableId, getFocusableElements, getOrdinalColor, getPattern, getSeriesColor, getSeriesLabel, hideOthers, isElementVisible, isFocusable, lttb, niceTimeTicks, patternBackground, patternFill, patternId, quantile, quantileSorted, rampColor, registerFloatingLayer, resetBarChartWarnings, resetDumbbellWarnings, resetFacetWarnings, resetPointBudgetWarning, resolvePeriodPreset, resolveSeriesColor, samePeriod, sampleEvenly, splitOverlay, startOfDay, sturgesBins, toChartCsv, toChartJson, toChartRows, toLegendItems, toTimestamp, useChartBrush, useChartSize, useChartSync, useClickOutside, useDialogA11y, useDropdownContext, useFocusItem, useKeyboardNavigation, usePositioning, useSidebar, useUILabels, useWizard };
|