@integration-app/react 2.1.2 → 2.1.3

package/dist/esm/components/ComboBox/Dropdown/Categories/Options.mjs

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

package/dist/esm/components/ComboBox/Dropdown/Categories/Root.mjs

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
 import { DropdownCategoryType } from '../../types.mjs';
 import { DropdownUI } from '../../../DropdownUI/index.mjs';
 import { OptionsList } from '../OptionsList.mjs';
 import { LookupOptionsCategoryContent } from './LookupOptions/index.mjs';
-import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
 
 function RootCategoryContent({
   onOptionSelect

package/dist/esm/components/ComboBox/Dropdown/Categories/Variables.mjs

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

package/dist/esm/components/ComboBox/Dropdown/Categories/getLookupCollection.mjs

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

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

@@ -2,17 +2,19 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
+import { useNavigationContext } from './NavigationContext.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
 
 const DrillUpButton = forwardRef(({ onClick, ...props }, ref) => {
   const { drillUp, drillDownStackTop } = useComboBoxDropdownContext();
+  const { currentItem } = useNavigationContext();
   if (!drillDownStackTop) {
     return null;
   }
@@ -24,6 +26,7 @@ const DrillUpButton = forwardRef(({ onClick, ...props }, ref) => {
         drillUp();
         onClick?.(e);
       },
+      "data-current": currentItem === "drill-up" ? true : void 0,
       ...props,
       children: drillDownStackTop.label
     }

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
@@ -10,10 +10,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
 import { DropdownStackContextProvider } from '../context/combobox-dropdown-stack.mjs';
-import { SearchInput } from './SearchInput.mjs';
 import { ActiveCategoryContent } from './ActiveCategoryContent.mjs';
 import { DrillUpButton } from './DrillUpButton.mjs';
 import { DropdownPopoverProvider, DropdownAnchor, DropdownPopoverContent } from '../DropdownPopover/index.mjs';
+import { NavigationContextProvider } from './NavigationContext.mjs';
+import { SearchInput } from './SearchInput.mjs';
 
 function Dropdown({
   topDropdownPanelComponent,
@@ -37,12 +38,12 @@ function Dropdown({
   }
   return /* @__PURE__ */ jsx(DropdownStackContextProvider, { children: /* @__PURE__ */ jsxs(DropdownPopoverProvider, { children: [
     /* @__PURE__ */ jsx(DropdownAnchor, { children }),
-    /* @__PURE__ */ jsxs(DropdownPopoverContent, { children: [
+    /* @__PURE__ */ jsx(NavigationContextProvider, { children: /* @__PURE__ */ jsxs(DropdownPopoverContent, { children: [
       /* @__PURE__ */ jsx(DrillUpButton, {}),
       topDropdownPanelComponent && /* @__PURE__ */ jsx(Fragment, { children: topDropdownPanelComponent }),
       /* @__PURE__ */ jsx(SearchInput, { autoFocus: autoFocusOnSearch }),
       /* @__PURE__ */ jsx(ActiveCategoryContent, { onOptionSelect })
-    ] })
+    ] }) })
   ] }) });
 }
 

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

@@ -0,0 +1,108 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.3
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState } from 'react';
+import deepEqual from 'fast-deep-equal';
+import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+
+const NavigationContext = createContext({
+  currentItem: null,
+  moveToNextItem: () => null,
+  moveToPreviousItem: () => null,
+  onOptionsListChange: () => null
+});
+function NavigationContextProvider({
+  children
+}) {
+  const [currentItem, setCurrentItem] = useState(null);
+  const { isOptionSelected, drillDownStackTop } = useComboBoxDropdownContext();
+  const moveToPreviousItem = (options, currentItem2) => {
+    if (currentItem2 === "drill-up") {
+      return;
+    }
+    const onlyOptions = getOnlyOptions(options);
+    if (!currentItem2) {
+      setCurrentItem(onlyOptions[0]);
+      return;
+    }
+    const idx = getOptionIndex(currentItem2, onlyOptions);
+    if (idx === 0 && !!drillDownStackTop) {
+      setCurrentItem("drill-up");
+      return;
+    }
+    if (idx > 0) {
+      const currentOption = onlyOptions[idx - 1];
+      setCurrentItem(currentOption);
+    }
+  };
+  const moveToNextItem = (options, currentItem2) => {
+    const onlyOptions = getOnlyOptions(options);
+    if (onlyOptions.length === 0) {
+      setCurrentItem(null);
+      return;
+    }
+    if (!currentItem2 || currentItem2 === "drill-up") {
+      setCurrentItem(onlyOptions[0]);
+      return;
+    }
+    const idx = getOptionIndex(currentItem2, onlyOptions);
+    if (idx < onlyOptions.length - 1) {
+      const currentOption = onlyOptions[idx + 1];
+      setCurrentItem(currentOption);
+    }
+  };
+  const onOptionsListChange = (options) => {
+    const onlyOptions = getOnlyOptions(options);
+    if (!onlyOptions?.length) {
+      return;
+    }
+    if (!currentItem || currentItem === "drill-up") {
+      setCurrentItem(onlyOptions[0]);
+      return;
+    }
+    if (getOptionIndex(currentItem, onlyOptions) == -1) {
+      const selectedOption = options.find(isOptionSelected);
+      if (selectedOption) {
+        setCurrentItem(selectedOption);
+      } else {
+        const onlyOptions2 = getOnlyOptions(options);
+        setCurrentItem(onlyOptions2[0]);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    NavigationContext.Provider,
+    {
+      value: {
+        currentItem,
+        moveToNextItem,
+        moveToPreviousItem,
+        onOptionsListChange
+      },
+      children
+    }
+  );
+}
+function useNavigationContext() {
+  return useContext(NavigationContext);
+}
+const makeOptionComparable = (option) => {
+  return option && {
+    ...option,
+    label: option.searchLabel ?? option.label?.toString()
+  };
+};
+const getOnlyOptions = (options) => options.filter((o) => !o.isSection);
+function getOptionIndex(option, options) {
+  return options.findIndex(
+    (o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option))
+  );
+}
+
+export { NavigationContextProvider, useNavigationContext };

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

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { DropdownUI } from '../../DropdownUI/index.mjs';
-import useEventStopPropagation from '../../../hooks/useEventStopPropagation.mjs';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import useEventStopPropagation from '../../../hooks/useEventStopPropagation.mjs';
+import { DropdownUI } from '../../DropdownUI/index.mjs';
 
 function DropdownOption({
   option,

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

@@ -2,21 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 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 { toSnakeCase } from 'js-convert-case';
+import { useKeyboardEventSubscribe, EVENT_TYPE } from '../../../hooks/keyboard-events.mjs';
 import { useDeepEffect } from '../../../hooks/useDeepEffect.mjs';
+import { DropdownUI } from '../../DropdownUI/index.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import { useKeyboardEventSubscribe, EVENT_TYPE } from '../../../hooks/keyboard-events.mjs';
+import { useNavigationContext } from './NavigationContext.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';
 
 function OptionsList({
@@ -32,18 +32,25 @@ function OptionsList({
     drillUp
   } = useComboBoxDropdownContext();
   const { value: parentInputValue, scopedComboboxId } = useComboBox();
-  const [currentOption, setCurrentOption] = useState(
-    null
-  );
+  const {
+    currentItem,
+    moveToNextItem,
+    moveToPreviousItem,
+    onOptionsListChange
+  } = useNavigationContext();
   useKeyboardEventSubscribe({
     scopedComboboxId,
     event: EVENT_TYPE.OPTION_DOWN,
-    callback: makePreviousOptionCurrent
+    callback: () => {
+      moveToPreviousItem(options, currentItem);
+    }
   });
   useKeyboardEventSubscribe({
     scopedComboboxId,
     event: EVENT_TYPE.OPTION_UP,
-    callback: makeNextOptionCurrent
+    callback: () => {
+      moveToNextItem(options, currentItem);
+    }
   });
   useKeyboardEventSubscribe({
     scopedComboboxId,
@@ -64,58 +71,18 @@ function OptionsList({
   });
   const [options = [], optionsError, optionsState] = optionsPayload;
   useDeepEffect(() => {
-    if (!options?.length) {
-      return;
-    }
-    if (!currentOption || getOptionIndex(currentOption) == -1) {
-      const selectedOption = options.find(isOptionSelected);
-      if (selectedOption) {
-        setCurrentOption(selectedOption);
-      }
-    }
+    onOptionsListChange(options);
   }, [options]);
-  const makeOptionComparable = (option) => {
-    return option && {
-      ...option,
-      label: option.searchLabel ?? option.label?.toString()
-    };
-  };
-  function getOptionIndex(option) {
-    return options.findIndex(
-      (o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option))
-    );
-  }
-  function makeNextOptionCurrent() {
-    let idx = getOptionIndex(currentOption);
-    while (idx < options.length - 1) {
-      idx += 1;
-      const currentOption2 = options[idx];
-      if (optionCanBeSelected(currentOption2)) {
-        setCurrentOption(currentOption2);
-        break;
-      }
-    }
-  }
-  function makePreviousOptionCurrent() {
-    let idx = getOptionIndex(currentOption);
-    while (idx > 0) {
-      idx -= 1;
-      const currentOption2 = options[idx];
-      if (optionCanBeSelected(currentOption2)) {
-        setCurrentOption(currentOption2);
-        break;
-      }
-    }
-  }
-  function optionCanBeSelected(option) {
-    return !option.isSection;
-  }
   function handleKeyEnter() {
-    if (currentOption && !currentOption.isSection) {
-      handleOptionSelect(currentOption);
+    if (currentItem) {
+      handleOptionSelect(currentItem);
     }
   }
   function handleOptionSelect(option) {
+    if (option === "drill-up") {
+      drillUp();
+      return;
+    }
     if (option.addVariable) {
       const objectLocator = option.addVariable;
       const variableLocator = `${objectLocator}.${field.key || toSnakeCase(field.name) || toSnakeCase(field?.schema?.title)}`;
@@ -134,7 +101,6 @@ function OptionsList({
     {
       searchTerm: canUseParentInputSearchValue ? parentInputValue : void 0,
       options,
-      currentOption,
       isOptionSelected,
       handleOptionSelect
     }
@@ -164,11 +130,11 @@ function DropdownList({
 }
 function DropdownListOptions({
   options,
-  currentOption,
   isOptionSelected,
   handleOptionSelect,
   searchTerm
 }) {
+  const { currentItem } = useNavigationContext();
   if (!options) {
     return null;
   }
@@ -185,7 +151,7 @@ function DropdownListOptions({
     {
       option,
       selected: isOptionSelected(option),
-      current: deepEqual(option, currentOption),
+      current: deepEqual(option, currentItem),
       onSelect: () => handleOptionSelect(option)
     },
     idx

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

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
 import { renderCategories } from './categoryContentMapping.mjs';
+import { DropdownUI } from '../../DropdownUI/index.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
+import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
 
 function SearchInput({ autoFocus }) {
   const { activeCategory } = useComboBoxDropdownContext();

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

@@ -2,19 +2,19 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.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 { FormulasCategoryContent } from './Categories/Formulas/index.mjs';
+import { DropdownPanelFormulaConfig } from './Categories/Formulas/DropdownPanelFormulaConfig.mjs';
 import { LookupCategoryContent } from './Categories/Lookup.mjs';
+import { OptionsCategoryContent } from './Categories/Options.mjs';
 import { RootCategoryContent } from './Categories/Root.mjs';
-import { DropdownPanelFormulaConfig } from './Categories/Formulas/DropdownPanelFormulaConfig.mjs';
+import { VariablesCategoryContent } from './Categories/Variables.mjs';
 
 const renderCategories = {
   [DropdownCategoryType.ROOT]: {

package/dist/esm/components/ComboBox/DropdownPopover/DropdownPositioner.mjs

@@ -0,0 +1,66 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.3
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import { usePopoverContext } from '@ark-ui/react/popover';
+import { useFloating, autoUpdate, offset, autoPlacement, size } from '@floating-ui/react';
+import 'react';
+import '../../../styled-system/css/css.mjs';
+import '../../../styled-system/helpers.mjs';
+import '../../../styled-system/jsx/is-valid-prop.mjs';
+import { Box } from '../../../styled-system/jsx/box.mjs';
+import '../../../styled-system/patterns/visually-hidden.mjs';
+
+const GUTTER = 10;
+const VIEWPORT_PADDING = 8;
+const DropdownPositioner = ({
+  children
+}) => {
+  const context = usePopoverContext();
+  const anchorPops = context.getAnchorProps();
+  const { refs, floatingStyles } = useFloating({
+    whileElementsMounted: autoUpdate,
+    elements: {
+      reference: anchorPops.id ? document.getElementById(anchorPops.id) : void 0
+    },
+    middleware: [
+      offset({ mainAxis: GUTTER }),
+      autoPlacement({
+        allowedPlacements: ["bottom-start", "top-start"],
+        crossAxis: true,
+        boundary: "clippingAncestors",
+        padding: GUTTER / 2
+      }),
+      size({
+        padding: VIEWPORT_PADDING,
+        apply({ elements, availableHeight, availableWidth }) {
+          const floating = elements.floating;
+          availableWidth = Math.floor(availableWidth);
+          availableHeight = Math.floor(availableHeight);
+          floating.style.setProperty("--available-width", `${availableWidth}px`);
+          floating.style.setProperty(
+            "--available-height",
+            `${availableHeight}px`
+          );
+        }
+      })
+    ]
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: refs.setFloating,
+      style: floatingStyles,
+      zIndex: "popover",
+      isolation: "isolate",
+      children
+    }
+  );
+};
+
+export { DropdownPositioner };

package/dist/esm/components/ComboBox/DropdownPopover/index.mjs

@@ -2,23 +2,24 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useEffect, useId } from 'react';
-import { Portal } from '@ark-ui/react';
-import { Root, Positioner, Anchor, Content, Title } from '../../../ui-kit/styled/popover.mjs';
+import { useId, useRef } from 'react';
+import { DropdownUI } from '../../DropdownUI/index.mjs';
+import { DROPDOWN_NAVIGATOR_ID } from '../../DropdownUI/constants.mjs';
+import { useOptionListKeyNavDispatch } from '../../../hooks/keyboard-events.mjs';
+import { useWindowEvent } from '../../../hooks/useWindowEvent.mjs';
+import { Root, Anchor, Content as Content$1, Title } from '../../../ui-kit/styled/popover.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
 import '../context/combobox-dropdown-context.mjs';
 import '../context/combobox-dropdown-search.mjs';
 import { useDropdownStackContext } from '../context/combobox-dropdown-stack.mjs';
 import '@integration-app/sdk';
-import { useWindowEvent } from '../../../hooks/useWindowEvent.mjs';
-import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useOptionListKeyNavDispatch } from '../../../hooks/keyboard-events.mjs';
-import { DROPDOWN_NAVIGATOR_ID } from '../../DropdownUI/constants.mjs';
+import { DropdownPositioner } from './DropdownPositioner.mjs';
+import { DropdownPortal } from '../DropdownPortal/index.mjs';
 
 const GUTTER = 10;
 const POSITIONING = {
@@ -27,8 +28,6 @@ const POSITIONING = {
   slide: true,
   fitViewport: true
 };
-const isStorybook = Boolean(globalThis?.__STORYBOOK_PREVIEW__);
-const storybookPortalNode = "#storybook-root";
 function DropdownPopoverProvider({
   children
 }) {
@@ -51,18 +50,12 @@ function DropdownPopoverProvider({
 function DropdownPopoverContent({
   children
 }) {
-  const containerRef = useRef(null);
-  useEffect(() => {
-    if (isStorybook) {
-      containerRef.current = document.querySelector(storybookPortalNode);
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(Portal, { container: containerRef, children: /* @__PURE__ */ jsx(Positioner, { children: /* @__PURE__ */ jsx(DeferredContent, { children }) }) });
+  return /* @__PURE__ */ jsx(DropdownPortal, { children: /* @__PURE__ */ jsx(DropdownPositioner, { children: /* @__PURE__ */ jsx(Content, { children }) }) });
 }
 function DropdownAnchor({ children }) {
   return /* @__PURE__ */ jsx(Anchor, { display: "inline", children });
 }
-function DeferredContent({ children }) {
+function Content({ children }) {
   const id = useId();
   const ref = useRef(null);
   const { scopedComboboxId, closeDropdown } = useComboBox();
@@ -76,7 +69,7 @@ function DeferredContent({ children }) {
     }
   });
   return /* @__PURE__ */ jsx(
-    Content,
+    Content$1,
     {
       ref,
       "data-navigation-emitter-id": DROPDOWN_NAVIGATOR_ID,

package/dist/esm/components/ComboBox/DropdownPortal/index.mjs

@@ -0,0 +1,34 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.3
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import React, { createContext, useId, useContext, useRef } from 'react';
+import { Portal } from '@ark-ui/react';
+
+const BoundaryContext = createContext(null);
+const BOUNDARY_DATA_KEY = "data-dropdown-portal-boundary";
+function DropdownPortalBoundary({
+  children,
+  id
+}) {
+  const generatedId = useId();
+  return /* @__PURE__ */ jsx(BoundaryContext.Provider, { value: id || generatedId, children: React.isValidElement(children) ? React.cloneElement(children, {
+    [BOUNDARY_DATA_KEY]: id || generatedId
+  }) : children });
+}
+function DropdownPortal({ children }) {
+  const boundaryId = useContext(BoundaryContext);
+  const containerRef = useRef(null);
+  const container = boundaryId ? document.querySelector(
+    `[${BOUNDARY_DATA_KEY}="${boundaryId}"]`
+  ) : null;
+  containerRef.current = container;
+  return /* @__PURE__ */ jsx(Portal, { container: containerRef, children });
+}
+
+export { DropdownPortal, DropdownPortalBoundary };

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

@@ -2,13 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import clsx from 'clsx';
 import { forwardRef, useRef } from 'react';
+import { clsx } from 'clsx';
+import { getRefElement } from '../../../helpers/getRefElement.mjs';
+import classes from './OptionSelector.module.css.mjs';
+import { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
 import '../../ComboBoxElements/TipTapEditor/Editor.mjs';
 import '../../ComboBoxElements/TipTapEditor/EditorStandAlone.mjs';
 import { DropdownCategoryType } from '../types.mjs';
@@ -17,16 +20,13 @@ 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 { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
 import { useComboBox } from '../context/combobox-context.mjs';
 import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+import { Dropdown } from '../Dropdown/Dropdown.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,

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