Set default array accessors to bracket notation

Signed-off-by: Tyler Ohlsen <[email protected]>
ohltyler · Nov 15, 2024 · 71eaf07 · 71eaf07
1 parent 01c4f35
commit 71eaf07
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs.tsx b/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs.tsx
@@ -24,7 +24,6 @@ import {
   IConfigField,
   PROCESSOR_CONTEXT,
   WorkflowConfig,
-  JSONPATH_ROOT_SELECTOR,
   WorkflowFormValues,
   ModelInterface,
   IndexMappings,
@@ -41,6 +40,7 @@ import {
 } from './modals';
 import { AppState, getMappings, useAppDispatch } from '../../../../store';
 import {
+  convertArrayAccessorsToBracketNotation,
   formikToPartialPipeline,
   getDataSourceId,
   parseModelInputs,
@@ -186,7 +186,7 @@ export function MLProcessorInputs(props: MLProcessorInputsProps) {
         setDocFields(
           docObjKeys.map((key) => {
             return {
-              label: key,
+              label: convertArrayAccessorsToBracketNotation(key),
             };
           })
         );
@@ -202,7 +202,7 @@ export function MLProcessorInputs(props: MLProcessorInputsProps) {
         setQueryFields(
           queryObjKeys.map((key) => {
             return {
-              label: key,
+              label: convertArrayAccessorsToBracketNotation(key),
             };
           })
         );

diff --git a/public/utils/utils.ts b/public/utils/utils.ts
@@ -473,3 +473,11 @@ export const getErrorMessageForStepType = (
       return '';
   }
 };
+
+export function convertArrayAccessorsToBracketNotation(path: string): string {
+  return path.split('.').reduce((prevValue, curValue, idx) => {
+    return isNaN(parseInt(curValue))
+      ? prevValue + '.' + curValue
+      : prevValue + `[${curValue}]`;
+  });
+}