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

package/dist/esm/components/ComboBox/Dropdown/Option.mjs

@@ -2,64 +2,57 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
 import useEventStopPropagation from '../../../hooks/useEventStopPropagation.mjs';
-import { ItemIcon, ItemChevronIcon, ItemCustomValue, ItemTitle } from '../../DropdownUI/DropdownUIElements.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 
-function ComboBoxOption({
+function DropdownOption({
   option,
   selected,
   current = false,
   onSelect
 }) {
   const handleOnSelect = useEventStopPropagation(() => {
-    if (option.isSection && !option.drilldownOptionFactories) {
+    if (option.isSection && !option.drillDownOptionFactory) {
       return;
     }
     onSelect?.();
   });
   const iconProps = getIconProps(option);
   const valueProps = getValueProps(option);
-  const hasChild = !!option.drilldownOptionFactories;
-  const Component = option.isSection ? DropdownUI.HeaderItem : DropdownUI.Item;
+  const hasChild = !!option.drillDownOptionFactory;
+  if (option.isSection) {
+    return /* @__PURE__ */ jsx(DropdownUI.ListHeader, { children: valueProps.label });
+  }
   return /* @__PURE__ */ jsxs(
-    Component,
+    DropdownUI.Item,
     {
-      selected,
-      active: current,
+      current,
       onClick: handleOnSelect,
-      isHighlighted: option.isHighlighted,
+      "aria-selected": selected,
       children: [
-        /* @__PURE__ */ jsx(ItemIcon, { ...iconProps }),
-        /* @__PURE__ */ jsx(OptionTitle, { ...valueProps }),
-        hasChild && /* @__PURE__ */ jsx(ItemChevronIcon, {})
+        /* @__PURE__ */ jsx(DropdownUI.ItemIcon, { ...iconProps, framed: true }),
+        /* @__PURE__ */ jsx(DropdownUI.ItemTitle, { children: option.label }),
+        hasChild && /* @__PURE__ */ jsx(DropdownUI.ItemNestingIndicator, { count: option.childrenCount, children: /* @__PURE__ */ jsx(DropdownUI.ItemIcon, { type: SvgIconType.ChevronRight }) }),
+        selected && /* @__PURE__ */ jsx(DropdownUI.ItemIcon, { type: SvgIconType.Check })
       ]
     }
   );
 }
-function OptionTitle({ isCustomValue, label, hint }) {
-  if (!label && !hint) {
-    return /* @__PURE__ */ jsx(Fragment, { children: "Please provide label for an option" });
-  }
-  const Component = isCustomValue ? ItemCustomValue : ItemTitle;
-  return /* @__PURE__ */ jsx(Component, { hint, children: label });
-}
 function getIconProps(option) {
   const { iconType: type, iconUri: src } = option;
   return { type, src };
 }
 function getValueProps(option) {
-  const { label, hint, isCustomValue } = option;
+  const { label } = option;
   return {
-    label: label ? label : hint,
-    hint: label ? hint : void 0,
-    isCustomValue
+    label: label ?? "Missing label"
   };
 }
 
-export { ComboBoxOption as default };
+export { DropdownOption as default };

package/dist/esm/components/ComboBox/Dropdown/OptionsList.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -10,42 +10,39 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import deepEqual from 'fast-deep-equal';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
 import { useDeepEffect } from '../../../hooks/useDeepEffect.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
 import { useKeyboardEventSubscribe, EVENT_TYPE } from '../../../hooks/keyboard-events.mjs';
-import ComboBoxOption from './Option.mjs';
+import DropdownOption from './Option.mjs';
 import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
 import useDataBuilderField from '../../DataBuilder/field-context.mjs';
 import { toSnakeCase } from 'js-convert-case';
 import { useComboBox } from '../context/combobox-context.mjs';
-import { ItemIcon, ItemTitle } from '../../DropdownUI/DropdownUIElements.mjs';
 
-function OptionsList({ onSelect }) {
+function OptionsList({
+  onOptionSelect
+}) {
   const { onAddVariable } = useDataBuilder();
   const { field } = useDataBuilderField();
-  const { isOptionSelected, generateOptions } = useComboBoxDropdownContext();
   const {
-    searchValue,
-    setSearchValue,
-    drillDownDepth,
-    setDrillDownDepth,
-    searchSource
-  } = useComboBoxDropdownSearchContext();
+    isOptionSelected,
+    canUseParentInputSearchValue,
+    drillDown,
+    optionsPayload,
+    drillUp
+  } = useComboBoxDropdownContext();
   const [currentOption, setCurrentOption] = useState(
     null
   );
   useKeyboardEventSubscribe(EVENT_TYPE.OPTION_DOWN, makePreviousOptionCurrent);
   useKeyboardEventSubscribe(EVENT_TYPE.OPTION_UP, makeNextOptionCurrent);
+  useKeyboardEventSubscribe(EVENT_TYPE.OPTION_LEFT, () => {
+    drillUp();
+  });
+  useKeyboardEventSubscribe(EVENT_TYPE.OPTION_RIGHT, handleKeyEnter);
   useKeyboardEventSubscribe(EVENT_TYPE.OPTION_SELECT, handleKeyEnter);
-  const [drilldownStack, setDrilldownStack] = useState([]);
   const { value: parentInputValue } = useComboBox();
-  const canUseParentInputSearchValue = !searchValue && typeof parentInputValue === "string" && !!parentInputValue && drillDownDepth === 0 && searchSource === "editor";
-  const [options, optionsError, optionsState] = generateOptions(
-    canUseParentInputSearchValue ? parentInputValue : searchValue,
-    drilldownStack
-  );
+  const [options = [], optionsError, optionsState] = optionsPayload;
   useDeepEffect(() => {
     if (!options?.length) {
       return;
@@ -57,17 +54,6 @@ function OptionsList({ onSelect }) {
       }
     }
   }, [options]);
-  function drillDown(option) {
-    setSearchValue("");
-    const newStack = [...drilldownStack, option];
-    setDrilldownStack(newStack);
-    setDrillDownDepth(newStack.length);
-  }
-  function drillUp() {
-    const newStack = drilldownStack.slice(0, drilldownStack.length - 2);
-    setDrilldownStack(newStack);
-    setDrillDownDepth(newStack.length);
-  }
   const makeOptionComparable = (option) => {
     return option && {
       ...option,
@@ -105,7 +91,7 @@ function OptionsList({ onSelect }) {
     return !option.isSection;
   }
   function handleKeyEnter() {
-    if (currentOption) {
+    if (currentOption && !currentOption.isSection) {
       handleOptionSelect(currentOption);
     }
   }
@@ -114,15 +100,13 @@ function OptionsList({ onSelect }) {
       const objectLocator = option.addVariable;
       const variableLocator = `${objectLocator}.${field.key || toSnakeCase(field.name) || toSnakeCase(field?.schema?.title)}`;
       onAddVariable?.(variableLocator, field.schema ?? {});
-      onSelect({
+      onOptionSelect({
         $var: variableLocator
       });
-    } else if (option.drilldownOptionFactories) {
+    } else if (option.drillDownOptionFactory || option.childCategory && !option.value) {
       drillDown(option);
-    } else if (option.drillup) {
-      drillUp();
     } else {
-      onSelect(option.value);
+      onOptionSelect(option.value);
     }
   }
   return /* @__PURE__ */ jsx(DropdownList, { state: optionsState, error: optionsError, children: /* @__PURE__ */ jsx(
@@ -142,16 +126,19 @@ function DropdownList({
   children
 }) {
   if (state === "rejected" || error) {
-    return /* @__PURE__ */ jsx(DropdownUI.List, { children: /* @__PURE__ */ jsxs(DropdownUI.Item, { hasError: true, children: [
-      /* @__PURE__ */ jsx(ItemIcon, { type: SvgIconType.AlertTriangle }),
-      /* @__PURE__ */ jsx(ItemTitle, { children: error?.message || "Something went wrong" })
-    ] }) });
+    return /* @__PURE__ */ jsx(DropdownUI.List, { children: /* @__PURE__ */ jsx(
+      DropdownUI.ErrorHeading,
+      {
+        text: error?.message || "Something went wrong"
+      }
+    ) });
   }
   if (state === "pending") {
-    return /* @__PURE__ */ jsx(DropdownUI.List, { children: /* @__PURE__ */ jsxs(DropdownUI.Item, { readonly: true, children: [
-      /* @__PURE__ */ jsx(ItemIcon, { type: SvgIconType.Loader }),
-      /* @__PURE__ */ jsx(ItemTitle, { children: "Loading" })
-    ] }) });
+    return /* @__PURE__ */ jsxs(DropdownUI.List, { children: [
+      /* @__PURE__ */ jsx(DropdownUI.LoadingItem, {}),
+      /* @__PURE__ */ jsx(DropdownUI.LoadingItem, {}),
+      /* @__PURE__ */ jsx(DropdownUI.LoadingItem, {})
+    ] });
   }
   return /* @__PURE__ */ jsx(DropdownUI.List, { children });
 }
@@ -166,13 +153,15 @@ function DropdownListOptions({
     return null;
   }
   if (options.length === 0) {
-    return /* @__PURE__ */ jsx(DropdownUI.Item, { readonly: true, children: /* @__PURE__ */ jsxs(ItemTitle, { children: [
-      "No results found ",
-      searchTerm ? `for: ${searchTerm}` : ""
-    ] }) });
+    return /* @__PURE__ */ jsx(
+      DropdownUI.NoOptionsHeading,
+      {
+        text: searchTerm ? `No results found for: ${searchTerm}` : "No results found"
+      }
+    );
   }
   return /* @__PURE__ */ jsx(Fragment, { children: options.map((option, idx) => /* @__PURE__ */ jsx(
-    ComboBoxOption,
+    DropdownOption,
     {
       option,
       selected: isOptionSelected(option),

package/dist/esm/components/ComboBox/Dropdown/SearchInput.mjs

@@ -2,23 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useOptionListKeyNavDispatch } from '../../../hooks/keyboard-events.mjs';
 import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import { renderTabs } from './tabs.mjs';
+import { renderCategories } from './categoryContentMapping.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
 
 function SearchInput({ autoFocus }) {
-  const { activeTab } = useComboBoxDropdownContext();
+  const { activeCategory } = useComboBoxDropdownContext();
   const { hideSearch } = useComboBoxDropdownSearchContext();
-  if (activeTab && renderTabs[activeTab]?.hideSearchInput) {
+  if (activeCategory && renderCategories[activeCategory]?.hideSearchInput) {
     return null;
   }
   if (hideSearch) {
@@ -30,24 +28,15 @@ function DropdownSearchComponent({
   autoFocus
 }) {
   const { value: parentInputValue } = useComboBox();
-  const [searchInputElement, setSearchInputElement] = useState(null);
-  const {
-    searchValue,
-    setSearchValue,
-    drillDownDepth,
-    searchSource,
-    setSearchSource
-  } = useComboBoxDropdownSearchContext();
-  const canUseParentInputAsPlaceholder = !searchValue && typeof parentInputValue === "string" && !!parentInputValue && drillDownDepth === 0 && searchSource === "editor";
-  useOptionListKeyNavDispatch(searchInputElement);
+  const { canUseParentInputSearchValue } = useComboBoxDropdownContext();
+  const { searchValue, setSearchValue, setSearchSource } = useComboBoxDropdownSearchContext();
   return /* @__PURE__ */ jsx(
     DropdownUI.Search,
     {
-      ref: setSearchInputElement,
       value: searchValue,
       onChange: setSearchValue,
       autoFocus,
-      placeholder: canUseParentInputAsPlaceholder ? parentInputValue : void 0,
+      placeholder: canUseParentInputSearchValue ? parentInputValue : void 0,
       onFocus: () => setSearchSource("combobox")
     }
   );

package/dist/esm/components/ComboBox/Dropdown/categoryContentMapping.mjs

@@ -0,0 +1,75 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { DropdownCategoryType } from '../types.mjs';
+import { OptionsCategoryContent } from './Categories/Options.mjs';
+import { VariablesCategoryContent } from './Categories/Variables.mjs';
+import { FormulasCategoryContent } from './Categories/Formulas/index.mjs';
+import { CustomValueCategoryContent } from './Categories/CustomValue.mjs';
+import { LookupCategoryContent } from './Categories/Lookup.mjs';
+import { RootCategoryContent } from './Categories/Root.mjs';
+import { DropdownPanelFormulaConfig } from './Categories/Formulas/DropdownPanelFormulaConfig.mjs';
+
+const renderCategories = {
+  [DropdownCategoryType.ROOT]: {
+    title: "Root",
+    hideSearchInput: false
+  },
+  [DropdownCategoryType.CUSTOM]: {
+    title: "Custom Value",
+    icon: SvgIconType.SchemaType_object,
+    hideSearchInput: true
+  },
+  [DropdownCategoryType.VARIABLE]: {
+    title: "Variables",
+    icon: SvgIconType.Variable
+  },
+  [DropdownCategoryType.OPTIONS]: {
+    title: "Option"
+  },
+  [DropdownCategoryType.FORMULA]: {
+    title: "Formulas",
+    icon: SvgIconType.Function,
+    hideSearchInput: false
+  },
+  [DropdownCategoryType.FORMULA_CONFIG]: {
+    title: "Formulas",
+    icon: SvgIconType.Function,
+    hideSearchInput: true
+  },
+  [DropdownCategoryType.LOOKUP_OPTIONS]: {
+    title: "Lookup Options",
+    hideSearchInput: false
+  },
+  [DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY]: {
+    title: "Select Dynamically",
+    hideSearchInput: true,
+    hasConfigUI: true,
+    icon: SvgIconType.UDMEntity
+  },
+  [DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY]: {
+    title: "Select Dynamically",
+    hideSearchInput: true,
+    hasConfigUI: true,
+    icon: SvgIconType.UDMEntity
+  }
+};
+const CATEGORY_COMPONENTS = {
+  [DropdownCategoryType.ROOT]: RootCategoryContent,
+  [DropdownCategoryType.OPTIONS]: OptionsCategoryContent,
+  [DropdownCategoryType.VARIABLE]: VariablesCategoryContent,
+  [DropdownCategoryType.FORMULA]: FormulasCategoryContent,
+  [DropdownCategoryType.FORMULA_CONFIG]: DropdownPanelFormulaConfig,
+  [DropdownCategoryType.CUSTOM]: CustomValueCategoryContent,
+  [DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY]: LookupCategoryContent,
+  [DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY]: LookupCategoryContent,
+  [DropdownCategoryType.LOOKUP_OPTIONS]: RootCategoryContent
+};
+
+export { CATEGORY_COMPONENTS, renderCategories };

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -11,24 +11,22 @@ import clsx from 'clsx';
 import { forwardRef, useRef } from 'react';
 import '../../ComboBoxElements/TipTapEditor/Editor.mjs';
 import '../../ComboBoxElements/TipTapEditor/EditorStandAlone.mjs';
-import '../../ComboBoxElements/TipTapEditor/TagComponent.mjs';
-import '../../SvgIcon/index.mjs';
+import { DropdownCategoryType } from '../types.mjs';
 import '@integration-app/sdk';
 import 'fuse';
+import '../Dropdown/categoryContentMapping.mjs';
 import { isClickOnEditorComponent } from '../../ComboBoxElements/TipTapEditor/helpers/clicks.mjs';
 import { ActionBar } from '../../DataBuilderUI/index.mjs';
 import { getRefElement } from '../../../helpers/getRefElement.mjs';
 import classes from './OptionSelector.module.css.mjs';
-import { ComboBoxTabType } from '../types.mjs';
-import { Dropdown } from '../Dropdown/Dropdown.mjs';
-import '../../DropdownUI/index.mjs';
-import '../context/combobox-dropdown-search.mjs';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import '../Dropdown/tabs.mjs';
-import { useComboBox } from '../context/combobox-context.mjs';
 import { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
-import { ComboBoxValue } from '../Value/index.mjs';
-import { isDefinedValue } from '../Value/Schema.mjs';
+import { useComboBox } from '../context/combobox-context.mjs';
+import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+import '../Value/Formula.mjs';
+import '../Value/Schema.mjs';
+import { ComboBoxValue } from '../Value/ComboBoxValue.mjs';
+import { isDefinedValue } from '../Value/isDefinedValue.mjs';
+import { Dropdown } from '../Dropdown/Dropdown.mjs';
 
 function OptionSelector({
   placeholder,
@@ -50,7 +48,7 @@ function OptionSelector({
     closeDropdown,
     topDropdownPanelComponent
   } = useComboBox();
-  const { activeTab } = useComboBoxDropdownContext();
+  const { activeCategory } = useComboBoxDropdownContext();
   function handleOpenDropdown() {
     if (disabled) return;
     openDropdown();
@@ -67,10 +65,10 @@ function OptionSelector({
     }
   };
   function handleOptionSelect(option) {
-    const keepDropdownOpen = activeTab && [
-      ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY,
-      ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY
-    ].includes(activeTab);
+    const keepDropdownOpen = activeCategory && [
+      DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY,
+      DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+    ].includes(activeCategory);
     onChange(option);
     if (!keepDropdownOpen) {
       handleCloseDropdown();
@@ -111,7 +109,7 @@ function OptionSelector({
             referenceElement: fieldValueRef,
             topDropdownPanelComponent,
             autoFocusOnSearch: true,
-            onSelect: handleOptionSelect,
+            onOptionSelect: handleOptionSelect,
             onClose: handleCloseDropdown
           }
         )

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.0.3-beta.3
+ * v2.0.3
  */
 '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.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -11,22 +11,19 @@ import { isFormula, getFormula } from '@integration-app/sdk';
 import { useRef, useEffect } from 'react';
 import { getFormulas } from '../../DataBuilder/Formula/index.mjs';
 import { getRefElement } from '../../../helpers/getRefElement.mjs';
-import { ComboBoxTabType } from '../types.mjs';
+import { DropdownCategoryType } from '../types.mjs';
 import { useComboboxEditor, Editor } from '../../ComboBoxElements/TipTapEditor/Editor.mjs';
 import '../../ComboBoxElements/TipTapEditor/EditorStandAlone.mjs';
-import '../../ComboBoxElements/TipTapEditor/TagComponent.mjs';
-import '../../SvgIcon/index.mjs';
 import 'fuse';
+import '../Dropdown/categoryContentMapping.mjs';
 import { isClickOnEditorCustomTagComponent } from '../../ComboBoxElements/TipTapEditor/helpers/clicks.mjs';
 import { transformEditorSchemaToValue } from '../../ComboBoxElements/TipTapEditor/helpers/transformEditorSchemaToValue.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
-import { Dropdown } from '../Dropdown/Dropdown.mjs';
-import '../../DropdownUI/index.mjs';
-import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import '../Dropdown/tabs.mjs';
 import { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
-import { isDefinedValue } from '../Value/Schema.mjs';
+import { isDefinedValue } from '../Value/isDefinedValue.mjs';
+import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
+import { Dropdown } from '../Dropdown/Dropdown.mjs';
 
 function TextInput({
   placeholder,
@@ -53,7 +50,6 @@ function TextInput({
     onChange,
     onEnter: ({ editor: editor2 }) => {
       onChange(transformEditorSchemaToValue(editor2?.getJSON() ?? {}));
-      resetActiveTab();
       handleCloseDropdown();
     },
     placeholder,
@@ -62,7 +58,7 @@ function TextInput({
   useEffect(() => {
     editor?.setEditable(!disabled, false);
   }, [disabled, editor]);
-  const { activeTab, resetActiveTab } = useComboBoxDropdownContext();
+  const { activeCategory } = useComboBoxDropdownContext();
   function handleOpenDropdown() {
     if (disabled) return;
     openDropdown();
@@ -82,10 +78,9 @@ function TextInput({
     }
   };
   const handleOptionSelect = (variable) => {
-    if (shouldRewriteValue(activeTab)) {
+    if (shouldRewriteValue(activeCategory)) {
       onChange(variable);
-      if (shouldCloseDropdown(activeTab)) {
-        resetActiveTab();
+      if (shouldCloseDropdown(activeCategory)) {
         handleCloseDropdown();
       }
     } else {
@@ -124,7 +119,7 @@ function TextInput({
             ref: dropdownRef,
             referenceElement: fieldValueRef,
             topDropdownPanelComponent,
-            onSelect: handleOptionSelect,
+            onOptionSelect: handleOptionSelect,
             onClose: handleCloseDropdown,
             autoFocusOnSearch: false
           }
@@ -133,21 +128,21 @@ function TextInput({
     }
   );
 }
-function shouldRewriteValue(tab) {
-  return tab && [
-    ComboBoxTabType.OPTIONS,
-    ComboBoxTabType.CUSTOM,
-    ComboBoxTabType.LOOKUP_OPTIONS,
-    ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY,
-    ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY
-  ].includes(tab);
+function shouldRewriteValue(category) {
+  return category && [
+    DropdownCategoryType.OPTIONS,
+    DropdownCategoryType.CUSTOM,
+    DropdownCategoryType.LOOKUP_OPTIONS,
+    DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY,
+    DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+  ].includes(category);
 }
-function shouldCloseDropdown(tab) {
-  return tab && [
-    ComboBoxTabType.OPTIONS,
-    ComboBoxTabType.CUSTOM,
-    ComboBoxTabType.LOOKUP_OPTIONS
-  ].includes(tab);
+function shouldCloseDropdown(category) {
+  return category && [
+    DropdownCategoryType.OPTIONS,
+    DropdownCategoryType.CUSTOM,
+    DropdownCategoryType.LOOKUP_OPTIONS
+  ].includes(category);
 }
 function valueHasDropdownWithFormula(value) {
   if (!isFormula(value)) return false;

package/dist/esm/components/ComboBox/Value/{index.mjs → ComboBoxValue.mjs}

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -13,7 +13,8 @@ import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
 import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
 import { ComboBoxFormulaValue } from './Formula.mjs';
-import { ComboBoxSchemaValue, isDefinedValue } from './Schema.mjs';
+import { ComboBoxSchemaValue } from './Schema.mjs';
+import { isDefinedValue } from './isDefinedValue.mjs';
 
 const ComboBoxValue = forwardRef(function({ placeholder, isEdited, disabled, onClick, onChange, className }, ref) {
   const { value, variablesSchema, schema, options, optionFactories } = useComboBox();
@@ -62,4 +63,4 @@ const ComboBoxValue = forwardRef(function({ placeholder, isEdited, disabled, onC
 });
 ComboBoxValue.displayName = "ComboBoxValue";
 
-export { ComboBoxFormulaValue, ComboBoxSchemaValue, ComboBoxValue, isDefinedValue };
+export { ComboBoxValue };

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

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

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.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -10,7 +10,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import clsx from 'clsx';
 import { ComboBoxTag, getClassFromSchema } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
 import { CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE_LABEL } from '../options-factories/custom-field.mjs';
 import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
@@ -79,9 +79,6 @@ const ComboBoxSchemaValue = forwardRef(
   }
 );
 ComboBoxSchemaValue.displayName = "ComboBoxSchemaValue";
-function isDefinedValue(value) {
-  return value !== null && value !== void 0;
-}
 function getIconProps(schema) {
   switch (schema?.type) {
     case "string":
@@ -140,4 +137,4 @@ function ReferenceCollectionValue({
   }
 }
 
-export { ComboBoxSchemaValue, isDefinedValue };
+export { ComboBoxSchemaValue };

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

@@ -0,0 +1,13 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+function isDefinedValue(value) {
+  return value !== null && value !== void 0;
+}
+
+export { isDefinedValue };

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.0.3-beta.3
+ * v2.0.3
  */
 'use client';