@parca/profile 0.16.356 → 0.16.358

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.16.358 (2024-04-02)
7
+
8
+ **Note:** Version bump only for package @parca/profile
9
+
10
+ ## 0.16.357 (2024-03-31)
11
+
12
+ **Note:** Version bump only for package @parca/profile
13
+
6
14
  ## 0.16.356 (2024-03-28)
7
15
 
8
16
  **Note:** Version bump only for package @parca/profile
@@ -41,20 +41,10 @@ export const useProfileTypes = (client) => {
41
41
  };
42
42
  const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQuery, closeProfile, enforcedProfileName, profileSelection, comparing, onCompareProfile, }) => {
43
43
  const { loading: profileTypesLoading, data: profileTypesData, error, } = useProfileTypes(queryClient);
44
- const [isDataLoading, setIsDataLoading] = useState(false);
45
44
  const { heightStyle } = useMetricsGraphDimensions(comparing);
46
45
  const { viewComponent } = useParcaContext();
47
46
  const [timeRangeSelection, setTimeRangeSelection] = useState(DateTimeRange.fromRangeKey(querySelection.timeSelection, querySelection.from, querySelection.to));
48
47
  const [queryExpressionString, setQueryExpressionString] = useState(querySelection.expression);
49
- useEffect(() => {
50
- if (querySelection.expression === undefined) {
51
- return;
52
- }
53
- setIsDataLoading(true);
54
- setQueryExpression();
55
- setIsDataLoading(false);
56
- // eslint-disable-next-line react-hooks/exhaustive-deps
57
- }, [timeRangeSelection]);
58
48
  useEffect(() => {
59
49
  if (enforcedProfileName !== '') {
60
50
  const [q, changed] = Query.parse(querySelection.expression).setProfileName(enforcedProfileName);
@@ -157,8 +147,7 @@ const ProfileSelector = ({ queryClient, querySelection, selectProfile, selectQue
157
147
  viewComponent !== undefined && _jsx("div", { children: viewComponent?.createViewComponent })] }), _jsx(MatchersInput, { queryClient: queryClient, setMatchersString: setMatchersString, runQuery: setQueryExpression, currentQuery: query })] }), _jsx(DateTimeRangePicker, { onRangeSelection: setTimeRangeSelection, range: timeRangeSelection }), _jsxs(ButtonGroup, { children: [!searchDisabled && (_jsx(_Fragment, { children: !comparing && (_jsx(CompareButton, { disabled: compareDisabled, onClick: handleCompareClick })) })), _jsx(Button, { disabled: searchDisabled, onClick: (e) => {
158
148
  e.preventDefault();
159
149
  setQueryExpression(true);
160
- }, id: "h-matcher-search-button", children: "Search" })] })] }), _jsx("div", { children: comparing && _jsx(IconButton, { onClick: () => closeProfile(), icon: _jsx(CloseIcon, {}) }) })] }), _jsx("div", { className: "rounded bg-white shadow dark:border-gray-500 dark:bg-gray-700", children: _jsx("div", { style: { height: heightStyle }, children: !isDataLoading &&
161
- querySelection.expression !== undefined &&
150
+ }, id: "h-matcher-search-button", children: "Search" })] })] }), _jsx("div", { children: comparing && _jsx(IconButton, { onClick: () => closeProfile(), icon: _jsx(CloseIcon, {}) }) })] }), _jsx("div", { className: "rounded bg-white shadow dark:border-gray-500 dark:bg-gray-700", children: _jsx("div", { style: { height: heightStyle }, children: querySelection.expression !== undefined &&
162
151
  querySelection.expression.length > 0 &&
163
152
  querySelection.from !== undefined &&
164
153
  querySelection.to !== undefined ? (_jsx("div", { className: "p-2", children: _jsx(ProfileMetricsGraph, { queryClient: queryClient, queryExpression: querySelection.expression, from: querySelection.from, to: querySelection.to, profile: profileSelection, comparing: comparing, setTimeRange: (range) => {
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@parca/profile",
3
- "version": "0.16.356",
3
+ "version": "0.16.358",
4
4
  "description": "Profile viewing libraries",
5
5
  "dependencies": {
6
- "@parca/client": "^0.16.106",
7
- "@parca/components": "^0.16.263",
6
+ "@parca/client": "^0.16.107",
7
+ "@parca/components": "^0.16.264",
8
8
  "@parca/dynamicsize": "^0.16.61",
9
- "@parca/hooks": "^0.0.45",
9
+ "@parca/hooks": "^0.0.46",
10
10
  "@parca/parser": "^0.16.69",
11
- "@parca/store": "^0.16.134",
12
- "@parca/utilities": "^0.0.62",
11
+ "@parca/store": "^0.16.135",
12
+ "@parca/utilities": "^0.0.63",
13
13
  "@tanstack/react-query": "^4.0.5",
14
14
  "@types/react-beautiful-dnd": "^13.1.8",
15
15
  "apache-arrow": "^12.0.0",
@@ -50,5 +50,5 @@
50
50
  "access": "public",
51
51
  "registry": "https://registry.npmjs.org/"
52
52
  },
53
- "gitHead": "a7b9784ae2a3a4054282dd3b248ed16b35e97aa0"
53
+ "gitHead": "c780c04e3e57f47fe0abb3414496cd6b4331dbac"
54
54
  }
@@ -99,7 +99,6 @@ const ProfileSelector = ({
99
99
  data: profileTypesData,
100
100
  error,
101
101
  } = useProfileTypes(queryClient);
102
- const [isDataLoading, setIsDataLoading] = useState<boolean>(false);
103
102
  const {heightStyle} = useMetricsGraphDimensions(comparing);
104
103
  const {viewComponent} = useParcaContext();
105
104
 
@@ -109,18 +108,6 @@ const ProfileSelector = ({
109
108
 
110
109
  const [queryExpressionString, setQueryExpressionString] = useState(querySelection.expression);
111
110
 
112
- useEffect(() => {
113
- if (querySelection.expression === undefined) {
114
- return;
115
- }
116
-
117
- setIsDataLoading(true);
118
- setQueryExpression();
119
- setIsDataLoading(false);
120
-
121
- // eslint-disable-next-line react-hooks/exhaustive-deps
122
- }, [timeRangeSelection]);
123
-
124
111
  useEffect(() => {
125
112
  if (enforcedProfileName !== '') {
126
113
  const [q, changed] = Query.parse(querySelection.expression).setProfileName(
@@ -296,8 +283,7 @@ const ProfileSelector = ({
296
283
  </div>
297
284
  <div className="rounded bg-white shadow dark:border-gray-500 dark:bg-gray-700">
298
285
  <div style={{height: heightStyle}}>
299
- {!isDataLoading &&
300
- querySelection.expression !== undefined &&
286
+ {querySelection.expression !== undefined &&
301
287
  querySelection.expression.length > 0 &&
302
288
  querySelection.from !== undefined &&
303
289
  querySelection.to !== undefined ? (