@perses-dev/timeseries-chart-plugin 0.11.0 → 0.11.2

package/lib/VisualOptionsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/VisualOptionsEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { produce } from 'immer';\nimport { Slider, Switch, ToggleButton, ToggleButtonGroup } from '@mui/material';\nimport { OptionsEditorControl, OptionsEditorGroup, SettingsAutocomplete } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport {\n  DEFAULT_AREA_OPACITY,\n  DEFAULT_CONNECT_NULLS,\n  DEFAULT_LINE_WIDTH,\n  DEFAULT_LINE_STYLE,\n  DEFAULT_POINT_RADIUS,\n  POINT_SIZE_OFFSET,\n  STACK_CONFIG,\n  StackOptions,\n  STACK_OPTIONS,\n  LINE_STYLE_CONFIG,\n  VISUAL_CONFIG,\n  TimeSeriesChartVisualOptions,\n  DEFAULT_DISPLAY,\n} from './time-series-chart-model';\n\nexport interface VisualOptionsEditorProps {\n  value: TimeSeriesChartVisualOptions;\n  onChange: (visual: TimeSeriesChartVisualOptions) => void;\n}\n\nexport function VisualOptionsEditor({ value, onChange }: VisualOptionsEditorProps): ReactElement {\n  const handleLineWidthChange = (_: Event, sliderValue: number | number[]): void => {\n    const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    const symbolSize = newValue !== undefined ? newValue + POINT_SIZE_OFFSET : DEFAULT_POINT_RADIUS;\n    onChange(\n      produce(value, (draft) => {\n        draft.lineWidth = newValue;\n        draft.pointRadius = symbolSize;\n      })\n    );\n  };\n\n  const handleAreaOpacityChange = (_: Event, sliderValue: number | number[]): void => {\n    const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    onChange(\n      produce(value, (draft) => {\n        draft.areaOpacity = newValue;\n      })\n    );\n  };\n\n  const currentStack: StackOptions = value.stack ?? 'none';\n  const stackConfig = STACK_CONFIG[currentStack];\n\n  return (\n    <OptionsEditorGroup title=\"Visual\">\n      <OptionsEditorControl\n        label={VISUAL_CONFIG.stack.label}\n        control={\n          <SettingsAutocomplete\n            value={{\n              ...stackConfig,\n              id: currentStack,\n            }}\n            options={STACK_OPTIONS}\n            onChange={(__, newValue) => {\n              const updatedValue: TimeSeriesChartVisualOptions = {\n                ...value,\n                stack: newValue.id === 'none' ? undefined : newValue.id, // stack is optional so remove property when 'None' is selected\n              };\n              // stacked area chart preset to automatically set area under a curve shading\n              if (newValue.id === 'all' && !value.areaOpacity) {\n                updatedValue.areaOpacity = 0.3;\n              }\n              onChange(updatedValue);\n            }}\n            disabled={value === undefined}\n            disableClearable\n          ></SettingsAutocomplete>\n        }\n      />\n      <OptionsEditorControl\n        label=\"Display\"\n        control={\n          <ToggleButtonGroup\n            color=\"primary\"\n            exclusive\n            value={value.display ?? DEFAULT_DISPLAY}\n            onChange={(__, newValue) => {\n              onChange({\n                ...value,\n                display: newValue,\n              });\n            }}\n          >\n            <ToggleButton\n              value=\"line\"\n              selected={value.display === undefined || value.display === 'line'}\n              aria-label=\"display line series\"\n            >\n              Line\n            </ToggleButton>\n            <ToggleButton value=\"bar\" aria-label=\"display bar series\">\n              Bar\n            </ToggleButton>\n          </ToggleButtonGroup>\n        }\n      />\n      {value.display === 'line' && (\n        <>\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.lineWidth.label}\n            control={\n              <Slider\n                data-testid={VISUAL_CONFIG.lineWidth.testId}\n                value={value.lineWidth ?? DEFAULT_LINE_WIDTH}\n                valueLabelDisplay=\"auto\"\n                step={VISUAL_CONFIG.lineWidth.step}\n                marks\n                min={VISUAL_CONFIG.lineWidth.min}\n                max={VISUAL_CONFIG.lineWidth.max}\n                onChange={handleLineWidthChange}\n              />\n            }\n          />\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.lineStyle.label}\n            control={\n              <ToggleButtonGroup\n                color=\"primary\"\n                exclusive\n                value={value.lineStyle ?? DEFAULT_LINE_STYLE}\n                onChange={(__, newValue) => {\n                  onChange({\n                    ...value,\n                    lineStyle: newValue,\n                  });\n                }}\n              >\n                {Object.entries(LINE_STYLE_CONFIG).map(([styleValue, config]) => (\n                  <ToggleButton key={styleValue} value={styleValue} aria-label={`${styleValue} line style`}>\n                    {config.label}\n                  </ToggleButton>\n                ))}\n              </ToggleButtonGroup>\n            }\n          />\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.areaOpacity.label}\n            control={\n              <Slider\n                data-testid={VISUAL_CONFIG.areaOpacity.testId}\n                value={value.areaOpacity ?? DEFAULT_AREA_OPACITY}\n                valueLabelDisplay=\"auto\"\n                step={VISUAL_CONFIG.areaOpacity.step}\n                marks\n                min={VISUAL_CONFIG.areaOpacity.min}\n                max={VISUAL_CONFIG.areaOpacity.max}\n                onChange={handleAreaOpacityChange}\n              />\n            }\n          />\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.connectNulls.label}\n            control={\n              <Switch\n                checked={value.connectNulls ?? DEFAULT_CONNECT_NULLS}\n                onChange={(e) => {\n                  onChange({\n                    ...value,\n                    connectNulls: e.target.checked,\n                  });\n                }}\n              />\n            }\n          />\n        </>\n      )}\n    </OptionsEditorGroup>\n  );\n}\n"],"names":["produce","Slider","Switch","ToggleButton","ToggleButtonGroup","OptionsEditorControl","OptionsEditorGroup","SettingsAutocomplete","DEFAULT_AREA_OPACITY","DEFAULT_CONNECT_NULLS","DEFAULT_LINE_WIDTH","DEFAULT_LINE_STYLE","DEFAULT_POINT_RADIUS","POINT_SIZE_OFFSET","STACK_CONFIG","STACK_OPTIONS","LINE_STYLE_CONFIG","VISUAL_CONFIG","DEFAULT_DISPLAY","VisualOptionsEditor","value","onChange","handleLineWidthChange","_","sliderValue","newValue","Array","isArray","symbolSize","undefined","draft","lineWidth","pointRadius","handleAreaOpacityChange","areaOpacity","currentStack","stack","stackConfig","title","label","control","id","options","__","updatedValue","disabled","disableClearable","color","exclusive","display","selected","aria-label","data-testid","testId","valueLabelDisplay","step","marks","min","max","lineStyle","Object","entries","map","styleValue","config","connectNulls","checked","e","target"],"mappings":"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"}
+{"version":3,"sources":["../../src/VisualOptionsEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { produce } from 'immer';\nimport { Slider, Switch, ToggleButton, ToggleButtonGroup } from '@mui/material';\nimport { OptionsEditorControl, OptionsEditorGroup, SettingsAutocomplete } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport {\n  DEFAULT_AREA_OPACITY,\n  DEFAULT_CONNECT_NULLS,\n  DEFAULT_LINE_WIDTH,\n  DEFAULT_LINE_STYLE,\n  DEFAULT_POINT_RADIUS,\n  POINT_SIZE_OFFSET,\n  STACK_CONFIG,\n  StackOptions,\n  STACK_OPTIONS,\n  LINE_STYLE_CONFIG,\n  VISUAL_CONFIG,\n  TimeSeriesChartVisualOptions,\n  DEFAULT_DISPLAY,\n} from './time-series-chart-model';\n\nexport interface VisualOptionsEditorProps {\n  value: TimeSeriesChartVisualOptions;\n  onChange: (visual: TimeSeriesChartVisualOptions) => void;\n}\n\nexport function VisualOptionsEditor({ value, onChange }: VisualOptionsEditorProps): ReactElement {\n  const handleLineWidthChange = (_: Event, sliderValue: number | number[]): void => {\n    const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    const symbolSize = newValue !== undefined ? newValue + POINT_SIZE_OFFSET : DEFAULT_POINT_RADIUS;\n    onChange(\n      produce(value, (draft) => {\n        draft.lineWidth = newValue;\n        draft.pointRadius = symbolSize;\n      })\n    );\n  };\n\n  const handleAreaOpacityChange = (_: Event, sliderValue: number | number[]): void => {\n    const newValue = Array.isArray(sliderValue) ? sliderValue[0] : sliderValue;\n    onChange(\n      produce(value, (draft) => {\n        draft.areaOpacity = newValue;\n      })\n    );\n  };\n\n  const currentStack: StackOptions = value.stack ?? 'none';\n  const stackConfig = STACK_CONFIG[currentStack];\n\n  return (\n    <OptionsEditorGroup title=\"Visual\">\n      <OptionsEditorControl\n        label={VISUAL_CONFIG.stack.label}\n        control={\n          <SettingsAutocomplete\n            value={{\n              ...stackConfig,\n              id: currentStack,\n            }}\n            options={STACK_OPTIONS}\n            onChange={(__, newValue) => {\n              const updatedValue: TimeSeriesChartVisualOptions = {\n                ...value,\n                stack: newValue.id === 'none' ? undefined : newValue.id, // stack is optional so remove property when 'None' is selected\n              };\n              // stacked area chart preset to automatically set area under a curve shading\n              if (newValue.id === 'all' && !value.areaOpacity) {\n                updatedValue.areaOpacity = 0.3;\n              }\n              onChange(updatedValue);\n            }}\n            disabled={value === undefined}\n            disableClearable\n          ></SettingsAutocomplete>\n        }\n      />\n      <OptionsEditorControl\n        label=\"Display\"\n        control={\n          <ToggleButtonGroup\n            color=\"primary\"\n            exclusive\n            value={value.display ?? DEFAULT_DISPLAY}\n            onChange={(__, newValue) => {\n              onChange({\n                ...value,\n                display: newValue,\n              });\n            }}\n          >\n            <ToggleButton\n              value=\"line\"\n              selected={value.display === undefined || value.display === 'line'}\n              aria-label=\"display line series\"\n            >\n              Line\n            </ToggleButton>\n            <ToggleButton value=\"bar\" aria-label=\"display bar series\">\n              Bar\n            </ToggleButton>\n          </ToggleButtonGroup>\n        }\n      />\n      {value.display === 'line' && (\n        <>\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.lineWidth.label}\n            control={\n              <Slider\n                data-testid={VISUAL_CONFIG.lineWidth.testId}\n                value={value.lineWidth ?? DEFAULT_LINE_WIDTH}\n                valueLabelDisplay=\"auto\"\n                step={VISUAL_CONFIG.lineWidth.step}\n                marks\n                min={VISUAL_CONFIG.lineWidth.min}\n                max={VISUAL_CONFIG.lineWidth.max}\n                onChange={handleLineWidthChange}\n              />\n            }\n          />\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.lineStyle.label}\n            control={\n              <ToggleButtonGroup\n                color=\"primary\"\n                exclusive\n                value={value.lineStyle ?? DEFAULT_LINE_STYLE}\n                onChange={(__, newValue) => {\n                  onChange({\n                    ...value,\n                    lineStyle: newValue,\n                  });\n                }}\n              >\n                {Object.entries(LINE_STYLE_CONFIG).map(([styleValue, config]) => (\n                  <ToggleButton key={styleValue} value={styleValue} aria-label={`${styleValue} line style`}>\n                    {config.label}\n                  </ToggleButton>\n                ))}\n              </ToggleButtonGroup>\n            }\n          />\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.areaOpacity.label}\n            control={\n              <Slider\n                data-testid={VISUAL_CONFIG.areaOpacity.testId}\n                value={value.areaOpacity ?? DEFAULT_AREA_OPACITY}\n                valueLabelDisplay=\"auto\"\n                step={VISUAL_CONFIG.areaOpacity.step}\n                marks\n                min={VISUAL_CONFIG.areaOpacity.min}\n                max={VISUAL_CONFIG.areaOpacity.max}\n                onChange={handleAreaOpacityChange}\n              />\n            }\n          />\n          <OptionsEditorControl\n            label={VISUAL_CONFIG.connectNulls.label}\n            control={\n              <Switch\n                checked={value.connectNulls ?? DEFAULT_CONNECT_NULLS}\n                onChange={(e) => {\n                  onChange({\n                    ...value,\n                    connectNulls: e.target.checked,\n                  });\n                }}\n              />\n            }\n          />\n        </>\n      )}\n    </OptionsEditorGroup>\n  );\n}\n"],"names":["produce","Slider","Switch","ToggleButton","ToggleButtonGroup","OptionsEditorControl","OptionsEditorGroup","SettingsAutocomplete","DEFAULT_AREA_OPACITY","DEFAULT_CONNECT_NULLS","DEFAULT_LINE_WIDTH","DEFAULT_LINE_STYLE","DEFAULT_POINT_RADIUS","POINT_SIZE_OFFSET","STACK_CONFIG","STACK_OPTIONS","LINE_STYLE_CONFIG","VISUAL_CONFIG","DEFAULT_DISPLAY","VisualOptionsEditor","value","onChange","handleLineWidthChange","_","sliderValue","newValue","Array","isArray","symbolSize","undefined","draft","lineWidth","pointRadius","handleAreaOpacityChange","areaOpacity","currentStack","stack","stackConfig","title","label","control","id","options","__","updatedValue","disabled","disableClearable","color","exclusive","display","selected","aria-label","data-testid","testId","valueLabelDisplay","step","marks","min","max","lineStyle","Object","entries","map","styleValue","config","connectNulls","checked","e","target"],"mappings":"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"}

