@faasjs/ant-design 1.4.1 → 1.5.0

package/dist/index.mjs

@@ -1,9 +1,8 @@
 import { ErrorBoundary as ErrorBoundary$1, FaasReactClient, FaasDataWrapper as FaasDataWrapper$1, faas } from '@faasjs/react';
 export { faas, useFaas } from '@faasjs/react';
-import { Form as Form$1, Modal, Drawer, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
-export { Drawer, Modal } from 'antd';
-import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
-import { createContext, useState, useEffect, useContext, useMemo, cloneElement, useCallback, isValidElement, Suspense } from 'react';
+import { Form as Form$1, Modal as Modal$1, Drawer as Drawer$1, message, notification, ConfigProvider as ConfigProvider$1, Typography, Spin, Descriptions, Input, Button, Row, Col, DatePicker, Switch, Select, InputNumber, Radio, Result, Skeleton, Table as Table$1, Tabs as Tabs$1, Alert, Space } from 'antd';
+import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
+import { createContext, useState, useCallback, useMemo, useEffect, useContext, cloneElement, isValidElement, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BrowserRouter, useNavigate, Link as Link$1, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
@@ -12,26 +11,37 @@ import dayjs2 from 'dayjs';
 import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
 
 // src/index.ts
+var Modal = Modal$1;
+Modal.whyDidYouRender = true;
 function useModal(init) {
-  const [props, setProps] = useState({
-    open: false,
-    onCancel: () => setProps((prev) => ({
+  const [props, setProps] = useState({ open: false, ...init });
+  const onCancel = useCallback(() => {
+    setProps((prev) => ({
       ...prev,
       open: false
-    })),
-    ...init
-  });
-  return {
-    modal: /* @__PURE__ */ jsx(Modal, { ...props }),
-    modalProps: props,
-    setModalProps(changes) {
+    }));
+  }, []);
+  const modal = useMemo(() => /* @__PURE__ */ jsx(Modal, { onCancel, ...props }), [props]);
+  const setModalProps = useCallback((changes) => {
+    if (typeof changes === "function") {
       setProps((prev) => ({
         ...prev,
-        ...changes
+        ...changes(props)
       }));
+      return;
     }
+    setProps((prev) => ({
+      ...prev,
+      ...changes
+    }));
+  }, []);
+  return {
+    modal,
+    modalProps: props,
+    setModalProps
   };
 }
+var Drawer = Drawer$1;
 function useDrawer(init) {
   const [props, setProps] = useState({
     open: false,
@@ -45,6 +55,13 @@ function useDrawer(init) {
     drawer: /* @__PURE__ */ jsx(Drawer, { ...props }),
     drawerProps: props,
     setDrawerProps(changes) {
+      if (typeof changes === "function") {
+        setProps((prev) => ({
+          ...prev,
+          ...changes(props)
+        }));
+        return;
+      }
       setProps((prev) => ({
         ...prev,
         ...changes
@@ -52,6 +69,7 @@ function useDrawer(init) {
     }
   };
 }
+Drawer.whyDidYouRender = true;
 function ErrorChildren(props) {
   return /* @__PURE__ */ jsx(
     Alert,
@@ -74,6 +92,7 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
 }
+ErrorBoundary.whyDidYouRender = true;
 var isZH = /^zh/i.test(navigator.language);
 var zh = {
   lang: "zh",
@@ -162,7 +181,7 @@ function RoutesApp(props) {
 function App(props) {
   const [messageApi, messageContextHolder] = message.useMessage();
   const [notificationApi, notificationContextHolder] = notification.useNotification();
-  const { modal, setModalProps } = useModal();
+  const { modal, modalProps, setModalProps } = useModal();
   const { drawer, setDrawerProps } = useDrawer();
   const memoizedContextValue = useMemo(
     () => ({
@@ -173,31 +192,32 @@ function App(props) {
     }),
     [messageApi, notificationApi, setModalProps, setDrawerProps]
   );
-  return /* @__PURE__ */ jsx(
-    StyleProvider,
-    {
-      ...Object.assign(props.styleProviderProps || {}, {
-        hashPriority: "high",
-        transformers: [legacyLogicalPropertiesTransformer]
-      }),
-      children: /* @__PURE__ */ jsx(ConfigProvider$1, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
-        messageContextHolder,
-        notificationContextHolder,
-        modal,
-        drawer,
-        /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
-      ] }) }) }) }) })
-    }
+  const styleProviderProps = useMemo(
+    () => ({
+      ...props.styleProviderProps,
+      hashPriority: "high",
+      transformers: [legacyLogicalPropertiesTransformer]
+    }),
+    [props.styleProviderProps]
   );
+  return /* @__PURE__ */ jsx(StyleProvider, { ...styleProviderProps, children: /* @__PURE__ */ jsx(ConfigProvider$1, { ...props.configProviderProps, children: /* @__PURE__ */ jsx(AppContext.Provider, { value: memoizedContextValue, children: /* @__PURE__ */ jsx(ConfigProvider, { ...props.faasConfigProviderProps, children: /* @__PURE__ */ jsx(ErrorBoundary, { ...props.errorBoundaryProps, children: /* @__PURE__ */ jsxs(BrowserRouter, { ...props.browserRouterProps, children: [
+    messageContextHolder,
+    notificationContextHolder,
+    modal,
+    drawer,
+    /* @__PURE__ */ jsx(RoutesApp, { children: props.children })
+  ] }) }) }) }) }) });
 }
 function useApp() {
   return useContext(AppContext);
 }
 App.useApp = useApp;
+App.whyDidYouRender = true;
 function Blank(options) {
   const { theme } = useConfigContext();
   return !options || isNil(options.value) || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: (options == null ? void 0 : options.text) || theme.Blank.text }) : options.value;
 }
+Blank.whyDidYouRender = true;
 function transferOptions(options) {
   if (!options)
     return [];
@@ -260,6 +280,7 @@ function Loading(props) {
     }
   );
 }
+Loading.whyDidYouRender = true;
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsx(
     FaasDataWrapper$1,
@@ -269,6 +290,7 @@ function FaasDataWrapper(props) {
     }
   );
 }
+FaasDataWrapper.whyDidYouRender = true;
 function DescriptionItemContent(props) {
   var _a, _b;
   const [computedProps, setComputedProps] = useState();
@@ -407,6 +429,7 @@ function DescriptionItemContent(props) {
       return computedProps.value || null;
   }
 }
+DescriptionItemContent.whyDidYouRender = true;
 function Description(props) {
   if (props.faasData && !props.dataSource)
     return /* @__PURE__ */ jsx(
@@ -438,6 +461,7 @@ function Description(props) {
     }
   );
 }
+Description.whyDidYouRender = true;
 function processProps(propsCopy, config) {
   if (!propsCopy.title)
     propsCopy.title = upperFirst(propsCopy.id);
@@ -729,6 +753,7 @@ function FormItem(props) {
       return null;
   }
 }
+FormItem.whyDidYouRender = true;
 FormItem.useStatus = Form$1.Item.useStatus;
 function Form(props) {
   var _a, _b;
@@ -858,6 +883,7 @@ function Form(props) {
     computedProps.footer
   ] });
 }
