@refinedev/core 4.49.2 → 4.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.49.2",
+  "version": "4.51.0",
   "private": false,
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "repository": {
@@ -28,16 +28,16 @@
   "typings": "dist/index.d.ts",
   "scripts": {
     "attw": "attw --pack .",
-    "build": "tsup",
+    "build": "tsup && node ../shared/generate-declarations.js",
     "dev": "tsup --watch",
-    "prepare": "npm run build",
+    "prepare": "pnpm -w build --scope @refinedev/core",
     "publint": "publint --strict=true --level=suggestion",
     "test": "jest --passWithNoTests --runInBand",
     "test:dev": "jest --silent --noStackTrace",
     "types": "node ../shared/generate-declarations.js"
   },
   "dependencies": {
-    "@refinedev/devtools-internal": "1.1.9",
+    "@refinedev/devtools-internal": "1.1.11",
     "@tanstack/react-query": "^4.10.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
@@ -49,6 +49,7 @@
   },
   "devDependencies": {
     "@esbuild-plugins/node-resolve": "^0.1.4",
+    "@testing-library/dom": "^8.5.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
@@ -79,6 +80,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "17dd5af3e4c9f7f09e1e707362c6f5a9d1cab8a8"
+  }
 }

package/src/components/authenticated/index.tsx

@@ -9,7 +9,7 @@ import {
   useRouterContext,
   useRouterType,
 } from "@hooks";
