@faasjs/ant-design 8.0.0-beta.15 → 8.0.0-beta.16

package/README.md

@@ -23,6 +23,7 @@
 - [Title](functions/Title.md)
 - [transferOptions](functions/transferOptions.md)
 - [transferValue](functions/transferValue.md)
+- [useApp](functions/useApp.md)
 - [useConfigContext](functions/useConfigContext.md)
 - [useDrawer](functions/useDrawer.md)
 - [useFaas](functions/useFaas.md)
@@ -85,5 +86,5 @@
 
 ## Variables
 
+- [AppContext](variables/AppContext.md)
 - [ConfigContext](variables/ConfigContext.md)
-- [useApp](variables/useApp.md)

package/dist/index.cjs

@@ -272,7 +272,7 @@ function useModal(init) {
 	};
 }
 //#endregion
-//#region src/App.tsx
+//#region src/useApp.ts
 const AppContext = (0, _faasjs_react.createSplittingContext)([
 	"message",
 	"notification",
@@ -281,6 +281,20 @@ const AppContext = (0, _faasjs_react.createSplittingContext)([
 	"drawerProps",
 	"setDrawerProps"
 ]);
+/**
+* Get app context.
+*
+* ```ts
+* import { useApp } from '@faasjs/ant-design'
+*
+* const { message, notification, setModalProps, setDrawerProps } = useApp()
+* ```
+*/
+function useApp() {
+	return AppContext.use();
+}
+//#endregion
+//#region src/App.tsx
 function RoutesApp(props) {
 	const location = (0, react_router_dom.useLocation)();
 	const { drawerProps, setDrawerProps, modalProps, setModalProps } = useApp();
@@ -365,17 +379,6 @@ function App(props) {
 		})
 	});
 }
-/**
-* Get app context.
-*
-* ```ts
-* import { useApp } from '@faasjs/ant-design'
-*
-* const { message, notification, setModalProps, setDrawerProps } = useApp()
-* ```
-*/
-const useApp = AppContext.use;
-App.useApp = useApp;
 //#endregion
 //#region src/Blank.tsx
 /**
@@ -1614,6 +1617,7 @@ function useThemeToken() {
 }
 //#endregion
 exports.App = App;
+exports.AppContext = AppContext;
 exports.Blank = Blank;
 exports.ConfigContext = ConfigContext;
 exports.ConfigProvider = ConfigProvider;

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ButtonProps, ConfigProviderProps as ConfigProviderProps$1, DatePickerProps, DescriptionsProps, Drawer, DrawerProps as DrawerProps$1, FormInstance, FormItemProps as FormItemProps$1, FormProps as FormProps$1, GlobalToken, InputNumberProps, InputProps, Modal, ModalProps as ModalProps$1, RadioProps, SelectProps, SwitchProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, TabsProps as TabsProps$1 } from "antd";
-import { MessageInstance } from "antd/es/message/interface";
-import { NotificationInstance } from "antd/es/notification/interface";
 import { BrowserRouterProps, RouteProps } from "react-router-dom";
 import * as react from "react";
 import { CSSProperties, ComponentType, Dispatch, FC, JSX, LazyExoticComponent, ReactElement, ReactNode, SetStateAction, lazy } from "react";
@@ -16,6 +14,8 @@ import * as antd_es_form_hooks_useFormInstance0 from "antd/es/form/hooks/useForm
 import * as _rc_component_form0 from "@rc-component/form";
 import * as antd_es_form_context0 from "antd/es/form/context";
 import { Tab } from "@rc-component/tabs/lib/interface";
+import { MessageInstance } from "antd/es/message/interface";
+import { NotificationInstance } from "antd/es/notification/interface";
 
 //#region ../types/src/index.d.ts
 /**
@@ -206,64 +206,12 @@ declare const ConfigContext: react.Context<ConfigContextValue>;
 declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime0.JSX.Element | null;
 declare function useConfigContext(): ConfigContextValue;
 //#endregion
-//#region src/Drawer.d.ts
-interface DrawerProps extends DrawerProps$1 {
-  children?: JSX.Element | JSX.Element[];
-}
-type setDrawerProps = Dispatch<SetStateAction<DrawerProps>>;
-/**
- * Hook style drawer
- *
- * ```tsx
- * function Example() {
- *   const { drawer, setDrawerProps } = useDrawer()
- *
- *   return <>
- *     <Button onClick={ () => setDrawerProps(prev => ({ open: !prev.open})) }>
- *       Toggle
- *     </Button>
- *     {drawer}
- *   </>
- * }
- * ```
- */
-declare function useDrawer(init?: DrawerProps): {
-  drawer: react_jsx_runtime0.JSX.Element;
-  drawerProps: DrawerProps;
-  setDrawerProps: setDrawerProps;
-};
-//#endregion
 //#region src/ErrorBoundary.d.ts
 /**
  * Styled error boundary.
  */
 declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/Modal.d.ts
-interface ModalProps extends ModalProps$1 {
-  children?: JSX.Element | JSX.Element[] | string;
-}
-type setModalProps = Dispatch<SetStateAction<ModalProps>>;
-/**
- * Hook style modal
- *
- * ```tsx
- * function Example() {
- *   const { modal, setModalProps } = useModal()
- *
- *   return <>
- *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
- *     {modal}
- *   </>
- * }
- * ```
- */
-declare function useModal(init?: ModalProps): {
-  modal: react_jsx_runtime0.JSX.Element;
-  modalProps: ModalProps;
-  setModalProps: setModalProps;
-};
-//#endregion
 //#region src/App.d.ts
 interface AppProps {
   children: React.ReactNode;
@@ -282,14 +230,6 @@ interface AppProps {
   /** @see https://faasjs.com/doc/ant-design/#configprovider */
   faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'> | false;
 }
-interface useAppProps {
-  message: MessageInstance;
-  notification: NotificationInstance;
-  modalProps: ModalProps;
-  setModalProps: setModalProps;
-  drawerProps: DrawerProps;
-  setDrawerProps: setDrawerProps;
-}
 /**
  * App component with Ant Design & FaasJS
  *
@@ -318,19 +258,6 @@ interface useAppProps {
  * ```
  */
 declare function App(props: AppProps): react_jsx_runtime0.JSX.Element;
-declare namespace App {
-  var useApp: any;
-}
-/**
- * Get app context.
- *
- * ```ts
- * import { useApp } from '@faasjs/ant-design'
- *
- * const { message, notification, setModalProps, setDrawerProps } = useApp()
- * ```
- */
-declare const useApp: any;
 //#endregion
 //#region src/Blank.d.ts
 interface BlankProps {
@@ -576,7 +503,7 @@ type UnionFaasItemInjection<Value = any, Values = any> = {
  * @param value - The value of the current item.
  * @param values - The entire list of values.
  * @param index - The index of the current item in the list.
- * @param scene {@link UnionScene} - The scene in which the rendering is taking place.
+ * @param scene - The scene in which the rendering is taking place. See {@link UnionScene}.
  *
  * @example
  * ```tsx
@@ -796,6 +723,33 @@ declare namespace Description {
   var displayName: string;
 }
 //#endregion
+//#region src/Drawer.d.ts
+interface DrawerProps extends DrawerProps$1 {
+  children?: JSX.Element | JSX.Element[];
+}
+type setDrawerProps = Dispatch<SetStateAction<DrawerProps>>;
+/**
+ * Hook style drawer
+ *
+ * ```tsx
+ * function Example() {
+ *   const { drawer, setDrawerProps } = useDrawer()
+ *
+ *   return <>
+ *     <Button onClick={ () => setDrawerProps(prev => ({ open: !prev.open})) }>
+ *       Toggle
+ *     </Button>
+ *     {drawer}
+ *   </>
+ * }
+ * ```
+ */
+declare function useDrawer(init?: DrawerProps): {
+  drawer: react_jsx_runtime0.JSX.Element;
+  drawerProps: DrawerProps;
+  setDrawerProps: setDrawerProps;
+};
+//#endregion
 //#region src/Form.d.ts
 type FormSubmitProps = {
   /** Default: Submit */text?: string;
@@ -886,6 +840,31 @@ interface LinkProps {
  */
 declare function Link(props: LinkProps): react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/Modal.d.ts
+interface ModalProps extends ModalProps$1 {
+  children?: JSX.Element | JSX.Element[] | string;
+}
+type setModalProps = Dispatch<SetStateAction<ModalProps>>;
+/**
+ * Hook style modal
+ *
+ * ```tsx
+ * function Example() {
+ *   const { modal, setModalProps } = useModal()
+ *
+ *   return <>
+ *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
+ *     {modal}
+ *   </>
+ * }
+ * ```
+ */
+declare function useModal(init?: ModalProps): {
+  modal: react_jsx_runtime0.JSX.Element;
+  modalProps: ModalProps;
+  setModalProps: setModalProps;
+};
+//#endregion
 //#region src/Routers.d.ts
 declare function PageNotFound(): react_jsx_runtime0.JSX.Element;
 interface RoutesProps {
@@ -990,6 +969,27 @@ interface TitleProps {
  */
 declare function Title(props: TitleProps): JSX.Element | null;
 //#endregion
+//#region src/useApp.d.ts
+interface useAppProps {
+  message: MessageInstance;
+  notification: NotificationInstance;
+  modalProps: ModalProps;
+  setModalProps: setModalProps;
+  drawerProps: DrawerProps;
+  setDrawerProps: setDrawerProps;
+}
+declare const AppContext: any;
+/**
+ * Get app context.
+ *
+ * ```ts
+ * import { useApp } from '@faasjs/ant-design'
+ *
+ * const { message, notification, setModalProps, setDrawerProps } = useApp()
+ * ```
+ */
+declare function useApp<NewT extends useAppProps = useAppProps>(this: void): Readonly<NewT>;
+//#endregion
 //#region src/useThemeToken.d.ts
 /**
  * Hook to retrieve the theme token from the Ant Design theme configuration.
@@ -1001,4 +1001,4 @@ declare function Title(props: TitleProps): JSX.Element | null;
  */
 declare function useThemeToken(): GlobalToken;
 //#endregion
-export { App, AppProps, BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, DescriptionItemContentProps, DescriptionItemProps, DescriptionProps, Drawer, DrawerProps, ErrorBoundary, type ErrorBoundaryProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, type FaasDataWrapperRef, FaasItemProps, FaasItemType, FaasItemTypeValue, FaasReactClient, type FaasReactClientOptions, Form, FormItem, FormItemProps, FormProps, FormSubmitProps, Link, LinkProps, Loading, LoadingProps, Modal, ModalProps, PageNotFound, ResolvedTheme, Routes, RoutesProps, TabProps, Table, TableFaasDataParams, TableFaasDataResponse, TableItemProps, TableProps, Tabs, TabsProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, cloneUnionFaasItemElement, faas, idToTitle, lazy, setDrawerProps, setModalProps, transferOptions, transferValue, useApp, useAppProps, useConfigContext, useDrawer, useFaas, useModal, useThemeToken, withFaasData };
+export { App, AppContext, AppProps, BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, DescriptionItemContentProps, DescriptionItemProps, DescriptionProps, Drawer, DrawerProps, ErrorBoundary, type ErrorBoundaryProps, ExtendDescriptionItemProps, ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, ExtendTableItemProps, ExtendTableTypeProps, ExtendTypes, FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, type FaasDataWrapperRef, FaasItemProps, FaasItemType, FaasItemTypeValue, FaasReactClient, type FaasReactClientOptions, Form, FormItem, FormItemProps, FormProps, FormSubmitProps, Link, LinkProps, Loading, LoadingProps, Modal, ModalProps, PageNotFound, ResolvedTheme, Routes, RoutesProps, TabProps, Table, TableFaasDataParams, TableFaasDataResponse, TableItemProps, TableProps, Tabs, TabsProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, cloneUnionFaasItemElement, faas, idToTitle, lazy, setDrawerProps, setModalProps, transferOptions, transferValue, useApp, useAppProps, useConfigContext, useDrawer, useFaas, useModal, useThemeToken, withFaasData };

package/dist/index.mjs

@@ -248,7 +248,7 @@ function useModal(init) {
 	};
 }
 //#endregion
-//#region src/App.tsx
+//#region src/useApp.ts
 const AppContext = createSplittingContext([
 	"message",
 	"notification",
@@ -257,6 +257,20 @@ const AppContext = createSplittingContext([
 	"drawerProps",
 	"setDrawerProps"
 ]);
+/**
+* Get app context.
+*
+* ```ts
+* import { useApp } from '@faasjs/ant-design'
+*
+* const { message, notification, setModalProps, setDrawerProps } = useApp()
+* ```
+*/
+function useApp() {
+	return AppContext.use();
+}
+//#endregion
+//#region src/App.tsx
 function RoutesApp(props) {
 	const location = useLocation();
 	const { drawerProps, setDrawerProps, modalProps, setModalProps } = useApp();
@@ -341,17 +355,6 @@ function App(props) {
 		})
 	});
 }
-/**
-* Get app context.
-*
-* ```ts
-* import { useApp } from '@faasjs/ant-design'
-*
-* const { message, notification, setModalProps, setDrawerProps } = useApp()
-* ```
-*/
-const useApp = AppContext.use;
-App.useApp = useApp;
 //#endregion
 //#region src/Blank.tsx
 /**
@@ -1589,4 +1592,4 @@ function useThemeToken() {
 	return theme.useToken().token;
 }
 //#endregion
-export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, FaasReactClient, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, faas, idToTitle, lazy, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useFaas, useModal, useThemeToken, withFaasData };
+export { App, AppContext, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, FaasReactClient, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, faas, idToTitle, lazy, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useFaas, useModal, useThemeToken, withFaasData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "8.0.0-beta.15",
+  "version": "8.0.0-beta.16",
   "homepage": "https://faasjs.com/doc/ant-design",
   "bugs": {
     "url": "https://github.com/faasjs/faasjs/issues"
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@ant-design/icons": "*",
-    "@faasjs/react": ">=8.0.0-beta.15",
+    "@faasjs/react": ">=8.0.0-beta.16",
     "@types/lodash-es": "*",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "@ant-design/icons": "*",
-    "@faasjs/react": ">=8.0.0-beta.15",
+    "@faasjs/react": ">=8.0.0-beta.16",
     "antd": "^6.0.0",
     "lodash-es": "*",
     "react": "^19.0.0",