@perses-dev/dashboards 0.52.0-beta.5 → 0.52.0-rc.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.
Files changed (108) hide show
  1. package/dist/cjs/components/GridLayout/GridLayout.js +78 -126
  2. package/dist/cjs/components/GridLayout/Row.js +150 -0
  3. package/dist/cjs/components/GridLayout/index.js +1 -0
  4. package/dist/cjs/components/LeaveDialog/LeaveDialog.js +44 -0
  5. package/dist/cjs/components/LeaveDialog/index.js +30 -0
  6. package/dist/cjs/components/Panel/Panel.js +5 -1
  7. package/dist/cjs/components/Panel/PanelActions.js +3 -3
  8. package/dist/cjs/components/Panel/PanelHeader.js +32 -15
  9. package/dist/cjs/components/PanelDrawer/PanelDrawer.js +58 -21
  10. package/dist/cjs/components/PanelGroupDialog/PanelGroupDialog.js +3 -0
  11. package/dist/cjs/components/PanelGroupDialog/PanelGroupEditorForm.js +35 -15
  12. package/dist/cjs/components/index.js +1 -0
  13. package/dist/cjs/context/DashboardProvider/DashboardProvider.js +7 -8
  14. package/dist/cjs/context/DashboardProvider/DashboardProviderWithQueryParams.js +3 -3
  15. package/dist/cjs/context/DashboardProvider/panel-editor-slice.js +1 -0
  16. package/dist/cjs/context/DashboardProvider/panel-group-editor-slice.js +6 -2
  17. package/dist/cjs/context/DashboardProvider/panel-group-slice.js +1 -0
  18. package/dist/cjs/context/DashboardProvider/view-panel-slice.js +10 -3
  19. package/dist/cjs/context/VariableProvider/VariableProvider.js +1 -1
  20. package/dist/cjs/context/useDashboard.js +5 -4
  21. package/dist/cjs/views/ViewDashboard/DashboardApp.js +7 -3
  22. package/dist/cjs/views/ViewDashboard/ViewDashboard.js +9 -8
  23. package/dist/components/DashboardToolbar/DashboardToolbar.d.ts +2 -2
  24. package/dist/components/DashboardToolbar/DashboardToolbar.d.ts.map +1 -1
  25. package/dist/components/DashboardToolbar/DashboardToolbar.js.map +1 -1
  26. package/dist/components/GridLayout/GridLayout.d.ts +8 -0
  27. package/dist/components/GridLayout/GridLayout.d.ts.map +1 -1
  28. package/dist/components/GridLayout/GridLayout.js +72 -126
  29. package/dist/components/GridLayout/GridLayout.js.map +1 -1
  30. package/dist/components/GridLayout/Row.d.ts +17 -0
  31. package/dist/components/GridLayout/Row.d.ts.map +1 -0
  32. package/dist/components/GridLayout/Row.js +142 -0
  33. package/dist/components/GridLayout/Row.js.map +1 -0
  34. package/dist/components/GridLayout/index.d.ts +1 -0
  35. package/dist/components/GridLayout/index.d.ts.map +1 -1
  36. package/dist/components/GridLayout/index.js +1 -0
  37. package/dist/components/GridLayout/index.js.map +1 -1
  38. package/dist/components/LeaveDialog/LeaveDialog.d.ts +7 -0
  39. package/dist/components/LeaveDialog/LeaveDialog.d.ts.map +1 -0
  40. package/dist/components/LeaveDialog/LeaveDialog.js +36 -0
  41. package/dist/components/LeaveDialog/LeaveDialog.js.map +1 -0
  42. package/dist/components/LeaveDialog/index.d.ts +2 -0
  43. package/dist/components/LeaveDialog/index.d.ts.map +1 -0
  44. package/dist/components/LeaveDialog/index.js +15 -0
  45. package/dist/components/LeaveDialog/index.js.map +1 -0
  46. package/dist/components/Panel/Panel.d.ts +5 -0
  47. package/dist/components/Panel/Panel.d.ts.map +1 -1
  48. package/dist/components/Panel/Panel.js +5 -1
  49. package/dist/components/Panel/Panel.js.map +1 -1
  50. package/dist/components/Panel/PanelActions.d.ts +2 -0
  51. package/dist/components/Panel/PanelActions.d.ts.map +1 -1
  52. package/dist/components/Panel/PanelActions.js +3 -3
  53. package/dist/components/Panel/PanelActions.js.map +1 -1
  54. package/dist/components/Panel/PanelHeader.d.ts +6 -1
  55. package/dist/components/Panel/PanelHeader.d.ts.map +1 -1
  56. package/dist/components/Panel/PanelHeader.js +33 -16
  57. package/dist/components/Panel/PanelHeader.js.map +1 -1
  58. package/dist/components/PanelDrawer/PanelDrawer.d.ts.map +1 -1
  59. package/dist/components/PanelDrawer/PanelDrawer.js +59 -22
  60. package/dist/components/PanelDrawer/PanelDrawer.js.map +1 -1
  61. package/dist/components/PanelGroupDialog/PanelGroupDialog.d.ts.map +1 -1
  62. package/dist/components/PanelGroupDialog/PanelGroupDialog.js +3 -0
  63. package/dist/components/PanelGroupDialog/PanelGroupDialog.js.map +1 -1
  64. package/dist/components/PanelGroupDialog/PanelGroupEditorForm.d.ts +1 -0
  65. package/dist/components/PanelGroupDialog/PanelGroupEditorForm.d.ts.map +1 -1
  66. package/dist/components/PanelGroupDialog/PanelGroupEditorForm.js +36 -16
  67. package/dist/components/PanelGroupDialog/PanelGroupEditorForm.js.map +1 -1
  68. package/dist/components/index.d.ts +1 -0
  69. package/dist/components/index.d.ts.map +1 -1
  70. package/dist/components/index.js +1 -0
  71. package/dist/components/index.js.map +1 -1
  72. package/dist/context/DashboardProvider/DashboardProvider.d.ts +5 -5
  73. package/dist/context/DashboardProvider/DashboardProvider.d.ts.map +1 -1
  74. package/dist/context/DashboardProvider/DashboardProvider.js +7 -8
  75. package/dist/context/DashboardProvider/DashboardProvider.js.map +1 -1
  76. package/dist/context/DashboardProvider/DashboardProviderWithQueryParams.js +4 -4
  77. package/dist/context/DashboardProvider/DashboardProviderWithQueryParams.js.map +1 -1
  78. package/dist/context/DashboardProvider/common.d.ts +1 -1
  79. package/dist/context/DashboardProvider/common.d.ts.map +1 -1
  80. package/dist/context/DashboardProvider/common.js.map +1 -1
  81. package/dist/context/DashboardProvider/panel-editor-slice.d.ts +1 -0
  82. package/dist/context/DashboardProvider/panel-editor-slice.d.ts.map +1 -1
  83. package/dist/context/DashboardProvider/panel-editor-slice.js +1 -0
  84. package/dist/context/DashboardProvider/panel-editor-slice.js.map +1 -1
  85. package/dist/context/DashboardProvider/panel-group-editor-slice.d.ts +1 -0
  86. package/dist/context/DashboardProvider/panel-group-editor-slice.d.ts.map +1 -1
  87. package/dist/context/DashboardProvider/panel-group-editor-slice.js +6 -2
  88. package/dist/context/DashboardProvider/panel-group-editor-slice.js.map +1 -1
  89. package/dist/context/DashboardProvider/panel-group-slice.d.ts +3 -0
  90. package/dist/context/DashboardProvider/panel-group-slice.d.ts.map +1 -1
  91. package/dist/context/DashboardProvider/panel-group-slice.js +1 -0
  92. package/dist/context/DashboardProvider/panel-group-slice.js.map +1 -1
  93. package/dist/context/DashboardProvider/view-panel-slice.d.ts +6 -2
  94. package/dist/context/DashboardProvider/view-panel-slice.d.ts.map +1 -1
  95. package/dist/context/DashboardProvider/view-panel-slice.js +10 -3
  96. package/dist/context/DashboardProvider/view-panel-slice.js.map +1 -1
  97. package/dist/context/VariableProvider/VariableProvider.js +1 -1
  98. package/dist/context/VariableProvider/VariableProvider.js.map +1 -1
  99. package/dist/context/useDashboard.js +5 -4
  100. package/dist/context/useDashboard.js.map +1 -1
  101. package/dist/views/ViewDashboard/DashboardApp.d.ts +7 -6
  102. package/dist/views/ViewDashboard/DashboardApp.d.ts.map +1 -1
  103. package/dist/views/ViewDashboard/DashboardApp.js +8 -4
  104. package/dist/views/ViewDashboard/DashboardApp.js.map +1 -1
  105. package/dist/views/ViewDashboard/ViewDashboard.d.ts.map +1 -1
  106. package/dist/views/ViewDashboard/ViewDashboard.js +9 -8
  107. package/dist/views/ViewDashboard/ViewDashboard.js.map +1 -1
  108. package/package.json +5 -5
