chore: useImport type rule (#400)

* chore: useImport type rule

* fix: single type imports

refine-nextjs/plugins/_base/src/components/layout/index.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 

refine-nextjs/plugins/antd-example/src/app/blog-posts/page.tsx

@@ -9,7 +9,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useMany } from "@refinedev/core";
+import { type BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 

refine-nextjs/plugins/antd-example/src/app/categories/page.tsx

@@ -7,7 +7,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>

refine-nextjs/plugins/antd/src/contexts/color-mode/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React, {
-    PropsWithChildren,
+    type PropsWithChildren,
     createContext,
     useEffect,
     useState,

refine-nextjs/plugins/auth-provider-auth0/src/app/_refine_context.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React from "react";
-import { Refine, GitHubBanner, AuthBindings, <%- (_app.refineImports || []).join("\n,") _%> } from '@refinedev/core';
+import { Refine, GitHubBanner, type AuthProvider, <%- (_app.refineImports || []).join("\n,") _%> } from '@refinedev/core';
 import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
 import { SessionProvider, useSession, signOut, signIn } from "next-auth/react";
 import { usePathname } from 'next/navigation'
@@ -59,7 +59,7 @@ const App = (props: React.PropsWithChildren<AppProps>) => {
         return <span>loading...</span>;
     }
 
-    const authProvider: AuthBindings = {
+    const authProvider: AuthProvider = {
         login: async () => {
             signIn("auth0", {
                     callbackUrl: to ? to.toString() : "/",

refine-nextjs/plugins/auth-provider-auth0/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import type { Metadata } from "next";
 <%- (_app.nextjsImport || []).join("\n") _%>
 import React, { Suspense } from "react";
 import { RefineContext } from "./_refine_context";

refine-nextjs/plugins/auth-provider-custom/src/providers/auth-provider/auth-provider.server.ts

@@ -1,7 +1,7 @@
-import { AuthBindings } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { cookies } from "next/headers";
 
-export const authProviderServer: Pick<AuthBindings, "check"> = {
+export const authProviderServer: Pick<AuthProvider, "check"> = {
     check: async () => {
         const cookieStore = cookies();
         const auth = cookieStore.get("auth");

refine-nextjs/plugins/auth-provider-custom/src/providers/auth-provider/auth-provider.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { AuthBindings } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import Cookies from "js-cookie";
 
 const mockUsers = [
@@ -18,7 +18,7 @@ const mockUsers = [
     },
 ];
 
-export const authProvider: AuthBindings = {
+export const authProvider: AuthProvider = {
     login: async ({ email, username, password, remember }) => {
         // Suppose we actually send a request to the back end here.
         const user = mockUsers[0];

refine-nextjs/plugins/auth-provider-google/src/app/_refine_context.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React from "react";
-import { Refine, GitHubBanner, AuthBindings, <%- (_app.refineImports || []).join("\n,") _%> } from '@refinedev/core';
+import { Refine, GitHubBanner, type AuthProvider, <%- (_app.refineImports || []).join("\n,") _%> } from '@refinedev/core';
 import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
 import { SessionProvider, useSession, signOut, signIn } from "next-auth/react";
 import { usePathname } from 'next/navigation'
@@ -59,7 +59,7 @@ const App = (props: React.PropsWithChildren<AppProps>) => {
         return <span>loading...</span>;
     }
 
-    const authProvider: AuthBindings = {
+    const authProvider: AuthProvider = {
         login: async () => {
             signIn("google", {
                     callbackUrl: to ? to.toString() : "/",

refine-nextjs/plugins/auth-provider-google/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import type { Metadata } from "next";
 <%- (_app.nextjsImport || []).join("\n") _%>
 import React, { Suspense } from "react";
 import { RefineContext } from "./_refine_context";

refine-nextjs/plugins/auth-provider-keycloak/src/app/_refine_context.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React from "react";
-import { Refine, GitHubBanner, AuthBindings, <%- (_app.refineImports || []).join("\n,") _%> } from '@refinedev/core';
+import { Refine, GitHubBanner, type AuthProvider, <%- (_app.refineImports || []).join("\n,") _%> } from '@refinedev/core';
 import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
 import { SessionProvider, useSession, signOut, signIn } from "next-auth/react";
 import { usePathname } from 'next/navigation'
@@ -59,7 +59,7 @@ const App = (props: React.PropsWithChildren<AppProps>) => {
         return <span>loading...</span>;
     }
 
-    const authProvider: AuthBindings = {
+    const authProvider: AuthProvider = {
         login: async () => {
             signIn("keycloak", {
                     callbackUrl: to ? to.toString() : "/",

refine-nextjs/plugins/auth-provider-keycloak/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import type { Metadata } from "next";
 <%- (_app.nextjsImport || []).join("\n") _%>
 import React, { Suspense } from "react";
 import { RefineContext } from "./_refine_context";

refine-nextjs/plugins/data-provider-appwrite/src/providers/auth-provider/auth-provider.client.ts

@@ -1,7 +1,7 @@
 "use client";
 
 import { AppwriteException } from "@refinedev/appwrite";
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { appwriteAccount, appwriteClient } from "@utils/appwrite/client";
 import { APPWRITE_JWT_KEY } from "@utils/constants";
 import Cookies from "js-cookie";

refine-nextjs/plugins/data-provider-appwrite/src/providers/auth-provider/auth-provider.server.ts

@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { getSessionClient } from "@utils/appwrite/server";
 
 export const authProviderServer: Pick<AuthProvider, "check"> = {

refine-nextjs/plugins/data-provider-strapi-v4/src/providers/auth-provider/auth-provider.server.ts

@@ -1,4 +1,4 @@
-import { AuthProvider } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { API_URL, TOKEN_KEY } from "@utility/constants";
 import { cookies } from "next/headers";
 

refine-nextjs/plugins/data-provider-strapi-v4/src/providers/auth-provider/auth-provider.ts

@@ -1,14 +1,14 @@
 "use client";
 
-import { AuthBindings } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 import { axiosInstance } from "@utility/axios-instance";
 import { API_URL, TOKEN_KEY } from "@utility/constants";
 import Cookies from "js-cookie";
 
 const strapiAuthHelper = AuthHelper(API_URL + "/api");
 
-export const authProvider: AuthBindings = {
+export const authProvider: AuthProvider = {
     login: async ({ email, password }) => {
         const { data, status } = await strapiAuthHelper.login(email, password);
         if (status === 200) {

refine-nextjs/plugins/data-provider-supabase/src/utils/supabase/middleware.ts

@@ -1,5 +1,5 @@
-import { CookieOptions, createServerClient } from "@supabase/ssr";
-import { NextRequest, NextResponse } from "next/server";
+import { type CookieOptions, createServerClient } from "@supabase/ssr";
+import { type NextRequest, NextResponse } from "next/server";
 import { SUPABASE_KEY, SUPABASE_URL } from "./constants";
 
 export async function updateSession(request: NextRequest) {

refine-nextjs/plugins/mui-example/src/app/blog-posts/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useMany } from "@refinedev/core";
 import {
     DateField,

refine-nextjs/plugins/mui-example/src/app/categories/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import {
     DeleteButton,
     EditButton,

refine-nextjs/plugins/mui/src/contexts/color-mode/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React, {
-    PropsWithChildren,
+    type PropsWithChildren,
     createContext,
     useEffect,
     useState,

refine-remix/plugins/_base/app/components/layout/index.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 

refine-remix/plugins/antd-example/app/routes/_layout.blog-posts._index.tsx

@@ -7,7 +7,7 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useMany } from "@refinedev/core";
+import { type BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>

refine-remix/plugins/antd-example/app/routes/_layout.categories._index.tsx

@@ -5,7 +5,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>

refine-remix/plugins/auth-provider-auth0/app/routes/_auth.tsx

@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 import { authenticator } from "~/utils/auth.server";
 
 export default function AuthLayout() {

refine-remix/plugins/auth-provider-custom/app/authProvider.ts

@@ -1,4 +1,4 @@
-import type { AuthBindings } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import * as cookie from "cookie";
 import Cookies from "js-cookie";
 
@@ -25,7 +25,7 @@ const mockUsers = [
 
 const COOKIE_NAME = "user";
 
-export const authProvider: AuthBindings = {
+export const authProvider: AuthProvider = {
     login: async ({ email }) => {
         // Suppose we actually send a request to the back end here.
         const user = mockUsers.find((item) => item.email === email);

refine-remix/plugins/auth-provider-google/app/routes/_auth.tsx

@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 import { authenticator } from "~/utils/auth.server";
 
 export default function AuthLayout() {

refine-remix/plugins/auth-provider-keycloak/app/routes/_auth.tsx

@@ -1,5 +1,5 @@
 import { Outlet } from "@remix-run/react";
-import { LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
 import { authenticator } from "~/utils/auth.server";
 
 export default function AuthLayout() {

refine-remix/plugins/data-provider-appwrite/app/authProvider.ts

@@ -1,11 +1,11 @@
 import { AppwriteException } from "@refinedev/appwrite";
-import { AuthBindings } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import * as cookie from "cookie";
 import Cookies from "js-cookie";
 import { v4 as uuidv4 } from "uuid";
 import { account, appwriteClient, TOKEN_KEY } from "./utility";
 
-export const authProvider: AuthBindings = {
+export const authProvider: AuthProvider = {
     login: async ({ email, password }) => {
         try {
             await account.createEmailSession(email, password);

refine-remix/plugins/data-provider-strapi-v4/app/authProvider.ts

@@ -1,4 +1,4 @@
-import type { AuthBindings } from "@refinedev/core";
+import type { AuthProvider } from "@refinedev/core";
 import { AuthHelper } from "@refinedev/strapi-v4";
 import axios from "axios";
 import * as cookie from "cookie";
@@ -16,7 +16,7 @@ axiosInstance.interceptors.request.use((config) => {
     return config;
 });
 
-export const authProvider: AuthBindings = {
+export const authProvider: AuthProvider = {
     login: async ({ email, password }) => {
         const { data, status } = await strapiAuthHelper.login(email, password);
         if (status === 200) {

refine-remix/plugins/headless-example/app/routes/_layout.blog-posts._index.tsx

@@ -1,10 +1,10 @@
 import {
-    GetManyResponse,
+    type GetManyResponse,
     useMany,
     useNavigation,
 } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
 import { BLOG_POSTS_QUERY } from "../queries/blog-posts";

refine-remix/plugins/headless-example/app/routes/_layout.categories._index.tsx

@@ -1,6 +1,6 @@
 import { useNavigation } from "@refinedev/core";
 import { useTable } from "@refinedev/react-table";
-import { ColumnDef, flexRender } from "@tanstack/react-table";
+import { type ColumnDef, flexRender } from "@tanstack/react-table";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>
 import { CATEGORIES_QUERY } from "../queries/categories";

refine-remix/plugins/mui-example/app/routes/_layout.blog-posts._index.tsx

@@ -1,4 +1,4 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import { useMany } from "@refinedev/core";
 import {
     DateField,

refine-remix/plugins/mui-example/app/routes/_layout.categories._index.tsx

@@ -1,4 +1,4 @@
-import { DataGrid, GridColDef } from "@mui/x-data-grid";
+import { DataGrid, type GridColDef } from "@mui/x-data-grid";
 import {
     DeleteButton,
     EditButton,

refine-remix/plugins/mui/app/components/header/index.tsx

@@ -7,7 +7,7 @@ import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
 import { useGetIdentity } from "@refinedev/core";
-import { HamburgerMenu, RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
+import { HamburgerMenu, type RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
 import React, { useContext } from "react";
 import { ColorModeContext } from "~/contexts/ColorModeContext";
 

refine-vite/plugins/_base/src/components/layout/index.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 import { Breadcrumb } from "../breadcrumb";
 import { Menu } from "../menu";
 

refine-vite/plugins/antd-example/src/pages/blog-posts/list.tsx

@@ -7,7 +7,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord, useMany } from "@refinedev/core";
+import { type BaseRecord, useMany } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>

refine-vite/plugins/antd-example/src/pages/categories/list.tsx

@@ -5,7 +5,7 @@ import {
     ShowButton,
     useTable,
 } from "@refinedev/antd";
-import { BaseRecord } from "@refinedev/core";
+import type { BaseRecord } from "@refinedev/core";
 import { Space, Table } from "antd";
 import React from "react";
 <%_ if (answers["data-provider"] === "data-provider-hasura") { _%>

refine-vite/plugins/antd/src/contexts/color-mode/index.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
+import { type PropsWithChildren, createContext, useEffect, useState } from "react";
 import { ConfigProvider, theme } from "antd";
 import { RefineThemes } from "@refinedev/antd";