@balena/ui-shared-components 11.2.5-build-update-react-query-aaecdd817cebf229b16631529fef2e345bab1da7-1 → 11.2.5

package/dist/components/RJST/Actions/ActionContent.js

@@ -1,4 +1,4 @@
-import { useQuery } from '@tanstack/react-query';
+import { useQuery } from 'react-query';
 export const LOADING_DISABLED_REASON = 'Loading';
 // This component sole purpose is to have the useQuery being called exactly once per item,
 // so that it satisfies React hooks assumption that the number of hook calls inside each component

package/dist/components/RJST/Actions/Tags.js

@@ -4,7 +4,7 @@ import { parseDescriptionProperty } from '../schemaOps';
 import get from 'lodash/get';
 import { useTranslation } from '../../../hooks/useTranslations';
 import { closeSnackbar, enqueueSnackbar } from 'notistack';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery } from 'react-query';
 import { Spinner } from '../../Spinner';
 import { TagManagementDialog } from '../../TagManagementDialog';
 export const Tags = ({ selected, rjstContext, schema, setIsBusyMessage, refresh, onDone, }) => {

package/dist/components/RJST/Actions/Update.js

@@ -57,6 +57,7 @@ export const Update = ({ model, rjstContext, selected, hasOngoingAction, onActio
                     : undefined,
                 disabled: !!disabledActionReason,
                 section: action.section,
+                'data-test': `rjst-action-${action.type}${action.type === 'update' ? `__${action.title}` : ''}`,
             };
         });
     }, [
@@ -80,7 +81,7 @@ export const Update = ({ model, rjstContext, selected, hasOngoingAction, onActio
         const disabledUpdateReason = (_a = rjstGetDisabledReason(selected, checkedState, hasOngoingAction, action.type, t)) !== null && _a !== void 0 ? _a : disabledReasonsByAction[action.title];
         return (_jsx(Box, { alignSelf: "flex-start", children: _jsx(Tooltip, { title: typeof disabledUpdateReason === 'string'
                     ? disabledUpdateReason
-                    : undefined, children: _jsx(Button, { "data-action": `${action.type}-${model.resource}`, onClick: () => {
+                    : undefined, children: _jsx(Button, { "data-action": `${action.type}-${model.resource}`, "data-test": `rjst-action-${action.type}${action.type === 'update' ? `__${action.title}` : ''}`, onClick: () => {
                         onActionTriggered({
                             action,
                             schema: action.type === 'delete'
@@ -93,5 +94,5 @@ export const Update = ({ model, rjstContext, selected, hasOngoingAction, onActio
                         }, children: _jsxs(Box, { display: "flex", justifyContent: "space-between", children: [action.title, _jsx(Spinner, { sx: { ml: 2 }, show: disabledUpdateReason === LOADING_DISABLED_REASON })] }) }) }, action.title) }) }));
     }
     const disabledReason = rjstGetDisabledReason(selected, checkedState, hasOngoingAction, null, t);
-    return (_jsx(Tooltip, { title: disabledReason, children: _jsx(DropDownButton, { items: actionHandlers, disabled: !!disabledReason, startIcon: _jsx(FontAwesomeIcon, { icon: faPenToSquare }), color: "secondary", groupByProp: "section", children: t('labels.modify') }) }));
+    return (_jsx(Tooltip, { title: disabledReason, children: _jsx(DropDownButton, { items: actionHandlers, disabled: !!disabledReason, startIcon: _jsx(FontAwesomeIcon, { icon: faPenToSquare }), color: "secondary", groupByProp: "section", "data-test": "rjst-action-modify", children: t('labels.modify') }) }));
 };

package/dist/components/RJST/components/Filters/Summary.js

@@ -19,7 +19,7 @@ export const Summary = ({ filters, showSaveView, dark, onClearFilters, onSaveVie
     const { t } = useTranslation();
     const [showViewForm, setShowViewForm] = React.useState(false);
     const [viewData, setViewData] = React.useState();
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", my: 2, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Box, { display: "flex", gap: 1, alignItems: "center", sx: { color: dark ? 'white' : 'primary' }, children: [_jsx(Typography, { sx: { fontWeight: 'bold' }, children: t('labels.filter_other') }), _jsxs(Typography, { children: ["(", filters.length, ")"] }), _jsx(Button, { variant: "text", onClick: onClearFilters, children: t('actions.clear_all') })] }), showSaveView && (_jsx(Button, { variant: "text", onClick: () => {
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", my: 2, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Box, { display: "flex", gap: 1, alignItems: "center", sx: { color: dark ? 'white' : 'primary' }, children: [_jsx(Typography, { sx: { fontWeight: 'bold' }, children: t('labels.filter_other') }), _jsxs(Typography, { children: ["(", filters.length, ")"] }), _jsx(Button, { variant: "text", onClick: onClearFilters, "data-test": "filters__clear-all-filters", children: t('actions.clear_all') })] }), showSaveView && (_jsx(Button, { variant: "text", onClick: () => {
                             setShowViewForm(true);
                         }, children: t('actions.save_view') }))] }), _jsx(Box, { display: "flex", flexWrap: "wrap", children: filters.map((filter, index) => {
                     var _a;

package/dist/components/RJST/components/Table/useTagActions.js

@@ -3,7 +3,7 @@ import { useMemo, useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
 import uniq from 'lodash/uniq';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery } from 'react-query';
 import { Stack } from '@mui/material';
 export function useTagActions(rjstContext, data) {
     var _a;

package/dist/index.d.ts

@@ -93,4 +93,3 @@ export * as MaterialDataGrid from '@mui/x-data-grid';
 export { enqueueSnackbar, closeSnackbar } from 'notistack';
 export { useRandomUUID } from './hooks/useRandomUUID';
 export * as designTokens from '@balena/design-tokens';
-export * as ReactQuery from '@tanstack/react-query';

package/dist/index.js

@@ -53,4 +53,3 @@ export * as MaterialDataGrid from '@mui/x-data-grid';
 export { enqueueSnackbar, closeSnackbar } from 'notistack';
 export { useRandomUUID } from './hooks/useRandomUUID';
 export * as designTokens from '@balena/design-tokens';
-export * as ReactQuery from '@tanstack/react-query';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "11.2.5-build-update-react-query-aaecdd817cebf229b16631529fef2e345bab1da7-1",
+  "version": "11.2.5",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -25,7 +25,6 @@
     "@rjsf/mui": "^5.24.1",
     "@rjsf/utils": "^5.24.1",
     "@rjsf/validator-ajv8": "^5.24.1",
-    "@tanstack/react-query": "^5.64.2",
     "@types/jest": "^29.5.14",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -42,6 +41,7 @@
     "react-dropzone": "^14.2.3",
     "react-helmet": "^6.1.0",
     "react-markdown": "^9.0.1",
+    "react-query": "^4.0.0-beta.23",
     "react-router-dom": "^6.28.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.0",
@@ -137,6 +137,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-02-13T15:14:15.332Z"
+    "publishedAt": "2025-02-07T15:30:05.142Z"
   }
 }