@perses-dev/components 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BarChart/BarChart.d.ts +3 -4
- package/dist/BarChart/BarChart.d.ts.map +1 -1
- package/dist/BarChart/BarChart.js +17 -11
- package/dist/BarChart/BarChart.js.map +1 -1
- package/dist/BarChart/index.js.map +1 -1
- package/dist/ColorPicker/ColorPicker.d.ts +1 -2
- package/dist/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/dist/ColorPicker/ColorPicker.js +1 -1
- package/dist/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/ContentWithLegend/ContentWithLegend.d.ts +1 -2
- package/dist/ContentWithLegend/ContentWithLegend.d.ts.map +1 -1
- package/dist/ContentWithLegend/ContentWithLegend.js +2 -2
- package/dist/ContentWithLegend/ContentWithLegend.js.map +1 -1
- package/dist/ContentWithLegend/index.js.map +1 -1
- package/dist/ContentWithLegend/model/content-with-legend-model.d.ts +3 -3
- package/dist/ContentWithLegend/model/content-with-legend-model.d.ts.map +1 -1
- package/dist/ContentWithLegend/model/content-with-legend-model.js +21 -21
- package/dist/ContentWithLegend/model/content-with-legend-model.js.map +1 -1
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.d.ts +1 -2
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.d.ts.map +1 -1
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.js +8 -24
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.js.map +1 -1
- package/dist/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -2
- package/dist/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -1
- package/dist/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
- package/dist/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
- package/dist/DateTimeRangePicker/TimeRangeSelector.d.ts +1 -2
- package/dist/DateTimeRangePicker/TimeRangeSelector.d.ts.map +1 -1
- package/dist/DateTimeRangePicker/TimeRangeSelector.js +2 -2
- package/dist/DateTimeRangePicker/TimeRangeSelector.js.map +1 -1
- package/dist/DateTimeRangePicker/index.js.map +1 -1
- package/dist/DateTimeRangePicker/utils.js.map +1 -1
- package/dist/Dialog/Dialog.d.ts +6 -6
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +5 -5
- package/dist/Dialog/Dialog.js.map +1 -1
- package/dist/Dialog/DiscardChangesConfirmationDialog.d.ts +1 -2
- package/dist/Dialog/DiscardChangesConfirmationDialog.d.ts.map +1 -1
- package/dist/Dialog/DiscardChangesConfirmationDialog.js +1 -1
- package/dist/Dialog/DiscardChangesConfirmationDialog.js.map +1 -1
- package/dist/Dialog/index.js.map +1 -1
- package/dist/Drawer/Drawer.d.ts +1 -2
- package/dist/Drawer/Drawer.d.ts.map +1 -1
- package/dist/Drawer/Drawer.js +4 -3
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/Drawer/index.js.map +1 -1
- package/dist/EChart/EChart.d.ts +7 -7
- package/dist/EChart/EChart.d.ts.map +1 -1
- package/dist/EChart/EChart.js +3 -3
- package/dist/EChart/EChart.js.map +1 -1
- package/dist/EChart/index.js.map +1 -1
- package/dist/ErrorAlert.d.ts +1 -2
- package/dist/ErrorAlert.d.ts.map +1 -1
- package/dist/ErrorAlert.js +1 -1
- package/dist/ErrorAlert.js.map +1 -1
- package/dist/ErrorBoundary.js.map +1 -1
- package/dist/FontSizeSelector/FontSizeSelector.d.ts +2 -3
- package/dist/FontSizeSelector/FontSizeSelector.d.ts.map +1 -1
- package/dist/FontSizeSelector/FontSizeSelector.js +2 -2
- package/dist/FontSizeSelector/FontSizeSelector.js.map +1 -1
- package/dist/FontSizeSelector/index.js.map +1 -1
- package/dist/FormatControls/FormatControls.d.ts +8 -0
- package/dist/FormatControls/FormatControls.d.ts.map +1 -0
- package/dist/{UnitSelector/UnitSelector.js → FormatControls/FormatControls.js} +26 -26
- package/dist/FormatControls/FormatControls.js.map +1 -0
- package/dist/FormatControls/index.d.ts +2 -0
- package/dist/FormatControls/index.d.ts.map +1 -0
- package/dist/{UnitSelector → FormatControls}/index.js +1 -1
- package/dist/FormatControls/index.js.map +1 -0
- package/dist/GaugeChart/GaugeChart.d.ts +6 -7
- package/dist/GaugeChart/GaugeChart.d.ts.map +1 -1
- package/dist/GaugeChart/GaugeChart.js +12 -12
- package/dist/GaugeChart/GaugeChart.js.map +1 -1
- package/dist/GaugeChart/index.js.map +1 -1
- package/dist/InfoTooltip/InfoTooltip.d.ts +2 -2
- package/dist/InfoTooltip/InfoTooltip.d.ts.map +1 -1
- package/dist/InfoTooltip/InfoTooltip.js +4 -4
- package/dist/InfoTooltip/InfoTooltip.js.map +1 -1
- package/dist/InfoTooltip/index.js.map +1 -1
- package/dist/JSONEditor.d.ts +4 -4
- package/dist/JSONEditor.d.ts.map +1 -1
- package/dist/JSONEditor.js +9 -8
- package/dist/JSONEditor.js.map +1 -1
- package/dist/Legend/CompactLegend.d.ts +1 -2
- package/dist/Legend/CompactLegend.d.ts.map +1 -1
- package/dist/Legend/CompactLegend.js +1 -1
- package/dist/Legend/CompactLegend.js.map +1 -1
- package/dist/Legend/Legend.d.ts +1 -2
- package/dist/Legend/Legend.d.ts.map +1 -1
- package/dist/Legend/Legend.js +4 -4
- package/dist/Legend/Legend.js.map +1 -1
- package/dist/Legend/LegendColorBadge.js +1 -1
- package/dist/Legend/LegendColorBadge.js.map +1 -1
- package/dist/Legend/ListLegend.d.ts +1 -2
- package/dist/Legend/ListLegend.d.ts.map +1 -1
- package/dist/Legend/ListLegend.js +1 -1
- package/dist/Legend/ListLegend.js.map +1 -1
- package/dist/Legend/ListLegendItem.d.ts +2 -2
- package/dist/Legend/ListLegendItem.d.ts.map +1 -1
- package/dist/Legend/ListLegendItem.js +7 -11
- package/dist/Legend/ListLegendItem.js.map +1 -1
- package/dist/Legend/TableLegend.d.ts +1 -2
- package/dist/Legend/TableLegend.d.ts.map +1 -1
- package/dist/Legend/TableLegend.js +2 -2
- package/dist/Legend/TableLegend.js.map +1 -1
- package/dist/Legend/index.js.map +1 -1
- package/dist/Legend/legend-model.d.ts +2 -2
- package/dist/Legend/legend-model.d.ts.map +1 -1
- package/dist/Legend/legend-model.js.map +1 -1
- package/dist/LineChart/LineChart.d.ts +2 -2
- package/dist/LineChart/LineChart.d.ts.map +1 -1
- package/dist/LineChart/LineChart.js +22 -24
- package/dist/LineChart/LineChart.js.map +1 -1
- package/dist/LineChart/index.js.map +1 -1
- package/dist/ModeSelector/ModeSelector.d.ts +2 -3
- package/dist/ModeSelector/ModeSelector.d.ts.map +1 -1
- package/dist/ModeSelector/ModeSelector.js +2 -2
- package/dist/ModeSelector/ModeSelector.js.map +1 -1
- package/dist/ModeSelector/index.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorColumn.d.ts +2 -2
- package/dist/OptionsEditorLayout/OptionsEditorColumn.d.ts.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorColumn.js +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorColumn.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorControl.d.ts +2 -3
- package/dist/OptionsEditorLayout/OptionsEditorControl.d.ts.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorControl.js +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorControl.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGrid.d.ts +2 -2
- package/dist/OptionsEditorLayout/OptionsEditorGrid.d.ts.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGrid.js +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGrid.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGroup.d.ts +2 -2
- package/dist/OptionsEditorLayout/OptionsEditorGroup.d.ts.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGroup.js +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGroup.js.map +1 -1
- package/dist/OptionsEditorLayout/index.js.map +1 -1
- package/dist/RefreshIntervalPicker/RefreshIntervalPicker.d.ts +1 -2
- package/dist/RefreshIntervalPicker/RefreshIntervalPicker.d.ts.map +1 -1
- package/dist/RefreshIntervalPicker/RefreshIntervalPicker.js +23 -7
- package/dist/RefreshIntervalPicker/RefreshIntervalPicker.js.map +1 -1
- package/dist/RefreshIntervalPicker/index.js.map +1 -1
- package/dist/SettingsAutocomplete/SettingsAutocomplete.d.ts +1 -1
- package/dist/SettingsAutocomplete/SettingsAutocomplete.d.ts.map +1 -1
- package/dist/SettingsAutocomplete/SettingsAutocomplete.js +4 -4
- package/dist/SettingsAutocomplete/SettingsAutocomplete.js.map +1 -1
- package/dist/SettingsAutocomplete/index.js.map +1 -1
- package/dist/SortSelector/SortSelector.d.ts +2 -3
- package/dist/SortSelector/SortSelector.d.ts.map +1 -1
- package/dist/SortSelector/SortSelector.js +2 -2
- package/dist/SortSelector/SortSelector.js.map +1 -1
- package/dist/SortSelector/index.js.map +1 -1
- package/dist/StatChart/StatChart.d.ts +3 -4
- package/dist/StatChart/StatChart.d.ts.map +1 -1
- package/dist/StatChart/StatChart.js +10 -10
- package/dist/StatChart/StatChart.js.map +1 -1
- package/dist/StatChart/calculateFontSize.js +8 -8
- package/dist/StatChart/calculateFontSize.js.map +1 -1
- package/dist/StatChart/index.js.map +1 -1
- package/dist/Table/InnerTable.d.ts +2 -2
- package/dist/Table/InnerTable.d.ts.map +1 -1
- package/dist/Table/InnerTable.js +2 -2
- package/dist/Table/InnerTable.js.map +1 -1
- package/dist/Table/Table.d.ts +1 -2
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Table/Table.js +3 -3
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/TableBody.d.ts +2 -2
- package/dist/Table/TableBody.d.ts.map +1 -1
- package/dist/Table/TableBody.js.map +1 -1
- package/dist/Table/TableCell.d.ts +1 -1
- package/dist/Table/TableCell.d.ts.map +1 -1
- package/dist/Table/TableCell.js +4 -4
- package/dist/Table/TableCell.js.map +1 -1
- package/dist/Table/TableCheckbox.d.ts +1 -2
- package/dist/Table/TableCheckbox.d.ts.map +1 -1
- package/dist/Table/TableCheckbox.js +1 -1
- package/dist/Table/TableCheckbox.js.map +1 -1
- package/dist/Table/TableHead.d.ts +2 -2
- package/dist/Table/TableHead.d.ts.map +1 -1
- package/dist/Table/TableHead.js.map +1 -1
- package/dist/Table/TableHeaderCell.d.ts +1 -2
- package/dist/Table/TableHeaderCell.d.ts.map +1 -1
- package/dist/Table/TableHeaderCell.js +1 -1
- package/dist/Table/TableHeaderCell.js.map +1 -1
- package/dist/Table/TableRow.d.ts +1 -1
- package/dist/Table/TableRow.d.ts.map +1 -1
- package/dist/Table/TableRow.js.map +1 -1
- package/dist/Table/VirtualizedTable.d.ts +2 -2
- package/dist/Table/VirtualizedTable.d.ts.map +1 -1
- package/dist/Table/VirtualizedTable.js +8 -8
- package/dist/Table/VirtualizedTable.js.map +1 -1
- package/dist/Table/VirtualizedTableContainer.d.ts +2 -2
- package/dist/Table/VirtualizedTableContainer.d.ts.map +1 -1
- package/dist/Table/VirtualizedTableContainer.js.map +1 -1
- package/dist/Table/hooks/useTableKeyboardNav.d.ts +1 -1
- package/dist/Table/hooks/useTableKeyboardNav.d.ts.map +1 -1
- package/dist/Table/hooks/useTableKeyboardNav.js +1 -1
- package/dist/Table/hooks/useTableKeyboardNav.js.map +1 -1
- package/dist/Table/hooks/useVirtualizedTableKeyboardNav.js +21 -21
- package/dist/Table/hooks/useVirtualizedTableKeyboardNav.js.map +1 -1
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/model/table-model.d.ts +6 -6
- package/dist/Table/model/table-model.d.ts.map +1 -1
- package/dist/Table/model/table-model.js +11 -11
- package/dist/Table/model/table-model.js.map +1 -1
- package/dist/ThresholdsEditor/ThresholdColorPicker.d.ts +1 -2
- package/dist/ThresholdsEditor/ThresholdColorPicker.d.ts.map +1 -1
- package/dist/ThresholdsEditor/ThresholdColorPicker.js +4 -4
- package/dist/ThresholdsEditor/ThresholdColorPicker.js.map +1 -1
- package/dist/ThresholdsEditor/ThresholdInput.d.ts +1 -1
- package/dist/ThresholdsEditor/ThresholdInput.d.ts.map +1 -1
- package/dist/ThresholdsEditor/ThresholdInput.js +2 -2
- package/dist/ThresholdsEditor/ThresholdInput.js.map +1 -1
- package/dist/ThresholdsEditor/ThresholdsEditor.d.ts +1 -2
- package/dist/ThresholdsEditor/ThresholdsEditor.d.ts.map +1 -1
- package/dist/ThresholdsEditor/ThresholdsEditor.js +23 -21
- package/dist/ThresholdsEditor/ThresholdsEditor.js.map +1 -1
- package/dist/ThresholdsEditor/index.js.map +1 -1
- package/dist/TimeChart/TimeChart.d.ts +3 -3
- package/dist/TimeChart/TimeChart.d.ts.map +1 -1
- package/dist/TimeChart/TimeChart.js +110 -67
- package/dist/TimeChart/TimeChart.js.map +1 -1
- package/dist/TimeChart/index.js.map +1 -1
- package/dist/TimeSeriesTooltip/LineChartTooltip.d.ts +2 -2
- package/dist/TimeSeriesTooltip/LineChartTooltip.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/LineChartTooltip.js +11 -10
- package/dist/TimeSeriesTooltip/LineChartTooltip.js.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesInfo.d.ts +1 -2
- package/dist/TimeSeriesTooltip/SeriesInfo.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesInfo.js +3 -3
- package/dist/TimeSeriesTooltip/SeriesInfo.js.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesLabelsStack.d.ts +1 -2
- package/dist/TimeSeriesTooltip/SeriesLabelsStack.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesLabelsStack.js +1 -1
- package/dist/TimeSeriesTooltip/SeriesLabelsStack.js.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesMarker.d.ts +1 -2
- package/dist/TimeSeriesTooltip/SeriesMarker.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesMarker.js +1 -1
- package/dist/TimeSeriesTooltip/SeriesMarker.js.map +1 -1
- package/dist/TimeSeriesTooltip/TimeChartTooltip.d.ts +2 -2
- package/dist/TimeSeriesTooltip/TimeChartTooltip.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/TimeChartTooltip.js +6 -6
- package/dist/TimeSeriesTooltip/TimeChartTooltip.js.map +1 -1
- package/dist/TimeSeriesTooltip/TooltipContent.d.ts +1 -2
- package/dist/TimeSeriesTooltip/TooltipContent.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/TooltipContent.js +2 -2
- package/dist/TimeSeriesTooltip/TooltipContent.js.map +1 -1
- package/dist/TimeSeriesTooltip/TooltipHeader.js +7 -7
- package/dist/TimeSeriesTooltip/TooltipHeader.js.map +1 -1
- package/dist/TimeSeriesTooltip/index.js.map +1 -1
- package/dist/TimeSeriesTooltip/nearby-series.d.ts +8 -8
- package/dist/TimeSeriesTooltip/nearby-series.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/nearby-series.js +44 -45
- package/dist/TimeSeriesTooltip/nearby-series.js.map +1 -1
- package/dist/TimeSeriesTooltip/tooltip-model.d.ts +13 -26
- package/dist/TimeSeriesTooltip/tooltip-model.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/tooltip-model.js +5 -11
- package/dist/TimeSeriesTooltip/tooltip-model.js.map +1 -1
- package/dist/TimeSeriesTooltip/utils.d.ts +1 -1
- package/dist/TimeSeriesTooltip/utils.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/utils.js +5 -4
- package/dist/TimeSeriesTooltip/utils.js.map +1 -1
- package/dist/ToolbarIconButton/ToolbarIconButton.d.ts +6 -0
- package/dist/ToolbarIconButton/ToolbarIconButton.d.ts.map +1 -0
- package/dist/ToolbarIconButton/ToolbarIconButton.js +32 -0
- package/dist/ToolbarIconButton/ToolbarIconButton.js.map +1 -0
- package/dist/ToolbarIconButton/index.d.ts +2 -0
- package/dist/ToolbarIconButton/index.d.ts.map +1 -0
- package/dist/ToolbarIconButton/index.js +15 -0
- package/dist/ToolbarIconButton/index.js.map +1 -0
- package/dist/YAxisLabel.d.ts +1 -2
- package/dist/YAxisLabel.d.ts.map +1 -1
- package/dist/YAxisLabel.js +1 -1
- package/dist/YAxisLabel.js.map +1 -1
- package/dist/cjs/BarChart/BarChart.js +25 -17
- package/dist/cjs/BarChart/index.js +10 -8
- package/dist/cjs/ColorPicker/ColorPicker.js +19 -15
- package/dist/cjs/ColorPicker/index.js +10 -8
- package/dist/cjs/ContentWithLegend/ContentWithLegend.js +13 -11
- package/dist/cjs/ContentWithLegend/index.js +10 -8
- package/dist/cjs/ContentWithLegend/model/content-with-legend-model.js +29 -25
- package/dist/cjs/DateTimeRangePicker/AbsoluteTimePicker.js +30 -44
- package/dist/cjs/DateTimeRangePicker/DateTimeRangePicker.js +13 -11
- package/dist/cjs/DateTimeRangePicker/TimeRangeSelector.js +14 -12
- package/dist/cjs/DateTimeRangePicker/index.js +12 -10
- package/dist/cjs/DateTimeRangePicker/utils.js +9 -5
- package/dist/cjs/Dialog/Dialog.js +16 -14
- package/dist/cjs/Dialog/DiscardChangesConfirmationDialog.js +12 -10
- package/dist/cjs/Dialog/index.js +11 -9
- package/dist/cjs/Drawer/Drawer.js +8 -5
- package/dist/cjs/Drawer/index.js +10 -8
- package/dist/cjs/EChart/EChart.js +16 -12
- package/dist/cjs/EChart/index.js +10 -8
- package/dist/cjs/ErrorAlert.js +6 -4
- package/dist/cjs/ErrorBoundary.js +4 -2
- package/dist/cjs/FontSizeSelector/FontSizeSelector.js +10 -8
- package/dist/cjs/FontSizeSelector/index.js +10 -8
- package/dist/cjs/{UnitSelector/UnitSelector.js → FormatControls/FormatControls.js} +38 -36
- package/dist/cjs/{UnitSelector → FormatControls}/index.js +10 -8
- package/dist/cjs/GaugeChart/GaugeChart.js +22 -18
- package/dist/cjs/GaugeChart/index.js +10 -8
- package/dist/cjs/InfoTooltip/InfoTooltip.js +16 -14
- package/dist/cjs/InfoTooltip/index.js +10 -8
- package/dist/cjs/JSONEditor.js +19 -16
- package/dist/cjs/Legend/CompactLegend.js +10 -8
- package/dist/cjs/Legend/Legend.js +16 -14
- package/dist/cjs/Legend/LegendColorBadge.js +8 -6
- package/dist/cjs/Legend/ListLegend.js +11 -9
- package/dist/cjs/Legend/ListLegendItem.js +20 -20
- package/dist/cjs/Legend/TableLegend.js +8 -6
- package/dist/cjs/Legend/index.js +11 -9
- package/dist/cjs/Legend/legend-model.js +3 -1
- package/dist/cjs/LineChart/LineChart.js +31 -31
- package/dist/cjs/LineChart/index.js +10 -8
- package/dist/cjs/ModeSelector/ModeSelector.js +10 -8
- package/dist/cjs/ModeSelector/index.js +10 -8
- package/dist/cjs/OptionsEditorLayout/OptionsEditorColumn.js +7 -5
- package/dist/cjs/OptionsEditorLayout/OptionsEditorControl.js +17 -15
- package/dist/cjs/OptionsEditorLayout/OptionsEditorGrid.js +6 -4
- package/dist/cjs/OptionsEditorLayout/OptionsEditorGroup.js +12 -10
- package/dist/cjs/OptionsEditorLayout/index.js +13 -11
- package/dist/cjs/RefreshIntervalPicker/RefreshIntervalPicker.js +28 -10
- package/dist/cjs/RefreshIntervalPicker/index.js +10 -8
- package/dist/cjs/SettingsAutocomplete/SettingsAutocomplete.js +13 -11
- package/dist/cjs/SettingsAutocomplete/index.js +10 -8
- package/dist/cjs/SortSelector/SortSelector.js +10 -8
- package/dist/cjs/SortSelector/index.js +10 -8
- package/dist/cjs/StatChart/StatChart.js +22 -20
- package/dist/cjs/StatChart/calculateFontSize.js +11 -9
- package/dist/cjs/StatChart/index.js +10 -8
- package/dist/cjs/Table/InnerTable.js +7 -5
- package/dist/cjs/Table/Table.js +18 -16
- package/dist/cjs/Table/TableBody.js +5 -3
- package/dist/cjs/Table/TableCell.js +12 -10
- package/dist/cjs/Table/TableCheckbox.js +6 -4
- package/dist/cjs/Table/TableHead.js +5 -3
- package/dist/cjs/Table/TableHeaderCell.js +9 -7
- package/dist/cjs/Table/TableRow.js +5 -3
- package/dist/cjs/Table/VirtualizedTable.js +34 -32
- package/dist/cjs/Table/VirtualizedTableContainer.js +5 -3
- package/dist/cjs/Table/hooks/useTableKeyboardNav.js +4 -2
- package/dist/cjs/Table/hooks/useVirtualizedTableKeyboardNav.js +24 -22
- package/dist/cjs/Table/index.js +14 -10
- package/dist/cjs/Table/model/table-model.js +17 -13
- package/dist/cjs/ThresholdsEditor/ThresholdColorPicker.js +17 -15
- package/dist/cjs/ThresholdsEditor/ThresholdInput.js +15 -13
- package/dist/cjs/ThresholdsEditor/ThresholdsEditor.js +50 -44
- package/dist/cjs/ThresholdsEditor/index.js +10 -8
- package/dist/cjs/TimeChart/TimeChart.js +123 -78
- package/dist/cjs/TimeChart/index.js +10 -8
- package/dist/cjs/TimeSeriesTooltip/LineChartTooltip.js +31 -28
- package/dist/cjs/TimeSeriesTooltip/SeriesInfo.js +18 -16
- package/dist/cjs/TimeSeriesTooltip/SeriesLabelsStack.js +16 -14
- package/dist/cjs/TimeSeriesTooltip/SeriesMarker.js +6 -4
- package/dist/cjs/TimeSeriesTooltip/TimeChartTooltip.js +23 -21
- package/dist/cjs/TimeSeriesTooltip/TooltipContent.js +9 -7
- package/dist/cjs/TimeSeriesTooltip/TooltipHeader.js +35 -33
- package/dist/cjs/TimeSeriesTooltip/index.js +19 -17
- package/dist/cjs/TimeSeriesTooltip/nearby-series.js +70 -53
- package/dist/cjs/TimeSeriesTooltip/tooltip-model.js +56 -28
- package/dist/cjs/TimeSeriesTooltip/utils.js +19 -14
- package/dist/cjs/ToolbarIconButton/ToolbarIconButton.js +40 -0
- package/dist/cjs/ToolbarIconButton/index.js +30 -0
- package/dist/cjs/YAxisLabel.js +7 -5
- package/dist/cjs/context/{ChartsThemeProvider.js → ChartsProvider.js} +41 -12
- package/dist/cjs/context/SnackbarProvider.js +7 -3
- package/dist/cjs/context/TimeZoneProvider.js +17 -9
- package/dist/cjs/context/index.js +32 -0
- package/dist/cjs/index.js +42 -41
- package/dist/cjs/model/graph.js +9 -3
- package/dist/cjs/model/index.js +12 -10
- package/dist/cjs/test/index.js +10 -8
- package/dist/cjs/test/render.js +7 -5
- package/dist/cjs/test-utils/index.js +10 -8
- package/dist/cjs/test-utils/theme.js +38 -19
- package/dist/cjs/theme/component-overrides/alert.js +7 -5
- package/dist/cjs/theme/component-overrides/paper.js +4 -2
- package/dist/cjs/theme/index.js +10 -8
- package/dist/cjs/theme/palette/background.js +6 -2
- package/dist/cjs/theme/palette/colors/blue.js +3 -1
- package/dist/cjs/theme/palette/colors/common.js +6 -2
- package/dist/cjs/theme/palette/colors/green.js +3 -1
- package/dist/cjs/theme/palette/colors/grey.js +3 -1
- package/dist/cjs/theme/palette/colors/index.js +17 -15
- package/dist/cjs/theme/palette/colors/orange.js +3 -1
- package/dist/cjs/theme/palette/colors/purple.js +3 -1
- package/dist/cjs/theme/palette/colors/red.js +3 -1
- package/dist/cjs/theme/palette/error.js +3 -1
- package/dist/cjs/theme/palette/grey.js +3 -1
- package/dist/cjs/theme/palette/index.js +10 -8
- package/dist/cjs/theme/palette/palette-options.js +3 -1
- package/dist/cjs/theme/palette/primary.js +3 -1
- package/dist/cjs/theme/palette/secondary.js +3 -1
- package/dist/cjs/theme/palette/success.js +3 -1
- package/dist/cjs/theme/palette/text.js +3 -1
- package/dist/cjs/theme/palette/warning.js +3 -1
- package/dist/cjs/theme/theme.js +6 -4
- package/dist/cjs/theme/typography.js +3 -1
- package/dist/cjs/utils/axis.js +11 -7
- package/dist/cjs/utils/chart-actions.js +68 -12
- package/dist/cjs/utils/combine-sx.js +3 -1
- package/dist/cjs/utils/component-ids.js +3 -1
- package/dist/cjs/utils/format.js +16 -8
- package/dist/cjs/utils/index.js +15 -13
- package/dist/cjs/utils/mathjs.js +4 -2
- package/dist/cjs/utils/theme-gen.js +16 -18
- package/dist/context/ChartsProvider.d.ts +19 -0
- package/dist/context/ChartsProvider.d.ts.map +1 -0
- package/dist/context/{ChartsThemeProvider.js → ChartsProvider.js} +24 -6
- package/dist/context/ChartsProvider.js.map +1 -0
- package/dist/context/SnackbarProvider.d.ts +2 -2
- package/dist/context/SnackbarProvider.d.ts.map +1 -1
- package/dist/context/SnackbarProvider.js +1 -1
- package/dist/context/SnackbarProvider.js.map +1 -1
- package/dist/context/TimeZoneProvider.d.ts +1 -1
- package/dist/context/TimeZoneProvider.d.ts.map +1 -1
- package/dist/context/TimeZoneProvider.js +1 -1
- package/dist/context/TimeZoneProvider.js.map +1 -1
- package/dist/context/index.d.ts +4 -0
- package/dist/context/index.d.ts.map +1 -0
- package/dist/context/index.js +17 -0
- package/dist/context/index.js.map +1 -0
- package/dist/index.d.ts +3 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -4
- package/dist/index.js.map +1 -1
- package/dist/model/graph.d.ts +8 -8
- package/dist/model/graph.d.ts.map +1 -1
- package/dist/model/graph.js.map +1 -1
- package/dist/model/index.js.map +1 -1
- package/dist/model/theme.d.ts +1 -1
- package/dist/model/theme.d.ts.map +1 -1
- package/dist/model/theme.js.map +1 -1
- package/dist/model/timeOption.js.map +1 -1
- package/dist/test/index.js.map +1 -1
- package/dist/test/render.js.map +1 -1
- package/dist/test/setup-tests.js.map +1 -1
- package/dist/test-utils/index.js.map +1 -1
- package/dist/test-utils/theme.d.ts +2 -0
- package/dist/test-utils/theme.d.ts.map +1 -1
- package/dist/test-utils/theme.js +25 -16
- package/dist/test-utils/theme.js.map +1 -1
- package/dist/theme/component-overrides/alert.js +4 -4
- package/dist/theme/component-overrides/alert.js.map +1 -1
- package/dist/theme/component-overrides/paper.js +1 -1
- package/dist/theme/component-overrides/paper.js.map +1 -1
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/palette/background.d.ts.map +1 -1
- package/dist/theme/palette/background.js +3 -1
- package/dist/theme/palette/background.js.map +1 -1
- package/dist/theme/palette/colors/blue.js.map +1 -1
- package/dist/theme/palette/colors/common.js.map +1 -1
- package/dist/theme/palette/colors/green.js.map +1 -1
- package/dist/theme/palette/colors/grey.js.map +1 -1
- package/dist/theme/palette/colors/index.js.map +1 -1
- package/dist/theme/palette/colors/orange.js.map +1 -1
- package/dist/theme/palette/colors/purple.js.map +1 -1
- package/dist/theme/palette/colors/red.js.map +1 -1
- package/dist/theme/palette/colors/types.d.ts +1 -1
- package/dist/theme/palette/colors/types.d.ts.map +1 -1
- package/dist/theme/palette/colors/types.js.map +1 -1
- package/dist/theme/palette/error.js.map +1 -1
- package/dist/theme/palette/grey.js.map +1 -1
- package/dist/theme/palette/index.js.map +1 -1
- package/dist/theme/palette/palette-options.js.map +1 -1
- package/dist/theme/palette/primary.js.map +1 -1
- package/dist/theme/palette/secondary.js.map +1 -1
- package/dist/theme/palette/success.js.map +1 -1
- package/dist/theme/palette/text.js.map +1 -1
- package/dist/theme/palette/warning.js.map +1 -1
- package/dist/theme/theme.js +1 -1
- package/dist/theme/theme.js.map +1 -1
- package/dist/theme/types/ThemeExtension.d.js.map +1 -1
- package/dist/theme/typography.js.map +1 -1
- package/dist/utils/axis.d.ts +4 -4
- package/dist/utils/axis.d.ts.map +1 -1
- package/dist/utils/axis.js +4 -4
- package/dist/utils/axis.js.map +1 -1
- package/dist/utils/chart-actions.d.ts +6 -2
- package/dist/utils/chart-actions.d.ts.map +1 -1
- package/dist/utils/chart-actions.js +51 -7
- package/dist/utils/chart-actions.js.map +1 -1
- package/dist/utils/combine-sx.js.map +1 -1
- package/dist/utils/component-ids.js.map +1 -1
- package/dist/utils/format.js.map +1 -1
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/mathjs.js +1 -1
- package/dist/utils/mathjs.js.map +1 -1
- package/dist/utils/theme-gen.d.ts +3 -8
- package/dist/utils/theme-gen.d.ts.map +1 -1
- package/dist/utils/theme-gen.js +11 -15
- package/dist/utils/theme-gen.js.map +1 -1
- package/package.json +8 -7
- package/dist/UnitSelector/UnitSelector.d.ts +0 -9
- package/dist/UnitSelector/UnitSelector.d.ts.map +0 -1
- package/dist/UnitSelector/UnitSelector.js.map +0 -1
- package/dist/UnitSelector/index.d.ts +0 -2
- package/dist/UnitSelector/index.d.ts.map +0 -1
- package/dist/UnitSelector/index.js.map +0 -1
- package/dist/context/ChartsThemeProvider.d.ts +0 -10
- package/dist/context/ChartsThemeProvider.d.ts.map +0 -1
- package/dist/context/ChartsThemeProvider.js.map +0 -1
package/dist/cjs/Table/Table.js
CHANGED
|
@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "Table", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return Table;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _reacttable = require("@tanstack/react-table");
|
|
23
25
|
const _material = require("@mui/material");
|
|
24
26
|
const _react = require("react");
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
27
|
+
const _VirtualizedTable = require("./VirtualizedTable");
|
|
28
|
+
const _TableCheckbox = require("./TableCheckbox");
|
|
29
|
+
const _tablemodel = require("./model/table-model");
|
|
28
30
|
const DEFAULT_GET_ROW_ID = (data, index)=>{
|
|
29
31
|
return `${index}`;
|
|
30
32
|
};
|
|
@@ -33,7 +35,7 @@ const DEFAULT_GET_ROW_ID = (data, index)=>{
|
|
|
33
35
|
// does not do deep equality checking for objects and arrays.
|
|
34
36
|
const DEFAULT_ROW_SELECTION = {};
|
|
35
37
|
const DEFAULT_SORTING = [];
|
|
36
|
-
function Table({ data
|
|
38
|
+
function Table({ data, columns, density = 'standard', checkboxSelection, onRowSelectionChange, onSortingChange, getCheckboxColor, getRowId = DEFAULT_GET_ROW_ID, rowSelection = DEFAULT_ROW_SELECTION, sorting = DEFAULT_SORTING, rowSelectionVariant = 'standard', ...otherProps }) {
|
|
37
39
|
const theme = (0, _material.useTheme)();
|
|
38
40
|
const handleRowSelectionChange = (rowSelectionUpdater)=>{
|
|
39
41
|
const newRowSelection = typeof rowSelectionUpdater === 'function' ? rowSelectionUpdater(rowSelection) : rowSelectionUpdater;
|
|
@@ -75,8 +77,8 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
|
|
|
75
77
|
return {
|
|
76
78
|
id: 'checkboxRowSelect',
|
|
77
79
|
size: 28,
|
|
78
|
-
header: ({ table
|
|
79
|
-
return /*#__PURE__*/ (0,
|
|
80
|
+
header: ({ table })=>{
|
|
81
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCheckbox.TableCheckbox, {
|
|
80
82
|
checked: table.getIsAllRowsSelected(),
|
|
81
83
|
indeterminate: table.getIsSomeRowsSelected(),
|
|
82
84
|
onChange: table.getToggleAllRowsSelectedHandler(),
|
|
@@ -84,8 +86,8 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
|
|
|
84
86
|
density: density
|
|
85
87
|
});
|
|
86
88
|
},
|
|
87
|
-
cell: ({ row
|
|
88
|
-
return /*#__PURE__*/ (0,
|
|
89
|
+
cell: ({ row, table })=>{
|
|
90
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCheckbox.TableCheckbox, {
|
|
89
91
|
checked: row.getIsSelected(),
|
|
90
92
|
indeterminate: row.getIsSomeSelected(),
|
|
91
93
|
onChange: (e)=>{
|
|
@@ -104,7 +106,7 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
|
|
|
104
106
|
handleCheckboxChange
|
|
105
107
|
]);
|
|
106
108
|
const tableColumns = (0, _react.useMemo)(()=>{
|
|
107
|
-
const initTableColumns = (0,
|
|
109
|
+
const initTableColumns = (0, _tablemodel.persesColumnsToTanstackColumns)(columns);
|
|
108
110
|
if (checkboxSelection) {
|
|
109
111
|
initTableColumns.unshift(checkboxColumn);
|
|
110
112
|
}
|
|
@@ -114,12 +116,12 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
|
|
|
114
116
|
checkboxSelection,
|
|
115
117
|
columns
|
|
116
118
|
]);
|
|
117
|
-
const table = (0,
|
|
119
|
+
const table = (0, _reacttable.useReactTable)({
|
|
118
120
|
data,
|
|
119
121
|
columns: tableColumns,
|
|
120
122
|
getRowId,
|
|
121
|
-
getCoreRowModel: (0,
|
|
122
|
-
getSortedRowModel: (0,
|
|
123
|
+
getCoreRowModel: (0, _reacttable.getCoreRowModel)(),
|
|
124
|
+
getSortedRowModel: (0, _reacttable.getSortedRowModel)(),
|
|
123
125
|
enableRowSelection: !!checkboxSelection,
|
|
124
126
|
onRowSelectionChange: handleRowSelectionChange,
|
|
125
127
|
onSortingChange: handleSortingChange,
|
|
@@ -139,7 +141,7 @@ function Table({ data , columns , density ='standard' , checkboxSelection , onRo
|
|
|
139
141
|
handleRowSelectionEvent,
|
|
140
142
|
table
|
|
141
143
|
]);
|
|
142
|
-
return /*#__PURE__*/ (0,
|
|
144
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_VirtualizedTable.VirtualizedTable, {
|
|
143
145
|
...otherProps,
|
|
144
146
|
density: density,
|
|
145
147
|
onRowClick: handleRowClick,
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableBody", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableBody;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _react = require("react");
|
|
24
26
|
const TableBody = /*#__PURE__*/ (0, _react.forwardRef)(function TableBody(props, ref) {
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
27
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
|
|
26
28
|
...props,
|
|
27
29
|
ref: ref
|
|
28
30
|
});
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableCell", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableCell;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _react = require("react");
|
|
24
|
-
const
|
|
25
|
-
const StyledMuiTableCell = (0, _material.styled)(_material.TableCell)(({ theme
|
|
26
|
+
const _tablemodel = require("./model/table-model");
|
|
27
|
+
const StyledMuiTableCell = (0, _material.styled)(_material.TableCell)(({ theme })=>({
|
|
26
28
|
padding: 0,
|
|
27
29
|
backgroundColor: 'inherit',
|
|
28
30
|
'&.MuiTableCell-head': {
|
|
@@ -37,7 +39,7 @@ const StyledMuiTableCell = (0, _material.styled)(_material.TableCell)(({ theme
|
|
|
37
39
|
borderRadius: 0
|
|
38
40
|
}
|
|
39
41
|
}));
|
|
40
|
-
function TableCell({ children
|
|
42
|
+
function TableCell({ children, density, variant, width, focusState = 'none', onFocusTrigger, isFirstColumn, isLastColumn, description, ...otherProps }) {
|
|
41
43
|
const theme = (0, _material.useTheme)();
|
|
42
44
|
const elRef = (0, _react.useRef)();
|
|
43
45
|
const isHeader = variant === 'head';
|
|
@@ -49,9 +51,9 @@ function TableCell({ children , density , variant , width , focusState ='none' ,
|
|
|
49
51
|
focusState
|
|
50
52
|
]);
|
|
51
53
|
const handleFocus = (e)=>{
|
|
52
|
-
var
|
|
54
|
+
var _e_currentTarget;
|
|
53
55
|
// From https://zellwk.com/blog/keyboard-focusable-elements/
|
|
54
|
-
const nestedFocusTarget = (
|
|
56
|
+
const nestedFocusTarget = (_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : _e_currentTarget.querySelector('a[href], button, input, textarea, select, details,[role="button"]');
|
|
55
57
|
if (nestedFocusTarget) {
|
|
56
58
|
// If the cell has a focusable child, focus it instead. Mostly used for
|
|
57
59
|
// checkbox cells, but could have other uses.
|
|
@@ -66,7 +68,7 @@ function TableCell({ children , density , variant , width , focusState ='none' ,
|
|
|
66
68
|
// tabindex and focuses to the right cell.
|
|
67
69
|
onFocusTrigger === null || onFocusTrigger === void 0 ? void 0 : onFocusTrigger(e);
|
|
68
70
|
};
|
|
69
|
-
return /*#__PURE__*/ (0,
|
|
71
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledMuiTableCell, {
|
|
70
72
|
...otherProps,
|
|
71
73
|
// Modify the tab index based on the currently focused cell. It's important
|
|
72
74
|
// to avoid having tabindex 0 on everything because it essentially traps
|
|
@@ -81,9 +83,9 @@ function TableCell({ children , density , variant , width , focusState ='none' ,
|
|
|
81
83
|
borderBottom: isHeader ? (theme)=>`solid 1px ${theme.palette.grey[100]}` : `solid 1px ${theme.palette.grey[50]}`
|
|
82
84
|
},
|
|
83
85
|
ref: elRef,
|
|
84
|
-
children: /*#__PURE__*/ (0,
|
|
86
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
85
87
|
sx: {
|
|
86
|
-
...(0,
|
|
88
|
+
...(0, _tablemodel.getTableCellLayout)(theme, density, {
|
|
87
89
|
isLastColumn,
|
|
88
90
|
isFirstColumn
|
|
89
91
|
}),
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableCheckbox", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableCheckbox;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
|
-
function TableCheckbox({ color
|
|
25
|
+
function TableCheckbox({ color, density, ...otherProps }) {
|
|
24
26
|
const isCompact = density === 'compact';
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
27
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
|
|
26
28
|
size: isCompact ? 'small' : 'medium',
|
|
27
29
|
...otherProps,
|
|
28
30
|
// Disable ripple and set background color below because of some issues
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableHead", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableHead;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _react = require("react");
|
|
24
26
|
const TableHead = /*#__PURE__*/ (0, _react.forwardRef)(function TableHead(props, ref) {
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
27
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
|
|
26
28
|
...props,
|
|
27
29
|
ref: ref
|
|
28
30
|
});
|
|
@@ -16,14 +16,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableHeaderCell", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableHeaderCell;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
|
-
const
|
|
24
|
-
function TableHeaderCell({ onSort
|
|
25
|
+
const _TableCell = require("./TableCell");
|
|
26
|
+
function TableHeaderCell({ onSort, sortDirection, nextSortDirection, children, ...cellProps }) {
|
|
25
27
|
const showSortLabel = !!onSort;
|
|
26
|
-
const headerText = /*#__PURE__*/ (0,
|
|
28
|
+
const headerText = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
|
|
27
29
|
noWrap: true,
|
|
28
30
|
variant: "inherit",
|
|
29
31
|
component: "div",
|
|
@@ -32,9 +34,9 @@ function TableHeaderCell({ onSort , sortDirection , nextSortDirection , children
|
|
|
32
34
|
});
|
|
33
35
|
const isActive = !!sortDirection;
|
|
34
36
|
const direction = isActive ? sortDirection : nextSortDirection;
|
|
35
|
-
return /*#__PURE__*/ (0,
|
|
37
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCell.TableCell, {
|
|
36
38
|
...cellProps,
|
|
37
|
-
children: showSortLabel ? /*#__PURE__*/ (0,
|
|
39
|
+
children: showSortLabel ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableSortLabel, {
|
|
38
40
|
onClick: onSort,
|
|
39
41
|
direction: direction,
|
|
40
42
|
active: isActive,
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableRow", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableRow;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _react = require("react");
|
|
24
26
|
const TableRow = /*#__PURE__*/ (0, _react.forwardRef)(function TableRow(props, ref) {
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
27
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableRow, {
|
|
26
28
|
...props,
|
|
27
29
|
ref: ref,
|
|
28
30
|
sx: {
|
|
@@ -16,22 +16,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "VirtualizedTable", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return VirtualizedTable;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _reacttable = require("@tanstack/react-table");
|
|
23
25
|
const _material = require("@mui/material");
|
|
24
|
-
const
|
|
26
|
+
const _reactvirtuoso = require("react-virtuoso");
|
|
25
27
|
const _react = require("react");
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
28
|
+
const _TableRow = require("./TableRow");
|
|
29
|
+
const _TableBody = require("./TableBody");
|
|
30
|
+
const _InnerTable = require("./InnerTable");
|
|
31
|
+
const _TableHead = require("./TableHead");
|
|
32
|
+
const _TableHeaderCell = require("./TableHeaderCell");
|
|
33
|
+
const _TableCell = require("./TableCell");
|
|
34
|
+
const _VirtualizedTableContainer = require("./VirtualizedTableContainer");
|
|
33
35
|
const _useVirtualizedTableKeyboardNav = require("./hooks/useVirtualizedTableKeyboardNav");
|
|
34
|
-
function VirtualizedTable({ width
|
|
36
|
+
function VirtualizedTable({ width, height, density, onRowClick, onRowMouseOver, onRowMouseOut, rows, columns, headers }) {
|
|
35
37
|
const virtuosoRef = (0, _react.useRef)(null);
|
|
36
38
|
// Use a ref for these values because they are only needed for keyboard
|
|
37
39
|
// focus interactions and setting them on state will lead to a significant
|
|
@@ -58,18 +60,18 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
58
60
|
};
|
|
59
61
|
const VirtuosoTableComponents = (0, _react.useMemo)(()=>{
|
|
60
62
|
return {
|
|
61
|
-
Scroller:
|
|
63
|
+
Scroller: _VirtualizedTableContainer.VirtualizedTableContainer,
|
|
62
64
|
Table: (props)=>{
|
|
63
|
-
return /*#__PURE__*/ (0,
|
|
65
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InnerTable.InnerTable, {
|
|
64
66
|
...props,
|
|
65
67
|
width: width,
|
|
66
68
|
density: density,
|
|
67
69
|
onKeyDown: keyboardNav.onTableKeyDown
|
|
68
70
|
});
|
|
69
71
|
},
|
|
70
|
-
TableHead:
|
|
72
|
+
TableHead: _TableHead.TableHead,
|
|
71
73
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
72
|
-
TableRow: ({ item
|
|
74
|
+
TableRow: ({ item, ...props })=>{
|
|
73
75
|
const index = props['data-index'];
|
|
74
76
|
const row = rows[index];
|
|
75
77
|
if (!row) {
|
|
@@ -79,7 +81,7 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
79
81
|
id: row.id,
|
|
80
82
|
index: row.index
|
|
81
83
|
};
|
|
82
|
-
return /*#__PURE__*/ (0,
|
|
84
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableRow.TableRow, {
|
|
83
85
|
...props,
|
|
84
86
|
onClick: (e)=>onRowClick(e, row.id),
|
|
85
87
|
density: density,
|
|
@@ -91,7 +93,7 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
91
93
|
}
|
|
92
94
|
});
|
|
93
95
|
},
|
|
94
|
-
TableBody:
|
|
96
|
+
TableBody: _TableBody.TableBody
|
|
95
97
|
};
|
|
96
98
|
}, [
|
|
97
99
|
density,
|
|
@@ -102,12 +104,12 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
102
104
|
rows,
|
|
103
105
|
width
|
|
104
106
|
]);
|
|
105
|
-
return /*#__PURE__*/ (0,
|
|
107
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
106
108
|
sx: {
|
|
107
109
|
width,
|
|
108
110
|
height
|
|
109
111
|
},
|
|
110
|
-
children: /*#__PURE__*/ (0,
|
|
112
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactvirtuoso.TableVirtuoso, {
|
|
111
113
|
ref: virtuosoRef,
|
|
112
114
|
totalCount: rows.length,
|
|
113
115
|
components: VirtuosoTableComponents,
|
|
@@ -116,12 +118,12 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
116
118
|
// https://github.com/petyosi/react-virtuoso/issues/118#issuecomment-642156138
|
|
117
119
|
rangeChanged: setVisibleRange,
|
|
118
120
|
fixedHeaderContent: ()=>{
|
|
119
|
-
return /*#__PURE__*/ (0,
|
|
121
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
120
122
|
children: headers.map((headerGroup)=>{
|
|
121
|
-
return /*#__PURE__*/ (0,
|
|
123
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableRow.TableRow, {
|
|
122
124
|
density: density,
|
|
123
125
|
children: headerGroup.headers.map((header, i, headers)=>{
|
|
124
|
-
var
|
|
126
|
+
var _column_columnDef_meta, _column_columnDef_meta1;
|
|
125
127
|
const column = header.column;
|
|
126
128
|
const position = {
|
|
127
129
|
row: 0,
|
|
@@ -129,20 +131,20 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
129
131
|
};
|
|
130
132
|
const isSorted = column.getIsSorted();
|
|
131
133
|
const nextSorting = column.getNextSortingOrder();
|
|
132
|
-
return /*#__PURE__*/ (0,
|
|
134
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableHeaderCell.TableHeaderCell, {
|
|
133
135
|
onSort: column.getCanSort() ? column.getToggleSortingHandler() : undefined,
|
|
134
136
|
sortDirection: typeof isSorted === 'string' ? isSorted : undefined,
|
|
135
137
|
nextSortDirection: typeof nextSorting === 'string' ? nextSorting : undefined,
|
|
136
138
|
width: column.getSize() || 'auto',
|
|
137
|
-
align: (
|
|
139
|
+
align: (_column_columnDef_meta = column.columnDef.meta) === null || _column_columnDef_meta === void 0 ? void 0 : _column_columnDef_meta.align,
|
|
138
140
|
variant: "head",
|
|
139
141
|
density: density,
|
|
140
|
-
description: (
|
|
142
|
+
description: (_column_columnDef_meta1 = column.columnDef.meta) === null || _column_columnDef_meta1 === void 0 ? void 0 : _column_columnDef_meta1.headerDescription,
|
|
141
143
|
focusState: getFocusState(position),
|
|
142
144
|
onFocusTrigger: ()=>keyboardNav.onCellFocus(position),
|
|
143
145
|
isFirstColumn: i === 0,
|
|
144
146
|
isLastColumn: i === headers.length - 1,
|
|
145
|
-
children: (0,
|
|
147
|
+
children: (0, _reacttable.flexRender)(column.columnDef.header, header.getContext())
|
|
146
148
|
}, header.id);
|
|
147
149
|
})
|
|
148
150
|
}, headerGroup.id);
|
|
@@ -154,9 +156,9 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
154
156
|
if (!row) {
|
|
155
157
|
return null;
|
|
156
158
|
}
|
|
157
|
-
return /*#__PURE__*/ (0,
|
|
159
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
158
160
|
children: row.getVisibleCells().map((cell, i, cells)=>{
|
|
159
|
-
var
|
|
161
|
+
var _cell_column_columnDef_meta, _cell_column_columnDef_meta1;
|
|
160
162
|
const position = {
|
|
161
163
|
// Add 1 to the row index because the header is row 0
|
|
162
164
|
row: index + 1,
|
|
@@ -165,7 +167,7 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
165
167
|
const cellContext = cell.getContext();
|
|
166
168
|
const cellRenderFn = cell.column.columnDef.cell;
|
|
167
169
|
const cellContent = typeof cellRenderFn == 'function' ? cellRenderFn(cellContext) : null;
|
|
168
|
-
const cellDescriptionDef = (
|
|
170
|
+
const cellDescriptionDef = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.cellDescription;
|
|
169
171
|
let description = undefined;
|
|
170
172
|
if (typeof cellDescriptionDef === 'function') {
|
|
171
173
|
// If the cell description is a function, set the value using
|
|
@@ -177,9 +179,9 @@ function VirtualizedTable({ width , height , density , onRowClick , onRowMouseOv
|
|
|
177
179
|
// cell content.
|
|
178
180
|
description = cellContent;
|
|
179
181
|
}
|
|
180
|
-
return /*#__PURE__*/ (0,
|
|
182
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableCell.TableCell, {
|
|
181
183
|
width: cell.column.getSize() || 'auto',
|
|
182
|
-
align: (
|
|
184
|
+
align: (_cell_column_columnDef_meta1 = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.align,
|
|
183
185
|
density: density,
|
|
184
186
|
focusState: getFocusState(position),
|
|
185
187
|
onFocusTrigger: ()=>keyboardNav.onCellFocus(position),
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "VirtualizedTableContainer", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return VirtualizedTableContainer;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _react = require("react");
|
|
24
26
|
const VirtualizedTableContainer = /*#__PURE__*/ (0, _react.forwardRef)(function VirtualizedTableContainer(props, ref) {
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
27
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableContainer, {
|
|
26
28
|
...props,
|
|
27
29
|
tabIndex: -1,
|
|
28
30
|
ref: ref
|
|
@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "useTableKeyboardNav", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return useTableKeyboardNav;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
23
|
const _react = require("react");
|
|
22
24
|
const DEFAULT_ACTIVE_CELL = {
|
|
@@ -32,7 +34,7 @@ const ARROW_KEYS = [
|
|
|
32
34
|
function isArrowKey(key) {
|
|
33
35
|
return ARROW_KEYS.includes(key);
|
|
34
36
|
}
|
|
35
|
-
function useTableKeyboardNav({ maxRows
|
|
37
|
+
function useTableKeyboardNav({ maxRows, maxColumns, onActiveCellChange }) {
|
|
36
38
|
const [activeCell, setActiveCell] = (0, _react.useState)(DEFAULT_ACTIVE_CELL);
|
|
37
39
|
const [isActive, setIsActive] = (0, _react.useState)(false);
|
|
38
40
|
const handleCellFocus = (cellPosition)=>{
|
|
@@ -16,24 +16,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "useVirtualizedTableKeyboardNav", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return useVirtualizedTableKeyboardNav;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
23
|
const _useTableKeyboardNav = require("./useTableKeyboardNav");
|
|
22
|
-
function useVirtualizedTableKeyboardNav({ visibleRange
|
|
24
|
+
function useVirtualizedTableKeyboardNav({ visibleRange, virtualTable, maxRows, maxColumns }) {
|
|
23
25
|
const baseKeyboard = (0, _useTableKeyboardNav.useTableKeyboardNav)({
|
|
24
26
|
maxRows,
|
|
25
27
|
maxColumns,
|
|
26
28
|
onActiveCellChange: (e, currentPosition, defaultNewPosition)=>{
|
|
27
29
|
const key = e.key;
|
|
28
30
|
const defaultValueChanged = defaultNewPosition && (currentPosition.column !== defaultNewPosition.column || currentPosition.row !== defaultNewPosition.row);
|
|
29
|
-
var
|
|
30
|
-
const nextRow = (
|
|
31
|
+
var _defaultNewPosition_row;
|
|
32
|
+
const nextRow = (_defaultNewPosition_row = defaultNewPosition === null || defaultNewPosition === void 0 ? void 0 : defaultNewPosition.row) !== null && _defaultNewPosition_row !== void 0 ? _defaultNewPosition_row : currentPosition.row;
|
|
31
33
|
if (key === 'ArrowDown' && defaultValueChanged) {
|
|
32
34
|
// Use default cell position. Shift the virtual table scroll position
|
|
33
35
|
// when needed to make the active cell visible.
|
|
34
36
|
if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {
|
|
35
|
-
var
|
|
36
|
-
(
|
|
37
|
+
var _virtualTable_current;
|
|
38
|
+
(_virtualTable_current = virtualTable.current) === null || _virtualTable_current === void 0 ? void 0 : _virtualTable_current.scrollToIndex({
|
|
37
39
|
index: nextRow - 1,
|
|
38
40
|
align: 'end'
|
|
39
41
|
});
|
|
@@ -42,8 +44,8 @@ function useVirtualizedTableKeyboardNav({ visibleRange , virtualTable , maxRows
|
|
|
42
44
|
// Use default cell position. Shift the virtual table scroll position
|
|
43
45
|
// when needed to make the active cell visible.
|
|
44
46
|
if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {
|
|
45
|
-
var
|
|
46
|
-
(
|
|
47
|
+
var _virtualTable_current1;
|
|
48
|
+
(_virtualTable_current1 = virtualTable.current) === null || _virtualTable_current1 === void 0 ? void 0 : _virtualTable_current1.scrollToIndex({
|
|
47
49
|
index: nextRow - 1,
|
|
48
50
|
align: 'start'
|
|
49
51
|
});
|
|
@@ -51,38 +53,38 @@ function useVirtualizedTableKeyboardNav({ visibleRange , virtualTable , maxRows
|
|
|
51
53
|
} else if (defaultValueChanged && (key === 'Home' || key === 'End')) {
|
|
52
54
|
var // Use default cell position. Shift the virtual table scroll position
|
|
53
55
|
// when needed to make the active cell visible.
|
|
54
|
-
|
|
55
|
-
(
|
|
56
|
+
_virtualTable_current2;
|
|
57
|
+
(_virtualTable_current2 = virtualTable.current) === null || _virtualTable_current2 === void 0 ? void 0 : _virtualTable_current2.scrollToIndex({
|
|
56
58
|
index: Math.max(nextRow - 1, 0),
|
|
57
59
|
align: 'start'
|
|
58
60
|
});
|
|
59
61
|
} else if (key === 'PageDown') {
|
|
60
|
-
var
|
|
62
|
+
var _virtualTable_current3;
|
|
61
63
|
// Full handling of logic for `PageDown` because there is no default.
|
|
62
64
|
e.preventDefault();
|
|
63
|
-
let
|
|
65
|
+
let nextRow = currentPosition.row;
|
|
64
66
|
// Add 1 to account for header
|
|
65
|
-
|
|
66
|
-
(
|
|
67
|
-
index:
|
|
67
|
+
nextRow = Math.min(maxRows - 1, visibleRange.current.endIndex + 1);
|
|
68
|
+
(_virtualTable_current3 = virtualTable.current) === null || _virtualTable_current3 === void 0 ? void 0 : _virtualTable_current3.scrollToIndex({
|
|
69
|
+
index: nextRow - 1,
|
|
68
70
|
align: 'start'
|
|
69
71
|
});
|
|
70
72
|
return {
|
|
71
|
-
row:
|
|
73
|
+
row: nextRow,
|
|
72
74
|
column: currentPosition.column
|
|
73
75
|
};
|
|
74
76
|
} else if (key === 'PageUp') {
|
|
75
|
-
var
|
|
77
|
+
var _virtualTable_current4;
|
|
76
78
|
// Full handling of logic for `PageUp` because there is no default.
|
|
77
|
-
let
|
|
79
|
+
let nextRow = currentPosition.row;
|
|
78
80
|
// Minus 1 to account for header
|
|
79
|
-
|
|
80
|
-
(
|
|
81
|
-
index:
|
|
81
|
+
nextRow = Math.max(0, visibleRange.current.startIndex - 1);
|
|
82
|
+
(_virtualTable_current4 = virtualTable.current) === null || _virtualTable_current4 === void 0 ? void 0 : _virtualTable_current4.scrollToIndex({
|
|
83
|
+
index: nextRow - 1,
|
|
82
84
|
align: 'end'
|
|
83
85
|
});
|
|
84
86
|
return {
|
|
85
|
-
row:
|
|
87
|
+
row: nextRow,
|
|
86
88
|
column: currentPosition.column
|
|
87
89
|
};
|
|
88
90
|
}
|
package/dist/cjs/Table/index.js
CHANGED
|
@@ -16,18 +16,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "getTableCellLayout", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return _tablemodel.getTableCellLayout;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
|
|
22
|
-
const
|
|
23
|
-
function
|
|
23
|
+
_export_star(require("./Table"), exports);
|
|
24
|
+
const _tablemodel = require("./model/table-model");
|
|
25
|
+
function _export_star(from, to) {
|
|
24
26
|
Object.keys(from).forEach(function(k) {
|
|
25
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
28
|
+
Object.defineProperty(to, k, {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function() {
|
|
31
|
+
return from[k];
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
}
|
|
31
35
|
});
|
|
32
36
|
return from;
|
|
33
37
|
}
|