[8.x] [Streams 🌊] Fix fields simulation restricted keys (elastic#210149) (elastic#210169)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Streams 🌊] Fix fields simulation restricted keys
(elastic#210149)](elastic#210149)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Marco Antonio
Ghiani","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-02-07T11:45:26Z","message":"[Streams
🌊] Fix fields simulation restricted keys (elastic#210149)\n\n## 📓
Summary\r\n\r\nFix failing fields simulation on the schema editor. This
happened\r\nbecause the strict excessive keys check on the zod
validation for the\r\nAPI request caught extra parameters used
client-side on the Schema\r\nEditor, removing those properties fixed the
issue.","sha":"dde1bec88bc7a797c21d65305c23ab6c1dc6bed6","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport:version","Feature:Streams","v9.1.0","v8.19.0"],"title":"[Streams
🌊] Fix fields simulation restricted
keys","number":210149,"url":"https://github.com/elastic/kibana/pull/210149","mergeCommit":{"message":"[Streams
🌊] Fix fields simulation restricted keys (elastic#210149)\n\n## 📓
Summary\r\n\r\nFix failing fields simulation on the schema editor. This
happened\r\nbecause the strict excessive keys check on the zod
validation for the\r\nAPI request caught extra parameters used
client-side on the Schema\r\nEditor, removing those properties fixed the
issue.","sha":"dde1bec88bc7a797c21d65305c23ab6c1dc6bed6"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/210149","number":210149,"mergeCommit":{"message":"[Streams
🌊] Fix fields simulation restricted keys (elastic#210149)\n\n## 📓
Summary\r\n\r\nFix failing fields simulation on the schema editor. This
happened\r\nbecause the strict excessive keys check on the zod
validation for the\r\nAPI request caught extra parameters used
client-side on the Schema\r\nEditor, removing those properties fixed the
issue.","sha":"dde1bec88bc7a797c21d65305c23ab6c1dc6bed6"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Marco Antonio Ghiani <[email protected]>

Author: kibanamachine

x-pack/solutions/observability/plugins/streams_app/public/components/schema_editor/flyout/sample_preview_table.tsx

@@ -9,13 +9,14 @@ import React, { useMemo } from 'react';
 import { css } from '@emotion/react';
 import { i18n } from '@kbn/i18n';
 import { EuiCallOut } from '@elastic/eui';
-import { NamedFieldDefinitionConfig, WiredStreamDefinition } from '@kbn/streams-schema';
+import { WiredStreamDefinition } from '@kbn/streams-schema';
 import { useKibana } from '../../../hooks/use_kibana';
 import { getFormattedError } from '../../../util/errors';
 import { useStreamsAppFetch } from '../../../hooks/use_streams_app_fetch';
 import { PreviewTable } from '../../preview_table';
 import { LoadingPanel } from '../../loading_panel';
-import { SchemaField, isSchemaFieldTyped } from '../types';
+import { MappedSchemaField, SchemaField, isSchemaFieldTyped } from '../types';
+import { convertToFieldDefinitionConfig } from '../utils';
 
 interface SamplePreviewTableProps {
   stream: WiredStreamDefinition;
@@ -36,7 +37,7 @@ const SAMPLE_DOCUMENTS_TO_SHOW = 20;
 const SamplePreviewTableContent = ({
   stream,
   nextField,
-}: SamplePreviewTableProps & { nextField: NamedFieldDefinitionConfig }) => {
+}: SamplePreviewTableProps & { nextField: MappedSchemaField }) => {
   const { streamsRepositoryClient } = useKibana().dependencies.start.streams;
 
   const { value, loading, error } = useStreamsAppFetch(
@@ -48,7 +49,9 @@ const SamplePreviewTableContent = ({
             id: stream.name,
           },
           body: {
-            field_definitions: [nextField],
+            field_definitions: [
+              { ...convertToFieldDefinitionConfig(nextField), name: nextField.name },
+            ],
           },
         },
       });

x-pack/solutions/observability/plugins/streams_app/public/components/schema_editor/hooks/use_schema_fields.ts

@@ -7,16 +7,13 @@
 
 import { i18n } from '@kbn/i18n';
 import { useAbortController } from '@kbn/observability-utils-browser/hooks/use_abort_controller';
-import {
-  FieldDefinitionConfig,
-  NamedFieldDefinitionConfig,
-  WiredStreamGetResponse,
-} from '@kbn/streams-schema';
+import { NamedFieldDefinitionConfig, WiredStreamGetResponse } from '@kbn/streams-schema';
 import { isEqual, omit } from 'lodash';
 import { useMemo, useCallback } from 'react';
 import { useStreamsAppFetch } from '../../../hooks/use_streams_app_fetch';
 import { useKibana } from '../../../hooks/use_kibana';
-import { MappedSchemaField, SchemaField, isSchemaFieldTyped } from '../types';
+import { SchemaField, isSchemaFieldTyped } from '../types';
+import { convertToFieldDefinitionConfig } from '../utils';
 
 export const useSchemaFields = ({
   definition,
@@ -205,11 +202,6 @@ export const useSchemaFields = ({
   };
 };
 
-const convertToFieldDefinitionConfig = (field: MappedSchemaField): FieldDefinitionConfig => ({
-  type: field.type,
-  ...(field.format && field.type === 'date' ? { format: field.format } : {}),
-});
-
 const hasChanges = (
   field: Partial<NamedFieldDefinitionConfig>,
   fieldUpdate: Partial<NamedFieldDefinitionConfig>

x-pack/solutions/observability/plugins/streams_app/public/components/schema_editor/utils.ts

@@ -0,0 +1,16 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { FieldDefinitionConfig } from '@kbn/streams-schema';
+import { MappedSchemaField } from './types';
+
+export const convertToFieldDefinitionConfig = (
+  field: MappedSchemaField
+): FieldDefinitionConfig => ({
+  type: field.type,
+  ...(field.format && field.type === 'date' ? { format: field.format } : {}),
+});