feat: useSelect's queryResult to query

.changeset/afraid-baboons-roll.md

@@ -0,0 +1,18 @@
+---
+"@refinedev/mui": minor
+---
+
+feat: [`useAutocomplete`](https://refine.dev/docs/ui-integrations/material-ui/hooks/use-auto-complete/)'s `queryResult` and `defaultValueQueryResult` is deprecated, use `query` and `defaultValueQuery` instead. #6179
+
+```diff
+import { useAutocomplete } from '@refinedev/mui';
+
+- const { queryResult, defaultValueQueryResult } = useAutocomplete();
++ const { query, defaultValueQuery } = useAutocomplete();
+```
+
+> ✨ You can use `@refinedev/codemod` to automatically migrate your codebase. Simply run the following command in your project's root directory:
+>
+> ```bash
+> npx @refinedev/codemod@latest use-select-query-result
+> ```

.changeset/bright-dancers-tie.md

@@ -0,0 +1,10 @@
+---
+"@refinedev/codemod": minor
+---
+
+feat: added `npx @refinedev/codemod@latest use-select-query-result` to automatically refactor `useSelect`'s `queryResult` and `defaultValueQueryResult` to `query` and `defaultValueQuery` #6179
+
+```diff
+- const { queryResult, defaultValueQueryResult } = useSelect(); // or useAutocomplete, useCheckboxGroup, useRadioGroup
++ const { query, defaultValueQuery } = useSelect();
+```

.changeset/cool-cougars-shop.md

@@ -0,0 +1,18 @@
+---
+"@refinedev/core": minor
+---
+
+feat: [`useSelect`](https://refine.dev/docs/data/hooks/use-select/)'s `queryResult` and `defaultValueQueryResult` is deprecated, use `query` and `defaultValueQuery` instead. #6179
+
+```diff
+import { useSelect } from '@refinedev/core';
+
+- const { queryResult, defaultValueQueryResult } = useSelect();
++ const { query, defaultValueQuery } = useSelect();
+```
+
+> ✨ You can use `@refinedev/codemod` to automatically migrate your codebase. Simply run the following command in your project's root directory:
+>
+> ```bash
+> npx @refinedev/codemod@latest use-select-query-result
+> ```

.changeset/gentle-vans-tease.md

@@ -0,0 +1,36 @@
+---
+"@refinedev/antd": minor
+---
+
+feat: [`useSelect`](https://refine.dev/docs/ui-integrations/ant-design/hooks/use-select/)'s `queryResult` and `defaultValueQueryResult` is deprecated, use `query` and `defaultValueQuery` instead. #6179
+
+```diff
+import { useSelect } from '@refinedev/antd';
+
+- const { queryResult, defaultValueQueryResult } = useSelect();
++ const { query, defaultValueQuery } = useSelect();
+```
+
+feat: [`useCheckboxGroup`](https://refine.dev/docs/ui-integrations/ant-design/hooks/use-checkbox-group/)'s `queryResult` is deprecated, use `query` instead.
+
+```diff
+import { useCheckboxGroup } from '@refinedev/antd';
+
+- const { queryResult } = useCheckboxGroup();
++ const { query } = useCheckboxGroup();
+```
+
+feat: [`useRadioGroup`](https://refine.dev/docs/ui-integrations/ant-design/hooks/use-radio-group/)'s `queryResult` is deprecated, use `query` instead.
+
+```diff
+import { useRadioGroup } from '@refinedev/antd';
+
+- const { queryResult } = useRadioGroup();
++ const { query } = useRadioGroup();
+```
+
+> ✨ You can use `@refinedev/codemod` to automatically migrate your codebase. Simply run the following command in your project's root directory:
+>
+> ```bash
+> npx @refinedev/codemod@latest use-select-query-result
+> ```

.changeset/perfect-monkeys-burn.md

@@ -0,0 +1,18 @@
+---
+"@refinedev/mantine": minor
+---
+
+feat: [`useSelect`](https://refine.dev/docs/ui-integrations/mantine/hooks/use-select/)'s `queryResult` and `defaultValueQueryResult` is deprecated, use `query` and `defaultValueQuery` instead. #6179
+
+```diff
+import { useSelect } from '@refinedev/mantine';
+
+- const { queryResult, defaultValueQueryResult } = useSelect();
++ const { query, defaultValueQuery } = useSelect();
+```
+
+> ✨ You can use `@refinedev/codemod` to automatically migrate your codebase. Simply run the following command in your project's root directory:
+>
+> ```bash
+> npx @refinedev/codemod@latest use-select-query-result
+> ```

documentation/docs/data/hooks/use-select/index.md

@@ -462,14 +462,14 @@ useSelect({
 
 ### Can I create the options manually?
 
-Sometimes it may not be enough to create `optionLabel` and `optionValue` options. In this case we create options with `queryResult`.
+Sometimes it may not be enough to create `optionLabel` and `optionValue` options. In this case we create options with `query`.
 
 ```tsx
-const { queryResult } = useSelect({
+const { query } = useSelect({
   resource: "categories",
 });
 
-const options = queryResult.data?.data.map((item) => ({
+const options = query.data?.data.map((item) => ({
   label: item.name,
   value: item.id,
 }));
@@ -501,13 +501,13 @@ return (
 
 ### Return values
 
-| Property                | Description                                    | Type                                                                                                         |
-| ----------------------- | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
-| options                 | It returns possible options                    | `{ label: string; value: string }`                                                                           |
-| queryResult             | Result of the query of a record                | [`QueryObserverResult<{ data: TData; error: TError }>`](https://react-query.tanstack.com/reference/useQuery) |
-| defaultValueQueryResult | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData; error: TError }>`](https://react-query.tanstack.com/reference/useQuery) |
-| onSearch                | A function to set the search value             | `onSearch: (value: string) => void`                                                                          |
-| overtime                | Overtime loading props                         | `{ elapsedTime?: number }`                                                                                   |
+| Property          | Description                                    | Type                                                                                                         |
+| ----------------- | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
+| options           | It returns possible options                    | `{ label: string; value: string }`                                                                           |
+| query             | Result of the query of a record                | [`QueryObserverResult<{ data: TData; error: TError }>`](https://react-query.tanstack.com/reference/useQuery) |
+| defaultValueQuery | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData; error: TError }>`](https://react-query.tanstack.com/reference/useQuery) |
+| onSearch          | A function to set the search value             | `onSearch: (value: string) => void`                                                                          |
+| overtime          | Overtime loading props                         | `{ elapsedTime?: number }`                                                                                   |
 
 ## Example
 

documentation/docs/ui-integrations/ant-design/hooks/use-select/index.md

@@ -471,12 +471,12 @@ useSelect({
 
 ### Can I create the options manually?
 
-Sometimes it may not be enough to create `optionLabel` and `optionValue` options. In this case we create options with `queryResult`.
+Sometimes it may not be enough to create `optionLabel` and `optionValue` options. In this case we create options with `query`.
 
 ```tsx
-const { queryResult } = useSelect();
+const { query } = useSelect();
 
-const options = queryResult.data?.data.map((item) => ({
+const options = query.data?.data.map((item) => ({
   label: item.title,
   value: item.id,
 }));
@@ -507,8 +507,8 @@ return <Select options={options} />;
 | Property                   | Description                                    | Type                                                                                          |
 | -------------------------- | ---------------------------------------------- | --------------------------------------------------------------------------------------------- |
 | selectProps                | Ant design Select props                        | [`Select`](https://ant.design/components/select/#API)                                         |
-| queryResult                | Result of the query of a record                | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
-| defaultValueQueryResult    | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
+| query                      | Result of the query of a record                | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
+| defaultValueQuery          | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
 | defaultValueQueryOnSuccess | Default value onSuccess method                 | `() => void`                                                                                  |
 | overtime                   | Overtime loading props                         | `{ elapsedTime?: number }`                                                                    |
 

documentation/docs/ui-integrations/mantine/hooks/use-select/index.md

@@ -460,12 +460,12 @@ useSelect({
 
 ### Can I create the options manually?
 
-Sometimes it may not be enough to create `optionLabel` and `optionValue` options. In this case we create options with `queryResult`.
+Sometimes it may not be enough to create `optionLabel` and `optionValue` options. In this case we create options with `query`.
 
 ```tsx
-const { queryResult } = useSelect();
+const { query } = useSelect();
 
-const options = queryResult.data?.data.map((item) => ({
+const options = query.data?.data.map((item) => ({
   label: item.title,
   value: item.id,
 }));
@@ -496,8 +496,8 @@ return <Select options={options} />;
 | Property                   | Description                                    | Type                                                                                          |
 | -------------------------- | ---------------------------------------------- | --------------------------------------------------------------------------------------------- |
 | selectProps                | Mantine Select props                           | [`SelectPropsType`](#selectpropstype)                                                         |
-| queryResult                | Result of the query of a record                | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
-| defaultValueQueryResult    | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
+| query                      | Result of the query of a record                | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
+| defaultValueQuery          | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
 | defaultValueQueryOnSuccess | Default value onSuccess method                 | `() => void`                                                                                  |
 | overtime                   | Overtime loading props                         | `{ elapsedTime?: number }`                                                                    |
 

documentation/docs/ui-integrations/material-ui/hooks/use-auto-complete/index.md

@@ -407,12 +407,12 @@ In some cases we only have `id`, it may be necessary to show it selected in the
 
 ### Can I create the options manually?
 
-You can create a new `options` object with `queryResult`.
+You can create a new `options` object with `query`.
 
 ```tsx
-const { autocompleteProps, queryResult } = useAutocomplete();
+const { autocompleteProps, query } = useAutocomplete();
 
-const options = queryResult.data?.data.map((item) => ({
+const options = query.data?.data.map((item) => ({
   title: item.title,
   value: item.id,
 }));
@@ -447,8 +447,8 @@ By default, Refine does the search using the [`useList`](/docs/data/hooks/use-de
 | Property                   | Description                                    | Type                                                                                          |
 | -------------------------- | ---------------------------------------------- | --------------------------------------------------------------------------------------------- |
 | autocompleteProps          | Material UI Autocomplete props                 | [`AutoCompleteReturnValues`](#autocompletereturnvalues)                                       |
-| queryResult                | Result of the query of a record                | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
-| defaultValueQueryResult    | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
+| query                      | Result of the query of a record                | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
+| defaultValueQuery          | Result of the query of a `defaultValue` record | [`QueryObserverResult<{ data: TData }>`](https://react-query.tanstack.com/reference/useQuery) |
 | defaultValueQueryOnSuccess | Default value onSuccess method                 | `() => void`                                                                                  |
 | overtime                   | Overtime loading props                         | `{ elapsedTime?: number }`                                                                    |
 

examples/app-crm-minimal/src/routes/companies/edit/form.tsx

@@ -37,17 +37,18 @@ export const CompanyForm = () => {
   });
   const { avatarUrl, name } = queryResult?.data?.data || {};
 
-  const { selectProps: selectPropsUsers, queryResult: queryResultUsers } =
-    useSelect<GetFieldsFromList<UsersSelectQuery>>({
-      resource: "users",
-      optionLabel: "name",
-      pagination: {
-        mode: "off",
-      },
-      meta: {
-        gqlQuery: USERS_SELECT_QUERY,
-      },
-    });
+  const { selectProps: selectPropsUsers, query: queryResultUsers } = useSelect<
+    GetFieldsFromList<UsersSelectQuery>
+  >({
+    resource: "users",
+    optionLabel: "name",
+    pagination: {
+      mode: "off",
+    },
+    meta: {
+      gqlQuery: USERS_SELECT_QUERY,
+    },
+  });
 
   return (
     <Edit

examples/app-crm-minimal/src/routes/companies/list/create-modal.tsx

@@ -47,7 +47,7 @@ export const CompanyCreateModal = () => {
     },
   });
 
-  const { selectProps, queryResult } = useSelect<
+  const { selectProps, query: queryResult } = useSelect<
     GetFieldsFromList<UsersSelectQuery>
   >({
     resource: "users",

examples/app-crm/src/routes/scrumboard/sales/create.tsx

@@ -79,7 +79,7 @@ export const SalesCreatePage: FC<PropsWithChildren> = ({ children }) => {
     }
   }, [searchParams]);
 
-  const { selectProps, queryResult } = useSelect<
+  const { selectProps, query: queryResult } = useSelect<
     GetFieldsFromList<SalesCompaniesSelectQuery>
   >({
     resource: "companies",

examples/app-crm/src/routes/scrumboard/sales/edit.tsx

@@ -37,16 +37,14 @@ export const SalesEditPage = () => {
     },
   });
 
-  const {
-    selectProps: companySelectProps,
-    queryResult: companySelectQueryResult,
-  } = useSelect<GetFieldsFromList<SalesCompaniesSelectQuery>>({
-    resource: "companies",
-    optionLabel: "name",
-    meta: {
-      gqlQuery: SALES_COMPANIES_SELECT_QUERY,
-    },
-  });
+  const { selectProps: companySelectProps, query: companySelectQueryResult } =
+    useSelect<GetFieldsFromList<SalesCompaniesSelectQuery>>({
+      resource: "companies",
+      optionLabel: "name",
+      meta: {
+        gqlQuery: SALES_COMPANIES_SELECT_QUERY,
+      },
+    });
 
   const { selectProps: stageSelectProps } = useDealStagesSelect();
 

examples/customization-offlayout-area/src/components/sider/index.tsx

@@ -126,7 +126,6 @@ export const FixedSider: React.FC = () => {
       >
         <ThemedTitle collapsed={collapsed} />
       </div>
-
       <Menu
         style={{
           marginTop: "8px",

examples/data-provider-sanity/src/pages/posts/list.tsx

@@ -44,7 +44,7 @@ export const PostList = () => {
     },
   });
 
-  const { selectProps: selectPropsCategory, queryResult: queryResultCategory } =
+  const { selectProps: selectPropsCategory, query: queryResultCategory } =
     useSelect({
       resource: "category",
       optionLabel: "title",

examples/finefoods-antd/src/components/product/list-table/index.tsx

@@ -62,7 +62,7 @@ export const ProductListTable = () => {
     },
   });
 
-  const { selectProps: categorySelectProps, queryResult } =
+  const { selectProps: categorySelectProps, query: queryResult } =
     useSelect<ICategory>({
       resource: "categories",
       optionLabel: "title",

examples/finefoods-antd/src/pages/couriers/list.tsx

@@ -221,8 +221,8 @@ export const CourierList = ({ children }: PropsWithChildren) => {
               <FilterDropdown {...props}>
                 <InputMask mask="(999) 999 99 99">
                   {/* 
-                                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                                    // @ts-ignore */}
+                                  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                                  // @ts-ignore */}
                   {(props: InputProps) => <Input {...props} />}
                 </InputMask>
               </FilterDropdown>

examples/table-material-ui-advanced/src/pages/dataGrid/index.tsx

@@ -17,7 +17,7 @@ export const BasicDataGrid: React.FC = () => {
 
   const {
     options,
-    queryResult: { isLoading },
+    query: { isLoading },
   } = useSelect<ICategory>({
     resource: "categories",
   });

examples/table-material-ui-data-grid-pro/src/pages/posts/list.tsx

@@ -40,7 +40,7 @@ export const PostList: React.FC = () => {
 
   const {
     options,
-    queryResult: { isLoading },
+    query: { isLoading },
   } = useSelect<ICategory>({
     resource: "categories",
     hasPagination: false,

examples/table-material-ui-use-data-grid/src/pages/posts/list.tsx

@@ -33,7 +33,7 @@ export const PostList: React.FC = () => {
 
   const {
     options,
-    queryResult: { isLoading },
+    query: { isLoading },
   } = useSelect<ICategory>({
     resource: "categories",
   });

examples/table-material-ui-use-delete-many/src/pages/posts/list.tsx

@@ -39,7 +39,7 @@ export const PostList: React.FC = () => {
 
   const {
     options,
-    queryResult: { isLoading },
+    query: { isLoading },
   } = useSelect<ICategory>({
     resource: "categories",
     hasPagination: false,

examples/table-material-ui-use-update-many/src/pages/posts/list.tsx

@@ -42,7 +42,7 @@ export const PostList: React.FC = () => {
 
   const {
     options,
-    queryResult: { isLoading },
+    query: { isLoading },
   } = useSelect<ICategory>({
     resource: "categories",
   });