@nocobase/client 0.9.3-alpha.1 → 0.9.4-alpha.2

package/es/schema-initializer/buttons/ListActionInitializers.js

@@ -0,0 +1,278 @@
+import { useCollection } from '../../collection-manager';
+// 表单的操作配置
+export var ListActionInitializers = {
+  title: "{{t('Configure actions')}}",
+  icon: 'SettingOutlined',
+  style: {
+    marginLeft: 8
+  },
+  items: [{
+    type: 'itemGroup',
+    title: "{{t('Enable actions')}}",
+    children: [{
+      type: 'item',
+      title: "{{t('Filter')}}",
+      component: 'FilterActionInitializer',
+      schema: {
+        'x-align': 'left'
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Add new')}}",
+      component: 'CreateActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      },
+      visible: function visible() {
+        var collection = useCollection();
+        return collection.template !== 'view' && collection.template !== 'file';
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Refresh')}}",
+      component: 'RefreshActionInitializer',
+      schema: {
+        'x-align': 'right'
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Import')}}",
+      component: 'ImportActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Export')}}",
+      component: 'ExportActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
+    }]
+  }
+  // {
+  //   type: 'divider',
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     return (collection as any).template !== 'view';
+  //   },
+  // },
+  // {
+  //   type: 'subMenu',
+  //   title: '{{t("Customize")}}',
+  //   children: [
+  //     {
+  //       type: 'item',
+  //       title: '{{t("Bulk update")}}',
+  //       component: 'CustomizeActionInitializer',
+  //       schema: {
+  //         type: 'void',
+  //         title: '{{ t("Bulk update") }}',
+  //         'x-component': 'Action',
+  //         'x-align': 'right',
+  //         'x-acl-action': 'update',
+  //         'x-decorator': 'ACLActionProvider',
+  //         'x-acl-action-props': {
+  //           skipScopeCheck: true,
+  //         },
+  //         'x-action': 'customize:bulkUpdate',
+  //         'x-designer': 'Action.Designer',
+  //         'x-action-settings': {
+  //           assignedValues: {},
+  //           updateMode: 'selected',
+  //           onSuccess: {
+  //             manualClose: true,
+  //             redirecting: false,
+  //             successMessage: '{{t("Updated successfully")}}',
+  //           },
+  //         },
+  //         'x-component-props': {
+  //           icon: 'EditOutlined',
+  //           useProps: '{{ useCustomizeBulkUpdateActionProps }}',
+  //         },
+  //       },
+  //     },
+  //     {
+  //       type: 'item',
+  //       title: '{{t("Bulk edit")}}',
+  //       component: 'CustomizeBulkEditActionInitializer',
+  //       schema: {
+  //         'x-align': 'right',
+  //         'x-decorator': 'ACLActionProvider',
+  //         'x-acl-action': 'update',
+  //         'x-acl-action-props': {
+  //           skipScopeCheck: true,
+  //         },
+  //       },
+  //     },
+  //   ],
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     return (collection as any).template !== 'view';
+  //   },
+  // },
+  ]
+};
+
+export var ListItemActionInitializers = {
+  title: '{{t("Configure actions")}}',
+  icon: 'SettingOutlined',
+  items: [{
+    type: 'itemGroup',
+    title: '{{t("Enable actions")}}',
+    children: [{
+      type: 'item',
+      title: '{{t("View")}}',
+      component: 'ViewActionInitializer',
+      schema: {
+        'x-component': 'Action.Link',
+        'x-action': 'view',
+        'x-decorator': 'ACLActionProvider',
+        'x-align': 'left'
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Edit")}}',
+      component: 'UpdateActionInitializer',
+      schema: {
+        'x-component': 'Action.Link',
+        'x-action': 'update',
+        'x-decorator': 'ACLActionProvider',
+        'x-align': 'left'
+      },
+      visible: function visible() {
+        var collection = useCollection();
+        return collection.template !== 'view';
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Delete")}}',
+      component: 'DestroyActionInitializer',
+      schema: {
+        'x-component': 'Action.Link',
+        'x-action': 'destroy',
+        'x-decorator': 'ACLActionProvider',
+        'x-align': 'left'
+      }
+    }]
+  }, {
+    type: 'divider'
+  }, {
+    type: 'subMenu',
+    title: '{{t("Customize")}}',
+    children: [{
+      type: 'item',
+      title: '{{t("Popup")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        type: 'void',
+        title: '{{ t("Popup") }}',
+        'x-action': 'customize:popup',
+        'x-designer': 'Action.Designer',
+        'x-component': 'Action.Link',
+        'x-component-props': {
+          openMode: 'drawer'
+        },
+        properties: {
+          drawer: {
+            type: 'void',
+            title: '{{ t("Popup") }}',
+            'x-component': 'Action.Container',
+            'x-component-props': {
+              className: 'nb-action-popup'
+            },
+            properties: {
+              tabs: {
+                type: 'void',
+                'x-component': 'Tabs',
+                'x-component-props': {},
+                'x-initializer': 'TabPaneInitializers',
+                properties: {
+                  tab1: {
+                    type: 'void',
+                    title: '{{t("Details")}}',
+                    'x-component': 'Tabs.TabPane',
+                    'x-designer': 'Tabs.Designer',
+                    'x-component-props': {},
+                    properties: {
+                      grid: {
+                        type: 'void',
+                        'x-component': 'Grid',
+                        'x-initializer': 'RecordBlockInitializers',
+                        properties: {}
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Update record")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        title: '{{ t("Update record") }}',
+        'x-component': 'Action.Link',
+        'x-action': 'customize:update',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action': 'update',
+        'x-designer': 'Action.Designer',
+        'x-action-settings': {
+          assignedValues: {},
+          onSuccess: {
+            manualClose: true,
+            redirecting: false,
+            successMessage: '{{t("Updated successfully")}}'
+          }
+        },
+        'x-component-props': {
+          useProps: '{{ useCustomizeUpdateActionProps }}'
+        }
+      },
+      visible: function visible() {
+        var collection = useCollection();
+        return collection.template !== 'view';
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Custom request")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        title: '{{ t("Custom request") }}',
+        'x-component': 'Action.Link',
+        'x-action': 'customize:table:request',
+        'x-designer': 'Action.Designer',
+        'x-action-settings': {
+          requestSettings: {},
+          onSuccess: {
+            manualClose: false,
+            redirecting: false,
+            successMessage: '{{t("Request success")}}'
+          }
+        },
+        'x-component-props': {
+          useProps: '{{ useCustomizeRequestActionProps }}'
+        }
+      },
+      visible: function visible() {
+        var collection = useCollection();
+        return collection.template !== 'view';
+      }
+    }]
+  }]
+};

package/es/schema-initializer/buttons/TableActionColumnInitializers.js

@@ -183,7 +183,7 @@ export var TableActionColumnInitializers = function TableActionColumnInitializer
         title: '{{t("Update record")}}',
         component: 'CustomizeActionInitializer',
         schema: {
-          title: '{{ t("Update record") }}',
+          title: '{{t("Update record")}}',
           'x-component': 'Action.Link',
           'x-action': 'customize:update',
           'x-decorator': 'ACLActionProvider',

package/es/schema-initializer/buttons/TableActionInitializers.d.ts

@@ -1,4 +1,3 @@
-import { Schema } from '@formily/react';
 export declare const TableActionInitializers: {
     title: string;
     icon: string;
@@ -52,27 +51,11 @@ export declare const TableActionInitializers: {
             visible: () => boolean;
         })[];
         visible?: undefined;
-        component?: undefined;
-        schema?: undefined;
-        find?: undefined;
     } | {
         type: string;
         visible: () => boolean;
         title?: undefined;
         children?: undefined;
-        component?: undefined;
-        schema?: undefined;
-        find?: undefined;
-    } | {
-        type: string;
-        title: string;
-        component: string;
-        schema: {
-            'x-align': string;
-        };
-        find: (schema: Schema) => Schema<any, any, any, any, any, any, any, any, any>;
-        visible: () => boolean;
-        children?: undefined;
     } | {
         type: string;
         title: string;
@@ -127,8 +110,5 @@ export declare const TableActionInitializers: {
             };
         })[];
         visible: () => boolean;
-        component?: undefined;
-        schema?: undefined;
-        find?: undefined;
     })[];
 };

package/es/schema-initializer/buttons/TableActionInitializers.js

@@ -1,9 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useFieldSchema } from '@formily/react';
 import { useCollection } from '../../';
 // 表格操作配置
@@ -79,35 +73,35 @@ export var TableActionInitializers = {
       var collection = useCollection();
       return collection.template !== 'view';
     }
-  }, {
-    type: 'item',
-    title: "{{t('Association fields filter')}}",
-    component: 'ActionBarAssociationFilterAction',
-    schema: {
-      'x-align': 'left'
-    },
-    find: function find(schema) {
-      var _Object$entries$find;
-      var resultSchema = (_Object$entries$find = Object.entries(schema.parent.properties).find(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          value = _ref3[1];
-        return value['x-component'] === 'AssociationFilter';
-      })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[1];
-      return resultSchema;
-    },
-    visible: function visible() {
-      var collection = useCollection();
-      var schema = useFieldSchema();
-      return collection.template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
-    }
-  }, {
-    type: 'divider',
-    visible: function visible() {
-      var collection = useCollection();
-      var schema = useFieldSchema();
-      return collection.template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
-    }
-  }, {
+  },
+  // {
+  //   type: 'item',
+  //   title: "{{t('Association fields filter')}}",
+  //   component: 'ActionBarAssociationFilterAction',
+  //   schema: {
+  //     'x-align': 'left',
+  //   },
+  //   find: (schema: Schema) => {
+  //     const resultSchema = Object.entries(schema.parent.properties).find(
+  //       ([, value]) => value['x-component'] === 'AssociationFilter',
+  //     )?.[1];
+  //     return resultSchema;
+  //   },
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     const schema = useFieldSchema();
+  //     return (collection as any).template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
+  //   },
+  // },
+  // {
+  //   type: 'divider',
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     const schema = useFieldSchema();
+  //     return (collection as any).template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
+  //   },
+  // },
+  {
     type: 'subMenu',
     title: '{{t("Customize")}}',
     children: [{

package/es/schema-initializer/buttons/TableColumnInitializers.js

@@ -30,7 +30,10 @@ export var TableColumnInitializers = function TableColumnInitializers(props) {
       }, {
         type: 'itemGroup',
         title: t("Parent collection fields") + '(' + compile("".concat(Object.keys(inherit)[0])) + ')',
-        children: Object.values(inherit)[0]
+        children: Object.values(inherit)[0].filter(function (v) {
+          var _v$field;
+          return !(v === null || v === void 0 ? void 0 : (_v$field = v.field) === null || _v$field === void 0 ? void 0 : _v$field.isForeignKey);
+        })
       });
     });
   }

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

@@ -21,4 +21,7 @@ export * from './TableColumnInitializers';
 export * from './TableSelectorInitializers';
 export * from './TabPaneInitializers';
 export * from './GanttActionInitializers';
+export * from './DetailsActionInitializers';
+export * from './ListActionInitializers';
+export * from './GridCardActionInitializers';
 export * from '../../schema-component/antd/association-filter/AssociationFilter';

package/es/schema-initializer/buttons/index.js

@@ -21,5 +21,8 @@ export * from './TableColumnInitializers';
 export * from './TableSelectorInitializers';
 export * from './TabPaneInitializers';
 export * from './GanttActionInitializers';
+export * from './DetailsActionInitializers';
+export * from './ListActionInitializers';
+export * from './GridCardActionInitializers';
 // association filter
 export * from '../../schema-component/antd/association-filter/AssociationFilter';

package/es/schema-initializer/components/BulkEditField.js

@@ -21,6 +21,7 @@ import { useTranslation } from 'react-i18next';
 import { useFormBlockContext } from '../../block-provider';
 import { CollectionFieldProvider, useCollection, useCollectionField } from '../../collection-manager';
 import { useCompile, useComponent } from '../../schema-component';
+import { DeletedField } from './DeletedField';
 var InternalField = function InternalField(props) {
   var field = useField();
   var fieldSchema = useFieldSchema();
@@ -77,7 +78,8 @@ var InternalField = function InternalField(props) {
 var CollectionField = connect(function (props) {
   var fieldSchema = useFieldSchema();
   return /*#__PURE__*/React.createElement(CollectionFieldProvider, {
-    name: fieldSchema.name
+    name: fieldSchema.name,
+    fallback: /*#__PURE__*/React.createElement(DeletedField, null)
   }, /*#__PURE__*/React.createElement(InternalField, _objectSpread({}, props)));
 });
 export var BulkEditFormItemValueType;
@@ -102,7 +104,7 @@ export var BulkEditField = function BulkEditField(props) {
     setValue = _useState4[1];
   var _useCollection = useCollection(),
     getField = _useCollection.getField;
-  var collectionField = getField(fieldSchema.name);
+  var collectionField = getField(fieldSchema.name) || {};
   useEffect(function () {
     field.value = _defineProperty({}, type, value);
   }, [type, value]);
@@ -141,9 +143,9 @@ export var BulkEditField = function BulkEditField(props) {
     value: BulkEditFormItemValueType.ChangedTo
   }, t('Changed to')), /*#__PURE__*/React.createElement(Select.Option, {
     value: BulkEditFormItemValueType.Clear
-  }, t('Clear')), ['subTable', 'linkTo', 'm2m', 'o2m', 'o2o', 'oho', 'obo', 'm2o'].includes(collectionField.interface) && /*#__PURE__*/React.createElement(Select.Option, {
+  }, t('Clear')), ['subTable', 'linkTo', 'm2m', 'o2m', 'o2o', 'oho', 'obo', 'm2o'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/React.createElement(Select.Option, {
     value: BulkEditFormItemValueType.AddAttach
-  }, t('Add attach'))), [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && collectionField.interface !== 'checkbox' && /*#__PURE__*/React.createElement(CollectionField, _objectSpread(_objectSpread({}, props), {}, {
+  }, t('Add attach'))), [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'checkbox' && /*#__PURE__*/React.createElement(CollectionField, _objectSpread(_objectSpread({}, props), {}, {
     value: value,
     onChange: valueChangeHandler,
     style: {
@@ -155,7 +157,7 @@ export var BulkEditField = function BulkEditField(props) {
   //   components={{ BulkEditCollectionField: CollectionField }}
   //   onlyRenderProperties
   // />
-  , [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && collectionField.interface === 'checkbox' && /*#__PURE__*/React.createElement(Checkbox, {
+  , [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'checkbox' && /*#__PURE__*/React.createElement(Checkbox, {
     checked: value,
     onChange: valueChangeHandler
   }));

package/es/schema-initializer/components/CreateRecordAction.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 export declare const actionDesignerCss: string;
 export declare const CreateRecordAction: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare const CreateAction: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/es/schema-initializer/components/CreateRecordAction.js

@@ -17,7 +17,6 @@ import { css } from '@emotion/css';
 import { RecursionField, observer, useField, useFieldSchema } from '@formily/react';
 import { Button, Dropdown, Menu } from 'antd';
 import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
 import { useDesignable } from '../../';
 import { useACLRolesCheck, useRecordPkValue } from '../../acl/ACLProvider';
 import { CollectionProvider, useCollection, useCollectionManager } from '../../collection-manager';
@@ -66,18 +65,59 @@ var actionAclCheck = function actionAclCheck(actionPath) {
   return true;
 };
 export var CreateRecordAction = observer(function (props) {
-  var _field$data, _field$data2;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   var collection = useCollection();
   var fieldSchema = useFieldSchema();
+  var field = useField();
+  var _useState3 = useState(collection.name),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentCollection = _useState4[0],
+    setCurrentCollection = _useState4[1];
+  var linkageRules = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-linkage-rules']) || [];
+  var values = useRecord();
+  var ctx = useActionContext();
+  useEffect(function () {
+    field.linkageProperty = {};
+    linkageRules.filter(function (k) {
+      return !k.disabled;
+    }).map(function (v) {
+      var _v$actions;
+      return (_v$actions = v.actions) === null || _v$actions === void 0 ? void 0 : _v$actions.map(function (h) {
+        linkageAction(h.operator, field, v.condition, values);
+      });
+    });
+  }, [linkageRules, values]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: actionDesignerCss
+  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+    value: _objectSpread(_objectSpread({}, ctx), {}, {
+      visible: visible,
+      setVisible: setVisible
+    })
+  }, /*#__PURE__*/React.createElement(CreateAction, _objectSpread(_objectSpread({}, props), {}, {
+    onClick: function onClick(name) {
+      setVisible(true);
+      setCurrentCollection(name);
+    }
+  })), /*#__PURE__*/React.createElement(CollectionProvider, {
+    name: currentCollection
+  }, /*#__PURE__*/React.createElement(RecursionField, {
+    schema: fieldSchema,
+    basePath: field.address,
+    onlyRenderProperties: true
+  }))));
+});
+export var CreateAction = observer(function (props) {
+  var _field$data, _field$data2;
+  var _onClick = props.onClick;
+  var collection = useCollection();
+  var fieldSchema = useFieldSchema();
   var enableChildren = fieldSchema['x-enable-children'] || [];
   var allowAddToCurrent = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-allow-add-to-current'];
   var field = useField();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   var componentType = field.componentProps.type || 'primary';
   var _useCollectionManager = useCollectionManager(),
     getChildrenCollections = _useCollectionManager.getChildrenCollections;
@@ -98,13 +138,8 @@ export var CreateRecordAction = observer(function (props) {
   }).filter(function (v) {
     return v && actionAclCheck("".concat(v.name, ":create"));
   });
-  var _useState3 = useState(collection.name),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentCollection = _useState4[0],
-    setCurrentCollection = _useState4[1];
   var linkageRules = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-linkage-rules']) || [];
   var values = useRecord();
-  var ctx = useActionContext();
   var compile = useCompile();
   var _useDesignable = useDesignable(),
     designable = _useDesignable.designable;
@@ -113,8 +148,7 @@ export var CreateRecordAction = observer(function (props) {
     return /*#__PURE__*/React.createElement(Menu.Item, {
       key: option.name,
       onClick: function onClick(info) {
-        setVisible(true);
-        setCurrentCollection(option.name);
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(option.name);
       }
     }, compile(option.title));
   }));
@@ -123,19 +157,14 @@ export var CreateRecordAction = observer(function (props) {
     linkageRules.filter(function (k) {
       return !k.disabled;
     }).map(function (v) {
-      var _v$actions;
-      return (_v$actions = v.actions) === null || _v$actions === void 0 ? void 0 : _v$actions.map(function (h) {
+      var _v$actions2;
+      return (_v$actions2 = v.actions) === null || _v$actions2 === void 0 ? void 0 : _v$actions2.map(function (h) {
         linkageAction(h.operator, field, v.condition, values);
       });
     });
   }, [linkageRules, values]);
   return /*#__PURE__*/React.createElement("div", {
     className: actionDesignerCss
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
-    value: _objectSpread(_objectSpread({}, ctx), {}, {
-      visible: visible,
-      setVisible: setVisible
-    })
   }, (inheritsCollections === null || inheritsCollections === void 0 ? void 0 : inheritsCollections.length) > 0 ? allowAddToCurrent === undefined || allowAddToCurrent ? /*#__PURE__*/React.createElement(Dropdown.Button, {
     type: componentType,
     icon: /*#__PURE__*/React.createElement(DownOutlined, null),
@@ -149,32 +178,24 @@ export var CreateRecordAction = observer(function (props) {
     },
     overlay: menu,
     onClick: function onClick(info) {
-      setVisible(true);
-      setCurrentCollection(collection.name);
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(collection.name);
     }
   }, icon, props.children) : /*#__PURE__*/React.createElement(Dropdown, {
     overlay: menu
   }, /*#__PURE__*/React.createElement(Button, {
     icon: icon,
-    type: 'primary'
+    type: componentType
   }, props.children, " ", /*#__PURE__*/React.createElement(DownOutlined, null))) : /*#__PURE__*/React.createElement(Button, {
     type: componentType,
     disabled: field.disabled,
     danger: componentType === 'danger',
     icon: icon,
     onClick: function onClick(info) {
-      setVisible(true);
-      setCurrentCollection(collection.name);
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(collection.name);
     },
     style: {
       display: !designable && (field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.hidden) && 'none',
       opacity: designable && (field === null || field === void 0 ? void 0 : (_field$data2 = field.data) === null || _field$data2 === void 0 ? void 0 : _field$data2.hidden) && 0.1
     }
-  }, props.children), /*#__PURE__*/React.createElement(CollectionProvider, {
-    name: currentCollection
-  }, /*#__PURE__*/React.createElement(RecursionField, {
-    schema: fieldSchema,
-    basePath: field.address,
-    onlyRenderProperties: true
-  }))));
+  }, props.children));
 });

package/es/schema-initializer/components/DeletedField.d.ts

@@ -0,0 +1 @@
+export declare const DeletedField: () => JSX.Element;

package/es/schema-initializer/components/DeletedField.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+export var DeletedField = function DeletedField() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: '#ccc'
+    }
+  }, t('The field has bee deleted'));
+};