+Form.whyDidYouRender = true;
 Form.useForm = Form$1.useForm;
 Form.useFormInstance = Form$1.useFormInstance;
 Form.useWatch = Form$1.useWatch;
@@ -967,6 +993,7 @@ function Link(props) {
     }
   );
 }
+Link.whyDidYouRender = true;
 function PageNotFound() {
   const { theme } = useConfigContext();
   return /* @__PURE__ */ jsx(Result, { status: "404", title: theme.common.pageNotFound });
@@ -990,6 +1017,7 @@ function Routes(props) {
     /* @__PURE__ */ jsx(Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsx(PageNotFound, {}) }, "*")
   ] });
 }
+Routes.whyDidYouRender = true;
 function processValue(item, value) {
   var _a;
   const transferred = transferValue(item.type, value);
@@ -1588,6 +1616,7 @@ function FaasDataTable({
     }
   );
 }
+Table.whyDidYouRender = true;
 function Tabs(props) {
   return /* @__PURE__ */ jsx(
     Tabs$1,
@@ -1601,6 +1630,7 @@ function Tabs(props) {
     }
   );
 }
+Tabs.whyDidYouRender = true;
 function Title(props) {
   const { theme } = useConfigContext();
   useEffect(() => {
@@ -1618,5 +1648,6 @@ function Title(props) {
     return cloneElement(props.children, { title: props.title });
   return null;
 }
+Title.whyDidYouRender = true;
 
-export { App, Blank, ConfigContext, ConfigProvider, Description, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };
+export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -26,7 +26,7 @@
     "lodash-es": "*"
   },
   "peerDependencies": {
-    "@faasjs/react": "1.4.1",
+    "@faasjs/react": "1.5.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",
@@ -37,7 +37,8 @@
     "@testing-library/jest-dom": "*",
     "@testing-library/react": "*",
     "@testing-library/user-event": "*",
-    "@faasjs/react": "1.4.1",
+    "@welldone-software/why-did-you-render": "*",
+    "@faasjs/react": "1.5.0",
     "antd": "*",
     "react": "*",
     "react-dom": "*",