@nocobase/client 0.9.4-alpha.2 → 0.10.0-alpha.3

package/es/collection-manager/Configuration/AddCollectionAction.js

@@ -21,13 +21,13 @@ import { DownOutlined, PlusOutlined } from '@ant-design/icons';
 import { ArrayTable } from '@formily/antd';
 import { useField, useForm } from '@formily/react';
 import { uid } from '@formily/shared';
-import { Button, Dropdown, Menu } from 'antd';
+import { Button, Dropdown } from 'antd';
 import { cloneDeep } from 'lodash';
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRequest } from '../../api-client';
 import { RecordProvider, useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useResourceActionContext, useResourceContext } from '../ResourceActionProvider';
 import { useCancelAction } from '../action-hooks';
 import { useCollectionManager } from '../hooks';
@@ -308,33 +308,26 @@ export var AddCollectionAction = function AddCollectionAction(props) {
   var compile = useCompile();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var collectionTemplates = templateOptions();
-  var items = [];
-  collectionTemplates.forEach(function (item) {
-    if (item.divider) {
-      items.push({
-        type: 'divider'
+  var collectionTemplates = useMemo(templateOptions, []);
+  var items = useMemo(function () {
+    var result = [];
+    collectionTemplates.forEach(function (item) {
+      if (item.divider) {
+        result.push({
+          type: 'divider'
+        });
+      }
+      result.push({
+        label: compile(item.title),
+        key: item.name
       });
-    }
-    items.push({
-      label: compile(item.title),
-      key: item.name
     });
-  });
+    return result;
+  }, [collectionTemplates]);
   var _useResourceActionCon2 = useResourceActionContext(),
     category = _useResourceActionCon2.state.category;
-  return /*#__PURE__*/React.createElement(RecordProvider, {
-    record: record
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
-    value: {
-      visible: visible,
-      setVisible: setVisible
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    getPopupContainer: getContainer,
-    trigger: trigger,
-    align: align,
-    overlay: /*#__PURE__*/React.createElement(Menu, {
+  var menu = useMemo(function () {
+    return {
       style: {
         maxHeight: '60vh',
         overflow: 'auto'
@@ -345,7 +338,20 @@ export var AddCollectionAction = function AddCollectionAction(props) {
         setVisible(true);
       },
       items: items
-    })
+    };
+  }, [category, items]);
+  return /*#__PURE__*/React.createElement(RecordProvider, {
+    record: record
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
+    value: {
+      visible: visible,
+      setVisible: setVisible
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    getPopupContainer: getContainer,
+    trigger: trigger,
+    align: align,
+    menu: menu
   }, children || /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
     type: 'primary'

package/es/collection-manager/Configuration/AddFieldAction.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const useCollectionFieldFormValues: () => {
     getValues(): any;
 };
-export declare const AddCollectionField: (props: any) => JSX.Element;
-export declare const AddFieldAction: (props: any) => JSX.Element;
+export declare const AddCollectionField: (props: any) => React.JSX.Element;
+export declare const AddFieldAction: (props: any) => React.JSX.Element;

package/es/collection-manager/Configuration/AddFieldAction.js

@@ -17,17 +17,16 @@ import { PlusOutlined } from '@ant-design/icons';
 import { ArrayTable } from '@formily/antd';
 import { useField, useForm } from '@formily/react';
 import { uid } from '@formily/shared';
-import { Button, Dropdown, Menu } from 'antd';
+import { Button, Dropdown } from 'antd';
 import { cloneDeep } from 'lodash';
-import React, { useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRequest } from '../../api-client';
 import { RecordProvider, useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useResourceActionContext, useResourceContext } from '../ResourceActionProvider';
 import { useCancelAction } from '../action-hooks';
 import { useCollectionManager } from '../hooks';
-import { useOptions } from '../hooks/useOptions';
 import * as components from './components';
 import { getOptions } from './interfaces';
 var getSchema = function getSchema(schema, record, compile) {
@@ -217,8 +216,7 @@ export var AddFieldAction = function AddFieldAction(props) {
   var compile = useCompile();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var options = useOptions();
-  var getFieldOptions = function getFieldOptions() {
+  var getFieldOptions = useCallback(function () {
     var _ref = getTemplate(record.template) || {},
       availableFieldInterfaces = _ref.availableFieldInterfaces;
     var _ref2 = availableFieldInterfaces || {},
@@ -260,19 +258,32 @@ export var AddFieldAction = function AddFieldAction(props) {
       }
     });
     return optionArr;
-  };
-  return record.template !== 'view' && /*#__PURE__*/React.createElement(RecordProvider, {
-    record: record
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
-    value: {
-      visible: visible,
-      setVisible: setVisible
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    getPopupContainer: getContainer,
-    trigger: trigger,
-    align: align,
-    overlay: /*#__PURE__*/React.createElement(Menu, {
+  }, [getTemplate, record]);
+  var items = useMemo(function () {
+    return getFieldOptions().map(function (option) {
+      if (option.children.length === 0) {
+        return null;
+      }
+      return {
+        type: 'group',
+        label: compile(option.label),
+        title: compile(option.label),
+        key: option.label,
+        children: option.children.filter(function (child) {
+          return !['o2o', 'subTable', 'linkTo'].includes(child.name);
+        }).map(function (child) {
+          return {
+            label: compile(child.title),
+            title: compile(child.title),
+            key: child.name,
+            dataTargetScope: child.targetScope
+          };
+        })
+      };
+    });
+  }, [getFieldOptions]);
+  var menu = useMemo(function () {
+    return {
       style: {
         maxHeight: '60vh',
         overflow: 'auto'
@@ -286,20 +297,22 @@ export var AddFieldAction = function AddFieldAction(props) {
           setSchema(schema);
           setVisible(true);
         }
-      }
-    }, getFieldOptions().map(function (option) {
-      return option.children.length > 0 && /*#__PURE__*/React.createElement(Menu.ItemGroup, {
-        key: option.label,
-        title: compile(option.label)
-      }, option.children.filter(function (child) {
-        return !['o2o', 'subTable', 'linkTo'].includes(child.name);
-      }).map(function (child) {
-        return /*#__PURE__*/React.createElement(Menu.Item, {
-          key: child.name,
-          "data-targetScope": child.targetScope
-        }, compile(child.title));
-      }));
-    }))
+      },
+      items: items
+    };
+  }, [getInterface, items, record]);
+  return record.template !== 'view' && /*#__PURE__*/React.createElement(RecordProvider, {
+    record: record
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
+    value: {
+      visible: visible,
+      setVisible: setVisible
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    getPopupContainer: getContainer,
+    trigger: trigger,
+    align: align,
+    menu: menu
   }, children || /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
     type: 'primary'

package/es/collection-manager/Configuration/AddSubFieldAction.d.ts

@@ -1 +1,2 @@
-export declare const AddSubFieldAction: () => JSX.Element;
+import React from 'react';
+export declare const AddSubFieldAction: () => React.JSX.Element;

package/es/collection-manager/Configuration/AddSubFieldAction.js

@@ -16,13 +16,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { PlusOutlined } from '@ant-design/icons';
 import { ArrayTable } from '@formily/antd';
 import { uid } from '@formily/shared';
-import { Button, Dropdown, Menu } from 'antd';
+import { Button, Dropdown } from 'antd';
 import { cloneDeep } from 'lodash';
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRequest } from '../../api-client';
 import { RecordProvider } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useCollectionManager } from '../hooks';
 import { useOptions } from '../hooks/useOptions';
 import * as components from './components';
@@ -122,26 +122,23 @@ export var AddSubFieldAction = function AddSubFieldAction() {
   var options = useOptions();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var items = options.map(function (option) {
-    var children = option.children.map(function (child) {
+  var items = useMemo(function () {
+    return options.map(function (option) {
+      var children = option.children.map(function (child) {
+        return {
+          label: compile(child.title),
+          key: child.name
+        };
+      });
       return {
-        label: compile(child.title),
-        key: child.name
+        label: compile(option.label),
+        key: option.key,
+        children: children
       };
     });
+  }, [options]);
+  var menu = useMemo(function () {
     return {
-      label: compile(option.label),
-      key: option.key,
-      children: children
-    };
-  });
-  return /*#__PURE__*/React.createElement(ActionContext.Provider, {
-    value: {
-      visible: visible,
-      setVisible: setVisible
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(Menu, {
       style: {
         maxHeight: '60vh',
         overflow: 'auto'
@@ -152,7 +149,15 @@ export var AddSubFieldAction = function AddSubFieldAction() {
         setVisible(true);
       },
       items: items
-    })
+    };
+  }, [items]);
+  return /*#__PURE__*/React.createElement(ActionContextProvider, {
+    value: {
+      visible: visible,
+      setVisible: setVisible
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    menu: menu
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
     type: 'primary'

package/es/collection-manager/Configuration/CollectionFields.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 export declare const isTitleField: (field: any) => boolean;
-export declare const CollectionFields: () => JSX.Element;
+export declare const CollectionFields: () => React.JSX.Element;

package/es/collection-manager/Configuration/CollectionFieldsTable.d.ts

@@ -1,6 +1,6 @@
-import { Options, Result } from 'ahooks/lib/useRequest/src/types';
-import React from 'react';
+import { Options, Result } from 'ahooks/es/useRequest/src/types';
 import { TableProps } from 'antd';
+import React from 'react';
 declare type TableVoidProps = TableProps<any> & {
     request?: any;
     useSelectedRowKeys?: any;

package/es/collection-manager/Configuration/CollectionFieldsTable.js

@@ -6,9 +6,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { createForm } from '@formily/core';
 import { FieldContext, FormContext, observer, useField, useFieldSchema } from '@formily/react';
+import { useAttach } from '@formily/react/esm/hooks/useAttach';
 import React, { useMemo } from 'react';
 import { AsyncDataProvider, useAsyncData, useRequest } from '../..';
-import { useAttach } from '@formily/react/lib/hooks/useAttach';
 import { CollectionFieldsTableArray } from './CollectionFieldsTableArray';
 var useDefSelectedRowKeys = function useDefSelectedRowKeys() {
   var _result$state;
@@ -64,4 +64,6 @@ export var CollectionFieldsTable = observer(function (props) {
     useSelectedRowKeys: useSelectedRowKeys,
     pagination: false
   })))));
+}, {
+  displayName: 'CollectionFieldsTable'
 });

package/es/collection-manager/Configuration/CollectionFieldsTableArray.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const components: {
     body: {
-        row: (props: any) => JSX.Element;
-        cell: (props: any) => JSX.Element;
+        row: (props: any) => React.JSX.Element;
+        cell: (props: any) => React.JSX.Element;
     };
 };
 export declare const CollectionFieldsTableArray: React.FC<any>;

package/es/collection-manager/Configuration/CollectionFieldsTableArray.js

@@ -242,7 +242,7 @@ export var CollectionFieldsTableArray = observer(function (props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      "])))
+    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .ant-table {\n            overflow-x: auto;\n            overflow-y: hidden;\n          }\n        "])))
   }, /*#__PURE__*/React.createElement(Table, {
     showHeader: false,
     loading: props === null || props === void 0 ? void 0 : props.loading,
@@ -265,4 +265,6 @@ export var CollectionFieldsTableArray = observer(function (props) {
       setExpendedKeys(keys);
     }
   }));
+}, {
+  displayName: 'CollectionFieldsTableArray'
 });

package/es/collection-manager/Configuration/ConfigurationTable.d.ts

@@ -1 +1,2 @@
-export declare const ConfigurationTable: () => JSX.Element;
+import React from 'react';
+export declare const ConfigurationTable: () => React.JSX.Element;

package/es/collection-manager/Configuration/ConfigurationTabs.d.ts

@@ -1 +1,2 @@
-export declare const ConfigurationTabs: () => JSX.Element;
+import React from 'react';
+export declare const ConfigurationTabs: () => React.JSX.Element;

package/es/collection-manager/Configuration/ConfigurationTabs.js

@@ -17,7 +17,8 @@ import { MenuOutlined } from '@ant-design/icons';
 import { DndContext, DragOverlay, MouseSensor, useDraggable, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
 import { RecursionField, observer } from '@formily/react';
 import { uid } from '@formily/shared';
-import { Badge, Card, Dropdown, Menu, Modal, Tabs } from 'antd';
+import { Badge, Card, Dropdown, Modal, Tabs } from 'antd';
+import _ from 'lodash';
 import React, { useContext, useState } from 'react';
 import { useAPIClient } from '../../api-client';
 import { SchemaComponent, SchemaComponentOptions, useCompile } from '../../schema-component';
@@ -63,6 +64,8 @@ var TabTitle = observer(function (_ref) {
   }, /*#__PURE__*/React.createElement(TabBar, {
     item: item
   }))));
+}, {
+  displayName: 'TabTitle'
 });
 var TabBar = function TabBar(_ref2) {
   var item = _ref2.item;
@@ -137,6 +140,8 @@ var DndProvider = observer(function (props) {
   }, /*#__PURE__*/React.createElement(TabBar, {
     item: activeTab
   })) : null));
+}, {
+  displayName: 'DndProvider'
 });
 export var ConfigurationTabs = function ConfigurationTabs() {
   var _useContext2 = useContext(CollectionCategroriesContext),
@@ -258,26 +263,30 @@ export var ConfigurationTabs = function ConfigurationTabs() {
       return _ref4.apply(this, arguments);
     };
   }();
-  var menu = function menu(item) {
-    return /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
-      key: 'edit'
-    }, /*#__PURE__*/React.createElement(SchemaComponent, {
-      schema: {
-        type: 'void',
-        properties: _defineProperty({}, uid(), {
-          'x-component': 'EditCategory',
-          'x-component-props': {
-            item: item
+  var menu = _.memoize(function (item) {
+    return {
+      items: [{
+        key: 'edit',
+        label: /*#__PURE__*/React.createElement(SchemaComponent, {
+          schema: {
+            type: 'void',
+            properties: _defineProperty({}, uid(), {
+              'x-component': 'EditCategory',
+              'x-component-props': {
+                item: item
+              }
+            })
           }
         })
-      }
-    })), /*#__PURE__*/React.createElement(Menu.Item, {
-      key: "delete",
-      onClick: function onClick() {
-        return remove(item.id);
-      }
-    }, compile("{{t('Delete category')}}")));
-  };
+      }, {
+        key: 'delete',
+        label: compile("{{t('Delete category')}}"),
+        onClick: function onClick() {
+          return remove(item.id);
+        }
+      }]
+    };
+  });
   return /*#__PURE__*/React.createElement(DndProvider, null, /*#__PURE__*/React.createElement(Tabs, {
     addIcon: /*#__PURE__*/React.createElement(SchemaComponent, {
       schema: {
@@ -300,35 +309,37 @@ export var ConfigurationTabs = function ConfigurationTabs() {
     destroyInactiveTabPane: true,
     tabBarStyle: {
       marginBottom: '0px'
-    }
-  }, tabsItems.map(function (item) {
-    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
-      tab: item.id !== 'all' ? /*#__PURE__*/React.createElement("div", {
-        "data-no-dnd": "true"
-      }, /*#__PURE__*/React.createElement(TabTitle, {
-        item: item
-      })) : compile(item.name),
-      key: item.id,
-      closable: item.closable,
-      closeIcon: /*#__PURE__*/React.createElement(Dropdown, {
-        overlay: menu(item)
-      }, /*#__PURE__*/React.createElement(MenuOutlined, null))
-    }, /*#__PURE__*/React.createElement(Card, {
-      bordered: false
-    }, /*#__PURE__*/React.createElement(SchemaComponentOptions, {
-      components: {
-        CollectionFields: CollectionFields
-      },
-      inherit: true,
-      scope: {
-        loadCategories: loadCategories,
-        categoryVisible: item.id === 'all',
-        categoryId: item.id
-      }
-    }, /*#__PURE__*/React.createElement(RecursionField, {
-      name: key,
-      schema: item.schema,
-      onlyRenderProperties: true
-    }))));
-  })));
+    },
+    items: tabsItems.map(function (item) {
+      return {
+        label: item.id !== 'all' ? /*#__PURE__*/React.createElement("div", {
+          "data-no-dnd": "true"
+        }, /*#__PURE__*/React.createElement(TabTitle, {
+          item: item
+        })) : compile(item.name),
+        key: item.id,
+        closable: item.closable,
+        closeIcon: /*#__PURE__*/React.createElement(Dropdown, {
+          menu: menu(item)
+        }, /*#__PURE__*/React.createElement(MenuOutlined, null)),
+        children: /*#__PURE__*/React.createElement(Card, {
+          bordered: false
+        }, /*#__PURE__*/React.createElement(SchemaComponentOptions, {
+          components: {
+            CollectionFields: CollectionFields
+          },
+          inherit: true,
+          scope: {
+            loadCategories: loadCategories,
+            categoryVisible: item.id === 'all',
+            categoryId: item.id
+          }
+        }, /*#__PURE__*/React.createElement(RecursionField, {
+          name: key,
+          schema: item.schema,
+          onlyRenderProperties: true
+        })))
+      };
+    })
+  }));
 };

package/es/collection-manager/Configuration/EditCategoryAction.d.ts

@@ -1,2 +1,3 @@
-export declare const EditCategory: (props: any) => JSX.Element;
-export declare const EditCategoryAction: (props: any) => JSX.Element;
+import React from 'react';
+export declare const EditCategory: (props: any) => React.JSX.Element;
+export declare const EditCategoryAction: (props: any) => React.JSX.Element;

package/es/collection-manager/Configuration/EditCategoryAction.js

@@ -18,7 +18,7 @@ import { cloneDeep } from 'lodash';
 import React, { useContext, useEffect, useState } from 'react';
 import { useAPIClient, useRequest } from '../../api-client';
 import { RecordProvider, useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useCancelAction } from '../action-hooks';
 import { CollectionCategroriesContext } from '../context';
 import { useResourceActionContext } from '../ResourceActionProvider';
@@ -103,7 +103,7 @@ export var EditCategoryAction = function EditCategoryAction(props) {
   var compile = useCompile();
   return /*#__PURE__*/React.createElement(RecordProvider, {
     record: item
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible

package/es/collection-manager/Configuration/EditCollectionAction.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export declare const useValuesFromRecord: (options: any) => any;
 export declare const useUpdateCollectionActionAndRefreshCM: (options: any) => {
     run(): Promise<void>;
 };
-export declare const EditCollection: (props: any) => JSX.Element;
-export declare const EditCollectionAction: (props: any) => JSX.Element;
+export declare const EditCollection: (props: any) => React.JSX.Element;
+export declare const EditCollectionAction: (props: any) => React.JSX.Element;

package/es/collection-manager/Configuration/EditCollectionAction.js

@@ -22,7 +22,7 @@ import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRequest } from '../../api-client';
 import { RecordProvider, useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useResourceActionContext, useResourceContext } from '../ResourceActionProvider';
 import { useCancelAction } from '../action-hooks';
 import { useCollectionManager } from '../hooks';
@@ -174,7 +174,7 @@ export var EditCollectionAction = function EditCollectionAction(props) {
   var compile = useCompile();
   return /*#__PURE__*/React.createElement(RecordProvider, {
     record: record
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible

package/es/collection-manager/Configuration/EditFieldAction.d.ts

@@ -1,2 +1,3 @@
-export declare const EditCollectionField: (props: any) => JSX.Element;
-export declare const EditFieldAction: (props: any) => JSX.Element;
+import React from 'react';
+export declare const EditCollectionField: (props: any) => React.JSX.Element;
+export declare const EditFieldAction: (props: any) => React.JSX.Element;

package/es/collection-manager/Configuration/EditFieldAction.js

@@ -22,7 +22,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../../api-client';
 import { RecordProvider, useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useResourceActionContext, useResourceContext } from '../ResourceActionProvider';
 import { useCancelAction, useUpdateAction } from '../action-hooks';
 import { useCollectionManager } from '../hooks';
@@ -186,7 +186,7 @@ export var EditFieldAction = function EditFieldAction(props) {
     setData = _useState6[1];
   return /*#__PURE__*/React.createElement(RecordProvider, {
     record: record
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible

package/es/collection-manager/Configuration/EditSubFieldAction.d.ts

@@ -1 +1,2 @@
-export declare const EditSubFieldAction: (props: any) => JSX.Element;
+import React from 'react';
+export declare const EditSubFieldAction: (props: any) => React.JSX.Element;

package/es/collection-manager/Configuration/EditSubFieldAction.js

@@ -21,7 +21,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../../api-client';
 import { useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent } from '../../schema-component';
 import { useUpdateAction } from '../action-hooks';
 import { useCollectionManager } from '../hooks';
 import * as components from './components';
@@ -125,7 +125,7 @@ export var EditSubFieldAction = function EditSubFieldAction(props) {
   var api = useAPIClient();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  return /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible

package/es/collection-manager/Configuration/OverridingCollectionField.d.ts

@@ -1,2 +1,3 @@
-export declare const OverridingCollectionField: (props: any) => JSX.Element;
-export declare const OverridingFieldAction: (props: any) => JSX.Element;
+import React from 'react';
+export declare const OverridingCollectionField: (props: any) => React.JSX.Element;
+export declare const OverridingFieldAction: (props: any) => React.JSX.Element;

package/es/collection-manager/Configuration/OverridingCollectionField.js

@@ -22,7 +22,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../../api-client';
 import { RecordProvider, useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
 import { useResourceActionContext, useResourceContext } from '../ResourceActionProvider';
 import { useCancelAction } from '../action-hooks';
 import { useCollectionManager } from '../hooks';
@@ -187,7 +187,7 @@ export var OverridingFieldAction = function OverridingFieldAction(props) {
     record: _objectSpread(_objectSpread({}, record), {}, {
       collectionName: record.__parent.name
     })
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible