@membranehq/react 0.15.5 → 0.15.6

package/dist/esm/components/ComboBox/Dropdown/Categories/LookupOptions/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -11,9 +11,9 @@ import { memo, useState, useRef, useEffect } from 'react';
 import { getReferenceCollectionPointerForSchema, getMissingRequiredFields, extractMembraneErrorData } from '@membranehq/sdk';
 import { DropdownUI } from '../../../../DropdownUI/index.mjs';
 import { SvgIconType } from '../../../../SvgIcon/svg-icon-type.mjs';
-import { useMembraneClient } 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 { useMembraneClient } from '../../../../../contexts/use-membrane-client.mjs';
+import { useIntegrationAppConnection } from '../../../../../contexts/use-integration-app-connection.mjs';
+import { useIntegrationAppIntegration } from '../../../../../contexts/use-integration-app-integration.mjs';
 import { useThrottle } from '../../../../../helpers/hooks/useThrottle.mjs';
 import { simpleUniqueId } from '../../../../../helpers/simple-unique-id.mjs';
 import { useDataCollectionSpec } from '../../../../../hooks/data-collections/useDataCollectionSpec.mjs';
@@ -27,9 +27,9 @@ import '../../../../../styled-system/patterns/visually-hidden.mjs';
 import { Root, Icon, Title } from '../../../../../ui-kit/styled/alert.mjs';
 import { ParametersPanel } from './ParametersPanel.mjs';
 import { SvgIcon } from '../../../../SvgIcon/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';
+import { useComboBox } from '../../../context/use-combobox.mjs';
+import { useComboBoxDropdownContext } from '../../../context/use-combobox-dropdown.mjs';
+import { useComboBoxDropdownSearchContext } from '../../../context/use-combobox-dropdown-search.mjs';
 import { filterOptionsByLabel } from '../../../options-factories/utils.mjs';
 import { useKeyboardBinding } from '../../KeyboardNavigation/useKeyboardBinding.mjs';
 import { VirtualizedDropdownList } from '../../VirtualizedDropdownList.mjs';

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

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

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

@@ -2,12 +2,12 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
+import { useComboBoxDropdownContext } from '../../context/use-combobox-dropdown.mjs';
 import { DropdownCategoryType } from '../../shared.mjs';
 import { DropdownUI } from '../../../DropdownUI/index.mjs';
 import { OptionsList } from '../OptionsList.mjs';

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

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

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

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

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

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useNavigationContext } from './KeyboardNavigation/NavigationContext.mjs';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+import { useNavigationContext } from './KeyboardNavigation/use-navigation.mjs';
+import { useComboBoxDropdownContext } from '../context/use-combobox-dropdown.mjs';
 
 const DrillUpButton = forwardRef(
   ({ onClick, ...props }, ref) => {

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

@@ -2,13 +2,13 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+import { useComboBoxDropdownContext } from '../context/use-combobox-dropdown.mjs';
 import { DropdownStackContextProvider } from '../context/combobox-dropdown-stack.mjs';
 import { ActiveCategoryContent } from './ActiveCategoryContent.mjs';
 import { DrillUpButton } from './DrillUpButton.mjs';

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

@@ -2,22 +2,17 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useId, useContext, useEffect, useState, useReducer, useRef } from 'react';
+import { useState, useReducer, useRef } from 'react';
 import deepEqual from 'fast-deep-equal';
 import { useDeepEffect } from '../../../../helpers/hooks/useDeepEffect.mjs';
-import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
+import { useComboBoxDropdownContext } from '../../context/use-combobox-dropdown.mjs';
+import { NavigationContext } from './use-navigation.mjs';
 
-const NavigationContext = 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) {
@@ -111,7 +106,11 @@ function NavigationContextProvider({ children }) {
       setCurrentItem(currentOption);
     }
   };
