@integration-app/react 2.1.2 → 2.1.4

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.4
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
 import deepEqual from 'fast-deep-equal';
+import { toSnakeCase } from 'js-convert-case';
+import { useKeyboardEventSubscribe, EVENT_TYPE } from '../../../helpers/hooks/keyboard-events.mjs';
+import { useDeepEffect } from '../../../helpers/hooks/useDeepEffect.mjs';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useDeepEffect } from '../../../hooks/useDeepEffect.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.4
  */
 '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.4
  */
 '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.4
+ */
+'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.4
  */
 '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 '../../../helpers/hooks/keyboard-events.mjs';
+import { useWindowEvent } from '../../../helpers/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.4
+ */
+'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.4
  */
 '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.4
  */
 'use client';
 

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

@@ -2,28 +2,27 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-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 { isFormula, getFormula } from '@integration-app/sdk';
+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 { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
 import { useComboboxEditor, Editor } from '../../ComboBoxElements/TipTapEditor/Editor.mjs';
 import '../../ComboBoxElements/TipTapEditor/EditorStandAlone.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 { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import { FieldWrapper } from '../../ComboBoxElements/FieldWrapper.mjs';
+import { getFormulas } from '../../DataBuilder/Formula/index.mjs';
+import { getRefElement } from '../../../helpers/getRefElement.mjs';
 import { isDefinedValue } from '../Value/isDefinedValue.mjs';
-import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
-import { Dropdown } from '../Dropdown/Dropdown.mjs';
 
 function TextInput({
   placeholder,
@@ -47,10 +46,6 @@ function TextInput({
   const { editor, pasteTag } = useComboboxEditor({
     value,
     onChange,
-    onEnter: ({ editor: editor2 }) => {
-      onChange(transformEditorSchemaToValue(editor2?.getJSON() ?? {}));
-      closeDropdown();
-    },
     placeholder,
     allowEditorSearchClear: searchSource === "editor"
   });

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.1.2
+ * v2.1.4
  */
 'use client';
 
@@ -13,8 +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 } from './Schema.mjs';
 import { isDefinedValue } from './isDefinedValue.mjs';
+import { ComboBoxSchemaValue } from './Schema.mjs';
 
 const ComboBoxValue = forwardRef(function({ placeholder, isEdited, disabled, onClick, onChange, className }, ref) {
   const { value, variablesSchema, schema, options, optionFactories } = useComboBox();

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

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

@@ -2,22 +2,22 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
 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/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';
 import { getSchemaFromValue, getReferenceCollectionPointerForSchema } from '@integration-app/sdk';
+import { clsx } from 'clsx';
 import useSWR from 'swr';
-import { useIntegrationApp } from '../../../contexts/integration-app-context.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
+import { useIntegrationApp } from '../../../contexts/integration-app-context.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';
 
 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.1.2
+ * v2.1.4
  */
 '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.1.2
+ * v2.1.4
  */
 'use client';
 

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

@@ -2,27 +2,27 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useEffect, useCallback, useContext } from 'react';
-import usePromise from '../../../_modules/react-use-promise.mjs';
 import deepEqual from 'fast-deep-equal';
+import usePromise from '../../../_modules/react-use-promise.mjs';
+import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
 import { useIntegrationAppClient } from '../../../contexts/integration-app-client-context.mjs';
 import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
 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 { EnumOptionFactory } from '../options-factories/enum.mjs';
 import { ReferenceRecordsOptionsFactory } from '../options-factories/reference-records.mjs';
-import { DropdownCategoryType } from '../types.mjs';
-import { getAvailableRootCategories, getCurrentPath, getStackForPath } from './helpers.mjs';
-import { useComboBox } from './combobox-context.mjs';
-import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
 import { RootOptionFactory } from '../options-factories/root.mjs';
-import { useComboBoxDropdownSearchContext } from './combobox-dropdown-search.mjs';
+import { DropdownCategoryType } from '../types.mjs';
 
 const ComboBoxDropdownContext = createContext({
   availableCategories: [],

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

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

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

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

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.1.2
+ * v2.1.4
  */
 'use client';
 
 import { UNIFIED_DATA_MODELS, schemaHasFixedValues, getReferenceCollectionPathForSchema, getFormula, DataBuilderFormulaType } from '@integration-app/sdk';
-import { DropdownCategoryType } from '../types.mjs';
 import { getLookupCollection } from '../Dropdown/Categories/getLookupCollection.mjs';
+import { DropdownCategoryType } from '../types.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.1.2
+ * v2.1.4
  */
 'use client';
 

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

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
-import { filterOptionsByLabel } from './utils.mjs';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { filterOptionsByLabel } from './utils.mjs';
 
 class ConstantOptionFactory {
   constructor(options) {

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

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