@cratis/scene.components 4.70.1 → 4.71.0

package/forms/CommandFieldPropertyEditor.tsx

@@ -1,6 +1,7 @@
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
+import { elementNodeId } from '@cratis/scene.engine';
 import { SceneEditKind } from '@cratis/scene.model';
 import { DesignTimePropertyEditorProps } from '@cratis/scene.react';
 
@@ -11,6 +12,6 @@ export function CommandFieldPropertyEditor({ context, property, value, setValue
     return <input aria-label={property.label} value={typeof value === 'string' ? value : ''} onChange={event => {
         const next = event.currentTarget.value;
         setValue(next);
-        context.submitEdits([{ kind: SceneEditKind.SetProperty, nodeId: context.element.id, path: property.path, value: next }]);
+        context.submitEdits([{ kind: SceneEditKind.SetProperty, nodeId: elementNodeId(context.element.id), path: property.path, value: next }]);
     }} />;
 }

package/forms/CommandFormLayoutEditor.tsx

@@ -3,7 +3,7 @@
 
 import { KeyboardEvent, useState } from 'react';
 import { CommandFormLayout, SceneEditKind } from '@cratis/scene.model';
-import { CommandFormLayoutKey, applyCommandFormLayoutKey } from '@cratis/scene.engine';
+import { CommandFormLayoutKey, applyCommandFormLayoutKey, elementNodeId } from '@cratis/scene.engine';
 import { DesignTimePropertyEditorProps } from '@cratis/scene.react';
 import { commandFormLayout } from './commandFormLayout';
 
@@ -35,7 +35,7 @@ export function CommandFormLayoutEditor({ context, property, value, setValue }:
 
     const commit = (next: CommandFormLayout) => {
         setValue(next);
-        context.submitEdits([{ kind: SceneEditKind.SetProperty, nodeId: context.element.id, path: property.path, value: next }]);
+        context.submitEdits([{ kind: SceneEditKind.SetProperty, nodeId: elementNodeId(context.element.id), path: property.path, value: next }]);
     };
 
     return <div role='group' aria-label={property.label} aria-describedby={`${context.element.id}-layout-help`}>

package/forms/generateCommandFieldsAction.ts

@@ -1,6 +1,7 @@
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
+import { elementNodeId } from '@cratis/scene.engine';
 import { DesignTimeAction, DesignTimeActionContext, DesignTimeActionResult } from '@cratis/scene.react';
 import { DesignTimeActionPlacement, SceneEditKind } from '@cratis/scene.model';
 
@@ -32,9 +33,11 @@ function generateCommandFields(context: DesignTimeActionContext): DesignTimeActi
         diagnostics: [],
         edits: [{
             kind: SceneEditKind.SetProperty,
-            nodeId: context.element.id,
+            nodeId: elementNodeId(context.element.id),
             path: 'inputs',
+            // A collection item is addressed by its id, so an item without one is refused by the editing engine and nothing is generated.
             value: properties.map((property, index) => ({
+                id: property.name,
                 property: property.name,
                 type: property.type === 'Guid' || property.type === 'guid' ? 'guid' : 'string',
                 label: property.label ?? humanize(property.name),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cratis/scene.components",
-    "version": "4.70.1",
+    "version": "4.71.0",
     "description": "The Cratis Components package: exposes @cratis/components' Arc-bound data, form and dialog composites as Scene components. Built on PrimeReact and Tailwind, and declares both as dependencies.",
     "keywords": [
         "cratis",
@@ -59,17 +59,17 @@
         "build-storybook": "storybook build"
     },
     "dependencies": {
-        "@cratis/scene.engine": "4.70.1",
-        "@cratis/scene.model": "4.70.1",
-        "@cratis/scene.react": "4.70.1"
+        "@cratis/scene.engine": "4.71.0",
+        "@cratis/scene.model": "4.71.0",
+        "@cratis/scene.react": "4.71.0"
     },
     "devDependencies": {
         "@cratis/arc": "22.76.0",
         "@cratis/arc.react": "22.76.0",
         "@cratis/components": "4.26.4",
-        "@cratis/scene.engine": "4.70.1",
-        "@cratis/scene.model": "4.70.1",
-        "@cratis/scene.react": "4.70.1",
+        "@cratis/scene.engine": "4.71.0",
+        "@cratis/scene.model": "4.71.0",
+        "@cratis/scene.react": "4.71.0",
         "@storybook/addon-links": "^10.6.1",
         "@storybook/react": "^10.6.1",
         "@storybook/react-vite": "^10.6.1",