refine

Patch Changes

• #4265 ff43684f787 Thanks @salihozdemir! - fix: fixed an issue that caused the duplicate field error

Minor Changes

• #4213 db3b63c1e71 Thanks @02JanDal! - feat: added select field capability to data provider mutation methods

  Now you can pass select field to create, update createMany and updateMany methods of data provider to get fields you need from the response.

  For example:

  useCreate({
      resource: "posts",
      variables: {
          title: "Hello World",
          content: "Lorem ipsum dolor sit amet",
      },
      meta: {
          select: "title, content",
      },
  });
  

Patch Changes

• #4255 9694245718c Thanks @alicanerdurmaz! - fixed: ThemedLayoutContextProvider import path in internal usage.

Patch Changes

• #4255 9694245718c Thanks @alicanerdurmaz! - fixed: ThemedLayoutContextProvider import path in internal usage.

Patch Changes

• #4255 9694245718c Thanks @alicanerdurmaz! - fixed: ThemedLayoutContextProvider import path in internal usage.

Patch Changes

• #4241 fbe109b5a8b Thanks @salihozdemir! - Added new generic types to the useForm hooks. Now you can pass the query types and the mutation types to the hook.

Patch Changes

• #4241 fbe109b5a8b Thanks @salihozdemir! - Added new generic types to the useForm hooks. Now you can pass the query types and the mutation types to the hook.

Patch Changes

• #4241 fbe109b5a8b Thanks @salihozdemir! - Added new generic types to the useForm hooks. Now you can pass the query types and the mutation types to the hook.

Minor Changes

• #4241 fbe109b5a8b Thanks @salihozdemir! - Added new generic types to the useForm hooks. Now you can pass the query types and the mutation types to the hook.

  import { useForm } from "@refinedev/core";
  
  useForm<
      TQueryFnData,
      TError,
      TVariables,
      TData,
      TResponse,
      TResponseError
  >();
  

Minor Changes

• #4232 c99bc0ad7f7 Thanks @alicanerdurmaz! - feat: initialSiderCollapsed added to RefineThemedLayoutV2Props to control initial state of <ThemedSiderV2>.
  From now on, you can control the initial collapsed state of <ThemedSiderV2> by passing the initialSiderCollapsed prop to <ThemedLayoutV2>.

  <ThemedLayoutV2
      initialSiderCollapsed={true} // This will make the sider collapsed by default
  >
      {/* .. */}
  </ThemedLayoutV2>
  

• #4209 3f4b5fef76f Thanks @yildirayunlu! - feat: add isSticky prop to ThemedHeaderV2 component

  import { ThemedHeaderV2, ThemedLayoutV2 } from "@refinedev/chakra-ui";
  
  const CustomHeader = () => <ThemedHeaderV2 isSticky={true} />;
  
  const App = () => (
      <Refine>
          // ...
          <ThemedLayoutV2 Header={CustomHeader}>
              <Outlet />
          </ThemedLayoutV2>
          // ...
      </Refine>
  );
  

Patch Changes

• #4223 c2ca3a67b22 Thanks @aliemir! - Fixed the ErrorComponent height overflow issue which was causing header to be unresponsive.

• Updated dependencies [c99bc0ad7f7, 3f4b5fef76f]:

  • @refinedev/[email protected]

Minor Changes

• #4209 3f4b5fef76f Thanks @yildirayunlu! - feat: add isSticky prop to ThemedHeaderV2 component

  import { ThemedHeaderV2, ThemedLayoutV2 } from "@refinedev/antd";
  
  const CustomHeader = () => <ThemedHeaderV2 isSticky={true} />;
  
  const App = () => (
      <Refine>
          // ...
          <ThemedLayoutV2 Header={CustomHeader}>
              <Outlet />
          </ThemedLayoutV2>
          // ...
      </Refine>
  );
  

• #4232 c99bc0ad7f7 Thanks @alicanerdurmaz! - feat: initialSiderCollapsed added to RefineThemedLayoutV2Props to control initial state of <ThemedSiderV2>.
  From now on, you can control the initial collapsed state of <ThemedSiderV2> by passing the initialSiderCollapsed prop to <ThemedLayoutV2>.

  <ThemedLayoutV2
      initialSiderCollapsed={true} // This will make the sider collapsed by default
  >
      {/* .. */}
  </ThemedLayoutV2>
  

Patch Changes

• Updated dependencies [c99bc0ad7f7, 3f4b5fef76f]:
  • @refinedev/[email protected]

Minor Changes

• #4232 c99bc0ad7f7 Thanks @alicanerdurmaz! - feat: initialSiderCollapsed added to RefineThemedLayoutV2Props to control initial state of <ThemedSiderV2>.
  From now on, you can control the initial collapsed state of <ThemedSiderV2> by passing the initialSiderCollapsed prop to <ThemedLayoutV2>.

  <ThemedLayoutV2
      initialSiderCollapsed={true} // This will make the sider collapsed by default
  >
      {/* .. */}
  </ThemedLayoutV2>
  

• #4209 3f4b5fef76f Thanks @yildirayunlu! - feat: add isSticky prop to ThemedHeaderV2 component. Default is true.

  import { ThemedHeaderV2, ThemedLayoutV2 } from "@refinedev/mui";
  
  const CustomHeader = () => <ThemedHeaderV2 isSticky={false} />;
  
  const App = () => (
      <Refine>
          // ...
          <ThemedLayoutV2 Header={CustomHeader}>
              <Outlet />
          </ThemedLayoutV2>
          // ...
      </Refine>
  );
  

Patch Changes

• Updated dependencies [c99bc0ad7f7, 3f4b5fef76f]:
  • @refinedev/[email protected]

Minor Changes

• #4232 c99bc0ad7f7 Thanks @alicanerdurmaz! - feat: initialSiderCollapsed added to RefineThemedLayoutV2Props to control initial state of <ThemedSiderV2>.
  From now on, you can control the initial collapsed state of <ThemedSiderV2> by passing the initialSiderCollapsed prop to <ThemedLayoutV2>.

  <ThemedLayoutV2
      initialSiderCollapsed={true} // This will make the sider collapsed by default
  >
      {/* .. */}
  </ThemedLayoutV2>
  

• #4209 3f4b5fef76f Thanks @yildirayunlu! - feat: add isSticky prop to ThemedHeaderV2 component

  import { ThemedHeaderV2, ThemedLayoutV2 } from "@refinedev/mantine";
  
  const CustomHeader = () => <ThemedHeaderV2 isSticky={true} />;
  
  const App = () => (
      <Refine>
          // ...
          <ThemedLayoutV2 Header={CustomHeader}>
              <Outlet />
          </ThemedLayoutV2>
          // ...
      </Refine>
  );
  

Patch Changes

• #4223 c2ca3a67b22 Thanks @aliemir! - Fixed the ErrorComponent height overflow issue which was causing header to be unresponsive.

• Updated dependencies [c99bc0ad7f7, 3f4b5fef76f]:

  • @refinedev/[email protected]

Minor Changes

• #4232 c99bc0ad7f7 Thanks @alicanerdurmaz! - feat: initialSiderCollapsed added to RefineThemedLayoutV2Props to control initial state of <ThemedSiderV2>.
  From now on, you can control the initial collapsed state of <ThemedSiderV2> by passing the initialSiderCollapsed prop to <ThemedLayoutV2>.

  <ThemedLayoutV2
      initialSiderCollapsed={true} // This will make the sider collapsed by default
  >
      {/* .. */}
  </ThemedLayoutV2>
  

• #4209 3f4b5fef76f Thanks @yildirayunlu! - feat: add isSticky to RefineThemedLayoutV2HeaderProps type

Minor Changes

• #4211 dca1d8b7ca8 Thanks @mattbho! - Custom GraphQL data provider now allow users to provide a custom InputType via the meta field.

Minor Changes

• #4194 8df15fe0e4e Thanks @alicanerdurmaz! - feat: sorters.mode prop added to useTable and useDataGrid hooks. This prop handles the sorting mode of the table. It can be either server or off.

  • "off": sorters are not sent to the server. You can use the sorters value to sort the records on the client side.
  • "server": Sorting is done on the server side. Records will be fetched by using the sorters value.

  feat:filters.mode prop added to useTable and useDataGrid hooks. This prop handles the filtering mode of the table. It can be either server or off.

  • "off": filters are not sent to the server. You can use the filters value to filter the records on the client side.
  • "server": Filtering is done on the server side. Records will be fetched by using the filters value.

Patch Changes

• Updated dependencies [b992e11e338]:
  • @refinedev/[email protected]

Minor Changes

• #4194 8df15fe0e4e Thanks @alicanerdurmaz! - feat: sorters.mode prop added to useTable and useDataGrid hooks. This prop handles the sorting mode of the table. It can be either server or off.

  • "off": sorters are not sent to the server. You can use the sorters value to sort the records on the client side.
  • "server": Sorting is done on the server side. Records will be fetched by using the sorters value.

  feat:filters.mode prop added to useTable and useDataGrid hooks. This prop handles the filtering mode of the table. It can be either server or off.

  • "off": filters are not sent to the server. You can use the filters value to filter the records on the client side.
  • "server": Filtering is done on the server side. Records will be fetched by using the filters value.

Minor Changes

• #4194 8df15fe0e4e Thanks @alicanerdurmaz! - feat: sorters.mode prop added to useTable and useDataGrid hooks. This prop handles the sorting mode of the table. It can be either server or off.

  • "off": sorters are not sent to the server. You can use the sorters value to sort the records on the client side.
  • "server": Sorting is done on the server side. Records will be fetched by using the sorters value.

  feat:filters.mode prop added to useTable and useDataGrid hooks. This prop handles the filtering mode of the table. It can be either server or off.

  • "off": filters are not sent to the server. You can use the filters value to filter the records on the client side.
  • "server": Filtering is done on the server side. Records will be fetched by using the filters value.

Patch Changes

• #4194 8df15fe0e4e Thanks @alicanerdurmaz! - fix: filters, sorters, current, and, pageSize removed from useMeta returned object.

Minor Changes

• #4194 8df15fe0e4e Thanks @alicanerdurmaz! - feat: sorters.mode prop added to useTable and useDataGrid hooks. This prop handles the sorting mode of the table. It can be either server or off.

  • "off": sorters are not sent to the server. You can use the sorters value to sort the records on the client side.
  • "server": Sorting is done on the server side. Records will be fetched by using the sorters value.

  feat:filters.mode prop added to useTable and useDataGrid hooks. This prop handles the filtering mode of the table. It can be either server or off.

  • "off": filters are not sent to the server. You can use the filters value to filter the records on the client side.
  • "server": Filtering is done on the server side. Records will be fetched by using the filters value.

Patch Changes

• #4210 b992e11e338 Thanks @alicanerdurmaz! - fixed: The values of the registered fields were set using the reset() function. This has been changed to use getValues() instead. This fixes an issue where the values of the registered fields' dirty state were not being set correctly.