@faasjs/ant-design 7.1.0 → 8.0.0-beta.0

package/dist/index.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-var cssinjs = require('@ant-design/cssinjs');
 var react = require('@faasjs/react');
 var antd = require('antd');
 var reactRouterDom = require('react-router-dom');
@@ -213,69 +212,51 @@ function App(props) {
   const [notificationApi, notificationContextHolder] = antd.notification.useNotification();
   const { modal, modalProps, setModalProps } = useModal();
   const { drawer, drawerProps, setDrawerProps } = useDrawer();
-  const styleProviderProps = react.useEqualMemo(
-    () => ({
-      hashPriority: "high",
-      transformers: [cssinjs.legacyLogicalPropertiesTransformer],
-      ...props.styleProviderProps
-    }),
-    [props.styleProviderProps]
-  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.OptionalWrapper,
     {
-      condition: props.styleProviderProps !== false,
-      Wrapper: cssinjs.StyleProvider,
-      wrapperProps: styleProviderProps,
+      condition: !!props.configProviderProps,
+      Wrapper: antd.ConfigProvider,
+      wrapperProps: props.configProviderProps,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.OptionalWrapper,
+        AppContext.Provider,
         {
-          condition: !!props.configProviderProps,
-          Wrapper: antd.ConfigProvider,
-          wrapperProps: props.configProviderProps,
+          value: {
+            message: messageApi,
+            notification: notificationApi,
+            drawerProps,
+            setDrawerProps,
+            modalProps,
+            setModalProps
+          },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            AppContext.Provider,
+            ConfigProvider,
             {
-              value: {
-                message: messageApi,
-                notification: notificationApi,
-                drawerProps,
-                setDrawerProps,
-                modalProps,
-                setModalProps
+              ...props.faasConfigProviderProps,
+              faasClientOptions: {
+                onError: (action) => async (res) => {
+                  if ("message" in res && res.toString().includes("AbortError"))
+                    return;
+                  console.error(`[FaasJS][${action}]`, res);
+                  messageApi.error("message" in res ? res.message : "Unknown error");
+                },
+                ...props.faasConfigProviderProps ? props.faasConfigProviderProps.faasClientOptions : {}
               },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                ConfigProvider,
+              children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                react.OptionalWrapper,
                 {
-                  ...props.faasConfigProviderProps,
-                  faasClientOptions: {
-                    onError: (action) => async (res) => {
-                      if ("message" in res && res.toString().includes("AbortError"))
-                        return;
-                      console.error(`[FaasJS][${action}]`, res);
-                      messageApi.error(
-                        "message" in res ? res.message : "Unknown error"
-                      );
-                    },
-                    ...props.faasConfigProviderProps ? props.faasConfigProviderProps.faasClientOptions : {}
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    react.OptionalWrapper,
-                    {
-                      condition: typeof document !== "undefined" && props.browserRouterProps !== false,
-                      Wrapper: reactRouterDom.BrowserRouter,
-                      wrapperProps: props.browserRouterProps,
-                      children: [
-                        messageContextHolder,
-                        notificationContextHolder,
-                        modal,
-                        drawer,
-                        props.browserRouterProps !== false ? /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children }) : props.children
-                      ]
-                    }
-                  ) })
+                  condition: typeof document !== "undefined" && props.browserRouterProps !== false,
+                  Wrapper: reactRouterDom.BrowserRouter,
+                  wrapperProps: props.browserRouterProps,
+                  children: [
+                    messageContextHolder,
+                    notificationContextHolder,
+                    modal,
+                    drawer,
+                    props.browserRouterProps !== false ? /* @__PURE__ */ jsxRuntime.jsx(RoutesApp, { children: props.children }) : props.children
+                  ]
                 }
-              )
+              ) })
             }
           )
         }

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StyleProviderProps } from '@ant-design/cssinjs';
 import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, FormItemProps as FormItemProps$1, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, FormInstance, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, DescriptionsProps, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1, GlobalToken } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
