@nocobase/client 0.9.2-alpha.4 → 0.9.4-alpha.1

package/lib/schema-initializer/items/index.d.ts

@@ -28,8 +28,10 @@ export * from './FilterFormBlockInitializer';
 export * from './FormBlockInitializer';
 export * from './G2PlotInitializer';
 export * from './GanttBlockInitializer';
+export * from './GridCardBlockInitializer';
 export * from './InitializerWithSwitch';
 export * from './KanbanBlockInitializer';
+export * from './ListBlockInitializer';
 export * from './MarkdownBlockInitializer';
 export * from './PrintActionInitializer';
 export * from './RecordAssociationBlockInitializer';
@@ -40,6 +42,7 @@ export * from './RecordFormBlockInitializer';
 export * from './RecordReadPrettyAssociationFormBlockInitializer';
 export * from './RecordReadPrettyFormBlockInitializer';
 export * from './RefreshActionInitializer';
+export * from './SelectActionInitializer';
 export * from './SubmitActionInitializer';
 export * from './TableActionColumnInitializer';
 export * from './TableBlockInitializer';

package/lib/schema-initializer/items/index.js

@@ -333,6 +333,17 @@ Object.keys(_GanttBlockInitializer).forEach(function (key) {
     }
   });
 });
+var _GridCardBlockInitializer = require("./GridCardBlockInitializer");
+Object.keys(_GridCardBlockInitializer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridCardBlockInitializer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _GridCardBlockInitializer[key];
+    }
+  });
+});
 var _InitializerWithSwitch = require("./InitializerWithSwitch");
 Object.keys(_InitializerWithSwitch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -355,6 +366,17 @@ Object.keys(_KanbanBlockInitializer).forEach(function (key) {
     }
   });
 });
+var _ListBlockInitializer = require("./ListBlockInitializer");
+Object.keys(_ListBlockInitializer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ListBlockInitializer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListBlockInitializer[key];
+    }
+  });
+});
 var _MarkdownBlockInitializer = require("./MarkdownBlockInitializer");
 Object.keys(_MarkdownBlockInitializer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -465,6 +487,17 @@ Object.keys(_RefreshActionInitializer).forEach(function (key) {
     }
   });
 });
