@nocobase/client 0.21.0-alpha.1 → 0.21.0-alpha.10

package/es/acl/ACLProvider.d.ts

@@ -20,7 +20,7 @@ export declare const useRecordPkValue: () => any;
 export declare const ACLActionProvider: (props: any) => React.JSX.Element;
 export declare const useACLFieldWhitelist: () => {
     whitelist: any[];
-    schemaInWhitelist(fieldSchema: Schema, isSkip?: any): boolean;
+    schemaInWhitelist: (fieldSchema: Schema, isSkip?: any) => boolean;
 };
 export declare const ACLCollectionFieldProvider: (props: any) => React.JSX.Element;
 export declare const ACLMenuItemProvider: (props: any) => React.JSX.Element;

package/es/application/Application.d.ts

@@ -1,6 +1,6 @@
 import { APIClientOptions } from '@nocobase/sdk';
 import { i18n as i18next } from 'i18next';
-import React, { ComponentType, ReactElement } from 'react';
+import React, { ComponentType, ReactElement, ReactNode } from 'react';
 import { APIClient } from '../api-client';
 import { PluginManager, PluginType } from './PluginManager';
 import { PluginSettingOptions, PluginSettingsManager } from './PluginSettingsManager';
@@ -69,6 +69,7 @@ export declare class Application {
     private addRoutes;
     getOptions(): ApplicationOptions;
     getPublicPath(): string;
+    getApiUrl(pathname?: string): string;
     getRouteUrl(pathname: string): string;
     getCollectionManager(dataSource?: string): import("..").CollectionManager;
     /**
@@ -80,13 +81,15 @@ export declare class Application {
     addProviders(providers: (ComponentType | [ComponentType, any])[]): void;
     load(): Promise<void>;
     getComponent<T = any>(Component: ComponentTypeAndString<T>, isShowError?: boolean): ComponentType<T> | undefined;
-    renderComponent<T extends {}>(Component: ComponentTypeAndString, props?: T): ReactElement;
+    renderComponent<T extends {}>(Component: ComponentTypeAndString, props?: T, children?: ReactNode): ReactElement;
     /**
      * @internal use addComponents({ SomeComponent }) instead
      */
     protected addComponent(component: ComponentType, name?: string): void;
     addComponents(components: Record<string, ComponentType>): void;
     addScopes(scopes: Record<string, any>): void;
-    getRootComponent(): React.FC;
+    getRootComponent(): React.FC<{
+        children?: React.ReactNode;
+    }>;
     mount(containerOrSelector: Element | ShadowRoot | string): any;
 }

package/es/application/RouterManager.d.ts

