@refinedev/core 4.48.0 → 4.49.1

package/src/hooks/use-resource-params/use-action/index.tsx

@@ -0,0 +1,27 @@
+import { useParsed } from "../../router/use-parsed";
+import { useRouterContext } from "../../legacy-router/useRouterContext";
+import { Action } from "../../../contexts/router/types";
+import { useRouterType } from "../../../contexts/router/picker";
+import { ResourceRouterParams } from "../../../contexts/router/legacy/types";
+
+/**
+ * Returns the action from the router regardless of the router type.
+ * In legacy routers, `useParsed` won't work and in the new router bindings, `useParams` won't work.
+ * To make it easier to get the action from the router, this hook can be used.
+ *
+ * Additionally, if an action is provided as a parameter, it will be used instead of the inferred action.
+ *
+ * @internal usage only
+ */
+export const useAction = (action?: Action) => {
+  const routerType = useRouterType();
+  const { useParams } = useRouterContext();
+
+  const parsed = useParsed();
+  const legacyParams = useParams<Partial<ResourceRouterParams>>();
+
+  const inferredAction =
+    routerType === "legacy" ? legacyParams.action : parsed.action;
+
+  return action ?? inferredAction;
+};

package/src/hooks/use-resource-params/use-id/index.tsx

@@ -0,0 +1,26 @@
+import { useParsed } from "../../router/use-parsed";
+import { useRouterContext } from "../../legacy-router/useRouterContext";
+import { BaseKey } from "../../../contexts/data/types";
+import { useRouterType } from "../../../contexts/router/picker";
+import { ResourceRouterParams } from "../../../contexts/router/legacy/types";
+
+/**
+ * Returns the id from the router regardless of the router type.
+ * In legacy routers, `useParsed` won't work and in the new router bindings, `useParams` won't work.
+ * To make it easier to get the id from the router, this hook can be used.
+ *
+ * Additionally, if an id is provided as a parameter, it will be used instead of the inferred id.
+ *
+ * @internal usage only
+ */
+export const useId = (id?: BaseKey) => {
+  const routerType = useRouterType();
+  const { useParams } = useRouterContext();
+
+  const parsed = useParsed();
+  const legacyParams = useParams<Partial<ResourceRouterParams>>();
+
+  const inferredId = routerType === "legacy" ? legacyParams.id : parsed.id;
+
+  return id ?? inferredId;
+};

package/src/hooks/useMeta/index.ts

@@ -1,6 +1,8 @@
-import { useParsed } from "@hooks/router";
 import { sanitizeResource } from "@definitions/helpers/sanitize-resource";
-import { IResourceItem, MetaQuery } from "../../interfaces";
+import { useParsed } from "@hooks/router";
+
+import { MetaQuery } from "../../contexts/data/types";
+import { IResourceItem } from "../../contexts/resource/types";
 
 /**
  * Hook that returns a function to get meta.

package/src/hooks/useSelect/index.ts

@@ -1,32 +1,34 @@
 import { useCallback, useMemo, useState } from "react";
+
 import { QueryObserverResult, UseQueryOptions } from "@tanstack/react-query";
-import uniqBy from "lodash/uniqBy";
 import debounce from "lodash/debounce";
 import get from "lodash/get";
+import uniqBy from "lodash/uniqBy";
 
+import { pickNotDeprecated } from "@definitions/helpers";
 import { useList, useMany, useMeta } from "@hooks";
+
 import {
-  CrudSorting,
+  BaseKey,
   BaseOption,
   BaseRecord,
-  GetManyResponse,
+  CrudFilter,
+  CrudSort,
   GetListResponse,
-  CrudFilters,
-  SuccessErrorNotification,
+  GetManyResponse,
   HttpError,
-  LiveModeProps,
-  BaseKey,
-  Pagination,
   MetaQuery,
+  Pagination,
   Prettify,
-} from "../../interfaces";
-import { pickNotDeprecated } from "@definitions/helpers";
-import { useResource } from "../resource/useResource/index";
+} from "../../contexts/data/types";
+import { LiveModeProps } from "../../contexts/live/types";
+import { SuccessErrorNotification } from "../../contexts/notification/types";
 import { BaseListProps } from "../data/useList";
+import { useResource } from "../resource/useResource/index";
 import {
-  useLoadingOvertime,
   UseLoadingOvertimeOptionsProps,
   UseLoadingOvertimeReturnType,
+  useLoadingOvertime,
 } from "../useLoadingOvertime";
 
 export type UseSelectProps<TQueryFnData, TError, TData> = {
@@ -66,15 +68,15 @@ export type UseSelectProps<TQueryFnData, TError, TData> = {
    * Allow us to sort the options
    * @deprecated Use `sorters` instead
    */
-  sort?: CrudSorting;
+  sort?: CrudSort[];
   /**
    * Allow us to sort the options
    */
-  sorters?: CrudSorting;
+  sorters?: CrudSort[];
   /**
    * Resource name for API data interactions
    */
-  filters?: CrudFilters;
+  filters?: CrudFilter[];
   /**
    * Adds extra `options`
    */
@@ -124,7 +126,7 @@ export type UseSelectProps<TQueryFnData, TError, TData> = {
    * If defined, this callback allows us to override all filters for every search request.
    * @default `undefined`
    */
-  onSearch?: (value: string) => CrudFilters;
+  onSearch?: (value: string) => CrudFilter[];
   /**
    * Additional meta data to pass to the `useMany` from the data provider
    */
@@ -186,7 +188,7 @@ export const useSelect = <
 >(
   props: UseSelectProps<TQueryFnData, TError, TData>,
 ): UseSelectReturnType<TData, TError, TOption> => {
-  const [search, setSearch] = useState<CrudFilters>([]);
+  const [search, setSearch] = useState<CrudFilter[]>([]);
   const [options, setOptions] = useState<TOption[]>([]);
   const [selectedOptions, setSelectedOptions] = useState<TOption[]>([]);
 
@@ -290,17 +292,15 @@ export const useSelect = <
 
   const defaultQueryOnSuccess = useCallback(
     (data: GetListResponse<TData>) => {
-      {
-        setOptions(
-          data.data.map(
-            (item) =>
-              ({
-                label: getOptionLabel(item),
-                value: getOptionValue(item),
-              }) as TOption,
-          ),
-        );
-      }
+      setOptions(
+        data.data.map(
+          (item) =>
+            ({
+              label: getOptionLabel(item),
+              value: getOptionValue(item),
+            }) as TOption,
+        ),
+      );
     },
     [optionLabel, optionValue],
   );

package/src/hooks/useTable/index.ts

@@ -1,49 +1,50 @@
 import React, { useState, useEffect } from "react";
+
 import { QueryObserverResult, UseQueryOptions } from "@tanstack/react-query";
-import qs from "qs";
 import differenceWith from "lodash/differenceWith";
 import isEqual from "lodash/isEqual";
+import qs from "qs";
 import warnOnce from "warn-once";
 
+import { pickNotDeprecated } from "@definitions/helpers";
 import {
-  useRouterContext,
-  useSyncWithLocation,
-  useNavigation,
-  useList,
-  useLiveMode,
-  useRouterType,
-  useResource,
-  useParsed,
-  useMeta,
-} from "@hooks";
-import {
-  stringifyTableParams,
   parseTableParams,
-  unionFilters,
   setInitialFilters,
   setInitialSorters,
+  stringifyTableParams,
+  unionFilters,
   unionSorters,
 } from "@definitions/table";
-import { pickNotDeprecated } from "@definitions/helpers";
+import {
+  useGo,
+  useList,
+  useLiveMode,
+  useMeta,
+  useNavigation,
+  useParsed,
+  useResource,
+  useRouterContext,
+  useRouterType,
+  useSyncWithLocation,
+} from "@hooks";
 
 import {
   BaseRecord,
-  CrudFilters,
-  CrudSorting,
+  CrudFilter,
+  CrudSort,
   GetListResponse,
-  SuccessErrorNotification,
   HttpError,
   MetaQuery,
-  LiveModeProps,
   Pagination,
   Prettify,
-} from "../../interfaces";
-import { useGo } from "@hooks/router/use-go";
+} from "../../contexts/data/types";
+import { LiveModeProps } from "../../contexts/live/types";
+import { SuccessErrorNotification } from "../../contexts/notification/types";
 import { BaseListProps } from "../data/useList";
 import {
-  useLoadingOvertime,
   UseLoadingOvertimeOptionsProps,
   UseLoadingOvertimeReturnType,
+  useLoadingOvertime,
 } from "../useLoadingOvertime";
 
 type SetFilterBehavior = "merge" | "replace";
@@ -77,12 +78,12 @@ export type useTableProps<TQueryFnData, TError, TData> = {
     /**
      * Initial sorter state
      */
-    initial?: CrudSorting;
+    initial?: CrudSort[];
     /**
      * Default and unchangeable sorter state
      *  @default `[]`
      */
-    permanent?: CrudSorting;
+    permanent?: CrudSort[];
     /**
      * Whether to use server side sorting or not.
      * @default "server"
@@ -93,13 +94,13 @@ export type useTableProps<TQueryFnData, TError, TData> = {
    * Initial sorter state
    * @deprecated `initialSorter` property is deprecated. Use `sorters.initial` instead.
    */
-  initialSorter?: CrudSorting;
+  initialSorter?: CrudSort[];
   /**
    * Default and unchangeable sorter state
    *  @default `[]`
    *  @deprecated `permanentSorter` property is deprecated. Use `sorters.permanent` instead.
    */
-  permanentSorter?: CrudSorting;
+  permanentSorter?: CrudSort[];
   /**
    * Filter configs
    */
@@ -107,12 +108,12 @@ export type useTableProps<TQueryFnData, TError, TData> = {
     /**
      * Initial filter state
      */
-    initial?: CrudFilters;
+    initial?: CrudFilter[];
     /**
      * Default and unchangeable filter state
      *  @default `[]`
      */
-    permanent?: CrudFilters;
+    permanent?: CrudFilter[];
     /**
      * Default behavior of the `setFilters` function
      * @default `"merge"`
@@ -128,13 +129,13 @@ export type useTableProps<TQueryFnData, TError, TData> = {
    * Initial filter state
    * @deprecated `initialFilter` property is deprecated. Use `filters.initial` instead.
    */
-  initialFilter?: CrudFilters;
+  initialFilter?: CrudFilter[];
   /**
    * Default and unchangeable filter state
    * @default `[]`
    * @deprecated `permanentFilter` property is deprecated. Use `filters.permanent` instead.
    */
-  permanentFilter?: CrudFilters;
+  permanentFilter?: CrudFilter[];
   /**
    * Default behavior of the `setFilters` function
    * @default `"merge"`
@@ -188,9 +189,9 @@ type SyncWithLocationParams = {
   /**
    * @deprecated `sorter` is deprecated. Use `sorters` instead.
    */
-  sorter?: CrudSorting;
-  sorters: CrudSorting;
-  filters: CrudFilters;
+  sorter?: CrudSort[];
+  sorters: CrudSort[];
+  filters: CrudFilter[];
 };
 
 export type useTableReturnType<
@@ -201,16 +202,16 @@ export type useTableReturnType<
   /**
    * @deprecated `sorter` is deprecated. Use `sorters` instead.
    */
-  sorter: CrudSorting;
-  sorters: CrudSorting;
+  sorter: CrudSort[];
+  sorters: CrudSort[];
   /**
    * @deprecated `setSorter` is deprecated. Use `setSorters` instead.
    */
-  setSorter: (sorter: CrudSorting) => void;
-  setSorters: (sorter: CrudSorting) => void;
-  filters: CrudFilters;
-  setFilters: ((filters: CrudFilters, behavior?: SetFilterBehavior) => void) &
-    ((setter: (prevFilters: CrudFilters) => CrudFilters) => void);
+  setSorter: (sorter: CrudSort[]) => void;
+  setSorters: (sorter: CrudSort[]) => void;
+  filters: CrudFilter[];
+  setFilters: ((filters: CrudFilter[], behavior?: SetFilterBehavior) => void) &
+    ((setter: (prevFilters: CrudFilter[]) => CrudFilter[]) => void);
   createLinkForSyncWithLocation: (params: SyncWithLocationParams) => string;
   current: number;
   setCurrent: ReactSetState<useTableReturnType["current"]>;
@@ -232,8 +233,8 @@ export type useTableReturnType<
  *
  */
 
-const defaultPermanentFilter: CrudFilters = [];
-const defaultPermanentSorter: CrudSorting = [];
+const defaultPermanentFilter: CrudFilter[] = [];
+const defaultPermanentSorter: CrudSort[] = [];
 
 export function useTable<
   TQueryFnData extends BaseRecord = BaseRecord,
@@ -326,8 +327,8 @@ export function useTable<
 
   let defaultCurrent: number;
   let defaultPageSize: number;
-  let defaultSorter: CrudSorting | undefined;
-  let defaultFilter: CrudFilters | undefined;
+  let defaultSorter: CrudSort[] | undefined;
+  let defaultFilter: CrudFilter[] | undefined;
 
   if (syncWithLocation) {
     defaultCurrent =
@@ -368,10 +369,10 @@ export function useTable<
     );
   }, [identifier]);
 
-  const [sorters, setSorters] = useState<CrudSorting>(
+  const [sorters, setSorters] = useState<CrudSort[]>(
     setInitialSorters(preferredPermanentSorters, defaultSorter ?? []),
   );
-  const [filters, setFilters] = useState<CrudFilters>(
+  const [filters, setFilters] = useState<CrudFilter[]>(
     setInitialFilters(preferredPermanentFilters, defaultFilter ?? []),
   );
   const [current, setCurrent] = useState<number>(defaultCurrent);
@@ -512,18 +513,18 @@ export function useTable<
     dataProviderName,
   });
 
-  const setFiltersAsMerge = (newFilters: CrudFilters) => {
+  const setFiltersAsMerge = (newFilters: CrudFilter[]) => {
     setFilters((prevFilters) =>
       unionFilters(preferredPermanentFilters, newFilters, prevFilters),
     );
   };
 
-  const setFiltersAsReplace = (newFilters: CrudFilters) => {
+  const setFiltersAsReplace = (newFilters: CrudFilter[]) => {
     setFilters(unionFilters(preferredPermanentFilters, newFilters));
   };
 
   const setFiltersWithSetter = (
-    setter: (prevFilters: CrudFilters) => CrudFilters,
+    setter: (prevFilters: CrudFilter[]) => CrudFilter[],
   ) => {
     setFilters((prev) => unionFilters(preferredPermanentFilters, setter(prev)));
   };
@@ -543,7 +544,7 @@ export function useTable<
     }
   };
 
