feat(new): Add ability to set the newProperties

src/backend/decorators/property/property-decorator.ts

@@ -172,7 +172,7 @@ export class PropertyDecorator {
   /**
    * Indicates if given property should be visible
    *
-   * @param {'list' | 'edit' | 'show' | 'filter'} where
+   * @param {'list' | 'edit' | 'new' | 'show' | 'filter'} where
    */
   isVisible(where: PropertyPlace): boolean {
     if (typeof this.options.isVisible === 'object' && this.options.isVisible !== null) {

src/backend/decorators/property/property-options.interface.ts

@@ -12,6 +12,7 @@ export default interface PropertyOptions {
     show?: boolean;
     list?: boolean;
     edit?: boolean;
+    new?: boolean;
     filter?: boolean;
   };
   /**

src/backend/decorators/resource/resource-decorator.spec.ts

@@ -264,6 +264,7 @@ describe('ResourceDecorator', function () {
         'titleProperty',
         'resourceActions',
         'listProperties',
+        'newProperties',
         'editProperties',
         'showProperties',
         'filterProperties',

src/backend/decorators/resource/resource-decorator.ts

@@ -135,7 +135,7 @@ class ResourceDecorator {
    * Returns list of all properties which will be visible in given place (where)
    *
    * @param   {Object}  options
-   * @param   {String}  options.where   one of: 'list', 'show', 'edit', 'filter'
+   * @param   {String}  options.where   one of: 'list', 'show', 'edit', 'new', 'filter'
    * @param   {String}  [options.max]   maximum number of properties returned where there are
    *                                    no overrides in the options
    *
@@ -318,6 +318,9 @@ class ResourceDecorator {
       editProperties: this.getProperties({
         where: 'edit',
       }).map((property) => property.toJSON('edit')),
+      newProperties: this.getProperties({
+        where: 'new',
+      }).map((property) => property.toJSON('new')),
       showProperties: this.getProperties({
         where: 'show',
       }).map((property) => property.toJSON('show')),

src/backend/decorators/resource/resource-options.interface.ts

@@ -66,6 +66,10 @@ export interface ResourceOptions {
    * List of properties which should be visible on edit view
    */
   editProperties?: Array<string>;
+  /**
+   * List of properties which should be visible on new view
+   */
+  newProperties?: Array<string>;
   /**
    * List of properties which should be visible on the filter
    */

src/backend/utils/build-feature/build-feature.ts

@@ -32,7 +32,7 @@ function mergeActionHooks<T>(
 
 const basicOptions = ['id', 'href', 'parent', 'sort', 'navigation', 'titleProperty', 'translations'] as const
 const listOptions = [
-  'listProperties', 'showProperties', 'editProperties', 'filterProperties',
+  'listProperties', 'showProperties', 'editProperties', 'newProperties', 'filterProperties',
 ] as const
 
 type BasicOption = typeof basicOptions[number]
@@ -54,7 +54,7 @@ const hasMissingKeys: MissingKeys = {} as const
  * Merges 2 ResourceOptions together. Used by features
  *
  * - 'id', 'href', 'parent', 'sort' from `newOptions` override `oldOptions`
- * - 'listProperties', 'showProperties', 'editProperties', 'filterProperties'
+ * - 'listProperties', 'showProperties', 'editProperties', 'newProperties', 'filterProperties'
  *   are joined and made unique
  * - all 'properties' from `newOptions` override properties from `oldOptions`
  * - all 'actions' with their parameters from `newOptions` override `oldOptions`

src/frontend/components/actions/new.tsx

@@ -87,7 +87,7 @@ const New: FC<ActionProps> = (props) => {
               record={record as RecordJSON}
             />
           ))
-          : resource.editProperties.map((property) => (
+          : resource.newProperties.map((property) => (
             <BasePropertyComponent
               key={property.propertyPath}
               where="edit"

src/frontend/components/property-type/base-property-component.doc.md

@@ -84,6 +84,7 @@ const resource = {
   resourceActions: [],
   listProperties: [booleanProperty, stringProperty],
   editProperties: [booleanProperty, stringProperty],
+  newProperties: [booleanProperty, stringProperty],
   showProperties: [booleanProperty, stringProperty],
   filterProperties: [booleanProperty, stringProperty],
 }

src/frontend/components/property-type/base-property-props.ts

@@ -71,7 +71,7 @@ export type BasePropertyProps = {
    */
   filter?: any;
   /**
-   * Where given property should be rendered. Either of 'show' | 'list' | 'edit' | 'filter'.
+   * Where given property should be rendered. Either of 'show' | 'list' | 'edit' | 'new' | 'filter'.
    */
   where: PropertyPlace;
 }

src/frontend/components/spec/resource-json.factory.ts

@@ -22,6 +22,7 @@ factory.define<ResourceJSON>('ResourceJSON', Object, {
   showProperties: [],
   filterProperties: [],
   editProperties: [],
+  newProperties: [],
 })
 
 factory.extend('ResourceJSON', 'ResourceJSON.full', {}, {
@@ -44,6 +45,7 @@ factory.extend('ResourceJSON', 'ResourceJSON.full', {}, {
       listProperties: properties,
       showProperties: properties,
       editProperties: properties,
+      newProperties: properties,
       filterProperties: properties,
     }
   },

src/frontend/interfaces/property-json/property-json.interface.ts

@@ -1,6 +1,6 @@
 import { PropertyType } from '../../../backend/adapters/property/base-property.js'
 
-export type PropertyPlace = 'show' | 'list' | 'edit' | 'filter';
+export type PropertyPlace = 'show' | 'list' | 'edit' | 'new' | 'filter';
 
 /**
  * JSON representation of a Property.
@@ -108,6 +108,7 @@ export interface PropertyJSON {
   components?: {
     show?: string;
     edit?: string;
+    new?: string;
     filter?: string;
     list?: string;
   };

src/frontend/interfaces/resource-json.interface.ts

@@ -57,6 +57,10 @@ export interface ResourceJSON {
    * Properties which should be visible on the edit view
    */
   editProperties: Array<BasePropertyJSON>;
+  /**
+   * Properties which should be visible on the edit new
+   */
+  newProperties: Array<BasePropertyJSON>;
   /**
    * Properties which should be visible on the show view
    */