@integration-app/react 2.14.3 → 2.15.0

package/dist/esm/components/ComboBox/Edit/OptionSelector.mjs

@@ -2,13 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, forwardRef } from 'react';
 import { clsx } from 'clsx';
+import { DropdownCategoryType } from '../shared.mjs';
 import { getRefElement } from '../../../helpers/getRefElement.mjs';
 import classes from './OptionSelector.module.css.mjs';
 import { isClickOnEditorComponent } from '../../ComboBoxElements/Editor/helpers/clicks.mjs';
@@ -17,7 +18,6 @@ import { ActionBar } from '../../DataBuilderUI/index.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
 import { Dropdown } from '../Dropdown/Dropdown.mjs';
-import { DropdownCategoryType } from '../types.mjs';
 import '../Value/Formula.mjs';
 import '../Value/Schema.mjs';
 import { ComboBoxValue } from '../Value/ComboBoxValue.mjs';

package/dist/esm/components/ComboBox/Edit/OptionSelector.module.css.mjs

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

package/dist/esm/components/ComboBox/Edit/TextInput.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
@@ -13,13 +13,13 @@ import { useComboBox } from '../context/combobox-context.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
 import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
 import { Dropdown } from '../Dropdown/Dropdown.mjs';
-import { DropdownCategoryType } from '../types.mjs';
+import { DropdownCategoryType } from '../shared.mjs';
 import { LexicalEditor } from '../../ComboBoxElements/Editor/editor.mjs';
 import { isClickOnEditorCustomTagComponent } from '../../ComboBoxElements/Editor/helpers/clicks.mjs';
 import { transformEditorSchemaToValue } from '../../ComboBoxElements/Editor/helpers/transformEditorSchemaToValue.mjs';
 import { useEditor } from '../../ComboBoxElements/Editor/useEditor.mjs';
 import { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
-import { getFormulas } from '../../DataBuilder/Formula/index.mjs';
+import { formulaComponentMapping } from '../../DataBuilder/Formula/index.mjs';
 import { getRefElement } from '../../../helpers/getRefElement.mjs';
 import { isDefinedValue } from '../Value/isDefinedValue.mjs';
 
@@ -134,7 +134,7 @@ function shouldCloseDropdown(category) {
 }
 function valueHasDropdownWithFormula(value) {
   if (!isFormula(value)) return false;
-  return !!getFormulas()[getFormula(value)?.type]?.DropdownComponent;
+  return !!formulaComponentMapping[getFormula(value)?.type]?.DropdownComponent;
 }
 
 export { TextInput };

package/dist/esm/components/ComboBox/Value/ComboBoxValue.mjs

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

package/dist/esm/components/ComboBox/Value/Formula.mjs

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { getFormula } from '@integration-app/sdk';
-import { getFormulas } from '../../DataBuilder/Formula/index.mjs';
+import { formulaComponentMapping } from '../../DataBuilder/Formula/index.mjs';
 import NoUiFormula from '../../DataBuilder/Formula/noUi.mjs';
 
 const ComboBoxFormulaValue = forwardRef(
@@ -18,15 +18,15 @@ const ComboBoxFormulaValue = forwardRef(
     if (!formula) {
       return /* @__PURE__ */ jsx(NoUiFormula, {});
     }
-    const formulaSpec = getFormulas()[formula.type];
-    if (!formulaSpec?.component) {
+    const formulaMapping = formulaComponentMapping[formula.type];
+    if (!formulaMapping?.component) {
       return /* @__PURE__ */ jsx(NoUiFormula, {});
     }
     const componentProps = {
       formula,
       ...props
     };
-    const Component = formulaSpec.component;
+    const Component = formulaMapping.component;
     return /* @__PURE__ */ jsx(Component, { ...componentProps, ref });
   }
 );

package/dist/esm/components/ComboBox/Value/Schema.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
@@ -20,7 +20,7 @@ import '../../../styled-system/helpers.mjs';
 import { ComboBoxTag, getClassFromSchema } from '../../ComboBoxElements/ComboBoxTag.mjs';
 import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
-import { CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE_LABEL } from '../options-factories/custom-field.mjs';
+import { CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE_LABEL } from '../options-factories/custom-field/constants.mjs';
 
 const ComboBoxSchemaValue = forwardRef(
   ({

package/dist/esm/components/ComboBox/Value/isDefinedValue.mjs

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

package/dist/esm/components/ComboBox/context/combobox-context.mjs

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

package/dist/esm/components/ComboBox/context/combobox-dropdown-context.mjs

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, createContext, useContext } from 'react';
 import deepEqual from 'fast-deep-equal';
 import usePromise from '../../../_modules/react-use-promise.mjs';
 import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
@@ -16,13 +16,19 @@ import { useIntegrationAppConnection } from '../../../contexts/integration-app-c
 import { useIntegrationAppIntegration } from '../../../contexts/integration-app-integration-context.mjs';
 import { useComboBox } from './combobox-context.mjs';
 import { useComboBoxDropdownSearchContext } from './combobox-dropdown-search.mjs';
-import { getAvailableRootCategories, getCurrentPath, getStackForPath } from './helpers.mjs';
 import { BooleanOptionsFactory } from '../options-factories/boolean.mjs';
 import { ConstantOptionFactory } from '../options-factories/constant.mjs';
+import { DropdownCategoryType } from '../shared.mjs';
+import '@integration-app/sdk';
+import 'fuse';
 import { EnumOptionFactory } from '../options-factories/enum.mjs';
+import '../options-factories/formula/config-mapping.mjs';
+import 'js-convert-case';
+import '../../SvgIcon/index.mjs';
+import '../../Tag/styles.module.css.mjs';
 import { ReferenceRecordsOptionsFactory } from '../options-factories/reference-records.mjs';
 import { RootOptionFactory } from '../options-factories/root.mjs';
-import { DropdownCategoryType } from '../types.mjs';
+import { getAvailableRootCategories, getCurrentPath, getStackForPath } from './helpers.mjs';
 
 const ComboBoxDropdownContext = createContext({
   availableCategories: [],

package/dist/esm/components/ComboBox/context/combobox-dropdown-search.mjs

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useMemo, useEffect } from 'react';
+import { useState, useMemo, useEffect, createContext, useContext } from 'react';
 import { useComboBox } from './combobox-context.mjs';
 
 const ComboBoxDropdownSearchContext = createContext(

package/dist/esm/components/ComboBox/context/combobox-dropdown-stack.mjs

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useContext, useRef, useEffect } from 'react';
+import { useState, useContext, createContext, useRef, useEffect } from 'react';
 
 const DropdownStackContext = createContext({
   isNested: false,

package/dist/esm/components/ComboBox/context/helpers.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { schemaHasFixedValues, UNIFIED_DATA_MODELS, getReferenceCollectionPathForSchema, getFormula, DataBuilderFormulaType } from '@integration-app/sdk';
 import { getLookupCollection } from '../Dropdown/Categories/getLookupCollection.mjs';
-import { DropdownCategoryType } from '../types.mjs';
+import { DropdownCategoryType } from '../shared.mjs';
 
 function isSchemaAllowCustomValue(schema) {
   const schemaHasNoType = !schema?.type;

package/dist/esm/components/ComboBox/options-factories/boolean.mjs

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

package/dist/esm/components/ComboBox/options-factories/constant.mjs

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

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

@@ -0,0 +1,20 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.15.0
+ */
+'use client';
+
+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));
+}
+
+export { CUSTOM_ARRAY_VALUE, CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE, CUSTOM_OBJECT_VALUE_LABEL, isCustomFieldValue };

package/dist/esm/components/ComboBox/options-factories/{custom-field.mjs → custom-field/index.mjs}

@@ -2,20 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
-import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { DropdownCategoryType } from '../types.mjs';
-import { ValueType } from '../value-spec.mjs';
-import { filterOptionsByLabel } from './utils.mjs';
-import { renderCategories } from '../Dropdown/categoryContentMapping.mjs';
+import { dropdownCategoryConfig, DropdownCategoryType } from '../../shared.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
+import { ValueType } from '../../value-spec.mjs';
+import { filterOptionsByLabel } from '../utils.mjs';
+import { CUSTOM_OBJECT_VALUE, CUSTOM_OBJECT_VALUE_LABEL, CUSTOM_ARRAY_VALUE, CUSTOM_ARRAY_VALUE_LABEL } from './constants.mjs';
 
-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,
@@ -39,18 +35,12 @@ class CustomFieldOptionsFactory {
     const result = filterOptionsByLabel(options, input);
     if (result.length > 0) {
       result.unshift({
-        label: renderCategories[DropdownCategoryType.CUSTOM].title,
+        label: dropdownCategoryConfig[DropdownCategoryType.CUSTOM].title,
         isSection: true
       });
     }
     return result;
   }
 }
-function isCustomFieldValue(value) {
-  return [
-    JSON.stringify(CUSTOM_OBJECT_VALUE),
-    JSON.stringify(CUSTOM_ARRAY_VALUE)
-  ].includes(JSON.stringify(value));
-}
 
-export { CUSTOM_ARRAY_VALUE, CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE, CUSTOM_OBJECT_VALUE_LABEL, CustomFieldOptionsFactory, isCustomFieldValue };
+export { CustomFieldOptionsFactory };

package/dist/esm/components/ComboBox/options-factories/enum.mjs

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

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

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

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

@@ -2,23 +2,22 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
-import { renderCategories } from '../Dropdown/categoryContentMapping.mjs';
-import { getFormulas } from '../../DataBuilder/Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { filterOptionsByLabel } from './utils.mjs';
-import { DropdownCategoryType } from '../types.mjs';
-import { ValueType } from '../value-spec.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
+import { DropdownCategoryType, dropdownCategoryConfig } from '../../shared.mjs';
+import { ValueType } from '../../value-spec.mjs';
+import { filterOptionsByLabel } from '../utils.mjs';
+import { formulaConfigMapping } from './config-mapping.mjs';
 
 class FormulaListOptionsFactory {
   async getOptions({ input, spec }) {
     const formulaTypes = getFormulaTypesForSpec(spec);
     const options = [];
     for (const type of formulaTypes) {
-      const formulaSpec = getFormulas()[type];
+      const formulaSpec = formulaConfigMapping[type];
       options.push({
         label: formulaSpec.name,
         value: {
@@ -31,7 +30,7 @@ class FormulaListOptionsFactory {
     const filteredOptions = filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       filteredOptions.unshift({
-        label: renderCategories[DropdownCategoryType.FORMULA].title,
+        label: dropdownCategoryConfig[DropdownCategoryType.FORMULA].title,
         isSection: true
       });
     }
@@ -40,7 +39,7 @@ class FormulaListOptionsFactory {
 }
 function getFormulaTypesForSpec(spec) {
   const result = [];
-  const entries = Object.entries(getFormulas());
+  const entries = Object.entries(formulaConfigMapping);
   for (const [formulaType, formulaSpec] of entries) {
     if (!formulaSpec.appliesToSpec) {
       continue;

package/dist/esm/components/ComboBox/options-factories/generate-schema-options.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
@@ -12,7 +12,7 @@ import { isValidLocator, locatorToSteps, getSchemaByLocator, getNameComponentsFo
 import { toHeaderCase } from 'js-convert-case';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { SegmentSeparator } from '../../Tag/SegmentSeparator.mjs';
-import { DropdownCategoryType } from '../types.mjs';
+import { DropdownCategoryType } from '../shared.mjs';
 import { doesSchemaMatchValueType } from '../value-spec.mjs';
 import { ConstantOptionFactory } from './constant.mjs';
 import { ObjectFieldsOptionFactory } from './object-fields.mjs';

package/dist/esm/components/ComboBox/options-factories/object-fields.mjs

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

package/dist/esm/components/ComboBox/options-factories/reference-records.mjs

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

package/dist/esm/components/ComboBox/options-factories/root.mjs

@@ -2,16 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
-import { FormulaListOptionsFactory } from './formula.mjs';
-import { DropdownCategoryType } from '../types.mjs';
-import { CustomFieldOptionsFactory } from './custom-field.mjs';
+import { DropdownCategoryType, dropdownCategoryConfig } from '../shared.mjs';
+import { CustomFieldOptionsFactory } from './custom-field/index.mjs';
+import { FormulaListOptionsFactory } from './formula/index.mjs';
 import { filterOptionsByLabel } from './utils.mjs';
 import { VariableOptionFactory } from './variable.mjs';
-import { renderCategories } from '../Dropdown/categoryContentMapping.mjs';
 
 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;
@@ -74,8 +73,8 @@ class RootOptionFactory {
         editableSchemaLocators: editableVariablesSchemaLocators
       });
       options.push({
-        label: renderCategories[category].title,
-        iconType: renderCategories[category].icon,
+        label: dropdownCategoryConfig[category].title,
+        iconType: dropdownCategoryConfig[category].icon,
         drillDownOptionFactory: factory,
         childCategory: category
       });

package/dist/esm/components/ComboBox/options-factories/utils.mjs

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

package/dist/esm/components/ComboBox/options-factories/variable.mjs

@@ -2,14 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
+ * v2.15.0
  */
 'use client';
 
 import { getNameComponentsForLocator, getIconUriForLocator, getFullNameForLocator, getNameForLocator } from '@integration-app/sdk';
-import { DropdownCategoryType } from '../types.mjs';
+import { dropdownCategoryConfig, DropdownCategoryType } from '../shared.mjs';
 import { getOptionsForSchema } from './generate-schema-options.mjs';
-import { renderCategories } from '../Dropdown/categoryContentMapping.mjs';
 
 class VariableOptionFactory {
   constructor(parameters) {
@@ -51,7 +50,7 @@ class VariableOptionFactory {
         });
       }
       result.unshift({
-        label: renderCategories[DropdownCategoryType.VARIABLE].title,
+        label: dropdownCategoryConfig[DropdownCategoryType.VARIABLE].title,
         isSection: true
       });
       return result;