@integration-app/react 2.0.3-beta.2 → 2.0.3

package/dist/cjs/components/ComboBox/context/helpers.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -10,7 +10,7 @@
 
 var sdk = require('@integration-app/sdk');
 var types = require('../types.cjs');
-var Lookup = require('../Dropdown/Tabs/Lookup.cjs');
+var getLookupCollection = require('../Dropdown/Categories/getLookupCollection.cjs');
 
 function isSchemaAllowCustomValue(schema) {
   const schemaHasNoType = !schema?.type;
@@ -18,7 +18,7 @@ function isSchemaAllowCustomValue(schema) {
   const schemaIsArrayWithNoSchemaItems = schema?.type === "array" && !schema?.items?.type;
   return schemaHasNoType || schemaIsObjectWithNoProperties || schemaIsArrayWithNoSchemaItems;
 }
-async function getAvailableTabs({
+async function getAvailableRootCategories({
   schema,
   options,
   optionFactories,
@@ -28,63 +28,75 @@ async function getAvailableTabs({
   connectionId,
   integrationId
 }) {
-  const availableTabs = [];
+  const availableCategories = [];
   const udm = schema?.referenceUdm;
   const udmSpec = udm ? sdk.UNIFIED_DATA_MODELS[udm] : void 0;
   if (!!udmSpec) {
-    availableTabs.push(types.ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY);
+    availableCategories.push(types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
   }
   const comboboxHasOptions = Array.isArray(options);
   const comboboxHasOptionFactories = (optionFactories || []).length > 0;
   const comboboxHasFixedValues = !!schema && sdk.schemaHasFixedValues(schema);
   const comboboxHasOptionList = comboboxHasOptions || comboboxHasOptionFactories || comboboxHasFixedValues;
   if (comboboxHasOptionList) {
-    availableTabs.push(types.ComboBoxTabType.OPTIONS);
+    availableCategories.push(types.DropdownCategoryType.OPTIONS);
   }
   const comboboxHasReferenceCollection = !!sdk.getReferenceCollectionPathForSchema(schema);
   if (comboboxHasReferenceCollection && connectionId) {
-    availableTabs.push(types.ComboBoxTabType.LOOKUP_OPTIONS);
+    availableCategories.push(types.DropdownCategoryType.LOOKUP_OPTIONS);
   }
   if (schema && (connectionId || integrationId)) {
-    const collection = await Lookup.getLookupCollection({
+    const collection = await getLookupCollection.getLookupCollection({
       schema,
       client,
       connectionId,
       integrationId
     });
     if (collection?.find?.queryFields || collection?.match?.fields) {
-      availableTabs.push(types.ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY);
+      availableCategories.push(
+        types.DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY
+      );
     }
   }
   const schemaAllowCustomValue = isSchemaAllowCustomValue(schema);
   if (!variablesOnly && !comboboxHasOptionList && schemaAllowCustomValue) {
-    availableTabs.push(types.ComboBoxTabType.CUSTOM);
+    availableCategories.push(types.DropdownCategoryType.CUSTOM);
   }
   if (hasVariables) {
-    availableTabs.push(types.ComboBoxTabType.VARIABLE);
-    availableTabs.push(types.ComboBoxTabType.FORMULA);
+    availableCategories.push(types.DropdownCategoryType.VARIABLE);
+    availableCategories.push(types.DropdownCategoryType.FORMULA);
   }
-  return availableTabs.length > 0 ? availableTabs : null;
+  return availableCategories.length > 0 ? availableCategories : null;
 }
-function getCurrentTab(availableTabs, possibleCurrentTab, value) {
-  if (possibleCurrentTab && availableTabs.includes(possibleCurrentTab)) {
-    return possibleCurrentTab;
+function getCurrentPath(availableCategories, value) {
+  if (availableCategories.length < 1) {
+    return [types.DropdownCategoryType.ROOT];
   }
-  return getDefaultTab(availableTabs, value);
-}
-function getDefaultTab(availableTabs, value) {
-  if (availableTabs.length <= 1) {
-    return availableTabs[0];
+  if (availableCategories.length === 1) {
+    return availableCategories;
   }
   const formulaType = sdk.getFormula(value)?.type;
   if (formulaType === sdk.DataBuilderFormulaType.LOOKUP) {
-    if (availableTabs.includes(types.ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY)) {
-      return types.ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY;
+    if (availableCategories.includes(
+      types.DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY
+    )) {
+      return [
+        types.DropdownCategoryType.ROOT,
+        types.DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY
+      ];
     }
-    if (availableTabs.includes(types.ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY)) {
-      return types.ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY;
+    if (availableCategories.includes(
+      types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+    )) {
+      return [
+        types.DropdownCategoryType.ROOT,
+        types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+      ];
     }
   }
+  if (formulaType === sdk.DataBuilderFormulaType.VAR) {
+    return [types.DropdownCategoryType.ROOT, types.DropdownCategoryType.VARIABLE];
+  }
   const generalFormulaTypes = Object.values(sdk.DataBuilderFormulaType).filter(
     (x) => ![
       sdk.DataBuilderFormulaType.TPL,
@@ -92,19 +104,44 @@ function getDefaultTab(availableTabs, value) {
       sdk.DataBuilderFormulaType.RECORD
     ].includes(x)
   );
-  if (availableTabs.includes(types.ComboBoxTabType.FORMULA) && generalFormulaTypes.includes(formulaType)) {
-    return types.ComboBoxTabType.FORMULA;
+  if (availableCategories.includes(types.DropdownCategoryType.FORMULA) && generalFormulaTypes.includes(formulaType)) {
+    return [
+      types.DropdownCategoryType.ROOT,
+      types.DropdownCategoryType.FORMULA,
+      types.DropdownCategoryType.FORMULA_CONFIG
+    ];
   }
-  if (availableTabs.includes(types.ComboBoxTabType.OPTIONS)) {
-    return types.ComboBoxTabType.OPTIONS;
+  if (availableCategories.includes(types.DropdownCategoryType.LOOKUP_OPTIONS)) {
+    return [types.DropdownCategoryType.ROOT];
   }
-  if (availableTabs.includes(types.ComboBoxTabType.LOOKUP_OPTIONS)) {
-    return types.ComboBoxTabType.LOOKUP_OPTIONS;
+  if (availableCategories.includes(types.DropdownCategoryType.CUSTOM)) {
+    return [types.DropdownCategoryType.ROOT];
   }
-  if (availableTabs.includes(types.ComboBoxTabType.VARIABLE)) {
-    return types.ComboBoxTabType.VARIABLE;
+  return [types.DropdownCategoryType.ROOT];
+}
+async function getStackForPath(path, value, getOptions, stack, searchValue) {
+  const [first, ...rest] = path;
+  if (!first) {
+    return stack;
+  }
+  const options = await getOptions(searchValue, stack);
+  const targetOption = options.find((option) => {
+    const categoryMatched = option.childCategory !== void 0 && option.childCategory === first;
+    if (first === types.DropdownCategoryType.FORMULA_CONFIG) {
+      const valueFormulaType = sdk.getFormula(value)?.type;
+      const optionFormulaType = sdk.getFormula(option.value)?.type;
+      if (!optionFormulaType && !optionFormulaType) {
+        return false;
+      }
+      return categoryMatched && valueFormulaType === optionFormulaType;
+    }
+    return categoryMatched;
+  });
+  const newStack = [...stack];
+  if (targetOption) {
+    newStack.push(targetOption);
   }
-  return availableTabs[0];
+  return await getStackForPath(rest, value, getOptions, newStack, searchValue);
 }
 function canUserEnterValueFromKeyboard(schema, options, optionFactories, variablesOnly, value) {
   const comboboxHasOptions = (options || []).length > 0;
@@ -126,5 +163,6 @@ function canUserEnterValueFromKeyboard(schema, options, optionFactories, variabl
 }
 
 exports.canUserEnterValueFromKeyboard = canUserEnterValueFromKeyboard;
-exports.getAvailableTabs = getAvailableTabs;
-exports.getCurrentTab = getCurrentTab;
+exports.getAvailableRootCategories = getAvailableRootCategories;
+exports.getCurrentPath = getCurrentPath;
+exports.getStackForPath = getStackForPath;

package/dist/cjs/components/ComboBox/options-factories/boolean.cjs

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
 class BooleanOptionsFactory {
-  async getOptions() {
+  async getOptions({}) {
     return this.getOptionsSync();
   }
   getOptionsSync() {

package/dist/cjs/components/ComboBox/options-factories/constant.cjs

@@ -2,23 +2,25 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var base = require('./base.cjs');
+var utils = require('./utils.cjs');
 
 class ConstantOptionFactory {
   constructor(options) {
     this.options = options;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
-    return base.filterOptionsByLabel(this.options, input);
+    return utils.filterOptionsByLabel(this.options, input);
   }
 }
 

package/dist/cjs/components/ComboBox/options-factories/custom-field.cjs

@@ -2,38 +2,50 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var types = require('../types.cjs');
 var valueSpec = require('../value-spec.cjs');
-var base = require('./base.cjs');
+var utils = require('./utils.cjs');
+var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
 
 const CUSTOM_OBJECT_VALUE = {};
 const CUSTOM_OBJECT_VALUE_LABEL = "Object With Custom Fields";
 const CUSTOM_ARRAY_VALUE = [];
 const CUSTOM_ARRAY_VALUE_LABEL = "List With Custom Items";
 class CustomFieldOptionsFactory {
-  async getOptions({ spec, input }) {
+  async getOptions({
+    spec,
+    input
+  }) {
     const options = [];
-    if (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.OBJECT) {
+    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.OBJECT)) {
       options.push({
         label: CUSTOM_OBJECT_VALUE_LABEL,
         value: CUSTOM_OBJECT_VALUE,
-        iconType: index.SvgIconType.SchemaType_object
+        iconType: svgIconType.SvgIconType.SchemaType_object
       });
     }
-    if (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.ARRAY) {
+    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.ARRAY)) {
       options.push({
         label: CUSTOM_ARRAY_VALUE_LABEL,
         value: CUSTOM_ARRAY_VALUE,
-        iconType: index.SvgIconType.SchemaType_array
+        iconType: svgIconType.SvgIconType.SchemaType_array
       });
     }
-    return base.filterOptionsByLabel(options, input);
+    const result = utils.filterOptionsByLabel(options, input);
+    if (result.length > 0) {
+      result.unshift({
+        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.CUSTOM].title,
+        isSection: true
+      });
+    }
+    return result;
   }
 }
 function isCustomFieldValue(value) {

package/dist/cjs/components/ComboBox/options-factories/enum.cjs

@@ -2,19 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var base = require('./base.cjs');
+var utils = require('./utils.cjs');
 
 class EnumOptionFactory {
   constructor(params) {
     this.params = params;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
@@ -34,7 +36,7 @@ class EnumOptionFactory {
         }
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       return [
         {

package/dist/cjs/components/{DataBuilder/Formula/options-factory.cjs → ComboBox/options-factories/formula.cjs}

@@ -2,16 +2,17 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var base = require('../../ComboBox/options-factories/base.cjs');
-var valueSpec = require('../../ComboBox/value-spec.cjs');
-require('../../SvgIcon/index.cjs');
-var index = require('./index.cjs');
+var utils = require('./utils.cjs');
+var types = require('../types.cjs');
+var valueSpec = require('../value-spec.cjs');
+var index = require('../../DataBuilder/Formula/index.cjs');
+var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
 
 class FormulaListOptionsFactory {
   async getOptions({ input, spec }) {
@@ -23,16 +24,24 @@ class FormulaListOptionsFactory {
         label: formulaSpec.name,
         value: {
           [`$${type}`]: null
-        }
+        },
+        childCategory: types.DropdownCategoryType.FORMULA_CONFIG
+      });
+    }
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
+    if (filteredOptions.length > 0) {
+      filteredOptions.unshift({
+        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.FORMULA].title,
+        isSection: true
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
     return filteredOptions;
   }
 }
 function getFormulaTypesForSpec(spec) {
   const result = [];
-  for (const [formulaType, formulaSpec] of Object.entries(index.getFormulas())) {
+  const entries = Object.entries(index.getFormulas());
+  for (const [formulaType, formulaSpec] of entries) {
     if (!formulaSpec.appliesToSpec) {
       continue;
     }

package/dist/cjs/components/ComboBox/options-factories/{schema.cjs → generate-schema-options.cjs}

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -13,54 +13,12 @@ var jsConvertCase = require('js-convert-case');
 var sdk = require('@integration-app/sdk');
 var React = require('react');
 var SegmentSeparator = require('../../Tag/SegmentSeparator.cjs');
+var types = require('../types.cjs');
 var valueSpec = require('../value-spec.cjs');
-var index$1 = require('./index.cjs');
 var objectFields = require('./object-fields.cjs');
 var constant = require('./constant.cjs');
-var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
-class SchemaOptionFactory {
-  constructor(parameters) {
-    this.parameters = parameters;
-  }
-  async getOptions({ input, spec }) {
-    return this.getOptionsSync({ input, spec });
-  }
-  getOptionsSync({ input, spec }) {
-    const locator = this.parameters.locator ?? "$";
-    const showFullPath = !!input;
-    const options = getOptionsForSchema({
-      schema: this.parameters.schema,
-      locator: this.parameters.locator ?? [],
-      valueSpec: spec,
-      showIcons: !this.parameters.isSection,
-      skipNameComponentsPrefix: sdk.getNameComponentsForLocator(
-        this.parameters.schema,
-        locator
-      ),
-      ignorePrefix: !showFullPath,
-      nameComponentsByLocator: this.parameters.isSection ? sdk.getNameComponentsForLocator(this.parameters.schema, locator) : [],
-      exampleVariables: this.parameters.exampleVariables,
-      editableSchemaLocators: this.parameters.editableSchemaLocators
-    });
-    const filteredOptions = options.filter(
-      (o) => !input || (o.searchLabel ?? o.label?.toString())?.toLowerCase()?.includes(input.toLowerCase())
-    );
-    if (filteredOptions.length > 0) {
-      const result = filteredOptions;
-      if (this.parameters.isSection) {
-        result.unshift({
-          label: showFullPath ? sdk.getFullNameForLocator(this.parameters.schema, locator) : sdk.getNameForLocator(this.parameters.schema, locator),
-          isSection: true,
-          iconUri: sdk.getIconUriForLocator(this.parameters.schema, locator)
-        });
-      }
-      return result;
-    } else {
-      return [];
-    }
-  }
-}
 function getOptionsForSchema({
   schema,
   locator,
@@ -103,7 +61,6 @@ function getOptionsForSchema({
         options.push({
           label: label ?? textLabel,
           searchLabel,
-          hint: "Whole Object",
           value: {
             $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
           },
@@ -146,10 +103,8 @@ function getOptionsForSchema({
         options.push({
           label: `Add${textLabel ? ` "${textLabel}"` : ""} Property`,
           searchLabel: "",
-          hint: `Add property to this object`,
-          iconType: index.SvgIconType.Add,
-          addVariable: `${sdk.stepsToLocator(locatorSteps)}`,
-          isHighlighted: true
+          iconType: svgIconType.SvgIconType.Add,
+          addVariable: `${sdk.stepsToLocator(locatorSteps)}`
         });
       }
     } else {
@@ -158,20 +113,19 @@ function getOptionsForSchema({
         options.push({
           label,
           searchLabel,
-          hint: propCount === 0 ? "Object" : `Object with ${propCount} ${propCount === 1 ? "property" : "properties"}`,
+          childrenCount: propCount > 0 ? propCount : void 0,
           /* FIXME: strictNullCheck temporary fix */
           // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
           iconUri,
-          drilldownOptionFactories: [
-            new objectFields.ObjectFieldsOptionFactory({
-              name: textLabel,
-              schema,
-              locator,
-              exampleVariables,
-              isSection: true,
-              editableSchemaLocators
-            })
-          ]
+          drillDownOptionFactory: new objectFields.ObjectFieldsOptionFactory({
+            name: textLabel,
+            schema,
+            locator,
+            exampleVariables,
+            isSection: true,
+            editableSchemaLocators
+          }),
+          childCategory: types.DropdownCategoryType.VARIABLE
         });
       }
     }
@@ -182,7 +136,6 @@ function getOptionsForSchema({
         listOptions.push({
           label,
           searchLabel,
-          hint: "Whole List",
           value: {
             $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
           },
@@ -213,11 +166,10 @@ function getOptionsForSchema({
       options.push({
         label,
         searchLabel,
-        hint: "List",
         /* FIXME: strictNullCheck temporary fix */
         // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
         iconUri,
-        drilldownOptionFactories: [new constant.ConstantOptionFactory(listOptions)]
+        drillDownOptionFactory: new constant.ConstantOptionFactory(listOptions)
       });
     }
   } else {
@@ -225,7 +177,6 @@ function getOptionsForSchema({
       options.push({
         label,
         searchLabel,
-        hint: sdk.getValueAtLocator(exampleVariables, locator) ?? index$1.getSchemaHint(optionsSchema),
         value: {
           $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
         },
@@ -250,5 +201,4 @@ function getLabelNodeFromNameComponents(nameComponents) {
   ] }, idx)) });
 }
 
-exports.SchemaOptionFactory = SchemaOptionFactory;
 exports.getOptionsForSchema = getOptionsForSchema;

package/dist/cjs/components/ComboBox/options-factories/object-fields.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -10,16 +10,19 @@
 
 var jsConvertCase = require('js-convert-case');
 var sdk = require('@integration-app/sdk');
-var base = require('./base.cjs');
-var schema = require('./schema.cjs');
+var utils = require('./utils.cjs');
+var generateSchemaOptions = require('./generate-schema-options.cjs');
 var valueSpec = require('../value-spec.cjs');
-var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
 class ObjectFieldsOptionFactory {
   constructor(parameters) {
     this.parameters = parameters;
   }
-  async getOptions({ input, spec }) {
+  async getOptions({
+    input,
+    spec
+  }) {
     return this.getOptionsSync({ input, spec });
   }
   getOptionsSync({ input, spec }) {
@@ -45,7 +48,7 @@ class ObjectFieldsOptionFactory {
         value: {
           $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
         },
-        iconType: index.SvgIconType.SchemaType_object
+        iconType: svgIconType.SvgIconType.SchemaType_object
       });
     }
     for (const [fieldKey, fieldSchema] of Object.entries(
@@ -60,7 +63,7 @@ class ObjectFieldsOptionFactory {
         locator
       );
       options.push(
-        ...schema.getOptionsForSchema({
+        ...generateSchemaOptions.getOptionsForSchema({
           schema: this.parameters.schema,
           locator: propertyLocator,
           valueSpec: spec,
@@ -82,13 +85,11 @@ class ObjectFieldsOptionFactory {
       options.push({
         label: `New${this.parameters?.name ? ` "${this.parameters.name}"` : ""} property`,
         searchLabel: "",
-        hint: `Add property to this object`,
-        iconType: index.SvgIconType.Add,
-        addVariable: `${sdk.stepsToLocator(locatorSteps)}`,
-        isHighlighted: true
+        iconType: svgIconType.SvgIconType.Add,
+        addVariable: `${sdk.stepsToLocator(locatorSteps)}`
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       const result = filteredOptions;
       if (this.parameters.isSection) {

package/dist/cjs/components/ComboBox/options-factories/reference-records.cjs

@@ -2,19 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var base = require('./base.cjs');
+var utils = require('./utils.cjs');
 
 class ReferenceRecordsOptionsFactory {
   constructor(params) {
     this.params = params;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
@@ -29,7 +31,7 @@ class ReferenceRecordsOptionsFactory {
         }
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       return [
         {

package/dist/cjs/components/ComboBox/options-factories/reference-udm.cjs

@@ -2,34 +2,38 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
 var sdk = require('@integration-app/sdk');
-var index = require('../../SvgIcon/index.cjs');
-var base = require('./base.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var types = require('../types.cjs');
+var utils = require('./utils.cjs');
 
 class ReferenceUdmOptionFactory {
   constructor(schema) {
     this.schema = schema;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     const options = [];
     const udm = this.schema?.referenceUdm;
     const udmSpec = sdk.UNIFIED_DATA_MODELS[udm];
     if (udmSpec) {
       options.push({
         label: "Select Dynamically Using Variables",
-        iconType: index.SvgIconType.Search,
+        iconType: svgIconType.SvgIconType.Search,
+        childCategory: types.DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY,
         value: {
           $lookup: {}
         }
       });
     }
-    return base.filterOptionsByLabel(options, input);
+    return utils.filterOptionsByLabel(options, input);
   }
 }