-import { GoConfig } from "../../contexts/router/types";
+import type { GoConfig } from "../../contexts/router/types";
 
 export type AuthenticatedCommonProps = {
   /**
@@ -175,21 +175,25 @@ export function Authenticated({
         : "";
       return <RedirectLegacy to={`${appliedRedirect}${toQuery}`} />;
     }
+
+    const queryToValue: string | undefined = parsed.params?.to
+      ? parsed.params.to
+      : go({
+          to: pathname,
+          options: { keepQuery: true },
+          type: "path",
+        });
+
     return (
       <Redirect
         config={{
           to: appliedRedirect,
-          query: appendCurrentPathToQuery
-            ? {
-                to: parsed.params?.to
-                  ? parsed.params.to
-                  : go({
-                      to: pathname,
-                      options: { keepQuery: true },
-                      type: "path",
-                    }),
-              }
-            : undefined,
+          query:
+            appendCurrentPathToQuery && (queryToValue ?? "").length > 1
+              ? {
+                  to: queryToValue,
+                }
+              : undefined,
           type: "replace",
         }}
       />

package/src/components/autoSaveIndicator/index.tsx

@@ -2,9 +2,9 @@ import React from "react";
 
 import { useTranslate } from "@hooks/i18n";
 
-import { BaseRecord, HttpError } from "../../contexts/data/types";
-import { AutoSaveIndicatorElements } from "../../hooks/form/types";
-import { UseUpdateReturnType } from "../../hooks/data/useUpdate";
+import type { BaseRecord, HttpError } from "../../contexts/data/types";
+import type { AutoSaveIndicatorElements } from "../../hooks/form/types";
+import type { UseUpdateReturnType } from "../../hooks/data/useUpdate";
 
 export type AutoSaveIndicatorProps<
   TData extends BaseRecord = BaseRecord,

package/src/components/canAccess/index.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect } from "react";
-import { UseQueryOptions } from "@tanstack/react-query";
+import type { UseQueryOptions } from "@tanstack/react-query";
 
 import { useCan, useResourceParams } from "@hooks";
 
-import { CanReturnType } from "../../contexts/accessControl/types";
-import { BaseKey } from "../../contexts/data/types";
-import { IResourceItem, ITreeMenu } from "../../contexts/resource/types";
+import type { CanReturnType } from "../../contexts/accessControl/types";
+import type { BaseKey } from "../../contexts/data/types";
+import type { IResourceItem, ITreeMenu } from "../../contexts/resource/types";
 
 type CanParams = {
   resource?: IResourceItem & { children?: ITreeMenu[] };

package/src/components/containers/refine/index.tsx

@@ -26,7 +26,7 @@ import { RouterPickerProvider } from "../../../contexts/router/picker";
 import { UndoableQueueContextProvider } from "../../../contexts/undoableQueue";
 import { UnsavedWarnContextProvider } from "../../../contexts/unsavedWarn";
 
-import { RefineProps } from "../../../contexts/refine/types";
+import type { RefineProps } from "../../../contexts/refine/types";
 import { useRouterMisuseWarning } from "../../../hooks/router/use-router-misuse-warning/index";
 
 /**

package/src/components/gh-banner/index.tsx

@@ -1,10 +1,14 @@
-import React, { SVGProps, useEffect } from "react";
+import React, { type CSSProperties, type SVGProps, useEffect } from "react";
 import { CSSRules } from "./styles";
 
 const text =
   "If you find Refine useful, you can contribute to its growth by giving it a star on GitHub";
 
-export const GitHubBanner = () => {
+type Props = {
+  containerStyle?: CSSProperties;
+};
+
+export const GitHubBanner = ({ containerStyle }: Props) => {
   useEffect(() => {
     const styleTag = document.createElement("style");
     document.head.appendChild(styleTag);
@@ -32,6 +36,7 @@ export const GitHubBanner = () => {
           maxWidth: "100vw",
           height: "100%",
           borderBottom: "1px solid #47ebeb26",
+          ...containerStyle,
         }}
       >
         <div

package/src/components/layoutWrapper/defaultLayout/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { LayoutProps } from "../../../contexts/refine/types";
+import type { LayoutProps } from "../../../contexts/refine/types";
 
 export const DefaultLayout: React.FC<LayoutProps> = ({ children }) => {
   return <div>{children}</div>;

package/src/components/layoutWrapper/index.tsx

@@ -7,7 +7,7 @@ import {
   useWarnAboutChange,
 } from "@hooks";
 
-import { LayoutProps, TitleProps } from "../../contexts/refine/types";
+import type { LayoutProps, TitleProps } from "../../contexts/refine/types";
 
 export interface LayoutWrapperProps {
   /**

package/src/components/pages/auth/components/forgotPassword/index.tsx

@@ -8,8 +8,11 @@ import {
   useTranslate,
 } from "@hooks";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { ForgotPasswordFormTypes, ForgotPasswordPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type {
+  ForgotPasswordFormTypes,
+  ForgotPasswordPageProps,
+} from "../../types";
 
 type ForgotPasswordProps = ForgotPasswordPageProps<
   DivPropsType,

package/src/components/pages/auth/components/login/index.tsx

@@ -4,8 +4,8 @@ import { useActiveAuthProvider } from "@definitions/helpers";
 import { useLink, useLogin, useRouterContext, useRouterType } from "@hooks";
 import { useTranslate } from "@hooks/i18n";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { LoginFormTypes, LoginPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type { LoginFormTypes, LoginPageProps } from "../../types";
 
 type LoginProps = LoginPageProps<DivPropsType, DivPropsType, FormPropsType>;
 

package/src/components/pages/auth/components/register/index.tsx

@@ -10,8 +10,8 @@ import {
 
 import { useActiveAuthProvider } from "@definitions/helpers";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { RegisterPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type { RegisterPageProps } from "../../types";
 
 type RegisterProps = RegisterPageProps<
   DivPropsType,

package/src/components/pages/auth/components/updatePassword/index.tsx

@@ -3,8 +3,11 @@ import React, { useState } from "react";
 import { useActiveAuthProvider } from "@definitions/helpers";
 import { useTranslate, useUpdatePassword } from "@hooks";
 
-import { DivPropsType, FormPropsType } from "../..";
-import { UpdatePasswordFormTypes, UpdatePasswordPageProps } from "../../types";
+import type { DivPropsType, FormPropsType } from "../..";
+import type {
+  UpdatePasswordFormTypes,
+  UpdatePasswordPageProps,
+} from "../../types";
 
 type UpdatePasswordProps = UpdatePasswordPageProps<
   DivPropsType,

package/src/components/pages/auth/index.tsx

@@ -1,7 +1,7 @@
 import React, {
-  DetailedHTMLProps,
-  HTMLAttributes,
-  FormHTMLAttributes,
+  type DetailedHTMLProps,
+  type HTMLAttributes,
+  type FormHTMLAttributes,
 } from "react";
 
 import {
@@ -11,7 +11,7 @@ import {
   UpdatePasswordPage,
 } from "./components";
 
-import { AuthPageProps } from "./types";
+import type { AuthPageProps } from "./types";
 
 export type DivPropsType = DetailedHTMLProps<
   HTMLAttributes<HTMLDivElement>,

package/src/components/pages/auth/types.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 export type OAuthProvider = {
   name: string;

package/src/components/telemetry/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { useTelemetryData } from "@hooks/useTelemetryData";
 
-import { ITelemetryData } from "./types";
+import type { ITelemetryData } from "./types";
 
 const encode = (payload: ITelemetryData): string | undefined => {
   try {

package/src/components/undoableQueue/index.tsx

@@ -5,7 +5,7 @@ import { useCancelNotification, useNotification, useTranslate } from "@hooks";
 import { userFriendlySecond } from "@definitions/helpers";
 import {
   ActionTypes,
-  IUndoableQueue,
+  type IUndoableQueue,
 } from "../../contexts/undoableQueue/types";
 
 export const UndoableQueue: React.FC<{

package/src/contexts/accessControl/index.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import {
+import type {
   IAccessControlContext,
   IAccessControlContextReturnType,
 } from "./types";

package/src/contexts/accessControl/types.ts

@@ -18,10 +18,10 @@
  * This may also apply to `resource.icon` property.
  *
  */
-import { UseQueryOptions } from "@tanstack/react-query";
+import type { UseQueryOptions } from "@tanstack/react-query";
 
-import { BaseKey } from "../data/types";
-import { IResourceItem, ITreeMenu } from "../resource/types";
+import type { BaseKey } from "../data/types";
+import type { IResourceItem, ITreeMenu } from "../resource/types";
 
 export type CanResponse = {
   can: boolean;

package/src/contexts/auditLog/index.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { IAuditLogContext } from "./types";
+import type { IAuditLogContext } from "./types";
 
 export const AuditLogContext = React.createContext<IAuditLogContext>({});
 

package/src/contexts/auditLog/types.ts

@@ -1,4 +1,4 @@
-import { BaseKey, MetaDataQuery } from "../data/types";
+import type { BaseKey, MetaDataQuery } from "../data/types";
 
 export type ILog<TData = any> = {
   id: BaseKey;

package/src/contexts/auth/index.tsx

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 import { useNavigation } from "@hooks";
 
-import { IAuthContext, ILegacyAuthContext } from "./types";
+import type { IAuthContext, ILegacyAuthContext } from "./types";
 
 /**
  * @deprecated `LegacyAuthContext` is deprecated with refine@4, use `AuthBindingsContext` instead, however, we still support `LegacyAuthContext` for backward compatibility.

package/src/contexts/auth/types.ts

@@ -31,7 +31,7 @@
  * Same goes for `onError` function, it should always resolve.
  */
 
-import { RefineError } from "../data/types";
+import type { RefineError } from "../data/types";
 
 export type CheckResponse = {
   authenticated: boolean;

package/src/contexts/data/index.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { DataProvider, DataProviders, IDataContext } from "./types";
+import type { DataProvider, DataProviders, IDataContext } from "./types";
 
 export const defaultDataProvider: DataProviders = {
   default: {} as DataProvider,

package/src/contexts/data/types.ts

@@ -1,7 +1,7 @@
-import { QueryFunctionContext, QueryKey } from "@tanstack/react-query";
-import { DocumentNode } from "graphql";
+import type { QueryFunctionContext, QueryKey } from "@tanstack/react-query";
+import type { DocumentNode } from "graphql";
 
-import { UseListConfig } from "../../hooks/data/useList";
+import type { UseListConfig } from "../../hooks/data/useList";
 
 export type Prettify<T> = {
   [K in keyof T]: T[K];
@@ -224,6 +224,8 @@ export type CrudOperators =
   | "gte"
   | "in"
   | "nin"
+  | "ina"
+  | "nina"
   | "contains"
   | "ncontains"
   | "containss"

package/src/contexts/i18n/index.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { I18nProvider, II18nContext } from "./types";
+import type { I18nProvider, II18nContext } from "./types";
 
 /** @deprecated default value for translation context has no use and is an empty object.  */
 export const defaultProvider: Partial<I18nProvider> = {};

package/src/contexts/live/index.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { ILiveContext } from "./types";
+import type { ILiveContext } from "./types";
 
 export const LiveContext = React.createContext<ILiveContext>({});
 

package/src/contexts/live/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   BaseKey,
   CrudFilter,
   CrudSort,

package/src/contexts/notification/index.tsx

@@ -1,6 +1,6 @@
-import React, { createContext, PropsWithChildren } from "react";
+import React, { createContext, type PropsWithChildren } from "react";
 
-import { INotificationContext } from "./types";
+import type { INotificationContext } from "./types";
 
 /** @deprecated default value for notification context has no use and is an empty object.  */
 export const defaultNotificationProvider: INotificationContext = {};

package/src/contexts/refine/index.tsx

@@ -5,7 +5,7 @@ import pluralize from "pluralize";
 import { DefaultLayout } from "@components/layoutWrapper/defaultLayout";
 
 import { humanizeString } from "../../definitions/helpers/humanizeString";
-import {
+import type {
   IRefineContext,
   IRefineContextOptions,
   IRefineContextProvider,
@@ -13,6 +13,32 @@ import {
 
 import { LoginPage as DefaultLoginPage } from "@components/pages";
 
+const defaultTitle: IRefineContextOptions["title"] = {
+  icon: (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      data-testid="refine-logo"
+      id="refine-default-logo"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.7889 0.422291C12.6627 -0.140764 11.3373 -0.140764 10.2111 0.422291L2.21115 4.42229C0.85601 5.09986 0 6.48491 0 8V16C0 17.5151 0.85601 18.9001 2.21115 19.5777L10.2111 23.5777C11.3373 24.1408 12.6627 24.1408 13.7889 23.5777L21.7889 19.5777C23.144 18.9001 24 17.5151 24 16V8C24 6.48491 23.144 5.09986 21.7889 4.42229L13.7889 0.422291ZM8 8C8 5.79086 9.79086 4 12 4C14.2091 4 16 5.79086 16 8V16C16 18.2091 14.2091 20 12 20C9.79086 20 8 18.2091 8 16V8Z"
+        fill="currentColor"
+      />
+      <path
+        d="M14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8C10 6.89543 10.8954 6 12 6C13.1046 6 14 6.89543 14 8Z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  text: "Refine Project",
+};
+
 export const defaultRefineOptions: IRefineContextOptions = {
   mutationMode: "pessimistic",
   syncWithLocation: false,
@@ -33,6 +59,7 @@ export const defaultRefineOptions: IRefineContextOptions = {
     singular: pluralize.singular,
   },
   disableServerSideValidation: false,
+  title: defaultTitle,
 };
 
 export const RefineContext = React.createContext<IRefineContext>({

package/src/contexts/refine/types.ts

@@ -1,19 +1,19 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 
-import { QueryClient, QueryClientConfig } from "@tanstack/react-query";
+import type { QueryClient, QueryClientConfig } from "@tanstack/react-query";
 
-import { RedirectAction } from "../../hooks/form/types";
-import { UseLoadingOvertimeRefineContext } from "../../hooks/useLoadingOvertime";
-import { AccessControlProvider } from "../accessControl/types";
-import { AuditLogProvider } from "../auditLog/types";
-import { AuthProvider, LegacyAuthProvider } from "../auth/types";
-import { DataProvider, DataProviders, MutationMode } from "../data/types";
-import { I18nProvider } from "../i18n/types";
-import { LiveModeProps, LiveProvider } from "../live/types";
-import { NotificationProvider } from "../notification/types";
-import { ResourceProps } from "../resource/types";
-import { LegacyRouterProvider } from "../router/legacy/types";
-import { RouterProvider } from "../router/types";
+import type { RedirectAction } from "../../hooks/form/types";
+import type { UseLoadingOvertimeRefineContext } from "../../hooks/useLoadingOvertime";
+import type { AccessControlProvider } from "../accessControl/types";
+import type { AuditLogProvider } from "../auditLog/types";
+import type { AuthProvider, LegacyAuthProvider } from "../auth/types";
+import type { DataProvider, DataProviders, MutationMode } from "../data/types";
+import type { I18nProvider } from "../i18n/types";
+import type { LiveModeProps, LiveProvider } from "../live/types";
+import type { NotificationProvider } from "../notification/types";
+import type { ResourceProps } from "../resource/types";
+import type { LegacyRouterProvider } from "../router/legacy/types";
+import type { RouterProvider } from "../router/types";
 
 export type TitleProps = {
   collapsed: boolean;
@@ -96,6 +96,14 @@ export interface IRefineOptions {
    */
   projectId?: string;
   useNewQueryKeys?: boolean;
+  /**
+   * Icon and name for the app title. These values are used as default values in the <ThemedLayoutV2 /> and <AuthPage /> components.
+   * By default, `icon` is the Refine logo and `text` is "Refine Project".
+   */
+  title?: {
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+  };
 }
 
 export interface IRefineContextOptions {
@@ -115,6 +123,10 @@ export interface IRefineContextOptions {
   disableServerSideValidation: boolean;
   projectId?: string;
   useNewQueryKeys?: boolean;
+  title: {
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+  };
 }
 
 export interface IRefineContext {

package/src/contexts/resource/index.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { legacyResourceTransform } from "@definitions/helpers";
 import { useDeepMemo } from "@hooks/deepMemo";
 
-import { IResourceContext, IResourceItem, ResourceProps } from "./types";
+import type { IResourceContext, IResourceItem, ResourceProps } from "./types";
 
 export const ResourceContext = React.createContext<IResourceContext>({
   resources: [],

package/src/contexts/resource/types.ts

@@ -1,8 +1,8 @@
-import { ComponentType, ReactNode } from "react";
+import type { ComponentType, ReactNode } from "react";
 
-import { UseQueryResult } from "@tanstack/react-query";
+import type { UseQueryResult } from "@tanstack/react-query";
 
-import { ILogData } from "../auditLog/types";
+import type { ILogData } from "../auditLog/types";
 
 /**
  * Resource route components

package/src/contexts/router/index.tsx

@@ -1,5 +1,5 @@
-import React, { createContext, PropsWithChildren } from "react";
-import { RouterProvider } from "./types";
+import React, { createContext, type PropsWithChildren } from "react";
+import type { RouterProvider } from "./types";
 
 const defaultRouterProvider = {};
 

package/src/contexts/router/legacy/index.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
-import { ILegacyRouterContext } from "./types";
+import type { ILegacyRouterContext } from "./types";
 
 export const defaultProvider: ILegacyRouterContext = {
   useHistory: () => false,

package/src/contexts/router/legacy/types.ts

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Action } from "../types";
+import type { Action } from "../types";
 
 export interface LegacyRouterProvider {
   useHistory: () => {

package/src/contexts/router/types.ts

@@ -26,8 +26,8 @@
  * `useGo`, `useBack` and `useParsed`
  */
 
-import { BaseKey, CrudFilter, CrudSort } from "../data/types";
-import { IResourceItem } from "../resource/types";
+import type { BaseKey, CrudFilter, CrudSort } from "../data/types";
+import type { IResourceItem } from "../resource/types";
 
 export type Action = "create" | "edit" | "list" | "show" | "clone";
 

package/src/contexts/undoableQueue/index.tsx

@@ -1,9 +1,17 @@
-import React, { createContext, useReducer, PropsWithChildren } from "react";
+import React, {
+  createContext,
+  useReducer,
+  type PropsWithChildren,
+} from "react";
 
 import isEqual from "lodash/isEqual";
 
 import { UndoableQueue } from "../../components";
-import { ActionTypes, IUndoableQueue, IUndoableQueueContext } from "./types";
+import {
+  ActionTypes,
+  type IUndoableQueue,
+  type IUndoableQueueContext,
+} from "./types";
 
 export const UndoableQueueContext = createContext<IUndoableQueueContext>({
   notifications: [],

package/src/contexts/undoableQueue/types.ts

@@ -1,4 +1,4 @@
-import { BaseKey } from "../data/types";
+import type { BaseKey } from "../data/types";
 
 export enum ActionTypes {
   ADD = "ADD",

package/src/contexts/unsavedWarn/index.tsx

@@ -1,6 +1,6 @@
-import React, { useState, PropsWithChildren } from "react";
+import React, { useState, type PropsWithChildren } from "react";
 
-import { IUnsavedWarnContext } from "./types";
+import type { IUnsavedWarnContext } from "./types";
 
 export const UnsavedWarnContext = React.createContext<IUnsavedWarnContext>({});