-  const setSortWithUnion = (newSorter: CrudSorting) => {
+  const setSortWithUnion = (newSorter: CrudSort[]) => {
     setSorters(() => unionSorters(preferredPermanentSorters, newSorter));
   };
 

package/src/hooks/useTelemetryData/index.ts

@@ -1,16 +1,16 @@
 import { useContext } from "react";
 
+import { AccessControlContext } from "@contexts/accessControl";
 import { AuditLogContext } from "@contexts/auditLog";
-import { LiveContext } from "@contexts/live";
-import { RouterContext } from "@contexts/legacy-router";
 import { DataContext } from "@contexts/data";
-import { TranslationContext } from "@contexts/translation";
+import { I18nContext } from "@contexts/i18n";
+import { LiveContext } from "@contexts/live";
 import { NotificationContext } from "@contexts/notification";
-import { AccessControlContext } from "@contexts/accessControl";
+import { LegacyRouterContext } from "@contexts/router/legacy";
 import { useResource } from "@hooks/resource";
 
-import { ITelemetryData } from "../../interfaces/telemetry";
 import { useIsExistAuthentication, useRefineContext } from "..";
+import { ITelemetryData } from "../../components/telemetry/types";
 
 // It reads and updates from package.json during build. ref: tsup.config.ts
 const REFINE_VERSION = "1.0.0";
@@ -18,10 +18,10 @@ const REFINE_VERSION = "1.0.0";
 export const useTelemetryData = (): ITelemetryData => {
   const auth = useIsExistAuthentication();
   const auditLogContext = useContext(AuditLogContext);
-  const liveContext = useContext(LiveContext);
-  const routerContext = useContext(RouterContext);
+  const { liveProvider } = useContext(LiveContext);
+  const routerContext = useContext(LegacyRouterContext);
   const dataContext = useContext(DataContext);
-  const { i18nProvider } = useContext(TranslationContext);
+  const { i18nProvider } = useContext(I18nContext);
   const notificationContext = useContext(NotificationContext);
   const accessControlContext = useContext(AccessControlContext);
   const { resources } = useResource();
@@ -33,9 +33,9 @@ export const useTelemetryData = (): ITelemetryData => {
     !!auditLogContext.update;
 
   const live =
-    !!liveContext?.publish ||
-    !!liveContext?.subscribe ||
-    !!liveContext?.unsubscribe;
+    !!liveProvider?.publish ||
+    !!liveProvider?.subscribe ||
+    !!liveProvider?.unsubscribe;
 
   const router =
     !!routerContext.useHistory ||