@refinedev/antd 5.37.3 → 5.37.5

package/src/components/fields/number/index.tsx

@@ -1,14 +1,12 @@
 import React from "react";
 import { Typography } from "antd";
 
-const { Text } = Typography;
-
 function toLocaleStringSupportsOptions() {
-    return !!(
-        typeof Intl == "object" &&
-        Intl &&
-        typeof Intl.NumberFormat == "function"
-    );
+  return !!(
+    typeof Intl === "object" &&
+    Intl &&
+    typeof Intl.NumberFormat === "function"
+  );
 }
 
 import { NumberFieldProps } from "../types";
@@ -19,18 +17,18 @@ import { NumberFieldProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/fields/number} for more details.
  */
 export const NumberField: React.FC<NumberFieldProps> = ({
-    value,
-    locale,
-    options,
-    ...rest
+  value,
+  locale,
+  options,
+  ...rest
 }) => {
-    const number = Number(value);
+  const number = Number(value);
 
-    return (
-        <Text {...rest}>
-            {toLocaleStringSupportsOptions()
-                ? number.toLocaleString(locale, options)
-                : number}
-        </Text>
-    );
+  return (
+    <Typography.Text {...rest}>
+      {toLocaleStringSupportsOptions()
+        ? number.toLocaleString(locale, options)
+        : number}
+    </Typography.Text>
+  );
 };

package/src/components/fields/tag/index.tsx

@@ -9,5 +9,5 @@ import { TagFieldProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/fields/tag} for more details.
  */
 export const TagField: React.FC<TagFieldProps> = ({ value, ...rest }) => {
-    return <Tag {...rest}>{value?.toString()}</Tag>;
+  return <Tag {...rest}>{value?.toString()}</Tag>;
 };

package/src/components/fields/text/index.tsx

@@ -1,8 +1,6 @@
 import React from "react";
 import { Typography } from "antd";
 
-const { Text } = Typography;
-
 import { TextFieldProps } from "../types";
 
 /**
@@ -11,5 +9,5 @@ import { TextFieldProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/fields/text} for more details.
  */
 export const TextField: React.FC<TextFieldProps> = ({ value, ...rest }) => {
-    return <Text {...rest}>{value}</Text>;
+  return <Typography.Text {...rest}>{value}</Typography.Text>;
 };

package/src/components/fields/types.ts

@@ -1,16 +1,16 @@
 import { ReactChild, ReactNode } from "react";
 import { ConfigType } from "dayjs";
 import {
-    RefineFieldBooleanProps,
-    RefineFieldDateProps,
-    RefineFieldEmailProps,
-    RefineFieldFileProps,
-    RefineFieldImageProps,
-    RefineFieldMarkdownProps as BaseRefineFieldMarkdownProps,
-    RefineFieldNumberProps,
-    RefineFieldTagProps,
-    RefineFieldTextProps,
-    RefineFieldUrlProps,
+  RefineFieldBooleanProps,
+  RefineFieldDateProps,
+  RefineFieldEmailProps,
+  RefineFieldFileProps,
+  RefineFieldImageProps,
+  RefineFieldMarkdownProps as BaseRefineFieldMarkdownProps,
+  RefineFieldNumberProps,
+  RefineFieldTagProps,
+  RefineFieldTextProps,
+  RefineFieldUrlProps,
 } from "@refinedev/ui-types";
 import { ImageProps, TagProps } from "antd";
 import { AbstractTooltipProps } from "antd/lib/tooltip";
@@ -18,8 +18,8 @@ import { TextProps } from "antd/lib/typography/Text";
 import { LinkProps } from "antd/lib/typography/Link";
 
 export type BooleanFieldProps = RefineFieldBooleanProps<
-    unknown,
-    AbstractTooltipProps
+  unknown,
+  AbstractTooltipProps
 >;
 
 export type DateFieldProps = RefineFieldDateProps<ConfigType, TextProps>;
@@ -29,15 +29,15 @@ export type EmailFieldProps = RefineFieldEmailProps<ReactNode, LinkProps>;
 export type FileFieldProps = RefineFieldFileProps<LinkProps>;
 
 export type ImageFieldProps = RefineFieldImageProps<
-    string | undefined,
-    ImageProps,
-    {
-        imageTitle?: string;
-    }
+  string | undefined,
+  ImageProps,
+  {
+    imageTitle?: string;
+  }
 >;
 
 export type RefineFieldMarkdownProps = BaseRefineFieldMarkdownProps<
-    string | undefined
+  string | undefined
 >;
 
 export type NumberFieldProps = RefineFieldNumberProps<ReactChild, TextProps>;

package/src/components/fields/url/index.tsx

@@ -1,8 +1,6 @@
 import React from "react";
 import { Typography } from "antd";
 
-const { Link } = Typography;
-
 import { UrlFieldProps } from "../types";
 
 /**
@@ -12,13 +10,13 @@ import { UrlFieldProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/fields/url} for more details.
  */
 export const UrlField: React.FC<UrlFieldProps> = ({
-    children,
-    value,
-    ...rest
+  children,
+  value,
+  ...rest
 }) => {
-    return (
-        <Link href={value} {...rest}>
-            {children ?? value}
-        </Link>
-    );
+  return (
+    <Typography.Link href={value} {...rest}>
+      {children ?? value}
+    </Typography.Link>
+  );
 };

package/src/components/layout/header/index.tsx

@@ -2,34 +2,33 @@ import { useActiveAuthProvider, useGetIdentity } from "@refinedev/core";
 import { Avatar, Layout as AntdLayout, Space, Typography } from "antd";
 import React from "react";
 import { RefineLayoutHeaderProps } from "../types";
-const { Text } = Typography;
 
 export const Header: React.FC<RefineLayoutHeaderProps> = () => {
-    const authProvider = useActiveAuthProvider();
-    const { data: user } = useGetIdentity({
-        v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
-    });
+  const authProvider = useActiveAuthProvider();
+  const { data: user } = useGetIdentity({
+    v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
+  });
 
-    const shouldRenderHeader = user && (user.name || user.avatar);
+  const shouldRenderHeader = user && (user.name || user.avatar);
 
-    return shouldRenderHeader ? (
-        <AntdLayout.Header
-            style={{
-                display: "flex",
-                justifyContent: "flex-end",
-                alignItems: "center",
-                padding: "0px 24px",
-                height: "64px",
-            }}
-        >
-            <Space style={{ marginLeft: "8px" }}>
-                {user?.name && (
-                    <Text style={{ color: "white" }} strong>
-                        {user.name}
-                    </Text>
-                )}
-                {user?.avatar && <Avatar src={user?.avatar} alt={user?.name} />}
-            </Space>
-        </AntdLayout.Header>
-    ) : null;
+  return shouldRenderHeader ? (
+    <AntdLayout.Header
+      style={{
+        display: "flex",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        padding: "0px 24px",
+        height: "64px",
+      }}
+    >
+      <Space style={{ marginLeft: "8px" }}>
+        {user?.name && (
+          <Typography.Text style={{ color: "white" }} strong>
+            {user.name}
+          </Typography.Text>
+        )}
+        {user?.avatar && <Avatar src={user?.avatar} alt={user?.name} />}
+      </Space>
+    </AntdLayout.Header>
+  ) : null;
 };

package/src/components/layout/index.tsx

@@ -10,36 +10,36 @@ import { RefineLayoutLayoutProps } from "./types";
  * @see https://refine.dev/docs/api-reference/antd/components/antd-themed-layout
  **/
 export const Layout: React.FC<RefineLayoutLayoutProps> = ({
-    children,
-    Header,
-    Sider,
-    Title,
-    Footer,
-    OffLayoutArea,
+  children,
+  Header,
+  Sider,
+  Title,
+  Footer,
+  OffLayoutArea,
 }) => {
-    const breakpoint = Grid.useBreakpoint();
-    const SiderToRender = Sider ?? DefaultSider;
-    const HeaderToRender = Header ?? DefaultHeader;
-    const isSmall = typeof breakpoint.sm === "undefined" ? true : breakpoint.sm;
+  const breakpoint = Grid.useBreakpoint();
+  const SiderToRender = Sider ?? DefaultSider;
+  const HeaderToRender = Header ?? DefaultHeader;
+  const isSmall = typeof breakpoint.sm === "undefined" ? true : breakpoint.sm;
 
-    return (
-        <AntdLayout style={{ minHeight: "100vh" }}>
-            <SiderToRender Title={Title} />
-            <AntdLayout>
-                <HeaderToRender />
-                <AntdLayout.Content>
-                    <div
-                        style={{
-                            minHeight: 360,
-                            padding: isSmall ? 24 : 12,
-                        }}
-                    >
-                        {children}
-                    </div>
-                    {OffLayoutArea && <OffLayoutArea />}
-                </AntdLayout.Content>
-                {Footer && <Footer />}
-            </AntdLayout>
-        </AntdLayout>
-    );
+  return (
+    <AntdLayout style={{ minHeight: "100vh" }}>
+      <SiderToRender Title={Title} />
+      <AntdLayout>
+        <HeaderToRender />
+        <AntdLayout.Content>
+          <div
+            style={{
+              minHeight: 360,
+              padding: isSmall ? 24 : 12,
+            }}
+          >
+            {children}
+          </div>
+          {OffLayoutArea && <OffLayoutArea />}
+        </AntdLayout.Content>
+        {Footer && <Footer />}
+      </AntdLayout>
+    </AntdLayout>
+  );
 };