@faasjs/ant-design 8.0.0-beta.1 → 8.0.0-beta.3

package/README.md

@@ -120,6 +120,4 @@ type FaasItemProps = {
 ## Variables
 
 - [ConfigContext](variables/ConfigContext.md)
-- [Drawer](variables/Drawer.md)
-- [Modal](variables/Modal.md)
 - [useApp](variables/useApp.md)

package/dist/index.cjs

@@ -30,7 +30,6 @@ function Loading(props) {
     }
   );
 }
-Loading.whyDidYouRender = true;
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.FaasDataWrapper,
@@ -40,7 +39,6 @@ function FaasDataWrapper(props) {
     }
   );
 }
-FaasDataWrapper.whyDidYouRender = true;
 function withFaasData(Component, faasProps) {
   return react.withFaasData(Component, {
     fallback: faasProps.loading || /* @__PURE__ */ jsxRuntime.jsx(Loading, { ...faasProps.loadingProps }),
@@ -111,8 +109,6 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return react$1.useContext(ConfigContext);
 }
-var Drawer = antd.Drawer;
-Drawer.whyDidYouRender = true;
 function useDrawer(init) {
   const [props, setProps] = react$1.useState({
     open: false,
@@ -127,7 +123,7 @@ function useDrawer(init) {
   );
   return {
     drawer: /* @__PURE__ */ jsxRuntime.jsx(
-      Drawer,
+      antd.Drawer,
       {
         onClose: () => setProps((prev) => ({
           ...prev,
@@ -162,9 +158,6 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.ErrorBoundary, { errorChildren: /* @__PURE__ */ jsxRuntime.jsx(ErrorChildren, {}), ...props });
 }
-ErrorBoundary.whyDidYouRender = true;
-var Modal = antd.Modal;
-Modal.whyDidYouRender = true;
 function useModal(init) {
   const [props, setProps] = react$1.useState({ open: false, ...init });
   const setModalProps = react.useEqualCallback(
@@ -176,7 +169,7 @@ function useModal(init) {
   );
   return {
     modal: /* @__PURE__ */ jsxRuntime.jsx(
-      Modal,
+      antd.Modal,
       {
         onCancel: () => setProps((prev) => ({
           ...prev,
@@ -266,12 +259,10 @@ function App(props) {
 }
 var useApp = AppContext.use;
 App.useApp = useApp;
-App.whyDidYouRender = true;
 function Blank(options) {
   const { theme: theme2 } = useConfigContext();
   return !options || options.value === void 0 || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: options?.text || theme2.Blank.text }) : options.value;
 }
-Blank.whyDidYouRender = true;
 function idToTitle(id) {
   if (typeof id === "number") return id.toString();
   const splitted = id.split(/(\s|_|-)/).filter((word) => !/(\s|_|-)/.test(word)).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
@@ -433,7 +424,6 @@ function DescriptionItemContent(props) {
   }
 }
 DescriptionItemContent.displayName = "DescriptionItemContent";
-DescriptionItemContent.whyDidYouRender = true;
 function Description({
   faasData,
   dataSource,
@@ -482,7 +472,6 @@ function Description({
   );
 }
 Description.displayName = "Description";
-Description.whyDidYouRender = true;
 function isOptionsProps(item) {
   return item && Array.isArray(item.options);
 }
@@ -774,7 +763,6 @@ function FormItem(props) {
       return null;
   }
 }
-FormItem.whyDidYouRender = true;
 FormItem.useStatus = antd.Form.Item.useStatus;
 function isFormItemProps(item) {
   return item.id !== void 0;
@@ -897,7 +885,6 @@ function Form(props) {
     computedProps.footer
   ] });
 }
-Form.whyDidYouRender = true;
 Form.useForm = antd.Form.useForm;
 Form.useFormInstance = antd.Form.useFormInstance;
 Form.useWatch = antd.Form.useWatch;
@@ -958,7 +945,6 @@ function Link(props) {
     }
   );
 }
-Link.whyDidYouRender = true;
 function PageNotFound() {
   const { theme: theme2 } = useConfigContext();
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Result, { status: "404", title: theme2.common.pageNotFound });
@@ -982,7 +968,6 @@ function Routes(props) {
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsxRuntime.jsx(PageNotFound, {}) }, "*")
   ] });
 }
-Routes.whyDidYouRender = true;
 function processValue(item, value) {
   const transferred = transferValue(item.type, value);
   if (transferred === null || Array.isArray(transferred) && transferred.length === 0)
@@ -1566,7 +1551,6 @@ function Tabs(props) {
     }
   );
 }
-Tabs.whyDidYouRender = true;
 function Title(props) {
   const { theme: theme2 } = useConfigContext();
   react$1.useEffect(() => {
@@ -1584,7 +1568,6 @@ function Title(props) {
     return react$1.cloneElement(props.children, { title: props.title });
   return null;
 }
-Title.whyDidYouRender = true;
 function useThemeToken() {
   const config = antd.theme.useToken();
   return config.token;
@@ -1602,6 +1585,14 @@ Object.defineProperty(exports, "useFaas", {
   enumerable: true,
   get: function () { return react.useFaas; }
 });
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () { return antd.Drawer; }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return antd.Modal; }
+});
 Object.defineProperty(exports, "lazy", {
   enumerable: true,
   get: function () { return react$1.lazy; }
@@ -1611,14 +1602,12 @@ exports.Blank = Blank;
 exports.ConfigContext = ConfigContext;
 exports.ConfigProvider = ConfigProvider;
 exports.Description = Description;
-exports.Drawer = Drawer;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FaasDataWrapper = FaasDataWrapper;
 exports.Form = Form;
 exports.FormItem = FormItem;
 exports.Link = Link;
 exports.Loading = Loading;
-exports.Modal = Modal;
 exports.PageNotFound = PageNotFound;
 exports.Routes = Routes;
 exports.Table = Table;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
+export { Drawer, Modal } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { NotificationInstance } from 'antd/es/notification/interface';
 import { BrowserRouterProps, RouteProps } from 'react-router-dom';
@@ -8,9 +9,6 @@ import { JSX, CSSProperties, Dispatch, SetStateAction, ReactElement, FC, ReactNo
 export { lazy } from 'react';
 import { FaasDataWrapperProps as FaasDataWrapperProps$1, FaasDataInjection as FaasDataInjection$1, FaasReactClientOptions, ErrorBoundaryProps } from '@faasjs/react';
 export { ErrorBoundaryProps, FaasDataWrapperRef, FaasReactClient, FaasReactClientOptions, faas, useFaas } from '@faasjs/react';
-import * as antd_es_modal_PurePanel from 'antd/es/modal/PurePanel';
-import * as antd_es_modal_useModal from 'antd/es/modal/useModal';
-import * as antd_es_modal_confirm from 'antd/es/modal/confirm';
 import { FaasActionUnionType, FaasAction } from '@faasjs/types';
 import { Dayjs } from 'dayjs';
 import * as antd_es_form_FormItem from 'antd/es/form/FormItem';
@@ -42,9 +40,6 @@ type LoadingProps = {
  * ```
  */
 declare function Loading(props: LoadingProps): react_jsx_runtime.JSX.Element;
-declare namespace Loading {
-    var whyDidYouRender: boolean;
-}
 
 type FaasDataInjection<T = any> = Partial<FaasDataInjection$1<T>>;
 interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
@@ -69,9 +64,6 @@ interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
  * ```
  */
 declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.Element;
-declare namespace FaasDataWrapper {
-    var whyDidYouRender: boolean;
-}
 /**
  * HOC to wrap a component with FaasDataWrapper and Loading
  *
@@ -134,9 +126,6 @@ declare const ConfigContext: react.Context<Partial<ConfigProviderProps>>;
 declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime.JSX.Element;
 declare function useConfigContext(): Partial<ConfigProviderProps>;
 
-declare const Drawer: React.FC<DrawerProps> & {
-    whyDidYouRender?: boolean;
-};
 interface DrawerProps extends DrawerProps$1 {
     children?: JSX.Element | JSX.Element[];
 }
@@ -167,16 +156,7 @@ declare function useDrawer(init?: DrawerProps): {
  * Styled error boundary.
  */
 declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
-declare namespace ErrorBoundary {
-    var whyDidYouRender: boolean;
-}
 
-declare const Modal: react.FC<ModalProps$1> & antd_es_modal_confirm.ModalStaticFunctions & {
-    useModal: typeof antd_es_modal_useModal.default;
-    destroyAll: () => void;
-    config: typeof antd_es_modal_confirm.modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: antd_es_modal_PurePanel.PurePanelProps) => React.JSX.Element;
-};
 interface ModalProps extends ModalProps$1 {
     children?: JSX.Element | JSX.Element[] | string;
 }
@@ -256,7 +236,6 @@ interface useAppProps {
 declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
 declare namespace App {
     var useApp: <NewT extends useAppProps = useAppProps>() => Readonly<NewT>;
-    var whyDidYouRender: boolean;
 }
 /**
  * Get app context.
@@ -286,9 +265,6 @@ interface BlankProps {
  * ```
  */
 declare function Blank(options?: BlankProps): JSX.Element;
-declare namespace Blank {
-    var whyDidYouRender: boolean;
-}
 
 type ExtendFormTypeProps<T = any> = {
     children?: UnionFaasItemElement<T>;
@@ -382,7 +358,6 @@ interface ExtendFormItemProps extends Omit<FormItemProps, 'type'> {
  */
 declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace FormItem {
-    var whyDidYouRender: boolean;
     var useStatus: () => {
         status?: antd_es_form_FormItem.ValidateStatus;
         errors: React.ReactNode[];
@@ -724,7 +699,6 @@ interface DescriptionItemContentProps<T = any> {
 declare function Description<T extends Record<string, any> = any>({ faasData, dataSource, renderTitle, extendTypes, ...props }: DescriptionProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Description {
     var displayName: string;
-    var whyDidYouRender: boolean;
 }
 
 type FormSubmitProps = {
@@ -782,7 +756,6 @@ interface FormProps<Values extends Record<string, any> = any, ExtendItemProps ex
  */
 declare function Form<Values = any>(props: FormProps<Values>): react_jsx_runtime.JSX.Element;
 declare namespace Form {
-    var whyDidYouRender: boolean;
     var useForm: typeof antd_es_form_Form.useForm;
     var useFormInstance: typeof antd_es_form_hooks_useFormInstance.default;
     var useWatch: typeof _rc_component_form.useWatch;
@@ -817,9 +790,6 @@ interface LinkProps {
  * ```
  */
 declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
-declare namespace Link {
-    var whyDidYouRender: boolean;
-}
 
 declare function PageNotFound(): react_jsx_runtime.JSX.Element;
 interface RoutesProps {
@@ -850,9 +820,6 @@ interface RoutesProps {
  * ```
  */
 declare function Routes(props: RoutesProps): react_jsx_runtime.JSX.Element;
-declare namespace Routes {
-    var whyDidYouRender: boolean;
-}
 
 interface TabProps extends Partial<Tab> {
     id: string;
@@ -889,9 +856,6 @@ interface TabsProps extends Omit<TabsProps$1, 'items'> {
  * ```
  */
 declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
-declare namespace Tabs {
-    var whyDidYouRender: boolean;
-}
 
 interface TitleProps {
     title: string | string[];
@@ -927,9 +891,6 @@ interface TitleProps {
  * ```
  */
 declare function Title(props: TitleProps): JSX.Element;
-declare namespace Title {
-    var whyDidYouRender: boolean;
-}
 
 /**
  * Hook to retrieve the theme token from the Ant Design theme configuration.
@@ -941,4 +902,4 @@ declare namespace Title {
  */
 declare function useThemeToken(): GlobalToken;
 
-export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableFaasDataParams, type TableFaasDataResponse, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, idToTitle, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };
+export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableFaasDataParams, type TableFaasDataResponse, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, idToTitle, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };

package/dist/index.mjs

@@ -1,9 +1,10 @@
 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 { Form as Form$1, Spin, Drawer, Modal, 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';
+export { Drawer, Modal } from 'antd';
 import { BrowserRouter, useNavigate, Routes as Routes$1, Route, useLocation } from 'react-router-dom';
 import { defaultsDeep, cloneDeep, isNil, uniqBy } from 'lodash-es';
-import { createContext, useState, useContext, cloneElement, createElement, isValidElement, useEffect, Suspense } from 'react';
+import { createContext, useState, useContext, cloneElement, isValidElement, createElement, useEffect, Suspense } from 'react';
 export { lazy } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { PlusOutlined, MinusCircleOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
@@ -26,7 +27,6 @@ function Loading(props) {
     }
   );
 }
-Loading.whyDidYouRender = true;
 function FaasDataWrapper(props) {
   return /* @__PURE__ */ jsx(
     FaasDataWrapper$1,
@@ -36,7 +36,6 @@ function FaasDataWrapper(props) {
     }
   );
 }
-FaasDataWrapper.whyDidYouRender = true;
 function withFaasData(Component, faasProps) {
   return withFaasData$1(Component, {
     fallback: faasProps.loading || /* @__PURE__ */ jsx(Loading, { ...faasProps.loadingProps }),
@@ -107,8 +106,6 @@ function ConfigProvider(props) {
 function useConfigContext() {
   return useContext(ConfigContext);
 }
-var Drawer = Drawer$1;
-Drawer.whyDidYouRender = true;
 function useDrawer(init) {
   const [props, setProps] = useState({
     open: false,
@@ -158,9 +155,6 @@ function ErrorChildren(props) {
 function ErrorBoundary(props) {
   return /* @__PURE__ */ jsx(ErrorBoundary$1, { errorChildren: /* @__PURE__ */ jsx(ErrorChildren, {}), ...props });
 }
-ErrorBoundary.whyDidYouRender = true;
-var Modal = Modal$1;
-Modal.whyDidYouRender = true;
 function useModal(init) {
   const [props, setProps] = useState({ open: false, ...init });
   const setModalProps = useEqualCallback(
@@ -262,12 +256,10 @@ function App(props) {
 }
 var useApp = AppContext.use;
 App.useApp = useApp;
-App.whyDidYouRender = true;
 function Blank(options) {
   const { theme: theme2 } = useConfigContext();
   return !options || options.value === void 0 || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: options?.text || theme2.Blank.text }) : options.value;
 }
-Blank.whyDidYouRender = true;
 function idToTitle(id) {
   if (typeof id === "number") return id.toString();
   const splitted = id.split(/(\s|_|-)/).filter((word) => !/(\s|_|-)/.test(word)).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
@@ -429,7 +421,6 @@ function DescriptionItemContent(props) {
   }
 }
 DescriptionItemContent.displayName = "DescriptionItemContent";
-DescriptionItemContent.whyDidYouRender = true;
 function Description({
   faasData,
   dataSource,
@@ -478,7 +469,6 @@ function Description({
   );
 }
 Description.displayName = "Description";
-Description.whyDidYouRender = true;
 function isOptionsProps(item) {
   return item && Array.isArray(item.options);
 }
@@ -770,7 +760,6 @@ function FormItem(props) {
       return null;
   }
 }
-FormItem.whyDidYouRender = true;
 FormItem.useStatus = Form$1.Item.useStatus;
 function isFormItemProps(item) {
   return item.id !== void 0;
@@ -893,7 +882,6 @@ function Form(props) {
     computedProps.footer
   ] });
 }
-Form.whyDidYouRender = true;
 Form.useForm = Form$1.useForm;
 Form.useFormInstance = Form$1.useFormInstance;
 Form.useWatch = Form$1.useWatch;
@@ -954,7 +942,6 @@ function Link(props) {
     }
   );
 }
-Link.whyDidYouRender = true;
 function PageNotFound() {
   const { theme: theme2 } = useConfigContext();
   return /* @__PURE__ */ jsx(Result, { status: "404", title: theme2.common.pageNotFound });
@@ -978,7 +965,6 @@ function Routes(props) {
     /* @__PURE__ */ jsx(Route, { path: "*", element: props.notFound || /* @__PURE__ */ jsx(PageNotFound, {}) }, "*")
   ] });
 }
-Routes.whyDidYouRender = true;
 function processValue(item, value) {
   const transferred = transferValue(item.type, value);
   if (transferred === null || Array.isArray(transferred) && transferred.length === 0)
@@ -1562,7 +1548,6 @@ function Tabs(props) {
     }
   );
 }
-Tabs.whyDidYouRender = true;
 function Title(props) {
   const { theme: theme2 } = useConfigContext();
   useEffect(() => {
@@ -1580,10 +1565,9 @@ function Title(props) {
     return cloneElement(props.children, { title: props.title });
   return null;
 }
-Title.whyDidYouRender = true;
 function useThemeToken() {
   const config = theme.useToken();
   return config.token;
 }
 
-export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, idToTitle, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };
+export { App, Blank, ConfigContext, ConfigProvider, Description, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, idToTitle, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "v8.0.0-beta.1",
+  "version": "v8.0.0-beta.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,7 +30,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/react": ">=v8.0.0-beta.1",
+    "@faasjs/react": ">=v8.0.0-beta.3",
     "antd": "^6.0.0",
     "@ant-design/icons": "*",
     "lodash-es": "*",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@faasjs/react": ">=v8.0.0-beta.1",
+    "@faasjs/react": ">=v8.0.0-beta.3",
     "antd": "^6.0.0",
     "@ant-design/icons": "*",
     "lodash-es": "*",