package/lib/YAxisOptionsEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2023 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Switch, TextField } from '@mui/material';
 import { OptionsEditorControl, OptionsEditorGroup, FormatControls } from '@perses-dev/components';
 import { DEFAULT_FORMAT, DEFAULT_Y_AXIS, Y_AXIS_CONFIG } from './time-series-chart-model';

package/lib/YAxisOptionsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/YAxisOptionsEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Switch, TextField } from '@mui/material';\nimport { OptionsEditorControl, OptionsEditorGroup, FormatControls } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { DEFAULT_FORMAT, DEFAULT_Y_AXIS, TimeSeriesChartYAxisOptions, Y_AXIS_CONFIG } from './time-series-chart-model';\n\nexport interface YAxisOptionsEditorProps {\n  value: TimeSeriesChartYAxisOptions;\n  onChange: (yAxis: TimeSeriesChartYAxisOptions) => void;\n}\n\nexport function YAxisOptionsEditor({ value, onChange }: YAxisOptionsEditorProps): ReactElement {\n  return (\n    <OptionsEditorGroup title=\"Y Axis\">\n      <OptionsEditorControl\n        label=\"Show\"\n        control={\n          <Switch\n            checked={value.show ?? DEFAULT_Y_AXIS.show}\n            onChange={(e): void => {\n              onChange({\n                ...value,\n                show: e.target.checked,\n              });\n            }}\n          />\n        }\n      />\n      <FormatControls\n        value={value.format ?? DEFAULT_FORMAT}\n        onChange={(newFormat): void =>\n          onChange({\n            ...value,\n            format: newFormat,\n          })\n        }\n      />\n      <OptionsEditorControl\n        label={Y_AXIS_CONFIG.label.label}\n        control={\n          <TextField\n            value={value.label ?? ''}\n            inputProps={{ 'aria-label': 'enter y axis label' }}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                label: e.target.value,\n              })\n            }\n            placeholder=\"Default\"\n          />\n        }\n      />\n      <OptionsEditorControl\n        label={Y_AXIS_CONFIG.min.label}\n        control={\n          <TextField\n            type=\"number\"\n            value={value.min ?? ''}\n            onChange={(e) => {\n              // ensure empty value resets to undef to allow chart to calculate min\n              const newValue = e.target.value ? Number(e.target.value) : undefined;\n              onChange({\n                ...value,\n                min: newValue,\n              });\n            }}\n            placeholder=\"Default\"\n          />\n        }\n      />\n      <OptionsEditorControl\n        label={Y_AXIS_CONFIG.max.label}\n        control={\n          <TextField\n            type=\"number\"\n            value={value.max ?? ''}\n            onChange={(e) => {\n              // ensure empty value resets to undef to allow chart to calculate max\n              const newValue = e.target.value ? Number(e.target.value) : undefined;\n              onChange({\n                ...value,\n                max: newValue,\n              });\n            }}\n            placeholder=\"Default\"\n          />\n        }\n      />\n    </OptionsEditorGroup>\n  );\n}\n"],"names":["Switch","TextField","OptionsEditorControl","OptionsEditorGroup","FormatControls","DEFAULT_FORMAT","DEFAULT_Y_AXIS","Y_AXIS_CONFIG","YAxisOptionsEditor","value","onChange","title","label","control","checked","show","e","target","format","newFormat","inputProps","placeholder","min","type","newValue","Number","undefined","max"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,EAAEC,SAAS,QAAQ,gBAAgB;AAClD,SAASC,oBAAoB,EAAEC,kBAAkB,EAAEC,cAAc,QAAQ,yBAAyB;AAElG,SAASC,cAAc,EAAEC,cAAc,EAA+BC,aAAa,QAAQ,4BAA4B;AAOvH,OAAO,SAASC,mBAAmB,EAAEC,KAAK,EAAEC,QAAQ,EAA2B;IAC7E,qBACE,MAACP;QAAmBQ,OAAM;;0BACxB,KAACT;gBACCU,OAAM;gBACNC,uBACE,KAACb;oBACCc,SAASL,MAAMM,IAAI,IAAIT,eAAeS,IAAI;oBAC1CL,UAAU,CAACM;wBACTN,SAAS;4BACP,GAAGD,KAAK;4BACRM,MAAMC,EAAEC,MAAM,CAACH,OAAO;wBACxB;oBACF;;;0BAIN,KAACV;gBACCK,OAAOA,MAAMS,MAAM,IAAIb;gBACvBK,UAAU,CAACS,YACTT,SAAS;wBACP,GAAGD,KAAK;wBACRS,QAAQC;oBACV;;0BAGJ,KAACjB;gBACCU,OAAOL,cAAcK,KAAK,CAACA,KAAK;gBAChCC,uBACE,KAACZ;oBACCQ,OAAOA,MAAMG,KAAK,IAAI;oBACtBQ,YAAY;wBAAE,cAAc;oBAAqB;oBACjDV,UAAU,CAACM,IACTN,SAAS;4BACP,GAAGD,KAAK;4BACRG,OAAOI,EAAEC,MAAM,CAACR,KAAK;wBACvB;oBAEFY,aAAY;;;0BAIlB,KAACnB;gBACCU,OAAOL,cAAce,GAAG,CAACV,KAAK;gBAC9BC,uBACE,KAACZ;oBACCsB,MAAK;oBACLd,OAAOA,MAAMa,GAAG,IAAI;oBACpBZ,UAAU,CAACM;wBACT,qEAAqE;wBACrE,MAAMQ,WAAWR,EAAEC,MAAM,CAACR,KAAK,GAAGgB,OAAOT,EAAEC,MAAM,CAACR,KAAK,IAAIiB;wBAC3DhB,SAAS;4BACP,GAAGD,KAAK;4BACRa,KAAKE;wBACP;oBACF;oBACAH,aAAY;;;0BAIlB,KAACnB;gBACCU,OAAOL,cAAcoB,GAAG,CAACf,KAAK;gBAC9BC,uBACE,KAACZ;oBACCsB,MAAK;oBACLd,OAAOA,MAAMkB,GAAG,IAAI;oBACpBjB,UAAU,CAACM;wBACT,qEAAqE;wBACrE,MAAMQ,WAAWR,EAAEC,MAAM,CAACR,KAAK,GAAGgB,OAAOT,EAAEC,MAAM,CAACR,KAAK,IAAIiB;wBAC3DhB,SAAS;4BACP,GAAGD,KAAK;4BACRkB,KAAKH;wBACP;oBACF;oBACAH,aAAY;;;;;AAMxB"}
+{"version":3,"sources":["../../src/YAxisOptionsEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Switch, TextField } from '@mui/material';\nimport { OptionsEditorControl, OptionsEditorGroup, FormatControls } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { DEFAULT_FORMAT, DEFAULT_Y_AXIS, TimeSeriesChartYAxisOptions, Y_AXIS_CONFIG } from './time-series-chart-model';\n\nexport interface YAxisOptionsEditorProps {\n  value: TimeSeriesChartYAxisOptions;\n  onChange: (yAxis: TimeSeriesChartYAxisOptions) => void;\n}\n\nexport function YAxisOptionsEditor({ value, onChange }: YAxisOptionsEditorProps): ReactElement {\n  return (\n    <OptionsEditorGroup title=\"Y Axis\">\n      <OptionsEditorControl\n        label=\"Show\"\n        control={\n          <Switch\n            checked={value.show ?? DEFAULT_Y_AXIS.show}\n            onChange={(e): void => {\n              onChange({\n                ...value,\n                show: e.target.checked,\n              });\n            }}\n          />\n        }\n      />\n      <FormatControls\n        value={value.format ?? DEFAULT_FORMAT}\n        onChange={(newFormat): void =>\n          onChange({\n            ...value,\n            format: newFormat,\n          })\n        }\n      />\n      <OptionsEditorControl\n        label={Y_AXIS_CONFIG.label.label}\n        control={\n          <TextField\n            value={value.label ?? ''}\n            inputProps={{ 'aria-label': 'enter y axis label' }}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                label: e.target.value,\n              })\n            }\n            placeholder=\"Default\"\n          />\n        }\n      />\n      <OptionsEditorControl\n        label={Y_AXIS_CONFIG.min.label}\n        control={\n          <TextField\n            type=\"number\"\n            value={value.min ?? ''}\n            onChange={(e) => {\n              // ensure empty value resets to undef to allow chart to calculate min\n              const newValue = e.target.value ? Number(e.target.value) : undefined;\n              onChange({\n                ...value,\n                min: newValue,\n              });\n            }}\n            placeholder=\"Default\"\n          />\n        }\n      />\n      <OptionsEditorControl\n        label={Y_AXIS_CONFIG.max.label}\n        control={\n          <TextField\n            type=\"number\"\n            value={value.max ?? ''}\n            onChange={(e) => {\n              // ensure empty value resets to undef to allow chart to calculate max\n              const newValue = e.target.value ? Number(e.target.value) : undefined;\n              onChange({\n                ...value,\n                max: newValue,\n              });\n            }}\n            placeholder=\"Default\"\n          />\n        }\n      />\n    </OptionsEditorGroup>\n  );\n}\n"],"names":["Switch","TextField","OptionsEditorControl","OptionsEditorGroup","FormatControls","DEFAULT_FORMAT","DEFAULT_Y_AXIS","Y_AXIS_CONFIG","YAxisOptionsEditor","value","onChange","title","label","control","checked","show","e","target","format","newFormat","inputProps","placeholder","min","type","newValue","Number","undefined","max"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,MAAM,EAAEC,SAAS,QAAQ,gBAAgB;AAClD,SAASC,oBAAoB,EAAEC,kBAAkB,EAAEC,cAAc,QAAQ,yBAAyB;AAElG,SAASC,cAAc,EAAEC,cAAc,EAA+BC,aAAa,QAAQ,4BAA4B;AAOvH,OAAO,SAASC,mBAAmB,EAAEC,KAAK,EAAEC,QAAQ,EAA2B;IAC7E,qBACE,MAACP;QAAmBQ,OAAM;;0BACxB,KAACT;gBACCU,OAAM;gBACNC,uBACE,KAACb;oBACCc,SAASL,MAAMM,IAAI,IAAIT,eAAeS,IAAI;oBAC1CL,UAAU,CAACM;wBACTN,SAAS;4BACP,GAAGD,KAAK;4BACRM,MAAMC,EAAEC,MAAM,CAACH,OAAO;wBACxB;oBACF;;;0BAIN,KAACV;gBACCK,OAAOA,MAAMS,MAAM,IAAIb;gBACvBK,UAAU,CAACS,YACTT,SAAS;wBACP,GAAGD,KAAK;wBACRS,QAAQC;oBACV;;0BAGJ,KAACjB;gBACCU,OAAOL,cAAcK,KAAK,CAACA,KAAK;gBAChCC,uBACE,KAACZ;oBACCQ,OAAOA,MAAMG,KAAK,IAAI;oBACtBQ,YAAY;wBAAE,cAAc;oBAAqB;oBACjDV,UAAU,CAACM,IACTN,SAAS;4BACP,GAAGD,KAAK;4BACRG,OAAOI,EAAEC,MAAM,CAACR,KAAK;wBACvB;oBAEFY,aAAY;;;0BAIlB,KAACnB;gBACCU,OAAOL,cAAce,GAAG,CAACV,KAAK;gBAC9BC,uBACE,KAACZ;oBACCsB,MAAK;oBACLd,OAAOA,MAAMa,GAAG,IAAI;oBACpBZ,UAAU,CAACM;wBACT,qEAAqE;wBACrE,MAAMQ,WAAWR,EAAEC,MAAM,CAACR,KAAK,GAAGgB,OAAOT,EAAEC,MAAM,CAACR,KAAK,IAAIiB;wBAC3DhB,SAAS;4BACP,GAAGD,KAAK;4BACRa,KAAKE;wBACP;oBACF;oBACAH,aAAY;;;0BAIlB,KAACnB;gBACCU,OAAOL,cAAcoB,GAAG,CAACf,KAAK;gBAC9BC,uBACE,KAACZ;oBACCsB,MAAK;oBACLd,OAAOA,MAAMkB,GAAG,IAAI;oBACpBjB,UAAU,CAACM;wBACT,qEAAqE;wBACrE,MAAMQ,WAAWR,EAAEC,MAAM,CAACR,KAAK,GAAGgB,OAAOT,EAAEC,MAAM,CAACR,KAAK,IAAIiB;wBAC3DhB,SAAS;4BACP,GAAGD,KAAK;4BACRkB,KAAKH;wBACP;oBACF;oBACAH,aAAY;;;;;AAMxB"}

package/lib/bootstrap.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2024 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 const root = ReactDOM.createRoot(document.getElementById('root'));

package/lib/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}
+{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/CSVExportUtils.js

@@ -17,32 +17,32 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    escapeCsvValue: function() {
+    get escapeCsvValue () {
         return escapeCsvValue;
     },
-    exportDataAsCSV: function() {
+    get exportDataAsCSV () {
         return exportDataAsCSV;
     },
-    extractExportableData: function() {
+    get extractExportableData () {
         return extractExportableData;
     },
-    formatLegendName: function() {
+    get formatLegendName () {
         return formatLegendName;
     },
-    formatTimestampISO: function() {
+    get formatTimestampISO () {
         return formatTimestampISO;
     },
-    isExportableData: function() {
+    get isExportableData () {
         return isExportableData;
     },
-    sanitizeColumnName: function() {
+    get sanitizeColumnName () {
         return sanitizeColumnName;
     },
-    sanitizeFilename: function() {
+    get sanitizeFilename () {
         return sanitizeFilename;
     }
 });

package/lib/cjs/TimeSeriesChartPanel.js

@@ -336,8 +336,7 @@ function TimeSeriesChartPanel(props) {
                             grid: gridOverrides,
                             isStackedBar: isStackedBar,
                             tooltipConfig: tooltipConfig,
-                            syncGroup: "default-panel-group" // TODO: make configurable from dashboard settings and per panel-group overrides
-                            ,
+                            syncGroup: "default-panel-group",
                             onDataZoom: handleDataZoom,
                             //  Show an empty chart when there is no data because the user unselected all items in
                             // the legend. Otherwise, show a "no data" message.

package/lib/cjs/index-federation.js

@@ -1,15 +1,3 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
 "use strict";
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -52,4 +40,16 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/test/mock-query-results.js

@@ -17,23 +17,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MOCK_NULL_QUERY_RESULT: function() {
+    get MOCK_NULL_QUERY_RESULT () {
         return MOCK_NULL_QUERY_RESULT;
     },
-    MOCK_TIME_SERIES_DATA_MULTIVALUE: function() {
+    get MOCK_TIME_SERIES_DATA_MULTIVALUE () {
         return MOCK_TIME_SERIES_DATA_MULTIVALUE;
     },
-    MOCK_TIME_SERIES_DATA_SINGLEVALUE: function() {
+    get MOCK_TIME_SERIES_DATA_SINGLEVALUE () {
         return MOCK_TIME_SERIES_DATA_SINGLEVALUE;
     },
-    MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE: function() {
+    get MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE () {
         return MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE;
     },
-    MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE: function() {
+    get MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE () {
         return MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE;
     }
 });

package/lib/cjs/time-series-chart-model.js

@@ -17,68 +17,68 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DEFAULT_AREA_OPACITY: function() {
+    get DEFAULT_AREA_OPACITY () {
         return DEFAULT_AREA_OPACITY;
     },
-    DEFAULT_CONNECT_NULLS: function() {
+    get DEFAULT_CONNECT_NULLS () {
         return DEFAULT_CONNECT_NULLS;
     },
-    DEFAULT_DISPLAY: function() {
+    get DEFAULT_DISPLAY () {
         return DEFAULT_DISPLAY;
     },
-    DEFAULT_FORMAT: function() {
+    get DEFAULT_FORMAT () {
         return DEFAULT_FORMAT;
     },
-    DEFAULT_LINE_STYLE: function() {
+    get DEFAULT_LINE_STYLE () {
         return DEFAULT_LINE_STYLE;
     },
-    DEFAULT_LINE_WIDTH: function() {
+    get DEFAULT_LINE_WIDTH () {
         return DEFAULT_LINE_WIDTH;
     },
-    DEFAULT_POINT_RADIUS: function() {
+    get DEFAULT_POINT_RADIUS () {
         return DEFAULT_POINT_RADIUS;
     },
-    DEFAULT_VISUAL: function() {
+    get DEFAULT_VISUAL () {
         return DEFAULT_VISUAL;
     },
-    DEFAULT_Y_AXIS: function() {
+    get DEFAULT_Y_AXIS () {
         return DEFAULT_Y_AXIS;
     },
-    LINE_STYLE_CONFIG: function() {
+    get LINE_STYLE_CONFIG () {
         return LINE_STYLE_CONFIG;
     },
-    NEGATIVE_MIN_VALUE_MULTIPLIER: function() {
+    get NEGATIVE_MIN_VALUE_MULTIPLIER () {
         return NEGATIVE_MIN_VALUE_MULTIPLIER;
     },
-    OPACITY_CONFIG: function() {
+    get OPACITY_CONFIG () {
         return OPACITY_CONFIG;
     },
-    POINT_SIZE_OFFSET: function() {
+    get POINT_SIZE_OFFSET () {
         return POINT_SIZE_OFFSET;
     },
-    POSITIVE_MIN_VALUE_MULTIPLIER: function() {
+    get POSITIVE_MIN_VALUE_MULTIPLIER () {
         return POSITIVE_MIN_VALUE_MULTIPLIER;
     },
-    STACK_CONFIG: function() {
+    get STACK_CONFIG () {
         return STACK_CONFIG;
     },
-    STACK_OPTIONS: function() {
+    get STACK_OPTIONS () {
         return STACK_OPTIONS;
     },
-    THRESHOLD_PLOT_INTERVAL: function() {
+    get THRESHOLD_PLOT_INTERVAL () {
         return THRESHOLD_PLOT_INTERVAL;
     },
-    VISUAL_CONFIG: function() {
+    get VISUAL_CONFIG () {
         return VISUAL_CONFIG;
     },
-    Y_AXIS_CONFIG: function() {
+    get Y_AXIS_CONFIG () {
         return Y_AXIS_CONFIG;
     },
-    createInitialTimeSeriesChartOptions: function() {
+    get createInitialTimeSeriesChartOptions () {
         return createInitialTimeSeriesChartOptions;
     }
 });

package/lib/cjs/utils/data-transform.js

@@ -17,35 +17,35 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    BLUR_FADEOUT_OPACITY: function() {
+    get BLUR_FADEOUT_OPACITY () {
         return BLUR_FADEOUT_OPACITY;
     },
-    EMPTY_GRAPH_DATA: function() {
+    get EMPTY_GRAPH_DATA () {
         return EMPTY_GRAPH_DATA;
     },
-    HIDE_DATAPOINTS_LIMIT: function() {
+    get HIDE_DATAPOINTS_LIMIT () {
         return HIDE_DATAPOINTS_LIMIT;
     },
-    convertPanelYAxis: function() {
+    get convertPanelYAxis () {
         return convertPanelYAxis;
     },
-    convertPercentThreshold: function() {
+    get convertPercentThreshold () {
         return convertPercentThreshold;
     },
-    getCommonTimeScaleForQueries: function() {
+    get getCommonTimeScaleForQueries () {
         return getCommonTimeScaleForQueries;
     },
-    getThresholdSeries: function() {
+    get getThresholdSeries () {
         return getThresholdSeries;
     },
-    getTimeSeries: function() {
+    get getTimeSeries () {
         return getTimeSeries;
     },
-    roundDown: function() {
+    get roundDown () {
         return roundDown;
     }
 });

package/lib/cjs/utils/palette-gen.js

@@ -17,20 +17,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getAutoPaletteColor: function() {
+    get getAutoPaletteColor () {
         return getAutoPaletteColor;
     },
-    getCategoricalPaletteColor: function() {
+    get getCategoricalPaletteColor () {
         return getCategoricalPaletteColor;
     },
-    getConsistentSeriesNameColor: function() {
+    get getConsistentSeriesNameColor () {
         return getConsistentSeriesNameColor;
     },
-    getSeriesColor: function() {
+    get getSeriesColor () {
         return getSeriesColor;
     }
 });

package/lib/cjs/utils/palette.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getConsistentCategoricalColor: function() {
+    get getConsistentCategoricalColor () {
         return getConsistentCategoricalColor;
     },
-    getConsistentColor: function() {
+    get getConsistentColor () {
         return getConsistentColor;
     }
 });

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TimeSeriesChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.11.0",
+      "buildVersion": "0.11.2",
       "buildName": "@perses-dev/timeseries-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TimeSeriesChart.3d19c5af.js",
+      "name": "__mf/js/TimeSeriesChart.95aa233e.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "TimeSeriesChart",
-    "pluginVersion": "0.19.1",
+    "pluginVersion": "0.21.6",
     "prefetchInterface": false,
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TimeSeriesChart/\"; }"
   },
@@ -35,7 +35,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/960.cd399075.js"
+            "__mf/js/async/274.8e8950b6.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/694.ebf24a00.js",
-            "__mf/js/async/770.e129dd07.js"
+            "__mf/js/async/235.a53a2591.js",
+            "__mf/js/async/616.6d37f37b.js"
           ]
         },
         "css": {
@@ -74,8 +74,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/214.37696543.js",
-            "__mf/js/async/738.c37f7bca.js"
+            "__mf/js/async/587.40becf9b.js",
+            "__mf/js/async/968.2ea36b8a.js"
           ]
         },
         "css": {
@@ -87,14 +87,14 @@
     {
       "id": "TimeSeriesChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/547.a80ef962.js"
+            "__mf/js/async/440.020f91d3.js"
           ]
         },
         "css": {
@@ -106,14 +106,14 @@
     {
       "id": "TimeSeriesChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.2",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.2",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/109.f05e61af.js"
+            "__mf/js/async/252.85ae7558.js"
           ]
         },
         "css": {
@@ -132,7 +132,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/75.26ec5bee.js"
+            "__mf/js/async/192.30450189.js"
           ]
         },
         "css": {
@@ -151,7 +151,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/409.97dde548.js"
+            "__mf/js/async/873.11e0e15e.js"
           ]
         },
         "css": {
@@ -170,7 +170,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/981.e360e7df.js"
+            "__mf/js/async/392.fa5c2b2f.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/173.58a1dc61.js"
+            "__mf/js/async/470.4c93905a.js"
           ]
         },
         "css": {
@@ -208,7 +208,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/110.8b9c7f4b.js"
+            "__mf/js/async/121.a742c022.js"
           ]
         },
         "css": {
@@ -227,7 +227,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/740.f0e8d499.js"
+            "__mf/js/async/978.844227d5.js"
           ]
         },
         "css": {
@@ -245,28 +245,28 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/797.72ff552e.js",
-            "__mf/js/async/964.e89cbd3b.js",
-            "__mf/js/async/186.b17dcce5.js",
-            "__mf/js/async/53.8edfe937.js",
-            "__mf/js/async/613.20f15bb7.js",
-            "__mf/js/async/__federation_expose_TimeSeriesChart.f017c9e5.js"
+            "__mf/js/async/702.5d93a78a.js",
+            "__mf/js/async/109.dc414292.js",
+            "__mf/js/async/197.e065f9da.js",
+            "__mf/js/async/437.aa3568c0.js",
+            "__mf/js/async/724.5594af97.js",
+            "__mf/js/async/__federation_expose_TimeSeriesChart.340a97c5.js"
           ],
           "async": [
-            "__mf/js/async/224.2d3ce51f.js",
-            "__mf/js/async/238.767e5398.js",
-            "__mf/js/async/292.9efc6a73.js",
-            "__mf/js/async/476.23a59a72.js",
-            "__mf/js/async/971.6fcf317e.js",
-            "__mf/js/async/lib-router.25a1f509.js",
-            "__mf/js/async/488.031fc875.js"
+            "__mf/js/async/71.e481dbdb.js",
+            "__mf/js/async/588.33924c3f.js",
+            "__mf/js/async/356.dee0f34a.js",
+            "__mf/js/async/491.35fc6280.js",
+            "__mf/js/async/591.9d963c5f.js",
+            "__mf/js/async/lib-router.54d80a0a.js",
+            "__mf/js/async/177.97e14ed0.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/341.9a1fa3dd.css",
-            "__mf/css/async/263.9a1fa3dd.css"
+            "__mf/css/async/61.d3010b86.css",
+            "__mf/css/async/823.d3010b86.css"
           ]
         }
       },