@perses-dev/components 0.39.0 → 0.40.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/dist/BarChart/BarChart.d.ts +2 -2
- package/dist/BarChart/BarChart.d.ts.map +1 -1
- package/dist/BarChart/BarChart.js +8 -8
- package/dist/BarChart/BarChart.js.map +1 -1
- package/dist/BarChart/index.js.map +1 -1
- package/dist/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/ColorPicker/index.js.map +1 -1
- 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 +1 -1
- package/dist/ContentWithLegend/model/content-with-legend-model.js +19 -19
- package/dist/ContentWithLegend/model/content-with-legend-model.js.map +1 -1
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.d.ts.map +1 -1
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.js +6 -22
- package/dist/DateTimeRangePicker/AbsoluteTimePicker.js.map +1 -1
- package/dist/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -1
- 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.js.map +1 -1
- package/dist/Dialog/DiscardChangesConfirmationDialog.js.map +1 -1
- package/dist/Dialog/index.js.map +1 -1
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/Drawer/index.js.map +1 -1
- package/dist/EChart/EChart.js +2 -2
- package/dist/EChart/EChart.js.map +1 -1
- package/dist/EChart/index.js.map +1 -1
- package/dist/ErrorAlert.js.map +1 -1
- package/dist/ErrorBoundary.js.map +1 -1
- package/dist/FontSizeSelector/FontSizeSelector.js.map +1 -1
- package/dist/FontSizeSelector/index.js.map +1 -1
- package/dist/FormatControls/FormatControls.d.ts +9 -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 +3 -3
- package/dist/GaugeChart/GaugeChart.d.ts.map +1 -1
- package/dist/GaugeChart/GaugeChart.js +11 -11
- package/dist/GaugeChart/GaugeChart.js.map +1 -1
- package/dist/GaugeChart/index.js.map +1 -1
- package/dist/InfoTooltip/InfoTooltip.js.map +1 -1
- package/dist/InfoTooltip/index.js.map +1 -1
- package/dist/JSONEditor.js.map +1 -1
- package/dist/Legend/CompactLegend.js.map +1 -1
- package/dist/Legend/Legend.js +3 -3
- package/dist/Legend/Legend.js.map +1 -1
- package/dist/Legend/LegendColorBadge.js.map +1 -1
- package/dist/Legend/ListLegend.js.map +1 -1
- package/dist/Legend/ListLegendItem.js +2 -2
- package/dist/Legend/ListLegendItem.js.map +1 -1
- package/dist/Legend/TableLegend.js.map +1 -1
- package/dist/Legend/index.js.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 +12 -12
- package/dist/LineChart/LineChart.js.map +1 -1
- package/dist/LineChart/index.js.map +1 -1
- package/dist/ModeSelector/ModeSelector.js.map +1 -1
- package/dist/ModeSelector/index.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorColumn.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorControl.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGrid.js.map +1 -1
- package/dist/OptionsEditorLayout/OptionsEditorGroup.js.map +1 -1
- package/dist/OptionsEditorLayout/index.js.map +1 -1
- package/dist/RefreshIntervalPicker/RefreshIntervalPicker.js.map +1 -1
- package/dist/RefreshIntervalPicker/index.js.map +1 -1
- package/dist/SettingsAutocomplete/SettingsAutocomplete.js +2 -2
- package/dist/SettingsAutocomplete/SettingsAutocomplete.js.map +1 -1
- package/dist/SettingsAutocomplete/index.js.map +1 -1
- package/dist/SortSelector/SortSelector.js.map +1 -1
- package/dist/SortSelector/index.js.map +1 -1
- package/dist/StatChart/StatChart.d.ts +2 -2
- package/dist/StatChart/StatChart.d.ts.map +1 -1
- package/dist/StatChart/StatChart.js +7 -7
- package/dist/StatChart/StatChart.js.map +1 -1
- package/dist/StatChart/calculateFontSize.js +4 -4
- package/dist/StatChart/calculateFontSize.js.map +1 -1
- package/dist/StatChart/index.js.map +1 -1
- package/dist/Table/InnerTable.js.map +1 -1
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/TableBody.js.map +1 -1
- package/dist/Table/TableCell.js +2 -2
- package/dist/Table/TableCell.js.map +1 -1
- package/dist/Table/TableCheckbox.js.map +1 -1
- package/dist/Table/TableHead.js.map +1 -1
- package/dist/Table/TableHeaderCell.js.map +1 -1
- package/dist/Table/TableRow.js.map +1 -1
- package/dist/Table/VirtualizedTable.js +6 -6
- package/dist/Table/VirtualizedTable.js.map +1 -1
- package/dist/Table/VirtualizedTableContainer.js.map +1 -1
- package/dist/Table/hooks/useTableKeyboardNav.js.map +1 -1
- package/dist/Table/hooks/useVirtualizedTableKeyboardNav.js +20 -20
- package/dist/Table/hooks/useVirtualizedTableKeyboardNav.js.map +1 -1
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/model/table-model.js +9 -9
- package/dist/Table/model/table-model.js.map +1 -1
- package/dist/ThresholdsEditor/ThresholdColorPicker.js +1 -1
- package/dist/ThresholdsEditor/ThresholdColorPicker.js.map +1 -1
- package/dist/ThresholdsEditor/ThresholdInput.js +1 -1
- package/dist/ThresholdsEditor/ThresholdInput.js.map +1 -1
- package/dist/ThresholdsEditor/ThresholdsEditor.js +17 -17
- package/dist/ThresholdsEditor/ThresholdsEditor.js.map +1 -1
- package/dist/ThresholdsEditor/index.js.map +1 -1
- package/dist/TimeChart/TimeChart.d.ts +2 -2
- package/dist/TimeChart/TimeChart.d.ts.map +1 -1
- package/dist/TimeChart/TimeChart.js +12 -12
- 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 +7 -7
- package/dist/TimeSeriesTooltip/LineChartTooltip.js.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesInfo.js +2 -2
- package/dist/TimeSeriesTooltip/SeriesInfo.js.map +1 -1
- package/dist/TimeSeriesTooltip/SeriesLabelsStack.js.map +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 +4 -4
- package/dist/TimeSeriesTooltip/TimeChartTooltip.js.map +1 -1
- package/dist/TimeSeriesTooltip/TooltipContent.js.map +1 -1
- package/dist/TimeSeriesTooltip/TooltipHeader.js +6 -6
- package/dist/TimeSeriesTooltip/TooltipHeader.js.map +1 -1
- package/dist/TimeSeriesTooltip/index.js.map +1 -1
- package/dist/TimeSeriesTooltip/nearby-series.d.ts +7 -7
- package/dist/TimeSeriesTooltip/nearby-series.d.ts.map +1 -1
- package/dist/TimeSeriesTooltip/nearby-series.js +29 -29
- package/dist/TimeSeriesTooltip/nearby-series.js.map +1 -1
- package/dist/TimeSeriesTooltip/tooltip-model.js.map +1 -1
- package/dist/TimeSeriesTooltip/utils.js +3 -3
- package/dist/TimeSeriesTooltip/utils.js.map +1 -1
- package/dist/YAxisLabel.js.map +1 -1
- package/dist/cjs/BarChart/BarChart.js +17 -15
- package/dist/cjs/BarChart/index.js +10 -8
- package/dist/cjs/ColorPicker/ColorPicker.js +15 -13
- package/dist/cjs/ColorPicker/index.js +10 -8
- package/dist/cjs/ContentWithLegend/ContentWithLegend.js +12 -10
- package/dist/cjs/ContentWithLegend/index.js +10 -8
- package/dist/cjs/ContentWithLegend/model/content-with-legend-model.js +27 -23
- package/dist/cjs/DateTimeRangePicker/AbsoluteTimePicker.js +29 -43
- package/dist/cjs/DateTimeRangePicker/DateTimeRangePicker.js +12 -10
- package/dist/cjs/DateTimeRangePicker/TimeRangeSelector.js +13 -11
- package/dist/cjs/DateTimeRangePicker/index.js +12 -10
- package/dist/cjs/DateTimeRangePicker/utils.js +9 -5
- package/dist/cjs/Dialog/Dialog.js +15 -13
- package/dist/cjs/Dialog/DiscardChangesConfirmationDialog.js +11 -9
- package/dist/cjs/Dialog/index.js +11 -9
- package/dist/cjs/Drawer/Drawer.js +5 -3
- package/dist/cjs/Drawer/index.js +10 -8
- package/dist/cjs/EChart/EChart.js +12 -10
- package/dist/cjs/EChart/index.js +10 -8
- package/dist/cjs/ErrorAlert.js +5 -3
- package/dist/cjs/ErrorBoundary.js +4 -2
- package/dist/cjs/FontSizeSelector/FontSizeSelector.js +8 -6
- 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 +13 -11
- package/dist/cjs/InfoTooltip/index.js +10 -8
- package/dist/cjs/JSONEditor.js +10 -8
- package/dist/cjs/Legend/CompactLegend.js +9 -7
- package/dist/cjs/Legend/Legend.js +15 -13
- package/dist/cjs/Legend/LegendColorBadge.js +7 -5
- package/dist/cjs/Legend/ListLegend.js +10 -8
- package/dist/cjs/Legend/ListLegendItem.js +12 -10
- package/dist/cjs/Legend/TableLegend.js +7 -5
- package/dist/cjs/Legend/index.js +11 -9
- package/dist/cjs/Legend/legend-model.js +3 -1
- package/dist/cjs/LineChart/LineChart.js +24 -22
- package/dist/cjs/LineChart/index.js +10 -8
- package/dist/cjs/ModeSelector/ModeSelector.js +8 -6
- package/dist/cjs/ModeSelector/index.js +10 -8
- package/dist/cjs/OptionsEditorLayout/OptionsEditorColumn.js +6 -4
- package/dist/cjs/OptionsEditorLayout/OptionsEditorControl.js +16 -14
- package/dist/cjs/OptionsEditorLayout/OptionsEditorGrid.js +5 -3
- package/dist/cjs/OptionsEditorLayout/OptionsEditorGroup.js +11 -9
- package/dist/cjs/OptionsEditorLayout/index.js +13 -11
- package/dist/cjs/RefreshIntervalPicker/RefreshIntervalPicker.js +8 -6
- package/dist/cjs/RefreshIntervalPicker/index.js +10 -8
- package/dist/cjs/SettingsAutocomplete/SettingsAutocomplete.js +12 -10
- package/dist/cjs/SettingsAutocomplete/index.js +10 -8
- package/dist/cjs/SortSelector/SortSelector.js +8 -6
- package/dist/cjs/SortSelector/index.js +10 -8
- package/dist/cjs/StatChart/StatChart.js +20 -18
- package/dist/cjs/StatChart/calculateFontSize.js +9 -7
- package/dist/cjs/StatChart/index.js +10 -8
- package/dist/cjs/Table/InnerTable.js +5 -3
- package/dist/cjs/Table/Table.js +15 -13
- package/dist/cjs/Table/TableBody.js +5 -3
- package/dist/cjs/Table/TableCell.js +10 -8
- package/dist/cjs/Table/TableCheckbox.js +5 -3
- package/dist/cjs/Table/TableHead.js +5 -3
- package/dist/cjs/Table/TableHeaderCell.js +8 -6
- package/dist/cjs/Table/TableRow.js +5 -3
- package/dist/cjs/Table/VirtualizedTable.js +32 -30
- package/dist/cjs/Table/VirtualizedTableContainer.js +5 -3
- package/dist/cjs/Table/hooks/useTableKeyboardNav.js +3 -1
- package/dist/cjs/Table/hooks/useVirtualizedTableKeyboardNav.js +23 -21
- package/dist/cjs/Table/index.js +14 -10
- package/dist/cjs/Table/model/table-model.js +15 -11
- package/dist/cjs/ThresholdsEditor/ThresholdColorPicker.js +15 -13
- package/dist/cjs/ThresholdsEditor/ThresholdInput.js +14 -12
- package/dist/cjs/ThresholdsEditor/ThresholdsEditor.js +44 -42
- package/dist/cjs/ThresholdsEditor/index.js +10 -8
- package/dist/cjs/TimeChart/TimeChart.js +31 -29
- package/dist/cjs/TimeChart/index.js +10 -8
- package/dist/cjs/TimeSeriesTooltip/LineChartTooltip.js +28 -26
- package/dist/cjs/TimeSeriesTooltip/SeriesInfo.js +17 -15
- package/dist/cjs/TimeSeriesTooltip/SeriesLabelsStack.js +15 -13
- package/dist/cjs/TimeSeriesTooltip/SeriesMarker.js +5 -3
- package/dist/cjs/TimeSeriesTooltip/TimeChartTooltip.js +22 -20
- package/dist/cjs/TimeSeriesTooltip/TooltipContent.js +7 -5
- package/dist/cjs/TimeSeriesTooltip/TooltipHeader.js +34 -32
- package/dist/cjs/TimeSeriesTooltip/index.js +19 -17
- package/dist/cjs/TimeSeriesTooltip/nearby-series.js +56 -38
- package/dist/cjs/TimeSeriesTooltip/tooltip-model.js +51 -17
- package/dist/cjs/TimeSeriesTooltip/utils.js +17 -13
- package/dist/cjs/YAxisLabel.js +6 -4
- package/dist/cjs/context/ChartsProvider.js +16 -8
- package/dist/cjs/context/SnackbarProvider.js +6 -2
- package/dist/cjs/context/TimeZoneProvider.js +13 -7
- package/dist/cjs/context/index.js +12 -10
- package/dist/cjs/index.js +41 -39
- 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 +6 -2
- package/dist/cjs/theme/component-overrides/alert.js +3 -1
- package/dist/cjs/theme/component-overrides/paper.js +3 -1
- 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 +5 -3
- package/dist/cjs/theme/typography.js +3 -1
- package/dist/cjs/utils/axis.js +8 -4
- package/dist/cjs/utils/chart-actions.js +26 -10
- 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 +3 -1
- package/dist/cjs/utils/theme-gen.js +12 -10
- package/dist/context/ChartsProvider.js.map +1 -1
- package/dist/context/SnackbarProvider.js.map +1 -1
- package/dist/context/TimeZoneProvider.js.map +1 -1
- package/dist/context/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/model/graph.js.map +1 -1
- package/dist/model/index.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.js.map +1 -1
- package/dist/theme/component-overrides/alert.js.map +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/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.map +1 -1
- package/dist/theme/typography.js.map +1 -1
- package/dist/utils/axis.d.ts +2 -2
- package/dist/utils/axis.d.ts.map +1 -1
- package/dist/utils/axis.js.map +1 -1
- package/dist/utils/chart-actions.js +2 -2
- 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.map +1 -1
- package/dist/utils/theme-gen.js +7 -7
- package/dist/utils/theme-gen.js.map +1 -1
- package/package.json +7 -6
- 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
|
@@ -14,15 +14,17 @@
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", {
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
function
|
|
17
|
+
_export_star(require("./FormatControls"), exports);
|
|
18
|
+
function _export_star(from, to) {
|
|
19
19
|
Object.keys(from).forEach(function(k) {
|
|
20
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
21
|
+
Object.defineProperty(to, k, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function() {
|
|
24
|
+
return from[k];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
26
28
|
});
|
|
27
29
|
return from;
|
|
28
30
|
}
|
|
@@ -21,17 +21,21 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
GaugeChart: ()
|
|
25
|
-
|
|
24
|
+
GaugeChart: function() {
|
|
25
|
+
return GaugeChart;
|
|
26
|
+
},
|
|
27
|
+
getResponsiveValueSize: function() {
|
|
28
|
+
return getResponsiveValueSize;
|
|
29
|
+
}
|
|
26
30
|
});
|
|
27
|
-
const
|
|
31
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
28
32
|
const _core = require("@perses-dev/core");
|
|
29
33
|
const _core1 = require("echarts/core");
|
|
30
34
|
const _charts = require("echarts/charts");
|
|
31
35
|
const _components = require("echarts/components");
|
|
32
36
|
const _renderers = require("echarts/renderers");
|
|
33
|
-
const
|
|
34
|
-
const
|
|
37
|
+
const _ChartsProvider = require("../context/ChartsProvider");
|
|
38
|
+
const _EChart = require("../EChart");
|
|
35
39
|
(0, _core1.use)([
|
|
36
40
|
_charts.GaugeChart,
|
|
37
41
|
_components.GridComponent,
|
|
@@ -43,15 +47,15 @@ const PROGRESS_WIDTH = 16;
|
|
|
43
47
|
// adjusts when to show pointer icon
|
|
44
48
|
const GAUGE_SMALL_BREAKPOINT = 170;
|
|
45
49
|
function GaugeChart(props) {
|
|
46
|
-
const { width , height , data ,
|
|
47
|
-
const chartsTheme = (0,
|
|
50
|
+
const { width , height , data , format , axisLine , max } = props;
|
|
51
|
+
const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
|
|
48
52
|
// useDeepMemo ensures value size util does not rerun everytime you hover on the chart
|
|
49
53
|
const option = (0, _core.useDeepMemo)(()=>{
|
|
50
|
-
var
|
|
54
|
+
var _chartsTheme_echartsTheme_textStyle;
|
|
51
55
|
if (data.value === undefined) return chartsTheme.noDataOption;
|
|
52
56
|
// adjusts fontSize depending on number of characters
|
|
53
|
-
const valueSizeClamp = getResponsiveValueSize(data.value,
|
|
54
|
-
var
|
|
57
|
+
const valueSizeClamp = getResponsiveValueSize(data.value, format, width, height);
|
|
58
|
+
var _chartsTheme_echartsTheme_textStyle_color;
|
|
55
59
|
return {
|
|
56
60
|
title: {
|
|
57
61
|
show: false
|
|
@@ -170,7 +174,7 @@ function GaugeChart(props) {
|
|
|
170
174
|
// when the value is `null`, making it difficult to differentiate
|
|
171
175
|
// `null` from a true `NaN` case.
|
|
172
176
|
()=>'null' : (value)=>{
|
|
173
|
-
return (0, _core.formatValue)(value,
|
|
177
|
+
return (0, _core.formatValue)(value, format);
|
|
174
178
|
}
|
|
175
179
|
},
|
|
176
180
|
data: [
|
|
@@ -181,7 +185,7 @@ function GaugeChart(props) {
|
|
|
181
185
|
// https://echarts.apache.org/en/option.html#series-gauge.data.title
|
|
182
186
|
title: {
|
|
183
187
|
show: true,
|
|
184
|
-
color: (
|
|
188
|
+
color: (_chartsTheme_echartsTheme_textStyle_color = (_chartsTheme_echartsTheme_textStyle = chartsTheme.echartsTheme.textStyle) === null || _chartsTheme_echartsTheme_textStyle === void 0 ? void 0 : _chartsTheme_echartsTheme_textStyle.color) !== null && _chartsTheme_echartsTheme_textStyle_color !== void 0 ? _chartsTheme_echartsTheme_textStyle_color : 'inherit',
|
|
185
189
|
offsetCenter: [
|
|
186
190
|
0,
|
|
187
191
|
'55%'
|
|
@@ -200,11 +204,11 @@ function GaugeChart(props) {
|
|
|
200
204
|
width,
|
|
201
205
|
height,
|
|
202
206
|
chartsTheme,
|
|
203
|
-
|
|
207
|
+
format,
|
|
204
208
|
axisLine,
|
|
205
209
|
max
|
|
206
210
|
]);
|
|
207
|
-
return /*#__PURE__*/ (0,
|
|
211
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_EChart.EChart, {
|
|
208
212
|
sx: {
|
|
209
213
|
width: width,
|
|
210
214
|
height: height,
|
|
@@ -214,13 +218,13 @@ function GaugeChart(props) {
|
|
|
214
218
|
theme: chartsTheme.echartsTheme
|
|
215
219
|
});
|
|
216
220
|
}
|
|
217
|
-
function getResponsiveValueSize(value,
|
|
221
|
+
function getResponsiveValueSize(value, format, width, height) {
|
|
218
222
|
const MIN_SIZE = 3;
|
|
219
223
|
const MAX_SIZE = 24;
|
|
220
224
|
const SIZE_MULTIPLIER = 0.7;
|
|
221
|
-
const formattedValue = typeof value === 'number' ? (0, _core.formatValue)(value,
|
|
222
|
-
var
|
|
223
|
-
const valueCharacters = (
|
|
225
|
+
const formattedValue = typeof value === 'number' ? (0, _core.formatValue)(value, format) : `${value}`;
|
|
226
|
+
var _formattedValue_length;
|
|
227
|
+
const valueCharacters = (_formattedValue_length = formattedValue.length) !== null && _formattedValue_length !== void 0 ? _formattedValue_length : 2;
|
|
224
228
|
const valueSize = Math.min(width, height) / valueCharacters * SIZE_MULTIPLIER;
|
|
225
229
|
return `clamp(${MIN_SIZE}px, ${valueSize}px, ${MAX_SIZE}px)`;
|
|
226
230
|
}
|
|
@@ -14,15 +14,17 @@
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", {
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
function
|
|
17
|
+
_export_star(require("./GaugeChart"), exports);
|
|
18
|
+
function _export_star(from, to) {
|
|
19
19
|
Object.keys(from).forEach(function(k) {
|
|
20
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
21
|
+
Object.defineProperty(to, k, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function() {
|
|
24
|
+
return from[k];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
26
28
|
});
|
|
27
29
|
return from;
|
|
28
30
|
}
|
|
@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "InfoTooltip", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return InfoTooltip;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const _react = /*#__PURE__*/
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
23
25
|
const _material = require("@mui/material");
|
|
24
|
-
function
|
|
26
|
+
function _interop_require_default(obj) {
|
|
25
27
|
return obj && obj.__esModule ? obj : {
|
|
26
28
|
default: obj
|
|
27
29
|
};
|
|
@@ -33,14 +35,14 @@ const InfoTooltip = ({ id , title , description , placement , children , enterDe
|
|
|
33
35
|
// can have a ref as a child.
|
|
34
36
|
// We wrap in a `span` and not a `div` to minimize the impact on page layout
|
|
35
37
|
// and styles.
|
|
36
|
-
const wrappedChildren = /*#__PURE__*/ (0,
|
|
38
|
+
const wrappedChildren = /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
37
39
|
children: children
|
|
38
40
|
});
|
|
39
|
-
return /*#__PURE__*/ (0,
|
|
41
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledTooltip, {
|
|
40
42
|
arrow: true,
|
|
41
43
|
id: id,
|
|
42
44
|
placement: placement !== null && placement !== void 0 ? placement : 'top',
|
|
43
|
-
title: /*#__PURE__*/ (0,
|
|
45
|
+
title: /*#__PURE__*/ (0, _jsxruntime.jsx)(TooltipContent, {
|
|
44
46
|
title: title,
|
|
45
47
|
description: description
|
|
46
48
|
}),
|
|
@@ -50,9 +52,9 @@ const InfoTooltip = ({ id , title , description , placement , children , enterDe
|
|
|
50
52
|
});
|
|
51
53
|
};
|
|
52
54
|
const TooltipContent = ({ title , description })=>{
|
|
53
|
-
return /*#__PURE__*/ (0,
|
|
55
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
54
56
|
children: [
|
|
55
|
-
title && /*#__PURE__*/ (0,
|
|
57
|
+
title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
|
|
56
58
|
variant: "body2",
|
|
57
59
|
sx: (theme)=>({
|
|
58
60
|
color: theme.palette.text.primary,
|
|
@@ -60,7 +62,7 @@ const TooltipContent = ({ title , description })=>{
|
|
|
60
62
|
}),
|
|
61
63
|
children: title
|
|
62
64
|
}),
|
|
63
|
-
/*#__PURE__*/ (0,
|
|
65
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
|
|
64
66
|
variant: "caption",
|
|
65
67
|
sx: (theme)=>({
|
|
66
68
|
color: theme.palette.text.primary
|
|
@@ -70,7 +72,7 @@ const TooltipContent = ({ title , description })=>{
|
|
|
70
72
|
]
|
|
71
73
|
});
|
|
72
74
|
};
|
|
73
|
-
const StyledTooltip = (0, _material.styled)(({ className , ...props })=>/*#__PURE__*/ (0,
|
|
75
|
+
const StyledTooltip = (0, _material.styled)(({ className , ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
|
|
74
76
|
...props,
|
|
75
77
|
classes: {
|
|
76
78
|
popper: className
|
|
@@ -14,15 +14,17 @@
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", {
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
function
|
|
17
|
+
_export_star(require("./InfoTooltip"), exports);
|
|
18
|
+
function _export_star(from, to) {
|
|
19
19
|
Object.keys(from).forEach(function(k) {
|
|
20
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
21
|
+
Object.defineProperty(to, k, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function() {
|
|
24
|
+
return from[k];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
26
28
|
});
|
|
27
29
|
return from;
|
|
28
30
|
}
|
package/dist/cjs/JSONEditor.js
CHANGED
|
@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "JSONEditor", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return JSONEditor;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _react = require("react");
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
+
const _reactcodemirror = /*#__PURE__*/ _interop_require_default(require("@uiw/react-codemirror"));
|
|
26
|
+
const _langjson = require("@codemirror/lang-json");
|
|
25
27
|
const _lint = require("@codemirror/lint");
|
|
26
28
|
const _material = require("@mui/material");
|
|
27
|
-
function
|
|
29
|
+
function _interop_require_default(obj) {
|
|
28
30
|
return obj && obj.__esModule ? obj : {
|
|
29
31
|
default: obj
|
|
30
32
|
};
|
|
@@ -38,15 +40,15 @@ function JSONEditor(props) {
|
|
|
38
40
|
}, [
|
|
39
41
|
props.value
|
|
40
42
|
]);
|
|
41
|
-
return /*#__PURE__*/ (0,
|
|
43
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcodemirror.default, {
|
|
42
44
|
...props,
|
|
43
45
|
style: {
|
|
44
46
|
border: `1px solid ${theme.palette.divider}`
|
|
45
47
|
},
|
|
46
48
|
theme: isDarkMode ? 'dark' : 'light',
|
|
47
49
|
extensions: [
|
|
48
|
-
(0,
|
|
49
|
-
(0, _lint.linter)((0,
|
|
50
|
+
(0, _langjson.json)(),
|
|
51
|
+
(0, _lint.linter)((0, _langjson.jsonParseLinter)()),
|
|
50
52
|
(0, _lint.lintGutter)()
|
|
51
53
|
],
|
|
52
54
|
value: value,
|
|
@@ -16,14 +16,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "CompactLegend", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return CompactLegend;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
+
const _ListLegendItem = require("./ListLegendItem");
|
|
26
|
+
const _legendmodel = require("./legend-model");
|
|
25
27
|
function CompactLegend({ height , items , selectedItems , onLegendItemClick , onItemMouseOver , onItemMouseOut }) {
|
|
26
|
-
return /*#__PURE__*/ (0,
|
|
28
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
27
29
|
component: "ul",
|
|
28
30
|
sx: {
|
|
29
31
|
width: '100%',
|
|
@@ -37,10 +39,10 @@ function CompactLegend({ height , items , selectedItems , onLegendItemClick , on
|
|
|
37
39
|
overflowY: 'scroll',
|
|
38
40
|
margin: 0
|
|
39
41
|
},
|
|
40
|
-
children: items.map((item, index)=>/*#__PURE__*/ (0,
|
|
42
|
+
children: items.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_ListLegendItem.ListLegendItem, {
|
|
41
43
|
item: item,
|
|
42
44
|
index: index,
|
|
43
|
-
isVisuallySelected: (0,
|
|
45
|
+
isVisuallySelected: (0, _legendmodel.isLegendItemVisuallySelected)(item, selectedItems),
|
|
44
46
|
onMouseOver: onItemMouseOver,
|
|
45
47
|
onMouseOut: onItemMouseOut,
|
|
46
48
|
onClick: onLegendItemClick,
|
|
@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "Legend", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return Legend;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _immer = require("immer");
|
|
24
26
|
const _core = require("@perses-dev/core");
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
27
|
+
const _ListLegend = require("./ListLegend");
|
|
28
|
+
const _CompactLegend = require("./CompactLegend");
|
|
29
|
+
const _TableLegend = require("./TableLegend");
|
|
28
30
|
// When the number of items to display is above this number, it is likely to
|
|
29
31
|
// cause performance issues in the browser. The legend will be displayed in a
|
|
30
32
|
// format (list) that allows for virtualization to minimize the performance impact.
|
|
@@ -79,27 +81,27 @@ function Legend({ width , height , options , data , selectedItems , onSelectedIt
|
|
|
79
81
|
onItemMouseOut
|
|
80
82
|
};
|
|
81
83
|
let legendContent;
|
|
82
|
-
if (mode === '
|
|
83
|
-
legendContent = /*#__PURE__*/ (0,
|
|
84
|
+
if (mode === 'table') {
|
|
85
|
+
legendContent = /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLegend.TableLegend, {
|
|
84
86
|
...commonLegendProps,
|
|
85
87
|
onSelectedItemsChange: onSelectedItemsChange,
|
|
86
88
|
width: width,
|
|
87
89
|
...tableProps
|
|
88
90
|
});
|
|
89
|
-
} else if (options.position === '
|
|
90
|
-
legendContent = /*#__PURE__*/ (0,
|
|
91
|
+
} else if (options.position === 'right' || needsVirtualization) {
|
|
92
|
+
legendContent = /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListLegend.ListLegend, {
|
|
91
93
|
...commonLegendProps,
|
|
92
94
|
width: width,
|
|
93
95
|
onLegendItemClick: onLegendItemClick
|
|
94
96
|
});
|
|
95
97
|
} else {
|
|
96
|
-
legendContent = /*#__PURE__*/ (0,
|
|
98
|
+
legendContent = /*#__PURE__*/ (0, _jsxruntime.jsx)(_CompactLegend.CompactLegend, {
|
|
97
99
|
...commonLegendProps,
|
|
98
100
|
onLegendItemClick: onLegendItemClick
|
|
99
101
|
});
|
|
100
102
|
}
|
|
101
|
-
if (options.position === '
|
|
102
|
-
return /*#__PURE__*/ (0,
|
|
103
|
+
if (options.position === 'right') {
|
|
104
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
103
105
|
sx: {
|
|
104
106
|
width: width,
|
|
105
107
|
height: height,
|
|
@@ -111,7 +113,7 @@ function Legend({ width , height , options , data , selectedItems , onSelectedIt
|
|
|
111
113
|
});
|
|
112
114
|
}
|
|
113
115
|
// Position bottom
|
|
114
|
-
return /*#__PURE__*/ (0,
|
|
116
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
115
117
|
sx: {
|
|
116
118
|
width: width,
|
|
117
119
|
height: height,
|
|
@@ -16,19 +16,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "LegendColorBadge", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return LegendColorBadge;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const _react = /*#__PURE__*/
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
23
25
|
const _material = require("@mui/material");
|
|
24
26
|
const _utils = require("../utils");
|
|
25
|
-
function
|
|
27
|
+
function _interop_require_default(obj) {
|
|
26
28
|
return obj && obj.__esModule ? obj : {
|
|
27
29
|
default: obj
|
|
28
30
|
};
|
|
29
31
|
}
|
|
30
32
|
const LegendColorBadge = /*#__PURE__*/ _react.default.memo(function LegendColorBadge({ color , sx , ...others }) {
|
|
31
|
-
return /*#__PURE__*/ (0,
|
|
33
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
32
34
|
...others,
|
|
33
35
|
sx: (0, _utils.combineSx)({
|
|
34
36
|
height: 4,
|
|
@@ -16,27 +16,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "ListLegend", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return ListLegend;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _reactvirtuoso = require("react-virtuoso");
|
|
25
|
+
const _ListLegendItem = require("./ListLegendItem");
|
|
26
|
+
const _legendmodel = require("./legend-model");
|
|
25
27
|
function ListLegend({ items , height , width , selectedItems , onLegendItemClick , onItemMouseOver , onItemMouseOut }) {
|
|
26
28
|
// show full labels on hover when there are many total series
|
|
27
29
|
const truncateLabels = items.length > 5;
|
|
28
|
-
return /*#__PURE__*/ (0,
|
|
30
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactvirtuoso.Virtuoso, {
|
|
29
31
|
style: {
|
|
30
32
|
height,
|
|
31
33
|
width
|
|
32
34
|
},
|
|
33
35
|
data: items,
|
|
34
36
|
itemContent: (index, item)=>{
|
|
35
|
-
return /*#__PURE__*/ (0,
|
|
37
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListLegendItem.ListLegendItem, {
|
|
36
38
|
item: item,
|
|
37
39
|
index: index,
|
|
38
40
|
truncateLabel: truncateLabels,
|
|
39
|
-
isVisuallySelected: (0,
|
|
41
|
+
isVisuallySelected: (0, _legendmodel.isLegendItemVisuallySelected)(item, selectedItems),
|
|
40
42
|
onClick: onLegendItemClick,
|
|
41
43
|
onMouseOver: onItemMouseOver,
|
|
42
44
|
onMouseOut: onItemMouseOut,
|
|
@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "ListLegendItem", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return ListLegendItem;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const _react = /*#__PURE__*/
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
23
25
|
const _material = require("@mui/material");
|
|
24
26
|
const _utils = require("../utils");
|
|
25
|
-
const
|
|
27
|
+
const _LegendColorBadge = require("./LegendColorBadge");
|
|
26
28
|
function _getRequireWildcardCache(nodeInterop) {
|
|
27
29
|
if (typeof WeakMap !== "function") return null;
|
|
28
30
|
var cacheBabelInterop = new WeakMap();
|
|
@@ -31,7 +33,7 @@ function _getRequireWildcardCache(nodeInterop) {
|
|
|
31
33
|
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
32
34
|
})(nodeInterop);
|
|
33
35
|
}
|
|
34
|
-
function
|
|
36
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
35
37
|
if (!nodeInterop && obj && obj.__esModule) {
|
|
36
38
|
return obj;
|
|
37
39
|
}
|
|
@@ -75,9 +77,9 @@ const ListLegendItemBase = /*#__PURE__*/ (0, _react.forwardRef)(function ListLeg
|
|
|
75
77
|
}
|
|
76
78
|
}
|
|
77
79
|
const handleClick = (e)=>{
|
|
78
|
-
var
|
|
80
|
+
var _item_onClick;
|
|
79
81
|
onClick(e, item.id);
|
|
80
|
-
(
|
|
82
|
+
(_item_onClick = item.onClick) === null || _item_onClick === void 0 ? void 0 : _item_onClick.call(item, e);
|
|
81
83
|
};
|
|
82
84
|
return /*#__PURE__*/ (0, _react.createElement)(_material.ListItem, {
|
|
83
85
|
...others,
|
|
@@ -105,16 +107,16 @@ const ListLegendItemBase = /*#__PURE__*/ (0, _react.forwardRef)(function ListLeg
|
|
|
105
107
|
selected: isVisuallySelected,
|
|
106
108
|
ref: ref,
|
|
107
109
|
children: [
|
|
108
|
-
/*#__PURE__*/ (0,
|
|
110
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
109
111
|
sx: {
|
|
110
112
|
display: 'flex',
|
|
111
113
|
alignItems: 'center'
|
|
112
114
|
},
|
|
113
|
-
children: /*#__PURE__*/ (0,
|
|
115
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LegendColorBadge.LegendColorBadge, {
|
|
114
116
|
color: item.color
|
|
115
117
|
})
|
|
116
118
|
}),
|
|
117
|
-
/*#__PURE__*/ (0,
|
|
119
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
|
|
118
120
|
primary: item.label,
|
|
119
121
|
primaryTypographyProps: {
|
|
120
122
|
noWrap: noWrap
|
|
@@ -16,11 +16,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TableLegend", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return TableLegend;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _react = require("react");
|
|
23
|
-
const
|
|
25
|
+
const _Table = require("../Table");
|
|
24
26
|
const COLUMNS = [
|
|
25
27
|
{
|
|
26
28
|
accessorKey: 'label',
|
|
@@ -29,7 +31,7 @@ const COLUMNS = [
|
|
|
29
31
|
// Starting with `title` attr instead of a tooltip because it is easier to
|
|
30
32
|
// implement. We should try adding a tooltip in the future, but we'll need
|
|
31
33
|
// to be very careful about performance when doing so with large tables.
|
|
32
|
-
cell: ({ getValue })=>/*#__PURE__*/ (0,
|
|
34
|
+
cell: ({ getValue })=>/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
33
35
|
title: getValue(),
|
|
34
36
|
children: getValue()
|
|
35
37
|
})
|
|
@@ -61,7 +63,7 @@ function TableLegend({ items , selectedItems: initRowSelection , onSelectedItems
|
|
|
61
63
|
}, [
|
|
62
64
|
additionalColumns
|
|
63
65
|
]);
|
|
64
|
-
return /*#__PURE__*/ (0,
|
|
66
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Table.Table, {
|
|
65
67
|
height: height,
|
|
66
68
|
width: width,
|
|
67
69
|
rowSelection: rowSelection,
|
package/dist/cjs/Legend/index.js
CHANGED
|
@@ -14,16 +14,18 @@
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", {
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function
|
|
17
|
+
_export_star(require("./Legend"), exports);
|
|
18
|
+
_export_star(require("./legend-model"), exports);
|
|
19
|
+
function _export_star(from, to) {
|
|
20
20
|
Object.keys(from).forEach(function(k) {
|
|
21
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
22
|
+
Object.defineProperty(to, k, {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function() {
|
|
25
|
+
return from[k];
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
}
|
|
27
29
|
});
|
|
28
30
|
return from;
|
|
29
31
|
}
|
|
@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "isLegendItemVisuallySelected", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return isLegendItemVisuallySelected;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
23
|
function isLegendItemVisuallySelected(item, selectedItems) {
|
|
22
24
|
// In the "ALL" case, technically all legend items are selected, but we do
|