@@ -34,7 +34,7 @@ export declare class RouterManager {
     /**
      * @internal
      */
-    getRouterComponent(): React.FC<{
+    getRouterComponent(children?: React.ReactNode): React.FC<{
         BaseLayout?: ComponentType;
     }>;
     add(name: string, route: RouteType): void;

package/es/application/components/MainComponent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MainComponent: React.MemoExoticComponent<() => React.JSX.Element>;
+export declare const MainComponent: React.NamedExoticComponent<object>;

package/es/application/components/defaultComponents.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const defaultAppComponents: {
-    AppMain: React.MemoExoticComponent<() => React.JSX.Element>;
+    AppMain: React.NamedExoticComponent<object>;
     AppSpin: React.FC;
     AppError: React.FC<{
         error: Error;

package/es/application/schema-initializer/components/SchemaInitializerActionModal.d.ts

@@ -6,6 +6,7 @@ export interface SchemaInitializerActionModalProps {
     onSubmit?: (values: any) => void;
     buttonText?: any;
     component?: any;
+    isItem?: boolean;
 }
 export declare const SchemaInitializerActionModal: FC<SchemaInitializerActionModalProps>;
 export declare const SchemaInitializerActionModalInternal: () => React.JSX.Element;

package/es/application/schema-initializer/components/SchemaInitializerItem.d.ts

@@ -11,4 +11,7 @@ export interface SchemaInitializerItemProps {
     children?: ReactNode;
 }
 export declare const SchemaInitializerItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<SchemaInitializerItemProps & React.RefAttributes<any>>>;
+/**
+ * @internal
+ */
 export declare const SchemaInitializerItemInternal: () => React.JSX.Element;

package/es/application/schema-initializer/components/SchemaInitializerItemGroup.d.ts

@@ -3,7 +3,11 @@ import { SchemaInitializerOptions } from '../types';
 export interface SchemaInitializerItemGroupProps {
     title: string;
     children?: SchemaInitializerOptions['items'];
+    items?: SchemaInitializerOptions['items'];
     divider?: boolean;
 }
 export declare const SchemaInitializerItemGroup: FC<SchemaInitializerItemGroupProps>;
+/**
+ * @internal
+ */
 export declare const SchemaInitializerItemGroupInternal: () => React.JSX.Element;

package/es/application/schema-initializer/components/SchemaInitializerSelect.d.ts

@@ -8,4 +8,7 @@ export interface SchemaInitializerSelectItemProps extends SchemaInitializerItemP
     openOnHover?: boolean;
 }
 export declare const SchemaInitializerSelect: FC<SchemaInitializerSelectItemProps>;
+/**
+ * @internal
+ */
 export declare const SchemaInitializerSelectInternal: () => React.JSX.Element;

package/es/application/schema-initializer/components/SchemaInitializerSubMenu.d.ts

@@ -2,16 +2,24 @@ import { MenuProps } from 'antd';
 import React, { FC, ReactNode } from 'react';
 import { SchemaInitializerOptions } from '../types';
 export interface SchemaInitializerSubMenuProps {
-    name: string;
+    name?: string;
     title?: string;
     onClick?: (args: any) => void;
     onOpenChange?: (openKeys: string[]) => void;
     icon?: string | ReactNode;
     children?: SchemaInitializerOptions['items'];
+    items?: SchemaInitializerOptions['items'];
 }
+/**
+ * @internal
+ */
+export declare const SchemaInitializerMenuProvider: (props: any) => React.JSX.Element;
 export declare const useSchemaInitializerSubMenuContext: () => {
     isInMenu?: true;
 };
 export declare const SchemaInitializerMenu: FC<MenuProps>;
 export declare const SchemaInitializerSubMenu: FC<SchemaInitializerSubMenuProps>;
+/**
+ * @internal
+ */
 export declare const SchemaInitializerSubMenuInternal: () => React.JSX.Element;

package/es/application/schema-initializer/components/SchemaInitializerSwitch.d.ts

@@ -5,4 +5,7 @@ export interface SchemaInitializerSwitchItemProps extends SchemaInitializerItemP
     disabled?: boolean;
 }
 export declare const SchemaInitializerSwitch: FC<SchemaInitializerSwitchItemProps>;
+/**
+ * @internal
+ */
 export declare const SchemaInitializerSwitchInternal: () => React.JSX.Element;

package/es/application/schema-initializer/hooks/index.d.ts

@@ -1,19 +1,3 @@
-import { ButtonProps } from 'antd';
-import React from 'react';
-import { SchemaInitializerOptions } from '../types';
 export * from './useAriaAttributeOfMenuItem';
-/**
- * @internal
- */
-export declare function useSchemaInitializerMenuItems(items: any[], name?: string, onClick?: (args: any) => void): any;
-/**
- * @internal
- */
-export declare function useGetSchemaInitializerMenuItems(onClick?: (args: any) => void): any;
-export declare function useSchemaInitializerRender<P1 = ButtonProps, P2 = {}>(name: string, options?: Omit<SchemaInitializerOptions<P1, P2>, 'name'>): {
-    exists: boolean;
-    render: () => any;
-} | {
-    exists: boolean;
-    render: (props?: Omit<SchemaInitializerOptions<P1, P2>, 'name'>) => React.FunctionComponentElement<any> | React.FunctionComponentElement<SchemaInitializerOptions<any, any>>;
-};
+export * from './useSchemaInitializerRender';
+export * from './useGetSchemaInitializerMenuItems';

package/es/application/schema-initializer/hooks/useGetSchemaInitializerMenuItems.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @internal
+ */
+export declare function useSchemaInitializerMenuItems(items: any[], name?: string, onClick?: (args: any) => void): any;
+/**
+ * @internal
+ */
+export declare function useGetSchemaInitializerMenuItems(onClick?: (args: any) => void): any;

package/es/application/schema-initializer/hooks/useSchemaInitializerRender.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from 'antd';
+import React from 'react';
+import { SchemaInitializerOptions } from '../types';
+export declare function useSchemaInitializerRender<P1 = ButtonProps, P2 = {}>(name: string, options?: Omit<SchemaInitializerOptions<P1, P2>, 'name'>): {
+    exists: boolean;
+    render: () => any;
+} | {
+    exists: boolean;
+    render: (props?: Omit<SchemaInitializerOptions<P1, P2>, 'name'>) => React.FunctionComponentElement<SchemaInitializerOptions<any, any>>;
+};

package/es/application/schema-initializer/index.d.ts

@@ -1,4 +1,4 @@
-export * from './hoc';
+export * from './withInitializer';
 export * from './hooks';
 export * from './types';
 export * from './context';

package/es/application/schema-initializer/{hoc/index.d.ts → withInitializer.d.ts}

@@ -1,3 +1,3 @@
 import React, { ComponentType } from 'react';
-import { SchemaInitializerOptions } from '../types';
+import { SchemaInitializerOptions } from './types';
 export declare function withInitializer<T>(C: ComponentType<T>): React.MemoExoticComponent<import("@formily/react").ReactFC<Omit<SchemaInitializerOptions<T, {}>, "ref">>>;

package/es/application/schema-settings/context/SchemaSettingItemContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SchemaSettingsItemType } from '../types';
+export declare const SchemaSettingItemContext: import("react").Context<SchemaSettingsItemType>;
+export declare function useSchemaSettingsItem<T = {}>(): T;

package/es/application/schema-settings/context/index.d.ts

@@ -1,4 +1 @@
-/// <reference types="react" />
-import { SchemaSettingsItemType } from '../types';
-export declare const SchemaSettingItemContext: import("react").Context<SchemaSettingsItemType>;
-export declare function useSchemaSettingsItem(): SchemaSettingsItemType;
+export * from './SchemaSettingItemContext';

package/es/application/schema-settings/hooks/index.d.ts

@@ -1,19 +1 @@
-import { SchemaSettingOptions } from '../types';
-import React from 'react';
-import { SchemaSettingsProps } from '../../../schema-settings';
-import { Schema } from '@formily/json-schema';
-import { GeneralField } from '@formily/core';
-import { Designable } from '../../../schema-component';
-type UseSchemaSettingsRenderOptions<T = {}> = Omit<SchemaSettingOptions<T>, 'name' | 'items'> & Omit<SchemaSettingsProps, 'title' | 'children'> & {
-    fieldSchema?: Schema;
-    field?: GeneralField;
-    dn?: Designable;
-};
-export declare function useSchemaSettingsRender<T = {}>(name: string, options?: UseSchemaSettingsRenderOptions<T>): {
-    exists: boolean;
-    render: () => any;
-} | {
-    exists: boolean;
-    render: (options2?: UseSchemaSettingsRenderOptions) => React.FunctionComponentElement<any> | React.FunctionComponentElement<SchemaSettingOptions<any>>;
-};
-export {};
+export * from './useSchemaSettingsRender';

package/es/application/schema-settings/hooks/useSchemaSettingsRender.d.ts

@@ -0,0 +1,19 @@
+import { SchemaSettingOptions } from '../types';
+import React from 'react';
+import { SchemaSettingsProps } from '../../../schema-settings';
+import { Schema } from '@formily/json-schema';
+import { GeneralField } from '@formily/core';
+import { Designable } from '../../../schema-component';
+type UseSchemaSettingsRenderOptions<T = {}> = Omit<SchemaSettingOptions<T>, 'name' | 'items'> & Omit<SchemaSettingsProps, 'title' | 'children'> & {
+    fieldSchema?: Schema;
+    field?: GeneralField;
+    dn?: Designable;
+};
+export declare function useSchemaSettingsRender<T = {}>(name: string, options?: UseSchemaSettingsRenderOptions<T>): {
+    exists: boolean;
+    render: () => any;
+} | {
+    exists: boolean;
+    render: (options2?: UseSchemaSettingsRenderOptions) => React.FunctionComponentElement<SchemaSettingOptions<any>>;
+};
+export {};

package/es/application/schema-toolbar/hooks/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ISchema } from '@formily/json-schema';
+import React from 'react';
 import { SchemaToolbarProps } from '../../../schema-settings/GeneralSchemaDesigner';
 export declare const useSchemaToolbarRender: (fieldSchema: ISchema) => {
     render(props?: SchemaToolbarProps & {

package/es/block-provider/BlockProvider.d.ts

@@ -1,5 +1,6 @@
 import { GeneralField } from '@formily/core';
 import React from 'react';
+import { useSourceId } from '../modules/blocks/useSourceId';
 /**
  * @deprecated
  */
@@ -18,16 +19,28 @@ export declare const BlockRequestContext_deprecated: React.Context<{
     __parent?: any;
     updateAssociationValues?: any[];
 }>;
+/**
+ * @deprecated
+ * use `useDataBlockResource` instead
+ * @returns
+ */
 export declare const useBlockResource: () => any;
+/**
+ * @internal
+ * @param props
+ * @returns
+ */
 export declare const MaybeCollectionProvider: (props: any) => any;
 /**
  * @deprecated
+ * use `DataBlockRequestProvider` instead
  * @param props
  * @returns
  */
 export declare const BlockRequestProvider_deprecated: (props: any) => React.JSX.Element;
 /**
  * @deprecated
+ * use `useDataBlockRequest` instead
  */
 export declare const useBlockRequestContext: () => {
     block?: string;
@@ -39,13 +52,23 @@ export declare const useBlockRequestContext: () => {
     __parent?: any;
     updateAssociationValues?: any[];
 };
+/**
+ * @internal
+ * @param props
+ * @returns
+ */
 export declare const RenderChildrenWithAssociationFilter: React.FC<any>;
+/**
+ * @internal
+ * @returns
+ */
 export declare const useBlockContext: () => {
     /** 用以区分区块的标识 */
     name: string;
 };
 /**
- * @deprecated use `DataBlockProvider` instead
+ * @deprecated
+ * use `DataBlockProvider` instead
  */
 export declare const BlockProvider: (props: {
     name: string;
@@ -61,15 +84,26 @@ export declare const BlockProvider: (props: {
     /** @deprecated */
     useParams?: any;
 }) => React.JSX.Element;
+/**
+ * @deprecated
+ * use `useDataBlockProps` instead
+ * @returns
+ */
 export declare const useBlockAssociationContext: () => any;
 export declare const useFilterByTk: () => any;
 /**
  * @deprecated
- * 已弃用，应使用 useSourceIdFromParentRecord
- * @returns
  */
 export declare const useSourceIdFromRecord: () => any;
+/**
+ * @deprecated
+ * use `useSourceId` instead
+ */
 export declare const useSourceIdFromParentRecord: () => any;
+/**
+ * @internal
+ * @returns
+ */
 export declare const useParamsFromRecord: () => {
     filterByTk: any;
 };

package/es/block-provider/DetailsBlockProvider.d.ts

@@ -1,13 +1,16 @@
 import React from 'react';
+/**
+ * @internal
+ */
 export declare const DetailsBlockContext: React.Context<any>;
 export declare const DetailsBlockProvider: React.FunctionComponent<any>;
 /**
- * @deprecated
+ * @internal
  */
 export declare const useDetailsBlockContext: () => any;
 /**
  * @deprecated
- * 即将废弃，请用 useDetailsWithPaginationProps 或者 useDetailsProps
+ * use `useDetailsWithPaginationProps` or `useDetailsProps` instead
  * @returns
  */
 export declare const useDetailsBlockProps: () => {

package/es/block-provider/FormBlockProvider.d.ts

@@ -16,6 +16,7 @@ export declare const FormBlockContext: React.Context<{
     formRecord?: CollectionRecord;
 }>;
 /**
+ * @internal
  * 获取表单区块的类型：update 表示是表单编辑区块，create 表示是表单新增区块
  * @returns
  */
@@ -24,6 +25,10 @@ export declare const useFormBlockType: () => {
 };
 export declare const useIsDetailBlock: () => boolean;
 export declare const FormBlockProvider: React.FunctionComponent<any>;
+/**
+ * @internal
+ * @returns
+ */
 export declare const useFormBlockContext: () => {
     [key: string]: any;
     form?: any;
@@ -38,7 +43,13 @@ export declare const useFormBlockContext: () => {
     params?: any;
     formRecord?: CollectionRecord;
 };
+/**
+ * @internal
+ */
 export declare const useFormBlockProps: () => {
     form: any;
 };
+/**
+ * @internal
+ */
 export declare const findFormBlock: (schema: Schema) => Schema<any, any, any, any, any, any, any, any, any>;

package/es/block-provider/FormFieldProvider.d.ts

@@ -1,8 +1,23 @@
 import React from 'react';
+/**
+ * @internal
+ */
 export declare const FormFieldContext: React.Context<any>;
+/**
+ * @internal
+ */
 export declare const WithoutFormFieldResource: React.Context<any>;
+/**
+ * @internal
+ */
 export declare const FormFieldProvider: (props: any) => React.JSX.Element;
+/**
+ * @internal
+ */
 export declare const useFormFieldContext: () => any;
+/**
+ * @internal
+ */
 export declare const useFormFieldProps: () => {
     form: any;
 };

package/es/block-provider/TableBlockProvider.d.ts

@@ -1,5 +1,14 @@
 import React from 'react';
+/**
+ * @internal
+ */
 export declare const TableBlockContext: React.Context<any>;
+/**
+ * @internal
+ */
 export declare function getIdsWithChildren(nodes: any): any[];
 export declare const TableBlockProvider: React.FunctionComponent<any>;
+/**
+ * @internal
+ */
 export declare const useTableBlockContext: () => any;

package/es/block-provider/TableFieldProvider.d.ts

@@ -1,6 +1,9 @@
 import { Field } from '@formily/core';
 import React from 'react';
 import { APIClient } from '../api-client';
+/**
+ * @internal
+ */
 export declare const TableFieldContext: React.Context<any>;
 export declare class TableFieldResource {
     field: Field;
@@ -22,9 +25,21 @@ export declare class TableFieldResource {
     update(options: any): Promise<void>;
     destroy(options: any): Promise<void>;
 }
+/**
+ * @internal
+ */
 export declare const WithoutTableFieldResource: React.Context<any>;
+/**
+ * @internal
+ */
 export declare const TableFieldProvider: (props: any) => React.JSX.Element;
+/**
+ * @internal
+ */
 export declare const useTableFieldContext: () => any;
+/**
+ * @internal
+ */
 export declare const useTableFieldProps: () => {
     size: string;
     loading: any;

package/es/block-provider/TableSelectorProvider.d.ts

@@ -6,6 +6,9 @@ type Params = {
     page?: number;
     sort?: any;
 };
+/**
+ * @internal
+ */
 export declare const TableSelectorContext: React.Context<any>;
 export declare const TableSelectorParamsProvider: ({ params, children }: {
     params: Params;

package/es/block-provider/TemplateBlockProvider.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * @internal
+ */
 export declare const useTemplateBlockContext: () => {
     templateFinshed?: boolean;
     onTemplateSuccess?: Function;

package/es/block-provider/hooks/index.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent } from 'react';
+export * from './useDataBlockParentRecord';
 export * from './useFormActiveFields';
 export * from './useParsedFilter';
-export * from './useDataBlockSourceId';
 export declare const usePickActionProps: () => {
     onClick(): void;
 };
@@ -39,7 +39,7 @@ export declare const useResetBlockActionProps: () => {
     onClick(): Promise<void>;
 };
 export declare const useCustomizeUpdateActionProps: () => {
-    onClick(): Promise<void>;
+    onClick(e?: any, callBack?: any): Promise<void>;
 };
 export declare const useCustomizeBulkUpdateActionProps: () => {
     onClick(): Promise<void>;
@@ -51,19 +51,19 @@ export declare const useUpdateActionProps: () => {
     onClick(): Promise<void>;
 };
 export declare const useDestroyActionProps: () => {
-    onClick(): Promise<void>;
+    onClick(e?: any, callBack?: any): Promise<void>;
 };
 export declare const useRemoveActionProps: (associationName: any) => {
     onClick(value: any): Promise<void>;
 };
 export declare const useDisassociateActionProps: () => {
-    onClick(): Promise<void>;
+    onClick(e?: any, callBack?: any): Promise<void>;
 };
 export declare const useDetailPrintActionProps: () => {
     onClick(): Promise<void>;
 };
 export declare const useBulkDestroyActionProps: () => {
-    onClick(): Promise<void>;
+    onClick(e?: any, callBack?: any): Promise<void>;
 };
 export declare const useRefreshActionProps: () => {
     onClick(): Promise<void>;

package/es/block-provider/hooks/useDataBlockParentRecord.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @internal
+ * @deprecated
+ * 已弃用（该方法现在只是用来兼容旧版 Schema 的），请通过各个区块的 x-use-decorator-props 中获取 parentRecord
+ *
+ * 注意：这里有一个需要更改 schema 才能解决的问题，就是在获取 parentRecord 的时候无法确定（在关系字段和当前表同表时）
+ * 是需要从 recordData 还是 parentRecordData 中获取;解决方法是通过更改 schema，在不同类型的关系区块中
+ * （`通过点击关系字段按钮打开的弹窗中创建的非关系字段区块`和`关系字段区块`）使用不同的 hook。
+ *
+ * 更新：上面所说的“需要更改 schema 才能解决的问题”已在这个任务中更改：https://nocobase.height.app/T-3848/description
+ *
+ * @param param0
+ * @returns
+ */
+export declare const useDataBlockParentRecord: ({ association }: {
+    association: string;
+}) => any;

package/es/block-provider/hooks/useFormActiveFields.d.ts

@@ -10,6 +10,7 @@ interface ProviderProps extends Partial<FormActiveFieldsProviderValue> {
     children: React.ReactNode;
 }
 /**
+ * @internal
  * 用于提供获取和更新当前表单区块中已显示出来的字段
  * @param param0
  * @returns

package/es/block-provider/hooks/useParsedFilter.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @internal
+ * @param param0
+ * @returns
+ */
 export declare function useParsedFilter({ filterOption }: {
     filterOption: any;
 }): {

package/es/collection-manager/interfaces/nanoid.d.ts

@@ -46,6 +46,59 @@ export declare class NanoidFieldInterface extends CollectionFieldInterface {
             'x-decorator': string;
             'x-component': string;
         };
+        autoFill: {
+            type: string;
+            title: string;
+            'x-content': string;
+            'x-decorator': string;
+            'x-component': string;
+            default: boolean;
+        };
+        layout: {
+            type: string;
+            title: string;
+            'x-component': string;
+            'x-decorator': string;
+            'x-decorator-props': {
+                style: {
+                    marginBottom: string;
+                };
+            };
+            properties: {
+                primaryKey: {
+                    type: string;
+                    'x-content': string;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-disabled': string;
+                    'x-reactions': {
+                        dependencies: string[];
+                        when: string;
+                        fulfill: {
+                            state: {
+                                value: boolean;
+                            };
+                        };
+                    }[];
+                };
+                unique: {
+                    type: string;
+                    'x-content': string;
+                    'x-decorator': string;
+                    'x-component': string;
+                    'x-disabled': string;
+                    'x-reactions': {
+                        dependencies: string[];
+                        when: string;
+                        fulfill: {
+                            state: {
+                                value: boolean;
+                            };
+                        };
+                    }[];
+                };
+            };
+        };
     };
     filterable: {
         operators: ({

package/es/collection-manager/interfaces/properties/index.d.ts

@@ -41,6 +41,14 @@ export declare const autoIncrement: {
     'x-component': string;
     'x-disabled': string;
 };
+export declare const autoFill: {
+    type: string;
+    title: string;
+    'x-content': string;
+    'x-decorator': string;
+    'x-component': string;
+    default: boolean;
+};
 export declare const relationshipType: ISchema;
 export declare const constraintsProps: {
     onDelete: {