@integration-app/react 2.14.3 → 2.16.1

package/dist/cjs/components/ComboBox/context/combobox-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

package/dist/cjs/components/ComboBox/context/combobox-dropdown-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 
@@ -18,17 +18,23 @@ var integrationAppConnectionContext = require('../../../contexts/integration-app
 var integrationAppIntegrationContext = require('../../../contexts/integration-app-integration-context.cjs');
 var comboboxContext = require('./combobox-context.cjs');
 var comboboxDropdownSearch = require('./combobox-dropdown-search.cjs');
-var helpers = require('./helpers.cjs');
 var boolean = require('../options-factories/boolean.cjs');
 var constant = require('../options-factories/constant.cjs');
+var shared = require('../shared.cjs');
+require('@integration-app/sdk');
+require('fuse');
 var _enum = require('../options-factories/enum.cjs');
+require('../options-factories/formula/config-mapping.cjs');
+require('js-convert-case');
+require('../../SvgIcon/index.cjs');
+require('../../Tag/styles.module.css.cjs');
 var referenceRecords = require('../options-factories/reference-records.cjs');
 var root = require('../options-factories/root.cjs');
-var types = require('../types.cjs');
+var helpers = require('./helpers.cjs');
 
 const ComboBoxDropdownContext = React.createContext({
   availableCategories: [],
-  activeCategory: types.DropdownCategoryType.ROOT,
+  activeCategory: shared.DropdownCategoryType.ROOT,
   drillDown: () => {
   },
   drillUp: () => {

package/dist/cjs/components/ComboBox/context/combobox-dropdown-search.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

package/dist/cjs/components/ComboBox/context/combobox-dropdown-stack.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

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.14.3
+ * v2.16.1
  */
 'use client';
 
@@ -10,7 +10,7 @@
 
 var sdk = require('@integration-app/sdk');
 var getLookupCollection = require('../Dropdown/Categories/getLookupCollection.cjs');
-var types = require('../types.cjs');
+var shared = require('../shared.cjs');
 
 function isSchemaAllowCustomValue(schema) {
   const schemaHasNoType = !schema?.type;
@@ -32,7 +32,7 @@ async function getAvailableRootCategories({
   const udm = schema?.referenceUdm;
   const udmSpec = udm ? sdk.UNIFIED_DATA_MODELS[udm] : void 0;
   if (!!udmSpec) {
-    availableCategories.add(types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
+    availableCategories.add(shared.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
   }
   if (schema && (connectionId || integrationId)) {
     const collection = await getLookupCollection.getLookupCollection({
@@ -42,7 +42,7 @@ async function getAvailableRootCategories({
       integrationId
     });
     if (collection?.find?.queryFields || collection?.match?.fields) {
-      availableCategories.add(types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
+      availableCategories.add(shared.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
     }
   }
   const comboboxHasOptions = Array.isArray(options);
@@ -50,40 +50,40 @@ async function getAvailableRootCategories({
   const comboboxHasFixedValues = !!schema && sdk.schemaHasFixedValues(schema);
   const comboboxHasOptionList = comboboxHasOptions || comboboxHasOptionFactories || comboboxHasFixedValues;
   if (comboboxHasOptionList) {
-    availableCategories.add(types.DropdownCategoryType.OPTIONS);
+    availableCategories.add(shared.DropdownCategoryType.OPTIONS);
   }
   const comboboxHasReferenceCollection = !!sdk.getReferenceCollectionPathForSchema(schema);
   if (comboboxHasReferenceCollection && connectionId) {
-    availableCategories.add(types.DropdownCategoryType.LOOKUP_OPTIONS);
+    availableCategories.add(shared.DropdownCategoryType.LOOKUP_OPTIONS);
   }
   const schemaAllowCustomValue = isSchemaAllowCustomValue(schema);
   if (!variablesOnly && !comboboxHasOptionList && schemaAllowCustomValue) {
-    availableCategories.add(types.DropdownCategoryType.CUSTOM);
+    availableCategories.add(shared.DropdownCategoryType.CUSTOM);
   }
   if (hasVariables) {
-    availableCategories.add(types.DropdownCategoryType.VARIABLE);
-    availableCategories.add(types.DropdownCategoryType.FORMULA);
+    availableCategories.add(shared.DropdownCategoryType.VARIABLE);
+    availableCategories.add(shared.DropdownCategoryType.FORMULA);
   }
   return availableCategories.size > 0 ? [...availableCategories] : null;
 }
 function getCurrentPath(availableCategories, value) {
   if (availableCategories.length < 1) {
-    return [types.DropdownCategoryType.ROOT];
+    return [shared.DropdownCategoryType.ROOT];
   }
   if (availableCategories.length === 1) {
     return availableCategories;
   }
   const formulaType = sdk.getFormula(value)?.type;
   if (formulaType === sdk.DataBuilderFormulaType.LOOKUP && availableCategories.includes(
-    types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+    shared.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
   )) {
     return [
-      types.DropdownCategoryType.ROOT,
-      types.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+      shared.DropdownCategoryType.ROOT,
+      shared.DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
     ];
   }
   if (formulaType === sdk.DataBuilderFormulaType.VAR) {
-    return [types.DropdownCategoryType.ROOT, types.DropdownCategoryType.VARIABLE];
+    return [shared.DropdownCategoryType.ROOT, shared.DropdownCategoryType.VARIABLE];
   }
   const generalFormulaTypes = Object.values(sdk.DataBuilderFormulaType).filter(
     (x) => ![
@@ -92,20 +92,20 @@ function getCurrentPath(availableCategories, value) {
       sdk.DataBuilderFormulaType.RECORD
     ].includes(x)
   );
-  if (availableCategories.includes(types.DropdownCategoryType.FORMULA) && generalFormulaTypes.includes(formulaType)) {
+  if (availableCategories.includes(shared.DropdownCategoryType.FORMULA) && generalFormulaTypes.includes(formulaType)) {
     return [
-      types.DropdownCategoryType.ROOT,
-      types.DropdownCategoryType.FORMULA,
-      types.DropdownCategoryType.FORMULA_CONFIG
+      shared.DropdownCategoryType.ROOT,
+      shared.DropdownCategoryType.FORMULA,
+      shared.DropdownCategoryType.FORMULA_CONFIG
     ];
   }
-  if (availableCategories.includes(types.DropdownCategoryType.LOOKUP_OPTIONS)) {
-    return [types.DropdownCategoryType.ROOT];
+  if (availableCategories.includes(shared.DropdownCategoryType.LOOKUP_OPTIONS)) {
+    return [shared.DropdownCategoryType.ROOT];
   }
-  if (availableCategories.includes(types.DropdownCategoryType.CUSTOM)) {
-    return [types.DropdownCategoryType.ROOT];
+  if (availableCategories.includes(shared.DropdownCategoryType.CUSTOM)) {
+    return [shared.DropdownCategoryType.ROOT];
   }
-  return [types.DropdownCategoryType.ROOT];
+  return [shared.DropdownCategoryType.ROOT];
 }
 async function getStackForPath(path, value, getOptions, stack, searchValue) {
   const [first, ...rest] = path;
@@ -115,7 +115,7 @@ async function getStackForPath(path, value, getOptions, stack, searchValue) {
   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) {
+    if (first === shared.DropdownCategoryType.FORMULA_CONFIG) {
       const valueFormulaType = sdk.getFormula(value)?.type;
       const optionFormulaType = sdk.getFormula(option.value)?.type;
       if (!optionFormulaType && !optionFormulaType) {

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

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

@@ -0,0 +1,26 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.16.1
+ */
+'use client';
+
+'use strict';
+
+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";
+function isCustomFieldValue(value) {
+  return [
+    JSON.stringify(CUSTOM_OBJECT_VALUE),
+    JSON.stringify(CUSTOM_ARRAY_VALUE)
+  ].includes(JSON.stringify(value));
+}
+
+exports.CUSTOM_ARRAY_VALUE = CUSTOM_ARRAY_VALUE;
+exports.CUSTOM_ARRAY_VALUE_LABEL = CUSTOM_ARRAY_VALUE_LABEL;
+exports.CUSTOM_OBJECT_VALUE = CUSTOM_OBJECT_VALUE;
+exports.CUSTOM_OBJECT_VALUE_LABEL = CUSTOM_OBJECT_VALUE_LABEL;
+exports.isCustomFieldValue = isCustomFieldValue;

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

@@ -0,0 +1,48 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.16.1
+ */
+'use client';
+
+'use strict';
+
+var shared = require('../../shared.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
+var valueSpec = require('../../value-spec.cjs');
+var utils = require('../utils.cjs');
+var constants = require('./constants.cjs');
+
+class CustomFieldOptionsFactory {
+  async getOptions({
+    spec,
+    input
+  }) {
+    const options = [];
+    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.OBJECT)) {
+      options.push({
+        label: constants.CUSTOM_OBJECT_VALUE_LABEL,
+        value: constants.CUSTOM_OBJECT_VALUE,
+        iconType: svgIconType.SvgIconType.SchemaType_object
+      });
+    }
+    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.ARRAY)) {
+      options.push({
+        label: constants.CUSTOM_ARRAY_VALUE_LABEL,
+        value: constants.CUSTOM_ARRAY_VALUE,
+        iconType: svgIconType.SvgIconType.SchemaType_array
+      });
+    }
+    const result = utils.filterOptionsByLabel(options, input);
+    if (result.length > 0) {
+      result.unshift({
+        label: shared.dropdownCategoryConfig[shared.DropdownCategoryType.CUSTOM].title,
+        isSection: true
+      });
+    }
+    return result;
+  }
+}
+
+exports.CustomFieldOptionsFactory = CustomFieldOptionsFactory;

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

package/dist/cjs/components/ComboBox/options-factories/formula/config-mapping.cjs

@@ -0,0 +1,107 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.16.1
+ */
+'use client';
+
+'use strict';
+
+var sdk = require('@integration-app/sdk');
+var valueSpec = require('../../value-spec.cjs');
+
+const formulaConfigMapping = {
+  [sdk.DataBuilderFormulaType.VAR]: {},
+  [sdk.DataBuilderFormulaType.TPL]: {},
+  [sdk.DataBuilderFormulaType.RECORD]: {},
+  [sdk.DataBuilderFormulaType.FIRST_NAME]: {
+    name: "Extract First Name",
+    appliesToSpec: appliesToString
+  },
+  [sdk.DataBuilderFormulaType.LAST_NAME]: {
+    name: "Extract Last Name",
+    appliesToSpec: appliesToString
+  },
+  [sdk.DataBuilderFormulaType.ITERATE]: {
+    name: "Iterate over a list",
+    appliesToSpec: appliesToArray
+  },
+  [sdk.DataBuilderFormulaType.CONCAT]: {
+    name: "Combine strings",
+    appliesToSpec: appliesToString
+  },
+  [sdk.DataBuilderFormulaType.LOOKUP]: {},
+  [sdk.DataBuilderFormulaType.MAP]: {
+    name: "Mapped Value",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.CASE]: {
+    name: "Conditional Value",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.PLAIN]: {},
+  [sdk.DataBuilderFormulaType.EXTRACT_DATE]: {
+    name: "Extract Date",
+    appliesToSpec: appliesToDate
+  },
+  [sdk.DataBuilderFormulaType.EXTRACT_TIME]: {
+    name: "Extract Time",
+    appliesToSpec: appliesToTime
+  },
+  [sdk.DataBuilderFormulaType.COPY]: {
+    name: "Copy Value from Another Field",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.FIND_APP_RECORD_ID]: {
+    name: "Find App Record ID",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.FIND_EXTERNAL_RECORD_ID]: {
+    name: "Find External Record ID",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.EVAL]: {},
+  [sdk.DataBuilderFormulaType.AND]: {},
+  [sdk.DataBuilderFormulaType.OR]: {},
+  [sdk.DataBuilderFormulaType.MERGE_OBJECTS]: {
+    name: "Merge Objects",
+    appliesToSpec: appliesToObject
+  },
+  [sdk.DataBuilderFormulaType.FIRST_NOT_EMPTY]: {
+    name: "First Not Empty",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.DOMAIN_FROM_EMAIL]: {
+    name: "Domain From Email",
+    appliesToSpec: appliesToString
+  },
+  [sdk.DataBuilderFormulaType.FORMULA]: {
+    name: "Formula"
+  },
+  [sdk.DataBuilderFormulaType.JSONATA]: {
+    name: "Jsonata Expression",
+    appliesToSpec: appliesToAny
+  },
+  [sdk.DataBuilderFormulaType.DATA_SCHEMA_REF]: {}
+};
+function appliesToAny() {
+  return true;
+}
+function appliesToString(spec) {
+  return Boolean(spec.type === valueSpec.ValueType.STRING && spec.allowCustom);
+}
+function appliesToArray(spec) {
+  return spec.type === valueSpec.ValueType.ARRAY;
+}
+function appliesToDate(spec) {
+  return spec.type === valueSpec.ValueType.DATE;
+}
+function appliesToTime(spec) {
+  return spec.type === valueSpec.ValueType.TIME;
+}
+function appliesToObject(spec) {
+  return spec.type === valueSpec.ValueType.OBJECT;
+}
+
+exports.formulaConfigMapping = formulaConfigMapping;

package/dist/cjs/components/ComboBox/options-factories/{formula.cjs → formula/index.cjs}

@@ -2,38 +2,37 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 
 'use strict';
 
-var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
-var index = require('../../DataBuilder/Formula/index.cjs');
-var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var utils = require('./utils.cjs');
-var types = require('../types.cjs');
-var valueSpec = require('../value-spec.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
+var shared = require('../../shared.cjs');
+var valueSpec = require('../../value-spec.cjs');
+var utils = require('../utils.cjs');
+var configMapping = require('./config-mapping.cjs');
 
 class FormulaListOptionsFactory {
   async getOptions({ input, spec }) {
     const formulaTypes = getFormulaTypesForSpec(spec);
     const options = [];
     for (const type of formulaTypes) {
-      const formulaSpec = index.getFormulas()[type];
+      const formulaSpec = configMapping.formulaConfigMapping[type];
       options.push({
         label: formulaSpec.name,
         value: {
           [`$${type}`]: null
         },
-        childCategory: types.DropdownCategoryType.FORMULA_CONFIG,
+        childCategory: shared.DropdownCategoryType.FORMULA_CONFIG,
         iconType: svgIconType.SvgIconType.ListOption
       });
     }
     const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       filteredOptions.unshift({
-        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.FORMULA].title,
+        label: shared.dropdownCategoryConfig[shared.DropdownCategoryType.FORMULA].title,
         isSection: true
       });
     }
@@ -42,7 +41,7 @@ class FormulaListOptionsFactory {
 }
 function getFormulaTypesForSpec(spec) {
   const result = [];
-  const entries = Object.entries(index.getFormulas());
+  const entries = Object.entries(configMapping.formulaConfigMapping);
   for (const [formulaType, formulaSpec] of entries) {
     if (!formulaSpec.appliesToSpec) {
       continue;

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 
@@ -14,7 +14,7 @@ var sdk = require('@integration-app/sdk');
 var jsConvertCase = require('js-convert-case');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var SegmentSeparator = require('../../Tag/SegmentSeparator.cjs');
-var types = require('../types.cjs');
+var shared = require('../shared.cjs');
 var valueSpec = require('../value-spec.cjs');
 var constant = require('./constant.cjs');
 var objectFields = require('./object-fields.cjs');
@@ -128,7 +128,7 @@ function getOptionsForSchema({
             isSection: true,
             editableSchemaLocators
           }),
-          childCategory: types.DropdownCategoryType.VARIABLE
+          childCategory: shared.DropdownCategoryType.VARIABLE
         });
       }
     }

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.14.3
+ * v2.16.1
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

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

@@ -2,25 +2,24 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 
 'use strict';
 
-var formula = require('./formula.cjs');
-var types = require('../types.cjs');
-var customField = require('./custom-field.cjs');
+var shared = require('../shared.cjs');
+var index = require('./custom-field/index.cjs');
+var index$1 = require('./formula/index.cjs');
 var utils = require('./utils.cjs');
 var variable = require('./variable.cjs');
-var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 const EXCLUDED_CATEGORIES = [
-  types.DropdownCategoryType.OPTIONS,
-  types.DropdownCategoryType.LOOKUP_OPTIONS
+  shared.DropdownCategoryType.OPTIONS,
+  shared.DropdownCategoryType.LOOKUP_OPTIONS
 ];
 class RootOptionFactory {
   constructor(categories) {
@@ -76,8 +75,8 @@ class RootOptionFactory {
         editableSchemaLocators: editableVariablesSchemaLocators
       });
       options.push({
-        label: categoryContentMapping.renderCategories[category].title,
-        iconType: categoryContentMapping.renderCategories[category].icon,
+        label: shared.dropdownCategoryConfig[category].title,
+        iconType: shared.dropdownCategoryConfig[category].icon,
         drillDownOptionFactory: factory,
         childCategory: category
       });
@@ -90,15 +89,15 @@ class RootOptionFactory {
     editableSchemaLocators
   }) {
     switch (category) {
-      case types.DropdownCategoryType.VARIABLE:
+      case shared.DropdownCategoryType.VARIABLE:
         return new variable.VariableOptionFactory({
           schema,
           editableSchemaLocators
         });
-      case types.DropdownCategoryType.FORMULA:
-        return new formula.FormulaListOptionsFactory();
-      case types.DropdownCategoryType.CUSTOM:
-        return new customField.CustomFieldOptionsFactory();
+      case shared.DropdownCategoryType.FORMULA:
+        return new index$1.FormulaListOptionsFactory();
+      case shared.DropdownCategoryType.CUSTOM:
+        return new index.CustomFieldOptionsFactory();
       default:
         return void 0;
     }

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 

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

@@ -2,16 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.16.1
  */
 'use client';
 
 'use strict';
 
 var sdk = require('@integration-app/sdk');
-var types = require('../types.cjs');
+var shared = require('../shared.cjs');
 var generateSchemaOptions = require('./generate-schema-options.cjs');
-var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
 
 class VariableOptionFactory {
   constructor(parameters) {
@@ -53,7 +52,7 @@ class VariableOptionFactory {
         });
       }
       result.unshift({
-        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.VARIABLE].title,
+        label: shared.dropdownCategoryConfig[shared.DropdownCategoryType.VARIABLE].title,
         isSection: true
       });
       return result;