@@ -204,12 +203,6 @@ declare function useModal(init?: ModalProps): {
 
 interface AppProps {
     children: React.ReactNode;
-    /**
-     * `false` to disable StyleProvider.
-     *
-     * @see https://github.com/ant-design/cssinjs?tab=readme-ov-file#styleprovider
-     */
-    styleProviderProps?: StyleProviderProps | false;
     /** @see https://ant.design/components/config-provider/#API */
     configProviderProps?: ConfigProviderProps$1;
     /**
@@ -236,7 +229,7 @@ interface useAppProps {
 /**
  * App component with Ant Design & FaasJS
  *
- * - Based on Ant Design's [ConfigProvider](https://ant.design/components/config-provider/) and [StyleProvider](https://ant.design/docs/react/compatible-style#styleprovider).
+ * - Based on Ant Design's [ConfigProvider](https://ant.design/components/config-provider/).
  * - Integrated Ant Design's [Message](https://ant.design/components/message/) and [Notification](https://ant.design/components/notification/).
  * - Based on FaasJS's [ConfigProvider](https://faasjs.com/doc/ant-design/#configprovider).
  * - Integrated FaasJS's [Modal](https://faasjs.com/doc/ant-design/#usemodal), [Drawer](https://faasjs.com/doc/ant-design/#usedrawer) and [ErrorBoundary](https://faasjs.com/doc/ant-design/#errorboundary).
@@ -249,7 +242,6 @@ interface useAppProps {
  * export default function () {
  *   return (
  *     <App
- *      styleProviderProps={{}} // https://ant.design/docs/react/compatible-style#styleprovider
  *      configProviderProps={{}} // https://ant.design/components/config-provider/#API
  *      browserRouterProps={{}} // https://api.reactrouter.com/v7/interfaces/react_router.BrowserRouterProps.html
  *      errorBoundaryProps={{}} // https://faasjs.com/doc/ant-design/#errorboundary
@@ -258,6 +250,7 @@ interface useAppProps {
  *       <div>content</div>
  *     </App>
  *   )
+ * }
  * ```
  */
 declare function App(props: AppProps): react_jsx_runtime.JSX.Element;

package/dist/index.mjs

@@ -1,5 +1,4 @@
-import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
-import { createSplittingContext, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$1, useEqualEffect, FaasReactClient, useEqualCallback, ErrorBoundary as ErrorBoundary$1, useEqualMemo, OptionalWrapper, faas } from '@faasjs/react';
+import { createSplittingContext, FaasDataWrapper as FaasDataWrapper$1, withFaasData as withFaasData$1, useEqualEffect, FaasReactClient, useEqualCallback, ErrorBoundary as ErrorBoundary$1, OptionalWrapper, faas } from '@faasjs/react';
 export { FaasReactClient, faas, useFaas } from '@faasjs/react';
 import { Drawer as Drawer$1, Modal as Modal$1, Form as Form$1, Spin, message, notification, ConfigProvider as ConfigProvider$1, Typography, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, theme, Alert, Space } from 'antd';
 import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
@@ -209,69 +208,51 @@ function App(props) {
   const [notificationApi, notificationContextHolder] = notification.useNotification();
   const { modal, modalProps, setModalProps } = useModal();
   const { drawer, drawerProps, setDrawerProps } = useDrawer();
-  const styleProviderProps = useEqualMemo(
-    () => ({
-      hashPriority: "high",
-      transformers: [legacyLogicalPropertiesTransformer],
-      ...props.styleProviderProps
-    }),
-    [props.styleProviderProps]
-  );
   return /* @__PURE__ */ jsx(
     OptionalWrapper,
     {
-      condition: props.styleProviderProps !== false,
-      Wrapper: StyleProvider,
-      wrapperProps: styleProviderProps,
+      condition: !!props.configProviderProps,
+      Wrapper: ConfigProvider$1,
+      wrapperProps: props.configProviderProps,
       children: /* @__PURE__ */ jsx(
-        OptionalWrapper,
+        AppContext.Provider,
         {
-          condition: !!props.configProviderProps,
-          Wrapper: ConfigProvider$1,
-          wrapperProps: props.configProviderProps,
+          value: {
+            message: messageApi,
+            notification: notificationApi,
+            drawerProps,
+            setDrawerProps,
+            modalProps,
+            setModalProps
+          },
           children: /* @__PURE__ */ jsx(
-            AppContext.Provider,
+            ConfigProvider,
             {
-              value: {
-                message: messageApi,
-                notification: notificationApi,
-                drawerProps,
-                setDrawerProps,
-                modalProps,
-                setModalProps
+              ...props.faasConfigProviderProps,
+              faasClientOptions: {
+                onError: (action) => async (res) => {
+                  if ("message" in res && res.toString().includes("AbortError"))
+                    return;
+                  console.error(`[FaasJS][${action}]`, res);
+                  messageApi.error("message" in res ? res.message : "Unknown error");
+                },
+                ...props.faasConfigProviderProps ? props.faasConfigProviderProps.faasClientOptions : {}
               },
-              children: /* @__PURE__ */ jsx(
-                ConfigProvider,
+              children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(
+                OptionalWrapper,
                 {
-                  ...props.faasConfigProviderProps,
-                  faasClientOptions: {
-                    onError: (action) => async (res) => {
-                      if ("message" in res && res.toString().includes("AbortError"))
-                        return;
-                      console.error(`[FaasJS][${action}]`, res);
-                      messageApi.error(
-                        "message" in res ? res.message : "Unknown error"
-                      );
-                    },
-                    ...props.faasConfigProviderProps ? props.faasConfigProviderProps.faasClientOptions : {}
-                  },
-                  children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(
-                    OptionalWrapper,
-                    {
-                      condition: typeof document !== "undefined" && props.browserRouterProps !== false,
-                      Wrapper: BrowserRouter,
-                      wrapperProps: props.browserRouterProps,
-                      children: [
-                        messageContextHolder,
-                        notificationContextHolder,
-                        modal,
-                        drawer,
-                        props.browserRouterProps !== false ? /* @__PURE__ */ jsx(RoutesApp, { children: props.children }) : props.children
-                      ]
-                    }
-                  ) })
+                  condition: typeof document !== "undefined" && props.browserRouterProps !== false,
+                  Wrapper: BrowserRouter,
+                  wrapperProps: props.browserRouterProps,
+                  children: [
+                    messageContextHolder,
+                    notificationContextHolder,
+                    modal,
+                    drawer,
+                    props.browserRouterProps !== false ? /* @__PURE__ */ jsx(RoutesApp, { children: props.children }) : props.children
+                  ]
                 }
-              )
+              ) })
             }
           )
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "7.1.0",
+  "version": "v8.0.0-beta.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,23 +30,25 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/react": ">=7.1.0",
-    "antd": "*",
+    "@faasjs/react": ">=v8.0.0-beta.0",
+    "antd": "^6.0.0",
     "@ant-design/icons": "*",
     "lodash-es": "*",
-    "react": "*",
-    "react-dom": "*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-router-dom": "*"
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@faasjs/react": ">=7.1.0",
-    "antd": "*",
+    "@faasjs/react": ">=v8.0.0-beta.0",
+    "antd": "^6.0.0",
     "@ant-design/icons": "*",
     "lodash-es": "*",
-    "react": "*",
-    "react-dom": "*",
-    "react-router-dom": "*"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "*",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   },
   "engines": {
     "node": ">=24.0.0",