@cratis/scene.react 4.30.0 → 4.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cratis/scene.react",
-    "version": "4.30.0",
+    "version": "4.31.0",
     "description": "The React renderer implementing Scene.Engine's Renderer contract against real React/DOM.",
     "keywords": [
         "cratis",
@@ -51,12 +51,12 @@
         "build-storybook": "storybook build"
     },
     "dependencies": {
-        "@cratis/scene.engine": "4.30.0",
-        "@cratis/scene.model": "4.30.0"
+        "@cratis/scene.engine": "4.31.0",
+        "@cratis/scene.model": "4.31.0"
     },
     "devDependencies": {
-        "@cratis/scene.engine": "4.30.0",
-        "@cratis/scene.model": "4.30.0",
+        "@cratis/scene.engine": "4.31.0",
+        "@cratis/scene.model": "4.31.0",
         "@storybook/addon-links": "^10.6.1",
         "@storybook/react": "^10.6.1",
         "@storybook/react-vite": "^10.6.1",

package/slices/SliceCommandField.ts

@@ -16,4 +16,7 @@ export interface SliceCommandField {
 
     /** Whether the field must have a value. */
     required?: boolean;
+
+    /** The value the field starts with - a preview fills it from the active sample data pack; a running application leaves it out. */
+    initialValue?: string | number | boolean;
 }

package/slices/SliceDialogView.tsx

@@ -44,6 +44,17 @@ function inputTypeOf(field: SliceCommandField): string {
     }
 }
 
+/** What the form starts with: the fields that carry an initial value, as the strings and booleans the inputs hold. */
+function initialValuesOf(fields: SliceCommandField[]): Record<string, string | boolean> {
+    const values: Record<string, string | boolean> = {};
+    for (const field of fields) {
+        if (field.initialValue === undefined) continue;
+        values[field.name] = typeof field.initialValue === 'boolean' && inputTypeOf(field) === 'checkbox' ? field.initialValue : String(field.initialValue);
+    }
+
+    return values;
+}
+
 /** The payload a form's values make: numbers and booleans as such, an empty number left out. */
 export function slicePayload(fields: SliceCommandField[], values: Record<string, string | boolean>): Record<string, unknown> {
     const payload: Record<string, unknown> = {};
@@ -88,7 +99,7 @@ export function SliceDialogView({ slice: sliceProp, command: commandProp, title:
         return index.findSlice(slice)?.id ?? slice.split('.').pop() ?? slice;
     }, [model, slice]);
 
-    const [values, setValues] = useState<Record<string, string | boolean>>({});
+    const [values, setValues] = useState<Record<string, string | boolean>>(() => initialValuesOf(fields));
     const [errors, setErrors] = useState<InvocationValidationError[]>([]);
     const [submitting, setSubmitting] = useState(false);
     const form = useRef<HTMLFormElement>(null);