+var _SelectActionInitializer = require("./SelectActionInitializer");
+Object.keys(_SelectActionInitializer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectActionInitializer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectActionInitializer[key];
+    }
+  });
+});
 var _SubmitActionInitializer = require("./SubmitActionInitializer");
 Object.keys(_SubmitActionInitializer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/schema-initializer/utils.d.ts

@@ -219,6 +219,118 @@ export declare const createDetailsBlockSchema: (options: any) => import("@formil
     "x-read-only"?: boolean;
     "x-read-pretty"?: boolean;
 }>;
+export declare const createListBlockSchema: (options: any) => import("@formily/react").Stringify<{
+    [key: symbol]: any;
+    [key: `x-${string}`]: any;
+    [key: `x-${number}`]: any;
+    version?: string;
+    name?: import("@formily/react").SchemaKey;
+    title?: any;
+    description?: any;
+    default?: any;
+    readOnly?: boolean;
+    writeOnly?: boolean;
+    type?: import("@formily/react").SchemaTypes;
+    enum?: import("@formily/react").SchemaEnum<any>;
+    const?: any;
+    multipleOf?: number;
+    maximum?: number;
+    exclusiveMaximum?: number;
+    minimum?: number;
+    exclusiveMinimum?: number;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string | RegExp;
+    maxItems?: number;
+    minItems?: number;
+    uniqueItems?: boolean;
+    maxProperties?: number;
+    minProperties?: number;
+    required?: string | boolean | string[];
+    format?: string;
+    $ref?: string;
+    $namespace?: string;
+    definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
+    additionalItems?: import("@formily/react").Stringify<any>;
+    patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    additionalProperties?: import("@formily/react").Stringify<any>;
+    "x-value"?: any;
+    "x-index"?: number;
+    "x-pattern"?: any;
+    "x-display"?: any;
+    "x-validator"?: any;
+    "x-decorator"?: any;
+    "x-decorator-props"?: any;
+    "x-component"?: any;
+    "x-component-props"?: any;
+    "x-reactions"?: import("@formily/react").SchemaReactions<any>;
+    "x-content"?: any;
+    "x-data"?: any;
+    "x-visible"?: boolean;
+    "x-hidden"?: boolean;
+    "x-disabled"?: boolean;
+    "x-editable"?: boolean;
+    "x-read-only"?: boolean;
+    "x-read-pretty"?: boolean;
+}>;
+export declare const createGridCardBlockSchema: (options: any) => import("@formily/react").Stringify<{
+    [key: symbol]: any;
+    [key: `x-${string}`]: any;
+    [key: `x-${number}`]: any;
+    version?: string;
+    name?: import("@formily/react").SchemaKey;
+    title?: any;
+    description?: any;
+    default?: any;
+    readOnly?: boolean;
+    writeOnly?: boolean;
+    type?: import("@formily/react").SchemaTypes;
+    enum?: import("@formily/react").SchemaEnum<any>;
+    const?: any;
+    multipleOf?: number;
+    maximum?: number;
+    exclusiveMaximum?: number;
+    minimum?: number;
+    exclusiveMinimum?: number;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string | RegExp;
+    maxItems?: number;
+    minItems?: number;
+    uniqueItems?: boolean;
+    maxProperties?: number;
+    minProperties?: number;
+    required?: string | boolean | string[];
+    format?: string;
+    $ref?: string;
+    $namespace?: string;
+    definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
+    additionalItems?: import("@formily/react").Stringify<any>;
+    patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    additionalProperties?: import("@formily/react").Stringify<any>;
+    "x-value"?: any;
+    "x-index"?: number;
+    "x-pattern"?: any;
+    "x-display"?: any;
+    "x-validator"?: any;
+    "x-decorator"?: any;
+    "x-decorator-props"?: any;
+    "x-component"?: any;
+    "x-component-props"?: any;
+    "x-reactions"?: import("@formily/react").SchemaReactions<any>;
+    "x-content"?: any;
+    "x-data"?: any;
+    "x-visible"?: boolean;
+    "x-hidden"?: boolean;
+    "x-disabled"?: boolean;
+    "x-editable"?: boolean;
+    "x-read-only"?: boolean;
+    "x-read-pretty"?: boolean;
+}>;
 export declare const createFormBlockSchema: (options: any) => import("@formily/react").Stringify<{
     [key: symbol]: any;
     [key: `x-${string}`]: any;

package/lib/schema-initializer/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTableColumnInitializerFields = exports.useRemoveGridFormItem = exports.useRecordCollectionDataSourceItems = exports.useInheritsTableColumnInitializerFields = exports.useInheritsFormItemInitializerFields = exports.useFormItemInitializerFields = exports.useFilterInheritsFormItemInitializerFields = exports.useFilterFormItemInitializerFields = exports.useFilterAssociatedFormItemInitializerFields = exports.useCustomFormItemInitializerFields = exports.useCustomBulkEditFormItemInitializerFields = exports.useCurrentSchema = exports.useCollectionDataSourceItems = exports.useAssociatedTableColumnInitializerFields = exports.useAssociatedFormItemInitializerFields = exports.removeTableColumn = exports.removeGridFormItem = exports.itemsMerge = exports.gridRowColWrap = exports.findTableColumn = exports.createTableSelectorSchema = exports.createTableBlockSchema = exports.createReadPrettyFormBlockSchema = exports.createKanbanBlockSchema = exports.createGanttBlockSchema = exports.createFormBlockSchema = exports.createFilterFormBlockSchema = exports.createDetailsBlockSchema = exports.createCollapseBlockSchema = exports.createCalendarBlockSchema = void 0;
+exports.useTableColumnInitializerFields = exports.useRemoveGridFormItem = exports.useRecordCollectionDataSourceItems = exports.useInheritsTableColumnInitializerFields = exports.useInheritsFormItemInitializerFields = exports.useFormItemInitializerFields = exports.useFilterInheritsFormItemInitializerFields = exports.useFilterFormItemInitializerFields = exports.useFilterAssociatedFormItemInitializerFields = exports.useCustomFormItemInitializerFields = exports.useCustomBulkEditFormItemInitializerFields = exports.useCurrentSchema = exports.useCollectionDataSourceItems = exports.useAssociatedTableColumnInitializerFields = exports.useAssociatedFormItemInitializerFields = exports.removeTableColumn = exports.removeGridFormItem = exports.itemsMerge = exports.gridRowColWrap = exports.findTableColumn = exports.createTableSelectorSchema = exports.createTableBlockSchema = exports.createReadPrettyFormBlockSchema = exports.createListBlockSchema = exports.createKanbanBlockSchema = exports.createGridCardBlockSchema = exports.createGanttBlockSchema = exports.createFormBlockSchema = exports.createFilterFormBlockSchema = exports.createDetailsBlockSchema = exports.createCollapseBlockSchema = exports.createCalendarBlockSchema = void 0;
 var _react = require("@formily/react");
 var _shared = require("@formily/shared");
 var _react2 = _interopRequireWildcard(require("react"));
@@ -15,14 +15,16 @@ var _schemaComponent = require("../schema-component");
 var _schemaTemplates = require("../schema-templates");
 var _SelectCollection = require("./SelectCollection");
 var _excluded = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
-  _excluded2 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
-  _excluded3 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
-  _excluded4 = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
-  _excluded5 = ["collection", "resource", "rowKey", "tableActionInitializers", "tableColumnInitializers", "tableActionColumnInitializers", "tableBlockProvider", "disableTemplate", "TableBlockDesigner", "blockType", "pageSize"],
-  _excluded6 = ["collection", "resource", "rowKey"],
-  _excluded7 = ["collection", "resource", "fieldNames"],
-  _excluded8 = ["collection", "resource", "fieldNames"],
-  _excluded9 = ["collection", "resource", "groupField"];
+  _excluded2 = ["formItemInitializers", "actionInitializers", "itemActionInitializers", "collection", "association", "resource", "template"],
+  _excluded3 = ["formItemInitializers", "actionInitializers", "itemActionInitializers", "collection", "association", "resource", "template"],
+  _excluded4 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
+  _excluded5 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
+  _excluded6 = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
+  _excluded7 = ["collection", "resource", "rowKey", "tableActionInitializers", "tableColumnInitializers", "tableActionColumnInitializers", "tableBlockProvider", "disableTemplate", "TableBlockDesigner", "blockType", "pageSize"],
+  _excluded8 = ["collection", "resource", "rowKey"],
+  _excluded9 = ["collection", "resource", "fieldNames"],
+  _excluded10 = ["collection", "resource", "fieldNames"],
+  _excluded11 = ["collection", "resource", "groupField"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -280,12 +282,15 @@ var useFormItemInitializerFields = function useFormItemInitializerFields(options
     var _field$uiSchema3, _field$uiSchema4;
     var interfaceConfig = getInterface(field.interface);
     var targetCollection = getCollection(field.target);
-    var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+    // const component =
+    //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+    //     ? 'TableField'
+    //     : 'CollectionField';
     var schema = {
       type: 'string',
       name: field.name,
       'x-designer': 'FormItem.Designer',
-      'x-component': component,
+      'x-component': 'CollectionField',
       'x-decorator': 'FormItem',
       'x-collection-field': "".concat(name, ".").concat(field.name),
       'x-component-props': {},
@@ -345,13 +350,16 @@ var useFilterFormItemInitializerFields = function useFilterFormItemInitializerFi
     var _field$uiSchema6;
     var interfaceConfig = getInterface(field.interface);
     var targetCollection = getCollection(field.target);
-    var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+    // const component =
+    //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+    //     ? 'TableField'
+    //     : 'CollectionField';
     var schema = {
       type: 'string',
       name: field.name,
       required: false,
       'x-designer': 'FormItem.FilterFormDesigner',
-      'x-component': component,
+      'x-component': 'CollectionField',
       'x-decorator': 'FormItem',
       'x-collection-field': "".concat(name, ".").concat(field.name),
       'x-component-props': {}
@@ -531,7 +539,9 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
       _ref5$readPretty = _ref5.readPretty,
       readPretty = _ref5$readPretty === void 0 ? form.readPretty : _ref5$readPretty,
       _ref5$block = _ref5.block,
-      block = _ref5$block === void 0 ? 'Form' : _ref5$block;
+      block = _ref5$block === void 0 ? 'Form' : _ref5$block,
+      _ref5$component = _ref5.component,
+      component = _ref5$component === void 0 ? 'CollectionField' : _ref5$component;
     var targetCollection = getCollection(v);
     return _defineProperty({}, targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.title, fields === null || fields === void 0 ? void 0 : (_fields$filter4 = fields.filter(function (field) {
       return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : field.isForeignKey);
@@ -539,7 +549,10 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
       var _field$uiSchema10, _field$uiSchema11, _field$uiSchema12;
       var interfaceConfig = getInterface(field.interface);
       var targetCollection = getCollection(field.target);
-      var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+      // const component =
+      //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+      //     ? 'TableField'
+      //     : 'CollectionField';
       var schema = {
         type: 'string',
         name: field.name,
@@ -600,14 +613,17 @@ var useFilterInheritsFormItemInitializerFields = function useFilterInheritsFormI
       var _field$uiSchema13, _field$uiSchema14, _field$uiSchema15;
       var interfaceConfig = getInterface(field.interface);
       var targetCollection = getCollection(field.target);
-      var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+      // const component =
+      //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+      //     ? 'TableField'
+      //     : 'CollectionField';
       var schema = {
         type: 'string',
         name: field.name,
         title: (field === null || field === void 0 ? void 0 : (_field$uiSchema13 = field.uiSchema) === null || _field$uiSchema13 === void 0 ? void 0 : _field$uiSchema13.title) || field.name,
         required: false,
         'x-designer': 'FormItem.FilterFormDesigner',
-        'x-component': component,
+        'x-component': 'CollectionField',
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
         'x-component-props': {},
@@ -1015,17 +1031,189 @@ var createDetailsBlockSchema = function createDetailsBlockSchema(options) {
   return schema;
 };
 exports.createDetailsBlockSchema = createDetailsBlockSchema;
-var createFormBlockSchema = function createFormBlockSchema(options) {
+var createListBlockSchema = function createListBlockSchema(options) {
   var _options$formItemInit2 = options.formItemInitializers,
-    formItemInitializers = _options$formItemInit2 === void 0 ? 'FormItemInitializers' : _options$formItemInit2,
+    formItemInitializers = _options$formItemInit2 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit2,
     _options$actionInitia2 = options.actionInitializers,
-    actionInitializers = _options$actionInitia2 === void 0 ? 'FormActionInitializers' : _options$actionInitia2,
+    actionInitializers = _options$actionInitia2 === void 0 ? 'ListActionInitializers' : _options$actionInitia2,
+    _options$itemActionIn = options.itemActionInitializers,
+    itemActionInitializers = _options$itemActionIn === void 0 ? 'ListItemActionInitializers' : _options$itemActionIn,
+    collection = options.collection,
+    association = options.association,
+    resource = options.resource,
+    template = options.template,
+    others = _objectWithoutProperties(options, _excluded2);
+  var resourceName = resource || association || collection;
+  var schema = {
+    type: 'void',
+    'x-acl-action': "".concat(resourceName, ":view"),
+    'x-decorator': 'List.Decorator',
+    'x-decorator-props': _objectSpread({
+      resource: resourceName,
+      collection: collection,
+      association: association,
+      readPretty: true,
+      action: 'list',
+      params: {
+        pageSize: 10
+      },
+      runWhenParamsChanged: true
+    }, others),
+    'x-component': 'CardItem',
+    'x-designer': 'List.Designer',
+    properties: {
+      actionBar: {
+        type: 'void',
+        'x-initializer': actionInitializers,
+        'x-component': 'ActionBar',
+        'x-component-props': {
+          style: {
+            marginBottom: 'var(--nb-spacing)'
+          }
+        },
+        properties: {}
+      },
+      list: {
+        type: 'array',
+        'x-component': 'List',
+        'x-component-props': {
+          props: '{{ useListBlockProps }}'
+        },
+        properties: {
+          item: {
+            type: 'object',
+            'x-component': 'List.Item',
+            'x-read-pretty': true,
+            'x-component-props': {
+              useProps: '{{ useListItemProps }}'
+            },
+            properties: {
+              grid: template || {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': formItemInitializers,
+                'x-initializer-props': {
+                  useProps: '{{ useListItemInitializerProps }}'
+                },
+                properties: {}
+              },
+              actionBar: {
+                type: 'void',
+                'x-align': 'left',
+                'x-initializer': itemActionInitializers,
+                'x-component': 'ActionBar',
+                'x-component-props': {
+                  useProps: '{{ useListActionBarProps }}',
+                  layout: 'one-column'
+                },
+                properties: {}
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  return schema;
+};
+exports.createListBlockSchema = createListBlockSchema;
+var createGridCardBlockSchema = function createGridCardBlockSchema(options) {
+  var _options$formItemInit3 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit3 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit3,
+    _options$actionInitia3 = options.actionInitializers,
+    actionInitializers = _options$actionInitia3 === void 0 ? 'GridCardActionInitializers' : _options$actionInitia3,
+    _options$itemActionIn2 = options.itemActionInitializers,
+    itemActionInitializers = _options$itemActionIn2 === void 0 ? 'GridCardItemActionInitializers' : _options$itemActionIn2,
+    collection = options.collection,
+    association = options.association,
+    resource = options.resource,
+    template = options.template,
+    others = _objectWithoutProperties(options, _excluded3);
+  var resourceName = resource || association || collection;
+  var schema = {
+    type: 'void',
+    'x-acl-action': "".concat(resourceName, ":view"),
+    'x-decorator': 'GridCard.Decorator',
+    'x-decorator-props': _objectSpread({
+      resource: resourceName,
+      collection: collection,
+      association: association,
+      readPretty: true,
+      action: 'list',
+      params: {
+        pageSize: 12
+      },
+      runWhenParamsChanged: true
+    }, others),
+    'x-component': 'BlockItem',
+    'x-designer': 'GridCard.Designer',
+    properties: {
+      actionBar: {
+        type: 'void',
+        'x-initializer': actionInitializers,
+        'x-component': 'ActionBar',
+        'x-component-props': {
+          style: {
+            marginBottom: 'var(--nb-spacing)'
+          }
+        },
+        properties: {}
+      },
+      list: {
+        type: 'array',
+        'x-component': 'GridCard',
+        'x-component-props': {
+          props: '{{ useGridCardBlockProps }}'
+        },
+        properties: {
+          item: {
+            type: 'object',
+            'x-component': 'GridCard.Item',
+            'x-read-pretty': true,
+            'x-component-props': {
+              useProps: '{{ useGridCardItemProps }}'
+            },
+            properties: {
+              grid: template || {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': formItemInitializers,
+                'x-initializer-props': {
+                  useProps: '{{ useGridCardItemInitializerProps }}'
+                },
+                properties: {}
+              },
+              actionBar: {
+                type: 'void',
+                'x-align': 'left',
+                'x-initializer': itemActionInitializers,
+                'x-component': 'ActionBar',
+                'x-component-props': {
+                  useProps: '{{ useGridCardActionBarProps }}',
+                  layout: 'one-column'
+                },
+                properties: {}
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  return schema;
+};
+exports.createGridCardBlockSchema = createGridCardBlockSchema;
+var createFormBlockSchema = function createFormBlockSchema(options) {
+  var _options$formItemInit4 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit4 === void 0 ? 'FormItemInitializers' : _options$formItemInit4,
+    _options$actionInitia4 = options.actionInitializers,
+    actionInitializers = _options$actionInitia4 === void 0 ? 'FormActionInitializers' : _options$actionInitia4,
     collection = options.collection,
     resource = options.resource,
     association = options.association,
     action = options.action,
     template = options.template,
-    others = _objectWithoutProperties(options, _excluded2);
+    others = _objectWithoutProperties(options, _excluded4);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -1077,16 +1265,16 @@ var createFormBlockSchema = function createFormBlockSchema(options) {
 };
 exports.createFormBlockSchema = createFormBlockSchema;
 var createFilterFormBlockSchema = function createFilterFormBlockSchema(options) {
-  var _options$formItemInit3 = options.formItemInitializers,
-    formItemInitializers = _options$formItemInit3 === void 0 ? 'FilterFormItemInitializers' : _options$formItemInit3,
-    _options$actionInitia3 = options.actionInitializers,
-    actionInitializers = _options$actionInitia3 === void 0 ? 'FilterFormActionInitializers' : _options$actionInitia3,
+  var _options$formItemInit5 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit5 === void 0 ? 'FilterFormItemInitializers' : _options$formItemInit5,
+    _options$actionInitia5 = options.actionInitializers,
+    actionInitializers = _options$actionInitia5 === void 0 ? 'FilterFormActionInitializers' : _options$actionInitia5,
     collection = options.collection,
     resource = options.resource,
     association = options.association,
     action = options.action,
     template = options.template,
-    others = _objectWithoutProperties(options, _excluded3);
+    others = _objectWithoutProperties(options, _excluded5);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -1135,15 +1323,15 @@ var createFilterFormBlockSchema = function createFilterFormBlockSchema(options)
 };
 exports.createFilterFormBlockSchema = createFilterFormBlockSchema;
 var createReadPrettyFormBlockSchema = function createReadPrettyFormBlockSchema(options) {
-  var _options$formItemInit4 = options.formItemInitializers,
-    formItemInitializers = _options$formItemInit4 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit4,
-    _options$actionInitia4 = options.actionInitializers,
-    actionInitializers = _options$actionInitia4 === void 0 ? 'ReadPrettyFormActionInitializers' : _options$actionInitia4,
+  var _options$formItemInit6 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit6 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit6,
+    _options$actionInitia6 = options.actionInitializers,
+    actionInitializers = _options$actionInitia6 === void 0 ? 'ReadPrettyFormActionInitializers' : _options$actionInitia6,
     collection = options.collection,
     association = options.association,
     resource = options.resource,
     template = options.template,
-    others = _objectWithoutProperties(options, _excluded4);
+    others = _objectWithoutProperties(options, _excluded6);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -1204,7 +1392,7 @@ var createTableBlockSchema = function createTableBlockSchema(options) {
     blockType = options.blockType,
     _options$pageSize = options.pageSize,
     pageSize = _options$pageSize === void 0 ? 20 : _options$pageSize,
-    others = _objectWithoutProperties(options, _excluded5);
+    others = _objectWithoutProperties(options, _excluded7);
   var schema = {
     type: 'void',
     'x-decorator': tableBlockProvider !== null && tableBlockProvider !== void 0 ? tableBlockProvider : 'TableBlockProvider',
@@ -1232,7 +1420,7 @@ var createTableBlockSchema = function createTableBlockSchema(options) {
         'x-component': 'ActionBar',
         'x-component-props': {
           style: {
-            marginBottom: 16
+            marginBottom: 'var(--nb-spacing)'
           }
         },
         properties: {}
@@ -1307,7 +1495,7 @@ var createTableSelectorSchema = function createTableSelectorSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     rowKey = options.rowKey,
-    others = _objectWithoutProperties(options, _excluded6);
+    others = _objectWithoutProperties(options, _excluded8);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1330,7 +1518,7 @@ var createTableSelectorSchema = function createTableSelectorSchema(options) {
         'x-component': 'ActionBar',
         'x-component-props': {
           style: {
-            marginBottom: 16
+            marginBottom: 'var(--nb-spacing)'
           }
         },
         properties: {}
@@ -1357,7 +1545,7 @@ var createCalendarBlockSchema = function createCalendarBlockSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     fieldNames = options.fieldNames,
-    others = _objectWithoutProperties(options, _excluded7);
+    others = _objectWithoutProperties(options, _excluded9);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1449,7 +1637,7 @@ var createGanttBlockSchema = function createGanttBlockSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     fieldNames = options.fieldNames,
-    others = _objectWithoutProperties(options, _excluded8);
+    others = _objectWithoutProperties(options, _excluded10);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1577,7 +1765,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     groupField = options.groupField,
-    others = _objectWithoutProperties(options, _excluded9);
+    others = _objectWithoutProperties(options, _excluded11);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1600,7 +1788,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
         'x-component': 'ActionBar',
         'x-component-props': {
           style: {
-            marginBottom: 16
+            marginBottom: 'var(--nb-spacing)'
           }
         },
         properties: {}

package/lib/schema-items/GeneralSchemaItems.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const GeneralSchemaItems: React.FC<{
+    required?: boolean;
+}>;