@perses-dev/plugin-system 0.0.0-snapshot-ts-panel-actions-90e9ef0 → 0.0.0-snapshot-reverse-proxy-75afbd7

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 (193) hide show
  1. package/dist/cjs/components/DatasourceEditorForm/DatasourceEditorForm.js +1 -0
  2. package/dist/cjs/components/{DatasourceSelect.js → DatasourceSelect/DatasourceSelect.js} +4 -3
  3. package/dist/cjs/components/DatasourceSelect/index.js +30 -0
  4. package/dist/cjs/components/LegendOptionsEditor/LegendOptionsEditor.js +117 -90
  5. package/dist/cjs/components/MultiQueryEditor/MultiQueryEditor.js +5 -2
  6. package/dist/cjs/components/MultiQueryEditor/QueryEditorContainer.js +14 -4
  7. package/dist/cjs/components/PanelSpecEditor/PanelSpecEditor.js +7 -5
  8. package/dist/cjs/components/PluginEditor/PluginEditor.js +57 -17
  9. package/dist/cjs/components/PluginKindSelect/PluginKindSelect.js +6 -3
  10. package/dist/cjs/components/PluginSpecEditor/PluginSpecEditor.js +13 -9
  11. package/dist/cjs/components/Variables/VariableEditorForm/VariableEditorForm.js +62 -120
  12. package/dist/cjs/components/Variables/VariableEditorForm/VariablePreview.js +42 -33
  13. package/dist/cjs/components/Variables/VariableEditorForm/index.js +1 -0
  14. package/dist/cjs/components/Variables/VariableEditorForm/variable-editor-form-model.js +47 -0
  15. package/dist/cjs/components/Variables/variable-model.js +3 -3
  16. package/dist/cjs/components/index.js +0 -1
  17. package/dist/cjs/context/index.js +0 -1
  18. package/dist/cjs/model/legend.js +13 -0
  19. package/dist/cjs/model/log-queries.js +16 -0
  20. package/dist/cjs/remote/PluginRuntime.js +3 -2
  21. package/dist/cjs/remote/remotePluginLoader.js +19 -4
  22. package/dist/cjs/runtime/DataQueriesProvider/DataQueriesProvider.js +10 -2
  23. package/dist/cjs/runtime/DataQueriesProvider/model.js +17 -4
  24. package/dist/cjs/runtime/RouterProvider.js +114 -0
  25. package/dist/cjs/runtime/TimeRangeProvider/TimeRangeProvider.js +6 -1
  26. package/dist/cjs/runtime/UsageMetricsProvider.js +4 -3
  27. package/dist/cjs/runtime/index.js +1 -0
  28. package/dist/cjs/runtime/log-queries.js +68 -0
  29. package/dist/cjs/runtime/time-series-queries.js +4 -4
  30. package/dist/cjs/runtime/variables.js +15 -0
  31. package/dist/cjs/test/mock-data.js +182 -0
  32. package/dist/cjs/test/utils.js +17 -8
  33. package/dist/cjs/utils/variables.js +109 -14
  34. package/dist/components/DatasourceEditorForm/DatasourceEditorForm.d.ts.map +1 -1
  35. package/dist/components/DatasourceEditorForm/DatasourceEditorForm.js +1 -0
  36. package/dist/components/DatasourceEditorForm/DatasourceEditorForm.js.map +1 -1
  37. package/dist/components/{DatasourceSelect.d.ts → DatasourceSelect/DatasourceSelect.d.ts} +1 -1
  38. package/dist/components/DatasourceSelect/DatasourceSelect.d.ts.map +1 -0
  39. package/dist/components/{DatasourceSelect.js → DatasourceSelect/DatasourceSelect.js} +4 -3
  40. package/dist/components/DatasourceSelect/DatasourceSelect.js.map +1 -0
  41. package/dist/components/DatasourceSelect/index.d.ts +2 -0
  42. package/dist/components/DatasourceSelect/index.d.ts.map +1 -0
  43. package/dist/components/DatasourceSelect/index.js +15 -0
  44. package/dist/components/DatasourceSelect/index.js.map +1 -0
  45. package/dist/components/LegendOptionsEditor/LegendOptionsEditor.d.ts +2 -1
  46. package/dist/components/LegendOptionsEditor/LegendOptionsEditor.d.ts.map +1 -1
  47. package/dist/components/LegendOptionsEditor/LegendOptionsEditor.js +120 -93
  48. package/dist/components/LegendOptionsEditor/LegendOptionsEditor.js.map +1 -1
  49. package/dist/components/MultiQueryEditor/MultiQueryEditor.d.ts +3 -2
  50. package/dist/components/MultiQueryEditor/MultiQueryEditor.d.ts.map +1 -1
  51. package/dist/components/MultiQueryEditor/MultiQueryEditor.js +6 -3
  52. package/dist/components/MultiQueryEditor/MultiQueryEditor.js.map +1 -1
  53. package/dist/components/MultiQueryEditor/QueryEditorContainer.d.ts +3 -2
  54. package/dist/components/MultiQueryEditor/QueryEditorContainer.d.ts.map +1 -1
  55. package/dist/components/MultiQueryEditor/QueryEditorContainer.js +14 -4
  56. package/dist/components/MultiQueryEditor/QueryEditorContainer.js.map +1 -1
  57. package/dist/components/PanelSpecEditor/PanelSpecEditor.d.ts +3 -2
  58. package/dist/components/PanelSpecEditor/PanelSpecEditor.d.ts.map +1 -1
  59. package/dist/components/PanelSpecEditor/PanelSpecEditor.js +7 -5
  60. package/dist/components/PanelSpecEditor/PanelSpecEditor.js.map +1 -1
  61. package/dist/components/PluginEditor/PluginEditor.d.ts +3 -3
  62. package/dist/components/PluginEditor/PluginEditor.d.ts.map +1 -1
  63. package/dist/components/PluginEditor/PluginEditor.js +57 -17
  64. package/dist/components/PluginEditor/PluginEditor.js.map +1 -1
  65. package/dist/components/PluginEditor/plugin-editor-api.d.ts +5 -0
  66. package/dist/components/PluginEditor/plugin-editor-api.d.ts.map +1 -1
  67. package/dist/components/PluginEditor/plugin-editor-api.js.map +1 -1
  68. package/dist/components/PluginKindSelect/PluginKindSelect.d.ts.map +1 -1
  69. package/dist/components/PluginKindSelect/PluginKindSelect.js +7 -4
  70. package/dist/components/PluginKindSelect/PluginKindSelect.js.map +1 -1
  71. package/dist/components/PluginSpecEditor/PluginSpecEditor.d.ts.map +1 -1
  72. package/dist/components/PluginSpecEditor/PluginSpecEditor.js +13 -9
  73. package/dist/components/PluginSpecEditor/PluginSpecEditor.js.map +1 -1
  74. package/dist/components/TimeRangeControls/TimeRangeControls.js.map +1 -1
  75. package/dist/components/Variables/VariableEditorForm/VariableEditorForm.d.ts.map +1 -1
  76. package/dist/components/Variables/VariableEditorForm/VariableEditorForm.js +63 -80
  77. package/dist/components/Variables/VariableEditorForm/VariableEditorForm.js.map +1 -1
  78. package/dist/components/Variables/VariableEditorForm/VariablePreview.d.ts +2 -2
  79. package/dist/components/Variables/VariableEditorForm/VariablePreview.d.ts.map +1 -1
  80. package/dist/components/Variables/VariableEditorForm/VariablePreview.js +43 -34
  81. package/dist/components/Variables/VariableEditorForm/VariablePreview.js.map +1 -1
  82. package/dist/components/Variables/VariableEditorForm/index.d.ts +1 -0
  83. package/dist/components/Variables/VariableEditorForm/index.d.ts.map +1 -1
  84. package/dist/components/Variables/VariableEditorForm/index.js +1 -0
  85. package/dist/components/Variables/VariableEditorForm/index.js.map +1 -1
  86. package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.d.ts +6 -0
  87. package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.d.ts.map +1 -1
  88. package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.js +44 -0
  89. package/dist/components/Variables/VariableEditorForm/variable-editor-form-model.js.map +1 -1
  90. package/dist/components/Variables/variable-model.js +3 -3
  91. package/dist/components/Variables/variable-model.js.map +1 -1
  92. package/dist/components/index.d.ts +0 -1
  93. package/dist/components/index.d.ts.map +1 -1
  94. package/dist/components/index.js +0 -1
  95. package/dist/components/index.js.map +1 -1
  96. package/dist/context/index.d.ts +0 -1
  97. package/dist/context/index.d.ts.map +1 -1
  98. package/dist/context/index.js +0 -1
  99. package/dist/context/index.js.map +1 -1
  100. package/dist/model/legend.d.ts +3 -1
  101. package/dist/model/legend.d.ts.map +1 -1
  102. package/dist/model/legend.js +10 -0
  103. package/dist/model/legend.js.map +1 -1
  104. package/dist/model/log-queries.d.ts +24 -0
  105. package/dist/model/log-queries.d.ts.map +1 -0
  106. package/dist/model/log-queries.js +15 -0
  107. package/dist/model/log-queries.js.map +1 -0
  108. package/dist/model/panels.d.ts +8 -0
  109. package/dist/model/panels.d.ts.map +1 -1
  110. package/dist/model/panels.js.map +1 -1
  111. package/dist/model/plugin-base.d.ts +6 -1
  112. package/dist/model/plugin-base.d.ts.map +1 -1
  113. package/dist/model/plugin-base.js.map +1 -1
  114. package/dist/model/plugins.d.ts +2 -0
  115. package/dist/model/plugins.d.ts.map +1 -1
  116. package/dist/model/plugins.js.map +1 -1
  117. package/dist/model/time-series-queries.d.ts +1 -1
  118. package/dist/model/time-series-queries.d.ts.map +1 -1
  119. package/dist/model/time-series-queries.js.map +1 -1
  120. package/dist/model/variables.d.ts +1 -1
  121. package/dist/model/variables.d.ts.map +1 -1
  122. package/dist/model/variables.js.map +1 -1
  123. package/dist/remote/PluginRuntime.d.ts +2 -2
  124. package/dist/remote/PluginRuntime.d.ts.map +1 -1
  125. package/dist/remote/PluginRuntime.js +4 -3
  126. package/dist/remote/PluginRuntime.js.map +1 -1
  127. package/dist/remote/remotePluginLoader.d.ts +18 -1
  128. package/dist/remote/remotePluginLoader.d.ts.map +1 -1
  129. package/dist/remote/remotePluginLoader.js +22 -4
  130. package/dist/remote/remotePluginLoader.js.map +1 -1
  131. package/dist/runtime/DataQueriesProvider/DataQueriesProvider.d.ts.map +1 -1
  132. package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js +10 -2
  133. package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js.map +1 -1
  134. package/dist/runtime/DataQueriesProvider/model.d.ts.map +1 -1
  135. package/dist/runtime/DataQueriesProvider/model.js +17 -4
  136. package/dist/runtime/DataQueriesProvider/model.js.map +1 -1
  137. package/dist/runtime/RouterProvider.d.ts +32 -0
  138. package/dist/runtime/RouterProvider.d.ts.map +1 -0
  139. package/dist/runtime/RouterProvider.js +59 -0
  140. package/dist/runtime/RouterProvider.js.map +1 -0
  141. package/dist/runtime/TimeRangeProvider/TimeRangeProvider.d.ts.map +1 -1
  142. package/dist/runtime/TimeRangeProvider/TimeRangeProvider.js +6 -1
  143. package/dist/runtime/TimeRangeProvider/TimeRangeProvider.js.map +1 -1
  144. package/dist/runtime/TimeRangeProvider/query-params.d.ts.map +1 -1
  145. package/dist/runtime/TimeRangeProvider/query-params.js.map +1 -1
  146. package/dist/runtime/UsageMetricsProvider.d.ts +3 -1
  147. package/dist/runtime/UsageMetricsProvider.d.ts.map +1 -1
  148. package/dist/runtime/UsageMetricsProvider.js +4 -3
  149. package/dist/runtime/UsageMetricsProvider.js.map +1 -1
  150. package/dist/runtime/index.d.ts +1 -0
  151. package/dist/runtime/index.d.ts.map +1 -1
  152. package/dist/runtime/index.js +1 -0
  153. package/dist/runtime/index.js.map +1 -1
  154. package/dist/runtime/log-queries.d.ts +7 -0
  155. package/dist/runtime/log-queries.d.ts.map +1 -0
  156. package/dist/runtime/log-queries.js +52 -0
  157. package/dist/runtime/log-queries.js.map +1 -0
  158. package/dist/runtime/time-series-queries.d.ts.map +1 -1
  159. package/dist/runtime/time-series-queries.js +4 -4
  160. package/dist/runtime/time-series-queries.js.map +1 -1
  161. package/dist/runtime/variables.d.ts +1 -0
  162. package/dist/runtime/variables.d.ts.map +1 -1
  163. package/dist/runtime/variables.js +13 -0
  164. package/dist/runtime/variables.js.map +1 -1
  165. package/dist/test/mock-data.d.ts +136 -1
  166. package/dist/test/mock-data.d.ts.map +1 -1
  167. package/dist/test/mock-data.js +156 -0
  168. package/dist/test/mock-data.js.map +1 -1
  169. package/dist/test/utils.d.ts.map +1 -1
  170. package/dist/test/utils.js +17 -8
  171. package/dist/test/utils.js.map +1 -1
  172. package/dist/utils/variables.d.ts +24 -2
  173. package/dist/utils/variables.d.ts.map +1 -1
  174. package/dist/utils/variables.js +102 -14
  175. package/dist/utils/variables.js.map +1 -1
  176. package/package.json +7 -7
  177. package/dist/cjs/components/ProjectSelect.js +0 -96
  178. package/dist/cjs/context/ProjectStoreProvider.js +0 -81
  179. package/dist/cjs/context/query-params.js +0 -49
  180. package/dist/components/DatasourceSelect.d.ts.map +0 -1
  181. package/dist/components/DatasourceSelect.js.map +0 -1
  182. package/dist/components/ProjectSelect.d.ts +0 -15
  183. package/dist/components/ProjectSelect.d.ts.map +0 -1
  184. package/dist/components/ProjectSelect.js +0 -91
  185. package/dist/components/ProjectSelect.js.map +0 -1
  186. package/dist/context/ProjectStoreProvider.d.ts +0 -16
  187. package/dist/context/ProjectStoreProvider.d.ts.map +0 -1
  188. package/dist/context/ProjectStoreProvider.js +0 -59
  189. package/dist/context/ProjectStoreProvider.js.map +0 -1
  190. package/dist/context/query-params.d.ts +0 -5
  191. package/dist/context/query-params.d.ts.map +0 -1
  192. package/dist/context/query-params.js +0 -41
  193. package/dist/context/query-params.js.map +0 -1
@@ -1,81 +0,0 @@
1
- // Copyright 2023 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- "use strict";
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- function _export(target, all) {
18
- for(var name in all)Object.defineProperty(target, name, {
19
- enumerable: true,
20
- get: all[name]
21
- });
22
- }
23
- _export(exports, {
24
- ProjectStoreContext: function() {
25
- return ProjectStoreContext;
26
- },
27
- ProjectStoreProvider: function() {
28
- return ProjectStoreProvider;
29
- },
30
- useProjectList: function() {
31
- return useProjectList;
32
- },
33
- useProjectStore: function() {
34
- return useProjectStore;
35
- }
36
- });
37
- const _jsxruntime = require("react/jsx-runtime");
38
- const _reactquery = require("@tanstack/react-query");
39
- const _react = require("react");
40
- const _core = require("@perses-dev/core");
41
- const _queryparams = require("./query-params");
42
- const ProjectStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
43
- function useProjectList() {
44
- return (0, _reactquery.useQuery)({
45
- queryKey: [
46
- 'projects'
47
- ],
48
- queryFn: ()=>{
49
- return (0, _core.fetchJson)('/api/v1/projects');
50
- }
51
- });
52
- }
53
- function useProjectStore() {
54
- const ctx = (0, _react.useContext)(ProjectStoreContext);
55
- if (ctx === undefined) {
56
- throw new Error('No ProjectStoreContext found. Did you forget a Provider?');
57
- }
58
- return ctx;
59
- }
60
- function ProjectStoreProvider(props) {
61
- const { children, enabledURLParams } = props;
62
- const { project, setProject } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
63
- const contextValue = (0, _react.useMemo)(()=>({
64
- project: {
65
- kind: 'Project',
66
- metadata: {
67
- name: project
68
- }
69
- },
70
- setProject: (project)=>{
71
- setProject(project.metadata.name);
72
- }
73
- }), [
74
- project,
75
- setProject
76
- ]);
77
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProjectStoreContext.Provider, {
78
- value: contextValue,
79
- children: children
80
- });
81
- }
@@ -1,49 +0,0 @@
1
- // Copyright 2023 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- "use strict";
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- Object.defineProperty(exports, "useSetProjectParams", {
18
- enumerable: true,
19
- get: function() {
20
- return useSetProjectParams;
21
- }
22
- });
23
- const _react = require("react");
24
- const _usequeryparams = require("use-query-params");
25
- function useSetProjectParams(enabledURLParams = true) {
26
- const [query, setQuery] = (0, _usequeryparams.useQueryParams)({
27
- project: ''
28
- }, {
29
- updateType: 'replaceIn'
30
- });
31
- const [projectState, setProjectState] = (0, _react.useState)('none');
32
- const setProject = (0, _react.useCallback)((project)=>{
33
- return setQuery({
34
- project
35
- });
36
- }, [
37
- setQuery
38
- ]);
39
- if (enabledURLParams) {
40
- return {
41
- project: query.project || 'none',
42
- setProject
43
- };
44
- }
45
- return {
46
- project: projectState,
47
- setProject: setProjectState
48
- };
49
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../src/components/DatasourceSelect.tsx"],"names":[],"mappings":"AAcA,OAAO,EAML,mBAAmB,EACnB,eAAe,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAC9C,OAAO,EAEL,yBAAyB,EACzB,4BAA4B,EAG5B,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAOpB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAiH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,YAAY,GAAG,MAAM,CAKnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAehF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,UACnC,qBAAqB,GAAG,SAAS,aAC7B,gBAAgB,8BACC,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,qBAAqB,wBACN,MAAM,KAC3B,kBAQF,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components/DatasourceSelect.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 OpenInNewIcon from 'mdi-material-ui/OpenInNew';\nimport {\n Stack,\n ListItemText,\n Chip,\n IconButton,\n Box,\n OutlinedSelectProps,\n BaseSelectProps,\n Autocomplete,\n TextField,\n} from '@mui/material';\nimport { DatasourceSelector, VariableName } from '@perses-dev/core';\nimport { ReactElement, useMemo } from 'react';\nimport {\n DatasourceSelectItem,\n DatasourceSelectItemGroup,\n DatasourceSelectItemSelector,\n useListDatasourceSelectItems,\n useVariableValues,\n VariableStateMap,\n} from '../runtime';\nimport { parseVariables } from '../utils';\n\nconst DATASOURCE_VARIABLE_VALUE_PREFIX = '__DATASOURCE_VARIABLE_VALUE__';\nconst VARIABLE_IDENTIFIER = '$';\n// Props on MUI Select that we don't want people to pass because we're either redefining them or providing them in\n// this component\ntype OmittedMuiProps = 'children' | 'value' | 'onChange';\n\ntype DataSourceOption = {\n groupEditLink?: string;\n groupLabel?: string;\n value: string;\n} & Omit<DatasourceSelectItem, 'selector'> &\n Omit<DatasourceSelectItem['selector'], 'kind'>;\n\nconst emptyDatasourceOption: DataSourceOption = { name: '', value: '' };\n\nexport type DatasourceSelectValue<T = DatasourceSelector> = T | VariableName;\n\nexport interface DatasourceSelectProps extends Omit<OutlinedSelectProps & BaseSelectProps<string>, OmittedMuiProps> {\n value: DatasourceSelectValue;\n onChange: (next: DatasourceSelectValue) => void;\n datasourcePluginKind: string;\n project?: string;\n}\n\n/**\n * Displays a MUI input for selecting a Datasource of a particular kind. Note: The 'value' and `onChange` handler for\n * the input deal with a `DatasourceSelector`.\n */\nexport function DatasourceSelect(props: DatasourceSelectProps): ReactElement {\n const { datasourcePluginKind, value, project, onChange, ...others } = props;\n const { data, isLoading } = useListDatasourceSelectItems(datasourcePluginKind, project);\n const variables = useVariableValues();\n\n const defaultValue = useMemo<VariableName | DatasourceSelectItemSelector>(() => {\n if (isVariableDatasource(value)) {\n return value;\n }\n\n const group = (data ?? [])\n .flatMap((itemGroup) => itemGroup.items)\n .find((item) => {\n return value.kind === item.selector.kind && value.name === item.selector.name && !item.overridden;\n })?.selector.group;\n return { ...value, group };\n }, [value, data]);\n\n const options = useMemo<DataSourceOption[]>(() => {\n const datasourceOptions = (data || []).flatMap<DataSourceOption>((itemGroup) =>\n itemGroup.items.map<DataSourceOption>((item) => ({\n groupLabel: itemGroup.group,\n groupEditLink: itemGroup.editLink,\n name: item.name,\n overriding: item.overriding,\n overridden: item.overridden,\n saved: item.saved ?? true,\n group: item.selector.group,\n value: selectorToOptionValue(item.selector),\n }))\n );\n\n const datasourceOptionsMap = new Map(datasourceOptions.map((option) => [option.name, option]));\n\n const variableOptions = Object.entries(variables).flatMap<DataSourceOption>(([name, variable]) => {\n if (Array.isArray(variable.value)) return [];\n\n const associatedDatasource = datasourceOptionsMap.get(variable.value ?? '');\n if (!associatedDatasource) return [];\n\n return {\n groupLabel: 'Variables',\n name: `${VARIABLE_IDENTIFIER}${name}`,\n saved: true,\n value: `${DATASOURCE_VARIABLE_VALUE_PREFIX}${VARIABLE_IDENTIFIER}${name}`,\n };\n });\n\n return [...datasourceOptions, ...variableOptions];\n }, [data, variables]);\n\n // While loading available values, just use an empty datasource option so MUI select doesn't warn about values out of range\n const optionValue = isLoading\n ? emptyDatasourceOption\n : options.find((option) => option.value === selectorToOptionValue(defaultValue));\n\n // When the user makes a selection, convert the string option value back to a DatasourceSelector\n const handleChange = (selectedOption: DataSourceOption | null): void => {\n if (selectedOption) {\n const next = optionValueToSelector(selectedOption?.value || '');\n onChange(next);\n } else {\n onChange({ kind: datasourcePluginKind });\n }\n };\n\n // We use a fake action event when we click on the action of the chip (hijack the \"delete\" feature).\n // This is because the href link action is on the `deleteIcon` property already, but the `onDelete` property\n // controls its visibility.\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n const fakeActionEvent = (): void => {};\n\n return (\n <Autocomplete<DataSourceOption>\n options={options}\n renderInput={(params) => <TextField {...params} label={others.label} placeholder=\"\" />}\n groupBy={(option) => option.groupLabel || 'No group'}\n getOptionLabel={(option) => {\n return option.name;\n }}\n onChange={(_, v) => handleChange(v)}\n value={optionValue}\n renderOption={(props, option) => {\n return (\n <li {...props} key={option.value}>\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n <ListItemText>\n <DatasourceName name={option.name} overridden={option.overridden} overriding={option.overriding} />\n </ListItemText>\n {!option.saved && <ListItemText>Save the dashboard to enable this datasource</ListItemText>}\n <ListItemText style={{ textAlign: 'right' }}>\n {option.groupLabel && option.groupLabel.length > 0 && (\n <Chip\n disabled={false}\n label={option.groupLabel}\n size=\"small\"\n onDelete={option.groupEditLink ? fakeActionEvent : undefined}\n deleteIcon={\n option.groupEditLink ? (\n <IconButton href={option.groupEditLink} target=\"_blank\">\n <OpenInNewIcon fontSize=\"small\" />\n </IconButton>\n ) : undefined\n }\n />\n )}\n </ListItemText>\n </Stack>\n </li>\n );\n }}\n />\n );\n}\n\nexport function DatasourceName(props: { name: string; overridden?: boolean; overriding?: boolean }): ReactElement {\n const { name, overridden, overriding } = props;\n return (\n <>\n {`${name} `}\n {!overridden && overriding && (\n <Box display=\"inline\" fontWeight=\"normal\" color={(theme) => theme.palette.primary.main}>\n (overriding)\n </Box>\n )}\n {overridden && '(overridden)'}\n </>\n );\n}\n\n// Delimiter used to stringify/parse option values\nconst OPTION_VALUE_DELIMITER = '_____';\n\n/**\n * Given a DatasourceSelectItemSelector,\n * returns a string value like `{kind}_____{group}_____{name}` that can be used as a Select input value.\n * @param selector\n */\nexport function selectorToOptionValue(selector: DatasourceSelectItemSelector | VariableName): string {\n if (isVariableDatasource(selector)) {\n return `${DATASOURCE_VARIABLE_VALUE_PREFIX}${selector}`;\n }\n return [selector.kind, selector.group ?? '', selector.name ?? ''].join(OPTION_VALUE_DELIMITER);\n}\n\n/**\n * Given an option value name like `{kind}_____{group}_____{name}`,\n * returns a DatasourceSelector to be used by the query data model.\n * @param optionValue\n */\nexport function optionValueToSelector(optionValue: string): DatasourceSelectValue {\n if (optionValue.startsWith(DATASOURCE_VARIABLE_VALUE_PREFIX)) {\n return optionValue.split(DATASOURCE_VARIABLE_VALUE_PREFIX)[1]!;\n }\n\n const words = optionValue.split(OPTION_VALUE_DELIMITER);\n const kind = words[0];\n const name = words[2];\n if (kind === undefined || name === undefined) {\n throw new Error('Invalid optionValue string');\n }\n return {\n kind,\n name: name === '' ? undefined : name,\n };\n}\n\nexport function isVariableDatasource(value: DatasourceSelectValue | undefined): value is VariableName {\n return typeof value === 'string' && value.startsWith(VARIABLE_IDENTIFIER);\n}\n\nexport const datasourceSelectValueToSelector = (\n value: DatasourceSelectValue | undefined,\n variables: VariableStateMap,\n datasourceSelectItemGroups: DatasourceSelectItemGroup[] | undefined\n): DatasourceSelector | undefined => {\n if (!isVariableDatasource(value)) {\n return value;\n }\n\n const [variableName] = parseVariables(value);\n const variable = variables[variableName ?? ''];\n\n // If the variable is not defined or if its value is an array, we cannot determine a selector and return undefined\n if (!variable || Array.isArray(variable.value)) {\n return undefined;\n }\n\n const associatedDatasource = (datasourceSelectItemGroups || [])\n .flatMap((itemGroup) => itemGroup.items)\n .find((datasource) => datasource.name === variable.value);\n\n // If the variable value is not a datasource, we cannot determine a selector and return undefined\n if (associatedDatasource === undefined) {\n return undefined;\n }\n\n const datasourceSelector: DatasourceSelector = {\n kind: associatedDatasource.selector.kind,\n name: associatedDatasource.selector.name,\n };\n\n return datasourceSelector;\n};\n\nexport const useDatasourceSelectValueToSelector = (\n value: DatasourceSelectValue,\n datasourcePluginKind: string\n): DatasourceSelector => {\n const { data } = useListDatasourceSelectItems(datasourcePluginKind);\n const variables = useVariableValues();\n if (!isVariableDatasource(value)) {\n return value;\n }\n\n return datasourceSelectValueToSelector(value, variables, data) ?? { kind: datasourcePluginKind };\n};\n"],"names":["OpenInNewIcon","Stack","ListItemText","Chip","IconButton","Box","Autocomplete","TextField","useMemo","useListDatasourceSelectItems","useVariableValues","parseVariables","DATASOURCE_VARIABLE_VALUE_PREFIX","VARIABLE_IDENTIFIER","emptyDatasourceOption","name","value","DatasourceSelect","props","datasourcePluginKind","project","onChange","others","data","isLoading","variables","defaultValue","isVariableDatasource","group","flatMap","itemGroup","items","find","item","kind","selector","overridden","options","datasourceOptions","map","groupLabel","groupEditLink","editLink","overriding","saved","selectorToOptionValue","datasourceOptionsMap","Map","option","variableOptions","Object","entries","variable","Array","isArray","associatedDatasource","get","optionValue","handleChange","selectedOption","next","optionValueToSelector","fakeActionEvent","renderInput","params","label","placeholder","groupBy","getOptionLabel","_","v","renderOption","li","key","direction","alignItems","justifyContent","width","DatasourceName","style","textAlign","length","disabled","size","onDelete","undefined","deleteIcon","href","target","fontSize","display","fontWeight","color","theme","palette","primary","main","OPTION_VALUE_DELIMITER","join","startsWith","split","words","Error","datasourceSelectValueToSelector","datasourceSelectItemGroups","variableName","datasource","datasourceSelector","useDatasourceSelectValueToSelector"],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- import { SelectProps } from '@mui/material';
2
- import { ProjectResource } from '@perses-dev/core';
3
- import { ReactElement } from 'react';
4
- type OmittedMuiProps = 'children' | 'value' | 'onChange';
5
- export interface ProjectSelectProps extends Omit<SelectProps<string>, OmittedMuiProps> {
6
- onChange: (next: ProjectResource) => void;
7
- value: ProjectResource;
8
- }
9
- /**
10
- * Displays a MUI input for selecting a Project of a particular kind. Note: The 'value' and `onChange` handler for
11
- * the input deal with a `ProjectSelector`.
12
- */
13
- export declare function ProjectSelect(props: ProjectSelectProps): ReactElement;
14
- export {};
15
- //# sourceMappingURL=ProjectSelect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProjectSelect.d.ts","sourceRoot":"","sources":["../../src/components/ProjectSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAU,WAAW,EAAiC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKrC,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACpF,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,eAAe,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAmCrE"}
@@ -1,91 +0,0 @@
1
- // Copyright 2023 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
- import { Select, MenuItem, Stack, ListItemText } from '@mui/material';
15
- import { useProjectList } from '../context';
16
- /**
17
- * Displays a MUI input for selecting a Project of a particular kind. Note: The 'value' and `onChange` handler for
18
- * the input deal with a `ProjectSelector`.
19
- */ export function ProjectSelect(props) {
20
- const { onChange, value, ...others } = props;
21
- const { data, isLoading } = useProjectList();
22
- // While loading available values, just use an empty string so MUI select doesn't warn about values out of range
23
- const optionValue = isLoading ? '' : projectToOptionValue(value);
24
- // When the user makes a selection, convert the string option value back to a DatasourceSelector
25
- const handleChange = (e)=>{
26
- const next = optionValueToSelector(e.target.value);
27
- onChange(next);
28
- };
29
- // TODO:
30
- // - Does this need a loading indicator of some kind?
31
- // - The group's edit link is not clickable once selected.
32
- // - The group's edit link is disabled if datasource is overridden.
33
- // Ref: https://github.com/mui/material-ui/issues/36572
34
- return /*#__PURE__*/ _jsxs(Select, {
35
- ...others,
36
- value: optionValue,
37
- onChange: handleChange,
38
- children: [
39
- /*#__PURE__*/ _jsx(MenuItem, {
40
- value: "none",
41
- children: /*#__PURE__*/ _jsx(Stack, {
42
- direction: "row",
43
- alignItems: "center",
44
- justifyContent: "space-between",
45
- width: "100%",
46
- height: 32,
47
- children: /*#__PURE__*/ _jsx(ListItemText, {
48
- children: "None"
49
- })
50
- })
51
- }),
52
- data?.map((project)=>[
53
- /*#__PURE__*/ _jsx(MenuItem, {
54
- value: project.metadata.name,
55
- children: /*#__PURE__*/ _jsx(Stack, {
56
- direction: "row",
57
- alignItems: "center",
58
- justifyContent: "space-between",
59
- width: "100%",
60
- height: 32,
61
- children: /*#__PURE__*/ _jsx(ListItemText, {
62
- children: project.metadata.name
63
- })
64
- })
65
- }, project.metadata.name)
66
- ])
67
- ]
68
- });
69
- }
70
- /**
71
- * Given a ProjectSelectItemSelector,
72
- * returns a string value that can be used as a Select input value.
73
- * @param selector
74
- */ function projectToOptionValue(project) {
75
- return project.metadata.name ?? 'none';
76
- }
77
- /**
78
- * Given an option value name,
79
- * returns a ProjectResource to be used by the query data model.
80
- * @param optionValue
81
- */ function optionValueToSelector(optionValue) {
82
- return {
83
- kind: 'Project',
84
- metadata: {
85
- name: optionValue
86
- },
87
- spec: {}
88
- };
89
- }
90
-
91
- //# sourceMappingURL=ProjectSelect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components/ProjectSelect.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 { Select, SelectProps, MenuItem, Stack, ListItemText } from '@mui/material';\nimport { ProjectResource } from '@perses-dev/core';\nimport { ReactElement } from 'react';\nimport { useProjectList } from '../context';\n\n// Props on MUI Select that we don't want people to pass because we're either redefining them or providing them in\n// this component\ntype OmittedMuiProps = 'children' | 'value' | 'onChange';\n\nexport interface ProjectSelectProps extends Omit<SelectProps<string>, OmittedMuiProps> {\n onChange: (next: ProjectResource) => void;\n value: ProjectResource;\n}\n\n/**\n * Displays a MUI input for selecting a Project of a particular kind. Note: The 'value' and `onChange` handler for\n * the input deal with a `ProjectSelector`.\n */\nexport function ProjectSelect(props: ProjectSelectProps): ReactElement {\n const { onChange, value, ...others } = props;\n\n const { data, isLoading } = useProjectList();\n\n // While loading available values, just use an empty string so MUI select doesn't warn about values out of range\n const optionValue = isLoading ? '' : projectToOptionValue(value);\n\n // When the user makes a selection, convert the string option value back to a DatasourceSelector\n const handleChange: SelectProps<string>['onChange'] = (e) => {\n const next = optionValueToSelector(e.target.value);\n onChange(next);\n };\n\n // TODO:\n // - Does this need a loading indicator of some kind?\n // - The group's edit link is not clickable once selected.\n // - The group's edit link is disabled if datasource is overridden.\n // Ref: https://github.com/mui/material-ui/issues/36572\n return (\n <Select {...others} value={optionValue} onChange={handleChange}>\n <MenuItem value=\"none\">\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\" height={32}>\n <ListItemText>None</ListItemText>\n </Stack>\n </MenuItem>\n {data?.map((project: ProjectResource) => [\n <MenuItem key={project.metadata.name} value={project.metadata.name}>\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\" height={32}>\n <ListItemText>{project.metadata.name}</ListItemText>\n </Stack>\n </MenuItem>,\n ])}\n </Select>\n );\n}\n\n/**\n * Given a ProjectSelectItemSelector,\n * returns a string value that can be used as a Select input value.\n * @param selector\n */\nfunction projectToOptionValue(project: ProjectResource): string {\n return project.metadata.name ?? 'none';\n}\n\n/**\n * Given an option value name,\n * returns a ProjectResource to be used by the query data model.\n * @param optionValue\n */\nfunction optionValueToSelector(optionValue: string): ProjectResource {\n return {\n kind: 'Project',\n metadata: {\n name: optionValue,\n },\n spec: {},\n };\n}\n"],"names":["Select","MenuItem","Stack","ListItemText","useProjectList","ProjectSelect","props","onChange","value","others","data","isLoading","optionValue","projectToOptionValue","handleChange","e","next","optionValueToSelector","target","direction","alignItems","justifyContent","width","height","map","project","metadata","name","kind","spec"],"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,QAAQ,EAAEC,KAAK,EAAEC,YAAY,QAAQ,gBAAgB;AAGnF,SAASC,cAAc,QAAQ,aAAa;AAW5C;;;CAGC,GACD,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,QAAQ,GAAGH;IAEvC,MAAM,EAAEI,IAAI,EAAEC,SAAS,EAAE,GAAGP;IAE5B,gHAAgH;IAChH,MAAMQ,cAAcD,YAAY,KAAKE,qBAAqBL;IAE1D,gGAAgG;IAChG,MAAMM,eAAgD,CAACC;QACrD,MAAMC,OAAOC,sBAAsBF,EAAEG,MAAM,CAACV,KAAK;QACjDD,SAASS;IACX;IAEA,QAAQ;IACR,sDAAsD;IACtD,2DAA2D;IAC3D,oEAAoE;IACpE,0DAA0D;IAC1D,qBACE,MAAChB;QAAQ,GAAGS,MAAM;QAAED,OAAOI;QAAaL,UAAUO;;0BAChD,KAACb;gBAASO,OAAM;0BACd,cAAA,KAACN;oBAAMiB,WAAU;oBAAMC,YAAW;oBAASC,gBAAe;oBAAgBC,OAAM;oBAAOC,QAAQ;8BAC7F,cAAA,KAACpB;kCAAa;;;;YAGjBO,MAAMc,IAAI,CAACC,UAA6B;kCACvC,KAACxB;wBAAqCO,OAAOiB,QAAQC,QAAQ,CAACC,IAAI;kCAChE,cAAA,KAACzB;4BAAMiB,WAAU;4BAAMC,YAAW;4BAASC,gBAAe;4BAAgBC,OAAM;4BAAOC,QAAQ;sCAC7F,cAAA,KAACpB;0CAAcsB,QAAQC,QAAQ,CAACC,IAAI;;;uBAFzBF,QAAQC,QAAQ,CAACC,IAAI;iBAKrC;;;AAGP;AAEA;;;;CAIC,GACD,SAASd,qBAAqBY,OAAwB;IACpD,OAAOA,QAAQC,QAAQ,CAACC,IAAI,IAAI;AAClC;AAEA;;;;CAIC,GACD,SAASV,sBAAsBL,WAAmB;IAChD,OAAO;QACLgB,MAAM;QACNF,UAAU;YACRC,MAAMf;QACR;QACAiB,MAAM,CAAC;IACT;AACF"}
@@ -1,16 +0,0 @@
1
- import { UseQueryResult } from '@tanstack/react-query';
2
- import { ReactNode, ReactElement } from 'react';
3
- import { ProjectResource, StatusError } from '@perses-dev/core';
4
- export interface ProjectStore {
5
- setProject: (project: ProjectResource) => void;
6
- project: ProjectResource;
7
- }
8
- export interface ProjectStoreProviderProps {
9
- children?: ReactNode;
10
- enabledURLParams?: boolean;
11
- }
12
- export declare const ProjectStoreContext: import("react").Context<ProjectStore | undefined>;
13
- export declare function useProjectList(): UseQueryResult<ProjectResource[], StatusError>;
14
- export declare function useProjectStore(): ProjectStore;
15
- export declare function ProjectStoreProvider(props: ProjectStoreProviderProps): ReactElement;
16
- //# sourceMappingURL=ProjectStoreProvider.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProjectStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/ProjectStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAsC,YAAY,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAa,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG3E,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,mDAAqD,CAAC;AAEtF,wBAAgB,cAAc,IAAI,cAAc,CAAC,eAAe,EAAE,EAAE,WAAW,CAAC,CAO/E;AAED,wBAAgB,eAAe,IAAI,YAAY,CAM9C;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,CAoBnF"}
@@ -1,59 +0,0 @@
1
- // Copyright 2023 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import { useQuery } from '@tanstack/react-query';
15
- import { createContext, useContext, useMemo } from 'react';
16
- import { fetchJson } from '@perses-dev/core';
17
- import { useSetProjectParams } from './query-params';
18
- export const ProjectStoreContext = /*#__PURE__*/ createContext(undefined);
19
- export function useProjectList() {
20
- return useQuery({
21
- queryKey: [
22
- 'projects'
23
- ],
24
- queryFn: ()=>{
25
- return fetchJson('/api/v1/projects');
26
- }
27
- });
28
- }
29
- export function useProjectStore() {
30
- const ctx = useContext(ProjectStoreContext);
31
- if (ctx === undefined) {
32
- throw new Error('No ProjectStoreContext found. Did you forget a Provider?');
33
- }
34
- return ctx;
35
- }
36
- export function ProjectStoreProvider(props) {
37
- const { children, enabledURLParams } = props;
38
- const { project, setProject } = useSetProjectParams(enabledURLParams);
39
- const contextValue = useMemo(()=>({
40
- project: {
41
- kind: 'Project',
42
- metadata: {
43
- name: project
44
- }
45
- },
46
- setProject: (project)=>{
47
- setProject(project.metadata.name);
48
- }
49
- }), [
50
- project,
51
- setProject
52
- ]);
53
- return /*#__PURE__*/ _jsx(ProjectStoreContext.Provider, {
54
- value: contextValue,
55
- children: children
56
- });
57
- }
58
-
59
- //# sourceMappingURL=ProjectStoreProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/context/ProjectStoreProvider.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 { useQuery, UseQueryResult } from '@tanstack/react-query';\nimport { ReactNode, createContext, useContext, useMemo, ReactElement } from 'react';\nimport { fetchJson, ProjectResource, StatusError } from '@perses-dev/core';\nimport { useSetProjectParams } from './query-params';\n\nexport interface ProjectStore {\n setProject: (project: ProjectResource) => void;\n project: ProjectResource;\n}\n\nexport interface ProjectStoreProviderProps {\n children?: ReactNode;\n enabledURLParams?: boolean;\n}\n\nexport const ProjectStoreContext = createContext<ProjectStore | undefined>(undefined);\n\nexport function useProjectList(): UseQueryResult<ProjectResource[], StatusError> {\n return useQuery<ProjectResource[], StatusError>({\n queryKey: ['projects'],\n queryFn: () => {\n return fetchJson<ProjectResource[]>('/api/v1/projects');\n },\n });\n}\n\nexport function useProjectStore(): ProjectStore {\n const ctx = useContext(ProjectStoreContext);\n if (ctx === undefined) {\n throw new Error('No ProjectStoreContext found. Did you forget a Provider?');\n }\n return ctx;\n}\n\nexport function ProjectStoreProvider(props: ProjectStoreProviderProps): ReactElement {\n const { children, enabledURLParams } = props;\n const { project, setProject } = useSetProjectParams(enabledURLParams);\n\n const contextValue = useMemo(\n () => ({\n project: {\n kind: 'Project',\n metadata: {\n name: project,\n },\n } as ProjectResource,\n setProject: (project: ProjectResource): void => {\n setProject(project.metadata.name);\n },\n }),\n [project, setProject]\n );\n\n return <ProjectStoreContext.Provider value={contextValue}>{children}</ProjectStoreContext.Provider>;\n}\n"],"names":["useQuery","createContext","useContext","useMemo","fetchJson","useSetProjectParams","ProjectStoreContext","undefined","useProjectList","queryKey","queryFn","useProjectStore","ctx","Error","ProjectStoreProvider","props","children","enabledURLParams","project","setProject","contextValue","kind","metadata","name","Provider","value"],"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,QAAQ,QAAwB,wBAAwB;AACjE,SAAoBC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAsB,QAAQ;AACpF,SAASC,SAAS,QAAsC,mBAAmB;AAC3E,SAASC,mBAAmB,QAAQ,iBAAiB;AAYrD,OAAO,MAAMC,oCAAsBL,cAAwCM,WAAW;AAEtF,OAAO,SAASC;IACd,OAAOR,SAAyC;QAC9CS,UAAU;YAAC;SAAW;QACtBC,SAAS;YACP,OAAON,UAA6B;QACtC;IACF;AACF;AAEA,OAAO,SAASO;IACd,MAAMC,MAAMV,WAAWI;IACvB,IAAIM,QAAQL,WAAW;QACrB,MAAM,IAAIM,MAAM;IAClB;IACA,OAAOD;AACT;AAEA,OAAO,SAASE,qBAAqBC,KAAgC;IACnE,MAAM,EAAEC,QAAQ,EAAEC,gBAAgB,EAAE,GAAGF;IACvC,MAAM,EAAEG,OAAO,EAAEC,UAAU,EAAE,GAAGd,oBAAoBY;IAEpD,MAAMG,eAAejB,QACnB,IAAO,CAAA;YACLe,SAAS;gBACPG,MAAM;gBACNC,UAAU;oBACRC,MAAML;gBACR;YACF;YACAC,YAAY,CAACD;gBACXC,WAAWD,QAAQI,QAAQ,CAACC,IAAI;YAClC;QACF,CAAA,GACA;QAACL;QAASC;KAAW;IAGvB,qBAAO,KAACb,oBAAoBkB,QAAQ;QAACC,OAAOL;kBAAeJ;;AAC7D"}
@@ -1,5 +0,0 @@
1
- export declare function useSetProjectParams(enabledURLParams?: boolean): {
2
- project: string;
3
- setProject: (project: string) => void;
4
- };
5
- //# sourceMappingURL=query-params.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../src/context/query-params.ts"],"names":[],"mappings":"AAgBA,wBAAgB,mBAAmB,CAAC,gBAAgB,UAAO,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAuBA"}
@@ -1,41 +0,0 @@
1
- // Copyright 2023 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- import { useCallback, useState } from 'react';
14
- import { useQueryParams } from 'use-query-params';
15
- export function useSetProjectParams(enabledURLParams = true) {
16
- const [query, setQuery] = useQueryParams({
17
- project: ''
18
- }, {
19
- updateType: 'replaceIn'
20
- });
21
- const [projectState, setProjectState] = useState('none');
22
- const setProject = useCallback((project)=>{
23
- return setQuery({
24
- project
25
- });
26
- }, [
27
- setQuery
28
- ]);
29
- if (enabledURLParams) {
30
- return {
31
- project: query.project || 'none',
32
- setProject
33
- };
34
- }
35
- return {
36
- project: projectState,
37
- setProject: setProjectState
38
- };
39
- }
40
-
41
- //# sourceMappingURL=query-params.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/context/query-params.ts"],"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 { useCallback, useState } from 'react';\nimport { useQueryParams } from 'use-query-params';\n\nexport function useSetProjectParams(enabledURLParams = true): {\n project: string;\n setProject: (project: string) => void;\n} {\n const [query, setQuery] = useQueryParams({ project: '' }, { updateType: 'replaceIn' });\n\n const [projectState, setProjectState] = useState<string>('none');\n\n const setProject = useCallback(\n (project: string) => {\n return setQuery({ project });\n },\n [setQuery]\n );\n\n if (enabledURLParams) {\n return {\n project: query.project || 'none',\n setProject,\n };\n }\n\n return {\n project: projectState,\n setProject: setProjectState,\n };\n}\n"],"names":["useCallback","useState","useQueryParams","useSetProjectParams","enabledURLParams","query","setQuery","project","updateType","projectState","setProjectState","setProject"],"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,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAC9C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,SAASC,oBAAoBC,mBAAmB,IAAI;IAIzD,MAAM,CAACC,OAAOC,SAAS,GAAGJ,eAAe;QAAEK,SAAS;IAAG,GAAG;QAAEC,YAAY;IAAY;IAEpF,MAAM,CAACC,cAAcC,gBAAgB,GAAGT,SAAiB;IAEzD,MAAMU,aAAaX,YACjB,CAACO;QACC,OAAOD,SAAS;YAAEC;QAAQ;IAC5B,GACA;QAACD;KAAS;IAGZ,IAAIF,kBAAkB;QACpB,OAAO;YACLG,SAASF,MAAME,OAAO,IAAI;YAC1BI;QACF;IACF;IAEA,OAAO;QACLJ,SAASE;QACTE,YAAYD;IACd;AACF"}