@@ -22,7 +22,7 @@ import { DashboardApp } from './DashboardApp';
22
22
  /**
23
23
  * The View for displaying a Dashboard, along with the UI for selecting variable values.
24
24
  */ export function ViewDashboard(props) {
25
- const { dashboardResource, datasourceApi, externalVariableDefinitions, dashboardTitleComponent, emptyDashboardProps, onSave, onDiscard, initialVariableIsSticky, isReadonly, isVariableEnabled, isDatasourceEnabled, isEditing, isCreating, sx, ...others } = props;
25
+ const { dashboardResource, datasourceApi, externalVariableDefinitions, emptyDashboardProps, isReadonly, isVariableEnabled, isDatasourceEnabled, isEditing, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, onSave, onDiscard, sx, ...others } = props;
26
26
  const { spec } = dashboardResource;
27
27
  const dashboardDuration = spec.duration ?? DEFAULT_DASHBOARD_DURATION;
28
28
  const dashboardRefreshInterval = spec.refreshInterval ?? DEFAULT_REFRESH_INTERVAL;
@@ -72,8 +72,8 @@ import { DashboardApp } from './DashboardApp';
72
72
  datasourceApi: datasourceApi,
73
73
  children: /*#__PURE__*/ _jsx(DashboardProviderWithQueryParams, {
74
74
  initialState: {
75
- dashboardResource,
76
- isEditMode: !!isEditing
75
+ isEditMode: !!isEditing,
76
+ dashboardResource
77
77
  },
78
78
  children: /*#__PURE__*/ _jsx(TimeRangeProviderWithQueryParams, {
79
79
  initialTimeRange: initialTimeRange,
@@ -95,15 +95,16 @@ import { DashboardApp } from './DashboardApp';
95
95
  FallbackComponent: ErrorAlert,
96
96
  children: /*#__PURE__*/ _jsx(DashboardApp, {
97
97
  dashboardResource: dashboardResource,
98
- dashboardTitleComponent: dashboardTitleComponent,
99
98
  emptyDashboardProps: emptyDashboardProps,
100
- onSave: onSave,
101
- onDiscard: onDiscard,
102
- initialVariableIsSticky: initialVariableIsSticky,
103
99
  isReadonly: isReadonly,
104
100
  isVariableEnabled: isVariableEnabled,
105
101
  isDatasourceEnabled: isDatasourceEnabled,
106
- isCreating: isCreating
102
+ isCreating: isCreating,
103
+ isInitialVariableSticky: isInitialVariableSticky,
104
+ isLeavingConfirmDialogEnabled: isLeavingConfirmDialogEnabled,
105
+ dashboardTitleComponent: dashboardTitleComponent,
106
+ onSave: onSave,
107
+ onDiscard: onDiscard
107
108
  })
108
109
  })
109
110
  })
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/views/ViewDashboard/ViewDashboard.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 { Box, BoxProps } from '@mui/material';\nimport { BuiltinVariableDefinition, DEFAULT_DASHBOARD_DURATION, DEFAULT_REFRESH_INTERVAL } from '@perses-dev/core';\nimport { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';\nimport {\n TimeRangeProviderWithQueryParams,\n useInitialRefreshInterval,\n useInitialTimeRange,\n usePluginBuiltinVariableDefinitions,\n} from '@perses-dev/plugin-system';\nimport { ReactElement, useMemo } from 'react';\nimport {\n DatasourceStoreProviderProps,\n DatasourceStoreProvider,\n VariableProviderProps,\n VariableProviderWithQueryParams,\n} from '../../context';\nimport { DashboardProviderWithQueryParams } from '../../context/DashboardProvider/DashboardProviderWithQueryParams';\nimport { DashboardApp, DashboardAppProps } from './DashboardApp';\n\nexport interface ViewDashboardProps extends Omit<BoxProps, 'children'>, DashboardAppProps {\n datasourceApi: DatasourceStoreProviderProps['datasourceApi'];\n externalVariableDefinitions?: VariableProviderProps['externalVariableDefinitions'];\n isEditing?: boolean;\n isCreating?: boolean;\n}\n\n/**\n * The View for displaying a Dashboard, along with the UI for selecting variable values.\n */\nexport function ViewDashboard(props: ViewDashboardProps): ReactElement {\n const {\n dashboardResource,\n datasourceApi,\n externalVariableDefinitions,\n dashboardTitleComponent,\n emptyDashboardProps,\n onSave,\n onDiscard,\n initialVariableIsSticky,\n isReadonly,\n isVariableEnabled,\n isDatasourceEnabled,\n isEditing,\n isCreating,\n sx,\n ...others\n } = props;\n const { spec } = dashboardResource;\n const dashboardDuration = spec.duration ?? DEFAULT_DASHBOARD_DURATION;\n const dashboardRefreshInterval = spec.refreshInterval ?? DEFAULT_REFRESH_INTERVAL;\n const initialTimeRange = useInitialTimeRange(dashboardDuration);\n const initialRefreshInterval = useInitialRefreshInterval(dashboardRefreshInterval);\n const { data } = usePluginBuiltinVariableDefinitions();\n\n const builtinVariables = useMemo(() => {\n const result = [\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__dashboard',\n value: () => dashboardResource.metadata.name,\n source: 'Dashboard',\n display: {\n name: '__dashboard',\n description: 'The name of the current dashboard',\n hidden: true,\n },\n },\n } as BuiltinVariableDefinition,\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__project',\n value: () => dashboardResource.metadata.project,\n source: 'Dashboard',\n display: {\n name: '__project',\n description: 'The name of the current dashboard project',\n hidden: true,\n },\n },\n } as BuiltinVariableDefinition,\n ];\n if (data) {\n data.forEach((def: BuiltinVariableDefinition) => result.push(def));\n }\n return result;\n }, [dashboardResource.metadata.name, dashboardResource.metadata.project, data]);\n\n return (\n <DatasourceStoreProvider dashboardResource={dashboardResource} datasourceApi={datasourceApi}>\n <DashboardProviderWithQueryParams\n initialState={{\n dashboardResource,\n isEditMode: !!isEditing,\n }}\n >\n <TimeRangeProviderWithQueryParams\n initialTimeRange={initialTimeRange}\n initialRefreshInterval={initialRefreshInterval}\n >\n <VariableProviderWithQueryParams\n initialVariableDefinitions={spec.variables}\n externalVariableDefinitions={externalVariableDefinitions}\n builtinVariableDefinitions={builtinVariables}\n >\n <Box\n sx={combineSx(\n {\n display: 'flex',\n width: '100%',\n height: '100%',\n position: 'relative',\n overflow: 'hidden',\n },\n sx\n )}\n {...others}\n >\n <ErrorBoundary FallbackComponent={ErrorAlert}>\n <DashboardApp\n dashboardResource={dashboardResource}\n dashboardTitleComponent={dashboardTitleComponent}\n emptyDashboardProps={emptyDashboardProps}\n onSave={onSave}\n onDiscard={onDiscard}\n initialVariableIsSticky={initialVariableIsSticky}\n isReadonly={isReadonly}\n isVariableEnabled={isVariableEnabled}\n isDatasourceEnabled={isDatasourceEnabled}\n isCreating={isCreating}\n />\n </ErrorBoundary>\n </Box>\n </VariableProviderWithQueryParams>\n </TimeRangeProviderWithQueryParams>\n </DashboardProviderWithQueryParams>\n </DatasourceStoreProvider>\n );\n}\n"],"names":["Box","DEFAULT_DASHBOARD_DURATION","DEFAULT_REFRESH_INTERVAL","ErrorBoundary","ErrorAlert","combineSx","TimeRangeProviderWithQueryParams","useInitialRefreshInterval","useInitialTimeRange","usePluginBuiltinVariableDefinitions","useMemo","DatasourceStoreProvider","VariableProviderWithQueryParams","DashboardProviderWithQueryParams","DashboardApp","ViewDashboard","props","dashboardResource","datasourceApi","externalVariableDefinitions","dashboardTitleComponent","emptyDashboardProps","onSave","onDiscard","initialVariableIsSticky","isReadonly","isVariableEnabled","isDatasourceEnabled","isEditing","isCreating","sx","others","spec","dashboardDuration","duration","dashboardRefreshInterval","refreshInterval","initialTimeRange","initialRefreshInterval","data","builtinVariables","result","kind","name","value","metadata","source","display","description","hidden","project","forEach","def","push","initialState","isEditMode","initialVariableDefinitions","variables","builtinVariableDefinitions","width","height","position","overflow","FallbackComponent"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/views/ViewDashboard/ViewDashboard.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 { Box, BoxProps } from '@mui/material';\nimport { BuiltinVariableDefinition, DEFAULT_DASHBOARD_DURATION, DEFAULT_REFRESH_INTERVAL } from '@perses-dev/core';\nimport { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';\nimport {\n TimeRangeProviderWithQueryParams,\n useInitialRefreshInterval,\n useInitialTimeRange,\n usePluginBuiltinVariableDefinitions,\n} from '@perses-dev/plugin-system';\nimport { ReactElement, useMemo } from 'react';\nimport {\n DatasourceStoreProviderProps,\n DatasourceStoreProvider,\n VariableProviderProps,\n VariableProviderWithQueryParams,\n} from '../../context';\nimport { DashboardProviderWithQueryParams } from '../../context/DashboardProvider/DashboardProviderWithQueryParams';\nimport { DashboardApp, DashboardAppProps } from './DashboardApp';\n\nexport interface ViewDashboardProps extends Omit<BoxProps, 'children'>, DashboardAppProps {\n datasourceApi: DatasourceStoreProviderProps['datasourceApi'];\n externalVariableDefinitions?: VariableProviderProps['externalVariableDefinitions'];\n isEditing?: boolean;\n isCreating?: boolean;\n}\n\n/**\n * The View for displaying a Dashboard, along with the UI for selecting variable values.\n */\nexport function ViewDashboard(props: ViewDashboardProps): ReactElement {\n const {\n dashboardResource,\n datasourceApi,\n externalVariableDefinitions,\n emptyDashboardProps,\n isReadonly,\n isVariableEnabled,\n isDatasourceEnabled,\n isEditing,\n isCreating,\n isInitialVariableSticky,\n isLeavingConfirmDialogEnabled,\n dashboardTitleComponent,\n onSave,\n onDiscard,\n sx,\n ...others\n } = props;\n const { spec } = dashboardResource;\n const dashboardDuration = spec.duration ?? DEFAULT_DASHBOARD_DURATION;\n const dashboardRefreshInterval = spec.refreshInterval ?? DEFAULT_REFRESH_INTERVAL;\n const initialTimeRange = useInitialTimeRange(dashboardDuration);\n const initialRefreshInterval = useInitialRefreshInterval(dashboardRefreshInterval);\n const { data } = usePluginBuiltinVariableDefinitions();\n\n const builtinVariables = useMemo(() => {\n const result = [\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__dashboard',\n value: () => dashboardResource.metadata.name,\n source: 'Dashboard',\n display: {\n name: '__dashboard',\n description: 'The name of the current dashboard',\n hidden: true,\n },\n },\n } as BuiltinVariableDefinition,\n {\n kind: 'BuiltinVariable',\n spec: {\n name: '__project',\n value: () => dashboardResource.metadata.project,\n source: 'Dashboard',\n display: {\n name: '__project',\n description: 'The name of the current dashboard project',\n hidden: true,\n },\n },\n } as BuiltinVariableDefinition,\n ];\n if (data) {\n data.forEach((def: BuiltinVariableDefinition) => result.push(def));\n }\n return result;\n }, [dashboardResource.metadata.name, dashboardResource.metadata.project, data]);\n\n return (\n <DatasourceStoreProvider dashboardResource={dashboardResource} datasourceApi={datasourceApi}>\n <DashboardProviderWithQueryParams\n initialState={{\n isEditMode: !!isEditing,\n dashboardResource,\n }}\n >\n <TimeRangeProviderWithQueryParams\n initialTimeRange={initialTimeRange}\n initialRefreshInterval={initialRefreshInterval}\n >\n <VariableProviderWithQueryParams\n initialVariableDefinitions={spec.variables}\n externalVariableDefinitions={externalVariableDefinitions}\n builtinVariableDefinitions={builtinVariables}\n >\n <Box\n sx={combineSx(\n {\n display: 'flex',\n width: '100%',\n height: '100%',\n position: 'relative',\n overflow: 'hidden',\n },\n sx\n )}\n {...others}\n >\n <ErrorBoundary FallbackComponent={ErrorAlert}>\n <DashboardApp\n dashboardResource={dashboardResource}\n emptyDashboardProps={emptyDashboardProps}\n isReadonly={isReadonly}\n isVariableEnabled={isVariableEnabled}\n isDatasourceEnabled={isDatasourceEnabled}\n isCreating={isCreating}\n isInitialVariableSticky={isInitialVariableSticky}\n isLeavingConfirmDialogEnabled={isLeavingConfirmDialogEnabled}\n dashboardTitleComponent={dashboardTitleComponent}\n onSave={onSave}\n onDiscard={onDiscard}\n />\n </ErrorBoundary>\n </Box>\n </VariableProviderWithQueryParams>\n </TimeRangeProviderWithQueryParams>\n </DashboardProviderWithQueryParams>\n </DatasourceStoreProvider>\n );\n}\n"],"names":["Box","DEFAULT_DASHBOARD_DURATION","DEFAULT_REFRESH_INTERVAL","ErrorBoundary","ErrorAlert","combineSx","TimeRangeProviderWithQueryParams","useInitialRefreshInterval","useInitialTimeRange","usePluginBuiltinVariableDefinitions","useMemo","DatasourceStoreProvider","VariableProviderWithQueryParams","DashboardProviderWithQueryParams","DashboardApp","ViewDashboard","props","dashboardResource","datasourceApi","externalVariableDefinitions","emptyDashboardProps","isReadonly","isVariableEnabled","isDatasourceEnabled","isEditing","isCreating","isInitialVariableSticky","isLeavingConfirmDialogEnabled","dashboardTitleComponent","onSave","onDiscard","sx","others","spec","dashboardDuration","duration","dashboardRefreshInterval","refreshInterval","initialTimeRange","initialRefreshInterval","data","builtinVariables","result","kind","name","value","metadata","source","display","description","hidden","project","forEach","def","push","initialState","isEditMode","initialVariableDefinitions","variables","builtinVariableDefinitions","width","height","position","overflow","FallbackComponent"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@perses-dev/dashboards",
3
- "version": "0.52.0-beta.5",
3
+ "version": "0.52.0-rc.0",
4
4
  "description": "The dashboards feature in Perses",
5
5
  "license": "Apache-2.0",
6
6
  "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -29,9 +29,9 @@
29
29
  "lint:fix": "eslint --fix src --ext .ts,.tsx"
30
30
  },
31
31
  "dependencies": {
32
- "@perses-dev/components": "0.52.0-beta.5",
33
- "@perses-dev/core": "0.52.0-beta.5",
34
- "@perses-dev/plugin-system": "0.52.0-beta.5",
32
+ "@perses-dev/components": "0.52.0-rc.0",
33
+ "@perses-dev/core": "0.52.0-rc.0",
34
+ "@perses-dev/plugin-system": "0.52.0-rc.0",
35
35
  "@types/react-grid-layout": "^1.3.2",
36
36
  "date-fns": "^4.1.0",
37
37
  "immer": "^10.1.1",
@@ -46,7 +46,7 @@
46
46
  "zustand": "^4.3.3"
47
47
  },
48
48
  "devDependencies": {
49
- "@perses-dev/internal-utils": "0.52.0-beta.5",
49
+ "@perses-dev/internal-utils": "0.52.0-rc.0",
50
50
  "history": "^5.3.0",
51
51
  "intersection-observer": "^0.12.2"
52
52
  },