@membranehq/react 0.15.5 → 0.15.7

package/dist/cjs/components/ComboBox/Dropdown/DrillUpButton.cjs

@@ -2,22 +2,22 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../DropdownUI/index.cjs');
-var NavigationContext = require('./KeyboardNavigation/NavigationContext.cjs');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
+var React = require('react');
+var useComboboxDropdown = require('../context/use-combobox-dropdown.cjs');
+var useNavigation = require('./KeyboardNavigation/use-navigation.cjs');
 
 const DrillUpButton = React.forwardRef(
   ({ onClick, ...props }, ref) => {
-    const { drillUp, drillDownStackTop } = comboboxDropdownContext.useComboBoxDropdownContext();
-    const { currentItem } = NavigationContext.useNavigationContext();
+    const { drillUp, drillDownStackTop } = useComboboxDropdown.useComboBoxDropdownContext();
+    const { currentItem } = useNavigation.useNavigationContext();
     if (!drillDownStackTop) {
       return null;
     }

package/dist/cjs/components/ComboBox/Dropdown/Dropdown.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,11 +10,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../DropdownUI/index.cjs');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
 var comboboxDropdownStack = require('../context/combobox-dropdown-stack.cjs');
+var useComboboxDropdown = require('../context/use-combobox-dropdown.cjs');
+var index = require('../DropdownPopover/index.cjs');
 var ActiveCategoryContent = require('./ActiveCategoryContent.cjs');
 var DrillUpButton = require('./DrillUpButton.cjs');
-var index = require('../DropdownPopover/index.cjs');
 var NavigationContext = require('./KeyboardNavigation/NavigationContext.cjs');
 var SearchInput = require('./SearchInput.cjs');
 
@@ -26,7 +26,7 @@ function Dropdown({
   searchInputRef,
   children
 }) {
-  const { availableCategories } = comboboxDropdownContext.useComboBoxDropdownContext();
+  const { availableCategories } = useComboboxDropdown.useComboBoxDropdownContext();
   if (!availableCategories) {
     return /* @__PURE__ */ jsxRuntime.jsx(comboboxDropdownStack.DropdownStackContextProvider, { editorRef, children: /* @__PURE__ */ jsxRuntime.jsxs(index.DropdownPopoverProvider, { disabled: true, children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.DropdownAnchor, { children }),

package/dist/cjs/components/ComboBox/Dropdown/KeyboardNavigation/NavigationContext.cjs

@@ -2,24 +2,19 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var deepEqual = require('fast-deep-equal');
 var useDeepEffect = require('../../../../helpers/hooks/useDeepEffect.cjs');
-var comboboxDropdownContext = require('../../context/combobox-dropdown-context.cjs');
+var React = require('react');
+var useComboboxDropdown = require('../../context/use-combobox-dropdown.cjs');
+var useNavigation = require('./use-navigation.cjs');
 
-const NavigationContext = React.createContext({
-  currentItem: null,
-  moveToNextItem: () => null,
-  moveToPreviousItem: () => null,
-  onOptionsListChange: () => null
-});
 function payloadReducer(state, action) {
   const compactState = Object.entries(state).reduce((acc, [sourceId, payload]) => {
     if (!payload.options.length && !payload.fallbackOptions.length) {
@@ -42,7 +37,7 @@ function payloadReducer(state, action) {
 function NavigationContextProvider({ children }) {
   const [currentItem, setCurrentItem] = React.useState(null);
   const [payload, dispatch] = React.useReducer(payloadReducer, {});
-  const { isOptionSelected, drillDownStackTop } = comboboxDropdownContext.useComboBoxDropdownContext();
+  const { isOptionSelected, drillDownStackTop } = useComboboxDropdown.useComboBoxDropdownContext();
   const insertionCounter = React.useRef(0);
   useDeepEffect.useDeepEffect(() => {
     const itemOptions = getUnifiedOptionsList(payload);
@@ -113,7 +108,11 @@ function NavigationContextProvider({ children }) {
       setCurrentItem(currentOption);
     }
   };
-  const onOptionsListChange = ({ sourceId, options, fallbackOptions }) => {
+  const onOptionsListChange = ({
+    sourceId,
+    options,
+    fallbackOptions
+  }) => {
     insertionCounter.current++;
     dispatch({
       sourceId,
@@ -123,7 +122,7 @@ function NavigationContextProvider({ children }) {
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    NavigationContext.Provider,
+    useNavigation.NavigationContext.Provider,
     {
       value: {
         currentItem,
@@ -135,31 +134,6 @@ function NavigationContextProvider({ children }) {
     }
   );
 }
-function useNavigationContext(options = [], fallbackOptions = []) {
-  const sourceId = React.useId();
-  const { currentItem, moveToNextItem, moveToPreviousItem, onOptionsListChange } = React.useContext(NavigationContext);
-  useDeepEffect.useDeepEffect(() => {
-    onOptionsListChange({
-      sourceId,
-      options,
-      fallbackOptions
-    });
-  }, [options, fallbackOptions]);
-  React.useEffect(() => {
-    return () => {
-      onOptionsListChange({
-        sourceId,
-        options: [],
-        fallbackOptions: []
-      });
-    };
-  }, []);
-  return {
-    currentItem,
-    moveToNextItem,
-    moveToPreviousItem
-  };
-}
 const makeOptionComparable = (option) => {
   return option && {
     ...option,
@@ -188,4 +162,3 @@ const getUnifiedOptionsList = (payload) => {
 };
 
 exports.NavigationContextProvider = NavigationContextProvider;
-exports.useNavigationContext = useNavigationContext;

package/dist/cjs/components/ComboBox/Dropdown/KeyboardNavigation/use-navigation.cjs

@@ -0,0 +1,47 @@
+"use strict";
+/*
+ * Membrane React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.15.7
+ */
+'use client';
+
+'use strict';
+
+var useDeepEffect = require('../../../../helpers/hooks/useDeepEffect.cjs');
+var React = require('react');
+
+const NavigationContext = React.createContext({
+  currentItem: null,
+  moveToNextItem: () => null,
+  moveToPreviousItem: () => null,
+  onOptionsListChange: () => null
+});
+function useNavigationContext(options = [], fallbackOptions = []) {
+  const sourceId = React.useId();
+  const { currentItem, moveToNextItem, moveToPreviousItem, onOptionsListChange } = React.useContext(NavigationContext);
+  useDeepEffect.useDeepEffect(() => {
+    onOptionsListChange({
+      sourceId,
+      options,
+      fallbackOptions
+    });
+  }, [options, fallbackOptions]);
+  React.useEffect(() => {
+    return () => {
+      onOptionsListChange({
+        sourceId,
+        options: [],
+        fallbackOptions: []
+      });
+    };
+  }, []);
+  return {
+    currentItem,
+    moveToNextItem,
+    moveToPreviousItem
+  };
+}
+
+exports.NavigationContext = NavigationContext;
+exports.useNavigationContext = useNavigationContext;

package/dist/cjs/components/ComboBox/Dropdown/KeyboardNavigation/useKeyboardBinding.cjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
-var comboboxContext = require('../../context/combobox-context.cjs');
-var comboboxDropdownContext = require('../../context/combobox-dropdown-context.cjs');
+var useCombobox = require('../../context/use-combobox.cjs');
+var useComboboxDropdown = require('../../context/use-combobox-dropdown.cjs');
 var keyboardEvents = require('../../../../helpers/hooks/keyboard-events.cjs');
-var NavigationContext = require('./NavigationContext.cjs');
+var useNavigation = require('./use-navigation.cjs');
 
 const useKeyboardBinding = ({
   options,
@@ -19,9 +19,9 @@ const useKeyboardBinding = ({
   onEnter = () => {
   }
 }) => {
-  const { scopedComboboxId } = comboboxContext.useComboBox();
-  const { drillUp } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const { currentItem, moveToNextItem, moveToPreviousItem } = NavigationContext.useNavigationContext(options, fallbackOptions);
+  const { scopedComboboxId } = useCombobox.useComboBox();
+  const { drillUp } = useComboboxDropdown.useComboBoxDropdownContext();
+  const { currentItem, moveToNextItem, moveToPreviousItem } = useNavigation.useNavigationContext(options, fallbackOptions);
   keyboardEvents.useKeyboardEventSubscribe({
     scopedComboboxId,
     event: keyboardEvents.EVENT_TYPE.OPTION_DOWN,

package/dist/cjs/components/ComboBox/Dropdown/Option.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/ComboBox/Dropdown/OptionsList.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,19 +10,19 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var jsConvertCase = require('js-convert-case');
-var VirtualizedDropdownList = require('./VirtualizedDropdownList.cjs');
-var dataBuilderContext = require('../../DataBuilder/data-builder-context.cjs');
-var fieldContext = require('../../DataBuilder/field-context.cjs');
+var useDataBuilder = require('../../DataBuilder/use-data-builder.cjs');
+var useDataBuilderField = require('../../DataBuilder/use-data-builder-field.cjs');
 var index = require('../../DropdownUI/index.cjs');
-var comboboxContext = require('../context/combobox-context.cjs');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
+var useCombobox = require('../context/use-combobox.cjs');
+var useComboboxDropdown = require('../context/use-combobox-dropdown.cjs');
 var useKeyboardBinding = require('./KeyboardNavigation/useKeyboardBinding.cjs');
+var VirtualizedDropdownList = require('./VirtualizedDropdownList.cjs');
 
 function OptionsList({ onOptionSelect }) {
-  const { onAddVariable } = dataBuilderContext.default();
-  const { field } = fieldContext.default();
-  const { isOptionSelected, canUseParentInputSearchValue, drillDown, optionsPayload, drillUp } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const { value: parentInputValue } = comboboxContext.useComboBox();
+  const { onAddVariable } = useDataBuilder.default();
+  const { field } = useDataBuilderField.default();
+  const { isOptionSelected, canUseParentInputSearchValue, drillDown, optionsPayload, drillUp } = useComboboxDropdown.useComboBoxDropdownContext();
+  const { value: parentInputValue } = useCombobox.useComboBox();
   const [result, optionsError, optionsState] = optionsPayload;
   const { options = [], fallbackOptions = [] } = result || {};
   useKeyboardBinding.useKeyboardBinding({ options, fallbackOptions, onEnter: handleOptionSelect });

package/dist/cjs/components/ComboBox/Dropdown/SearchInput.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -18,14 +18,14 @@ require('../../../styled-system/patterns/visually-hidden.cjs');
 var index = require('../../DropdownUI/index.cjs');
 var index$1 = require('../../SvgIcon/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var comboboxContext = require('../context/combobox-context.cjs');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
-var comboboxDropdownSearch = require('../context/combobox-dropdown-search.cjs');
+var useCombobox = require('../context/use-combobox.cjs');
+var useComboboxDropdown = require('../context/use-combobox-dropdown.cjs');
+var useComboboxDropdownSearch = require('../context/use-combobox-dropdown-search.cjs');
 var shared = require('../shared.cjs');
 
 const SearchInput = React.forwardRef(({ autoFocus }, ref) => {
-  const { activeCategory } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const { hideSearch } = comboboxDropdownSearch.useComboBoxDropdownSearchContext();
+  const { activeCategory } = useComboboxDropdown.useComboBoxDropdownContext();
+  const { hideSearch } = useComboboxDropdownSearch.useComboBoxDropdownSearchContext();
   if (activeCategory && shared.dropdownCategoryConfig[activeCategory]?.hideSearchInput) {
     return null;
   }
@@ -35,9 +35,9 @@ const SearchInput = React.forwardRef(({ autoFocus }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownSearchComponent, { autoFocus, ref });
 });
 const DropdownSearchComponent = React.forwardRef(({ autoFocus }, ref) => {
-  const { value: parentInputValue, onValueChange: setParentValue } = comboboxContext.useComboBox();
-  const { canUseParentInputSearchValue } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const { dropdownSearchInputValue, setDropdownSearchInputValue, setSearchSource } = comboboxDropdownSearch.useComboBoxDropdownSearchContext();
+  const { value: parentInputValue, onValueChange: setParentValue } = useCombobox.useComboBox();
+  const { canUseParentInputSearchValue } = useComboboxDropdown.useComboBoxDropdownContext();
+  const { dropdownSearchInputValue, setDropdownSearchInputValue, setSearchSource } = useComboboxDropdownSearch.useComboBoxDropdownSearchContext();
   const hasParentInputSearch = !!parentInputValue && typeof parentInputValue === "string" && canUseParentInputSearchValue;
   const hasDropdownInputSearch = dropdownSearchInputValue && typeof dropdownSearchInputValue === "string";
   const hasSearchValue = hasParentInputSearch || hasDropdownInputSearch;

package/dist/cjs/components/ComboBox/Dropdown/VirtualizedDropdownList.cjs

@@ -2,22 +2,22 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var reactVirtual = require('@tanstack/react-virtual');
 var deepEqual = require('fast-deep-equal');
-var usehooksTs = require('usehooks-ts');
+var React = require('react');
 var css = require('../../../styled-system/css/css.cjs');
 require('../../../styled-system/helpers.cjs');
-var Option = require('./Option.cjs');
+var usehooksTs = require('usehooks-ts');
 var index = require('../../DropdownUI/index.cjs');
-var NavigationContext = require('./KeyboardNavigation/NavigationContext.cjs');
+var useNavigation = require('./KeyboardNavigation/use-navigation.cjs');
+var Option = require('./Option.cjs');
 
 const NO_RESULTS_MESSAGE_COUNT = 1;
 const SEPARATOR_COUNT = 1;
@@ -41,7 +41,7 @@ function VirtualizedDropdownList({
   handleOptionSelect,
   searchTerm
 }) {
-  const { currentItem } = NavigationContext.useNavigationContext();
+  const { currentItem } = useNavigation.useNavigationContext();
   const parentRef = React.useRef(null);
   const maxItemWidthRef = React.useRef(0);
   const innerContainerRef = React.useRef(null);

package/dist/cjs/components/ComboBox/Dropdown/categoryContentMapping.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/ComboBox/DropdownPopover/DropdownPositioner.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/ComboBox/DropdownPopover/index.cjs

@@ -2,30 +2,26 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index$2 = require('../../DropdownUI/index.cjs');
 var constants = require('../../DropdownUI/constants.cjs');
 var keyboardEvents = require('../../../helpers/hooks/keyboard-events.cjs');
 var useWindowEvent = require('../../../helpers/hooks/useWindowEvent.cjs');
+var React = require('react');
 var css = require('../../../styled-system/css/css.cjs');
 require('../../../styled-system/helpers.cjs');
 var popover = require('../../../ui-kit/styled/popover.cjs');
-var comboboxContext = require('../context/combobox-context.cjs');
-require('../context/combobox-dropdown-context.cjs');
-require('../context/combobox-dropdown-search.cjs');
-var comboboxDropdownStack = require('../context/combobox-dropdown-stack.cjs');
-require('@membranehq/sdk');
-require('../shared.cjs');
-var DropdownPositioner = require('./DropdownPositioner.cjs');
 var index$1 = require('../../FloatingPortalBoundary/index.cjs');
+var useCombobox = require('../context/use-combobox.cjs');
+var useDropdownStack = require('../context/use-dropdown-stack.cjs');
 var index = require('../FocusTrap/index.cjs');
+var DropdownPositioner = require('./DropdownPositioner.cjs');
 
 const GUTTER = 10;
 const POSITIONING = {
@@ -35,7 +31,7 @@ const POSITIONING = {
   fitViewport: true
 };
 function DropdownPopoverProvider({ children, disabled }) {
-  const { isDropdownOpen, closeDropdown } = comboboxContext.useComboBox();
+  const { isDropdownOpen, closeDropdown } = useCombobox.useComboBox();
   return /* @__PURE__ */ jsxRuntime.jsx(
     popover.Root,
     {
@@ -90,9 +86,9 @@ function DropdownAnchor({ children }) {
 function Content({ children }) {
   const id = React.useId();
   const ref = React.useRef(null);
-  const { scopedComboboxId, closeDropdown } = comboboxContext.useComboBox();
+  const { scopedComboboxId, closeDropdown } = useCombobox.useComboBox();
   keyboardEvents.useOptionListKeyNavDispatch(ref.current, scopedComboboxId);
-  const { isClickWithinStackItem } = comboboxDropdownStack.useDropdownStackContext(ref);
+  const { isClickWithinStackItem } = useDropdownStack.useDropdownStackContext(ref);
   useClick((event) => {
     if (!isClickWithinStackItem(event)) {
       closeDropdown();

package/dist/cjs/components/ComboBox/FocusTrap/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,7 +10,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var FocusLock = require('react-focus-lock');
-var comboboxContext = require('../context/combobox-context.cjs');
+var useCombobox = require('../context/use-combobox.cjs');
 
 const TRAP_GROUP = "combobox-dropdown";
 function DropdownFocusTrap({
@@ -18,7 +18,7 @@ function DropdownFocusTrap({
   className,
   disabled: popoverDisabled
 }) {
-  const { isDropdownOpen, scopedComboboxId } = comboboxContext.useComboBox();
+  const { isDropdownOpen, scopedComboboxId } = useCombobox.useComboBox();
   return /* @__PURE__ */ jsxRuntime.jsx(
     FocusLock,
     {

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

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,32 +10,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var useCombobox = require('./use-combobox.cjs');
 
-const ComboBoxContext = React.createContext({
-  value: null,
-  onValueChange: () => {
-  },
-  /* FIXME: strictNullCheck temporary fix */
-  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'DataSchema ... Remove this comment to see the full error message
-  schema: null,
-  /* FIXME: strictNullCheck temporary fix */
-  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'IValueSpec ... Remove this comment to see the full error message
-  valueSpec: null,
-  variablesSchema: null,
-  /* FIXME: strictNullCheck temporary fix */
-  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'IComboBoxOp... Remove this comment to see the full error message
-  options: null,
-  /* FIXME: strictNullCheck temporary fix */
-  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'IComboBoxOp... Remove this comment to see the full error message
-  optionFactories: null,
-  allowCustom: false,
-  isDropdownOpen: false,
-  openDropdown: () => {
-  },
-  closeDropdown: () => {
-  }
-});
-ComboBoxContext.displayName = "ComboBoxOptionsContext";
 const ComboBoxProvider = ({
   value,
   onValueChange,
@@ -70,7 +46,7 @@ const ComboBoxProvider = ({
     onDropdownClose?.();
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ComboBoxContext.Provider,
+    useCombobox.ComboBoxContext.Provider,
     {
       value: {
         scopedComboboxId,
@@ -92,9 +68,5 @@ const ComboBoxProvider = ({
     }
   );
 };
-function useComboBox() {
-  return React.useContext(ComboBoxContext);
-}
 
 exports.ComboBoxProvider = ComboBoxProvider;
-exports.useComboBox = useComboBox;

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

@@ -2,25 +2,23 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var useDataBuilder = require('../../DataBuilder/use-data-builder.cjs');
+var useIntegrationAppConnection = require('../../../contexts/use-integration-app-connection.cjs');
+var useIntegrationAppIntegration = require('../../../contexts/use-integration-app-integration.cjs');
+var useMembraneClient = require('../../../contexts/use-membrane-client.cjs');
 var deepEqual = require('fast-deep-equal');
-var dataBuilderContext = require('../../DataBuilder/data-builder-context.cjs');
-var integrationAppClientContext = require('../../../contexts/integration-app-client-context.cjs');
-var integrationAppConnectionContext = require('../../../contexts/integration-app-connection-context.cjs');
-var integrationAppIntegrationContext = require('../../../contexts/integration-app-integration-context.cjs');
 var usePromise = require('../../../hooks/usePromise.cjs');
-var comboboxContext = require('./combobox-context.cjs');
-var comboboxDropdownSearch = require('./combobox-dropdown-search.cjs');
+var React = require('react');
 var boolean = require('../options-factories/boolean.cjs');
 var constant = require('../options-factories/constant.cjs');
-var shared = require('../shared.cjs');
+require('../shared.cjs');
 require('@membranehq/sdk');
 require('fuse');
 var _enum = require('../options-factories/enum.cjs');
@@ -30,22 +28,12 @@ var referenceRecords = require('../options-factories/reference-records.cjs');
 var root = require('../options-factories/root.cjs');
 require('../Badges/EditorTagBadge/NestedBadgeValue.cjs');
 var helpers = require('./helpers.cjs');
+var useCombobox = require('./use-combobox.cjs');
+var useComboboxDropdown = require('./use-combobox-dropdown.cjs');
+var useComboboxDropdownSearch = require('./use-combobox-dropdown-search.cjs');
 
-const ComboBoxDropdownContext = React.createContext({
-  availableCategories: [],
-  activeCategory: shared.DropdownCategoryType.ROOT,
-  drillDown: () => {
-  },
-  drillUp: () => {
-  },
-  isOptionSelected: () => false,
-  optionsPayload: [{ options: [], fallbackOptions: [] }, void 0, "resolved"],
-  canUseParentInputSearchValue: false,
-  drillDownStackTop: void 0
-});
-ComboBoxDropdownContext.displayName = "ComboBoxDropdownContext";
 const ComboBoxDropdownContextProvider = ({ children }) => {
-  const { editableVariablesSchemaLocators } = dataBuilderContext.default();
+  const { editableVariablesSchemaLocators } = useDataBuilder.default();
   const {
     value: comboboxValue,
     schema,
@@ -55,11 +43,11 @@ const ComboBoxDropdownContextProvider = ({ children }) => {
     options: staticOptions,
     optionFactories,
     isDropdownOpen
-  } = comboboxContext.useComboBox();
-  const { client } = integrationAppClientContext.useMembraneClient();
-  const { connectionId } = integrationAppConnectionContext.useIntegrationAppConnection();
-  const { integrationId } = integrationAppIntegrationContext.useIntegrationAppIntegration();
-  const { setDropdownSearchInputValue, dropdownSearchInputValue, searchSource } = comboboxDropdownSearch.useComboBoxDropdownSearchContext();
+  } = useCombobox.useComboBox();
+  const { client } = useMembraneClient.useMembraneClient();
+  const { connectionId } = useIntegrationAppConnection.useIntegrationAppConnection();
+  const { integrationId } = useIntegrationAppIntegration.useIntegrationAppIntegration();
+  const { setDropdownSearchInputValue, dropdownSearchInputValue, searchSource } = useComboboxDropdownSearch.useComboBoxDropdownSearchContext();
   const [drillDownOptionsStack, setDrillDownOptionsStack] = React.useState([]);
   const [availableCategories, setAvailableCategories] = React.useState(null);
   const [drillPath, setDrillPath] = React.useState([]);
@@ -182,7 +170,7 @@ const ComboBoxDropdownContextProvider = ({ children }) => {
   );
   const [drillDownStackTop] = drillDownOptionsStack.toReversed();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ComboBoxDropdownContext.Provider,
+    useComboboxDropdown.ComboBoxDropdownContext.Provider,
     {
       value: {
         availableCategories,
@@ -198,9 +186,6 @@ const ComboBoxDropdownContextProvider = ({ children }) => {
     }
   );
 };
-function useComboBoxDropdownContext() {
-  return React.useContext(ComboBoxDropdownContext);
-}
 async function getOptions({
   availableCategories,
   schema,
@@ -319,4 +304,3 @@ async function getOptionsFromFactory({
 }
 
 exports.ComboBoxDropdownContextProvider = ComboBoxDropdownContextProvider;
-exports.useComboBoxDropdownContext = useComboBoxDropdownContext;