-  const onOptionsListChange = ({ sourceId, options, fallbackOptions }) => {
+  const onOptionsListChange = ({
+    sourceId,
+    options,
+    fallbackOptions
+  }) => {
     insertionCounter.current++;
     dispatch({
       sourceId,
@@ -133,31 +132,6 @@ function NavigationContextProvider({ children }) {
     }
   );
 }
-function useNavigationContext(options = [], fallbackOptions = []) {
-  const sourceId = useId();
-  const { currentItem, moveToNextItem, moveToPreviousItem, onOptionsListChange } = useContext(NavigationContext);
-  useDeepEffect(() => {
-    onOptionsListChange({
-      sourceId,
-      options,
-      fallbackOptions
-    });
-  }, [options, fallbackOptions]);
-  useEffect(() => {
-    return () => {
-      onOptionsListChange({
-        sourceId,
-        options: [],
-        fallbackOptions: []
-      });
-    };
-  }, []);
-  return {
-    currentItem,
-    moveToNextItem,
-    moveToPreviousItem
-  };
-}
 const makeOptionComparable = (option) => {
   return option && {
     ...option,
@@ -185,4 +159,4 @@ const getUnifiedOptionsList = (payload) => {
   return itemOptions.length ? itemOptions : getOnlyItemOptions(fallbackOptions);
 };
 
-export { NavigationContextProvider, useNavigationContext };
+export { NavigationContextProvider };

package/dist/esm/components/ComboBox/Dropdown/KeyboardNavigation/use-navigation.mjs

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

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

@@ -2,14 +2,14 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
-import { useComboBox } from '../../context/combobox-context.mjs';
-import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
+import { useComboBox } from '../../context/use-combobox.mjs';
+import { useComboBoxDropdownContext } from '../../context/use-combobox-dropdown.mjs';
 import { useKeyboardEventSubscribe, EVENT_TYPE } from '../../../../helpers/hooks/keyboard-events.mjs';
-import { useNavigationContext } from './NavigationContext.mjs';
+import { useNavigationContext } from './use-navigation.mjs';
 
 const useKeyboardBinding = ({
   options,

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

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

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

@@ -2,18 +2,18 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { toSnakeCase } from 'js-convert-case';
 import { VirtualizedDropdownList } from './VirtualizedDropdownList.mjs';
-import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
-import useDataBuilderField from '../../DataBuilder/field-context.mjs';
+import useDataBuilder from '../../DataBuilder/use-data-builder.mjs';
+import useDataBuilderField from '../../DataBuilder/use-data-builder-field.mjs';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useComboBox } from '../context/combobox-context.mjs';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
+import { useComboBox } from '../context/use-combobox.mjs';
+import { useComboBoxDropdownContext } from '../context/use-combobox-dropdown.mjs';
 import { useKeyboardBinding } from './KeyboardNavigation/useKeyboardBinding.mjs';
 
 function OptionsList({ onOptionSelect }) {

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

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -16,9 +16,9 @@ import '../../../styled-system/patterns/visually-hidden.mjs';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
 import { SvgIcon } from '../../SvgIcon/index.mjs';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { useComboBox } from '../context/combobox-context.mjs';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-import { useComboBoxDropdownSearchContext } from '../context/combobox-dropdown-search.mjs';
+import { useComboBox } from '../context/use-combobox.mjs';
+import { useComboBoxDropdownContext } from '../context/use-combobox-dropdown.mjs';
+import { useComboBoxDropdownSearchContext } from '../context/use-combobox-dropdown-search.mjs';
 import { dropdownCategoryConfig } from '../shared.mjs';
 
 const SearchInput = forwardRef(({ autoFocus }, ref) => {

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

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -15,7 +15,7 @@ import { css } from '../../../styled-system/css/css.mjs';
 import '../../../styled-system/helpers.mjs';
 import DropdownOption from './Option.mjs';
 import { DropdownUI } from '../../DropdownUI/index.mjs';
-import { useNavigationContext } from './KeyboardNavigation/NavigationContext.mjs';
+import { useNavigationContext } from './KeyboardNavigation/use-navigation.mjs';
 
 const NO_RESULTS_MESSAGE_COUNT = 1;
 const SEPARATOR_COUNT = 1;

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

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

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -15,14 +15,10 @@ import { useWindowEvent } from '../../../helpers/hooks/useWindowEvent.mjs';
 import { css } from '../../../styled-system/css/css.mjs';
 import '../../../styled-system/helpers.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 '@membranehq/sdk';
-import '../shared.mjs';
+import { useDropdownStackContext } from '../context/use-dropdown-stack.mjs';
 import { DropdownPositioner } from './DropdownPositioner.mjs';
 import { BoundedPortal } from '../../FloatingPortalBoundary/index.mjs';
+import { useComboBox } from '../context/use-combobox.mjs';
 import { DropdownFocusTrap } from '../FocusTrap/index.mjs';
 
 const GUTTER = 10;

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

@@ -2,13 +2,13 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import FocusLock from 'react-focus-lock';
-import { useComboBox } from '../context/combobox-context.mjs';
+import { useComboBox } from '../context/use-combobox.mjs';
 
 const TRAP_GROUP = "combobox-dropdown";
 function DropdownFocusTrap({

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

@@ -2,38 +2,14 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useId, useState, useEffect } from 'react';
+import { useId, useState, useEffect } from 'react';
+import { ComboBoxContext } from './use-combobox.mjs';
 
-const ComboBoxContext = 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,
@@ -90,8 +66,5 @@ const ComboBoxProvider = ({
     }
   );
 };
-function useComboBox() {
-  return useContext(ComboBoxContext);
-}
 
-export { ComboBoxProvider, useComboBox };
+export { ComboBoxProvider };

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

@@ -2,23 +2,24 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import deepEqual from 'fast-deep-equal';
-import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
-import { useMembraneClient } 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 useDataBuilder from '../../DataBuilder/use-data-builder.mjs';
+import { useMembraneClient } from '../../../contexts/use-membrane-client.mjs';
+import { useIntegrationAppConnection } from '../../../contexts/use-integration-app-connection.mjs';
+import { useIntegrationAppIntegration } from '../../../contexts/use-integration-app-integration.mjs';
 import { usePromise } from '../../../hooks/usePromise.mjs';
-import { useComboBox } from './combobox-context.mjs';
-import { useComboBoxDropdownSearchContext } from './combobox-dropdown-search.mjs';
+import { useComboBox } from './use-combobox.mjs';
+import { ComboBoxDropdownContext } from './use-combobox-dropdown.mjs';
+import { useComboBoxDropdownSearchContext } from './use-combobox-dropdown-search.mjs';
 import { BooleanOptionsFactory } from '../options-factories/boolean.mjs';
 import { ConstantOptionFactory } from '../options-factories/constant.mjs';
-import { DropdownCategoryType } from '../shared.mjs';
+import '../shared.mjs';
 import '@membranehq/sdk';
 import 'fuse';
 import { EnumOptionFactory } from '../options-factories/enum.mjs';
@@ -29,19 +30,6 @@ import { RootOptionFactory } from '../options-factories/root.mjs';
 import '../Badges/EditorTagBadge/NestedBadgeValue.mjs';
 import { getAvailableRootCategories, getCurrentPath, getStackForPath } from './helpers.mjs';
 
-const ComboBoxDropdownContext = createContext({
-  availableCategories: [],
-  activeCategory: 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 } = useDataBuilder();
   const {
@@ -196,9 +184,6 @@ const ComboBoxDropdownContextProvider = ({ children }) => {
     }
   );
 };
-function useComboBoxDropdownContext() {
-  return useContext(ComboBoxDropdownContext);
-}
 async function getOptions({
   availableCategories,
   schema,
@@ -316,4 +301,4 @@ async function getOptionsFromFactory({
   return options;
 }
 
-export { ComboBoxDropdownContextProvider, useComboBoxDropdownContext };
+export { ComboBoxDropdownContextProvider };

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

@@ -2,29 +2,23 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useMemo, useEffect } from 'react';
-import { useComboBox } from './combobox-context.mjs';
+import { useState, useMemo, useEffect } from 'react';
+import { useComboBox } from './use-combobox.mjs';
+import { ComboBoxDropdownSearchContext } from './use-combobox-dropdown-search.mjs';
 
-const ComboBoxDropdownSearchContext = createContext({
-  hideSearch: false,
-  dropdownSearchInputValue: "",
-  setDropdownSearchInputValue: () => null,
-  searchSource: "indeterminate",
-  setSearchSource: () => {
-  }
-});
-ComboBoxDropdownSearchContext.displayName = "ComboBoxDropdownSearchContext";
 const ComboBoxDropdownSearchProvider = ({
   children,
   hideSearch = false
 }) => {
   const [dropdownSearchInputValue, setDropdownSearchInputValue] = useState("");
-  const [searchSource, setSearchSource] = useState("indeterminate");
+  const [searchSource, setSearchSource] = useState(
+    "indeterminate"
+  );
   const { isDropdownOpen } = useComboBox();
   const contextValue = useMemo(
     () => ({
@@ -43,8 +37,5 @@ const ComboBoxDropdownSearchProvider = ({
   }, [isDropdownOpen]);
   return /* @__PURE__ */ jsx(ComboBoxDropdownSearchContext.Provider, { value: contextValue, children });
 };
-function useComboBoxDropdownSearchContext() {
-  return useContext(ComboBoxDropdownSearchContext);
-}
 
-export { ComboBoxDropdownSearchProvider, useComboBoxDropdownSearchContext };
+export { ComboBoxDropdownSearchProvider };

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

@@ -2,20 +2,14 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useContext, useRef, useEffect } from 'react';
-import { FIELD_TYPE_SELECTOR_MENU_DATA_ATTR } from '../../DataBuilder/FieldTypeSelector/index.mjs';
+import { useState, useContext } from 'react';
+import { DropdownStackContext } from './use-dropdown-stack.mjs';
 
-const DropdownStackContext = createContext({
-  isNested: false,
-  stack: [],
-  setStack: () => {
-  }
-});
 const DropdownStackContextProvider = ({
   children,
   editorRef
@@ -53,29 +47,5 @@ const DropdownStackContextProvider = ({
     }
   );
 };
-const useDropdownStackContext = (dropdownRef) => {
-  const { isNested, stack, setStack, editorRef } = useContext(DropdownStackContext);
-  const mutableRefContainer = useRef(dropdownRef);
-  useEffect(() => {
-    if (isNested) {
-      setStack((prev) => [...prev, mutableRefContainer?.current]);
-    } else {
-      setStack([mutableRefContainer?.current]);
-    }
-    return () => {
-      setStack((prev) => prev.filter((record) => record !== mutableRefContainer?.current));
-    };
-  }, []);
-  function isClickWithinStackItem(event) {
-    const isClickOnCurrentEditor = editorRef?.current?.firstChild == event.target;
-    const stackStartedFromElement = stack.slice(stack.indexOf(mutableRefContainer.current));
-    const isClickInStack = stackStartedFromElement.some((ref) => {
-      return !!(ref?.current && event.target instanceof Node && ref.current.contains(event.target));
-    });
-    const isClickInFieldTypeSelector = !!(event.target instanceof Element && event.target.closest(`[${FIELD_TYPE_SELECTOR_MENU_DATA_ATTR}]`));
-    return isClickInStack || isClickOnCurrentEditor || isClickInFieldTypeSelector;
-  }
-  return { isClickWithinStackItem };
-};
 
-export { DropdownStackContextProvider, useDropdownStackContext };
+export { DropdownStackContextProvider };