@membranehq/react 0.15.5 → 0.15.6

package/dist/cjs/components/ComboBoxElements/Editor/nodes/EditorTagBinding.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -12,10 +12,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var useLexicalNodeSelection = require('@lexical/react/useLexicalNodeSelection');
 var lexical = require('lexical');
-var comboboxContext = require('../../../ComboBox/context/combobox-context.cjs');
-var nestedComboboxContext = require('../../../ComboBox/context/nested-combobox-context.cjs');
+var useCombobox = require('../../../ComboBox/context/use-combobox.cjs');
+var useNestedCombobox = require('../../../ComboBox/context/use-nested-combobox.cjs');
 var EditorTagNode = require('./EditorTagNode.cjs');
-var dataBuilderContext = require('../../../DataBuilder/data-builder-context.cjs');
+var useDataBuilder = require('../../../DataBuilder/use-data-builder.cjs');
 var hooks = require('../../../DataBuilder/hooks.cjs');
 
 const EditorTagBinding = ({
@@ -23,10 +23,10 @@ const EditorTagBinding = ({
   value,
   autoOpen
 }) => {
-  const { isReadOnly } = dataBuilderContext.default();
+  const { isReadOnly } = useDataBuilder.default();
   const isFrozenField = hooks.usIsFieldFrozen();
-  const { variablesSchema, schema } = comboboxContext.useComboBox();
-  const ComboBox = nestedComboboxContext.useNestedComboBox();
+  const { variablesSchema, schema } = useCombobox.useComboBox();
+  const ComboBox = useNestedCombobox.useNestedComboBox();
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const [isSelected] = useLexicalNodeSelection.useLexicalNodeSelection(internalKey);
   const handleChange = (value2) => {

package/dist/cjs/components/ComboBoxElements/Editor/nodes/EditorTagNode.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -10,14 +10,14 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var lexical = require('lexical');
-var EditorTagContext = require('../context/EditorTagContext.cjs');
+var useEditorTagRenderer = require('../context/use-editor-tag-renderer.cjs');
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const NODE_DATA_ATTR = "data-editor-tag";
 function EditorTagNodeComponent(props) {
-  const renderer = EditorTagContext.useEditorTagRenderer();
+  const renderer = useEditorTagRenderer.useEditorTagRenderer();
   return renderer(props);
 }
 class EditorTagNode extends lexical.DecoratorNode {

package/dist/cjs/components/ComboBoxElements/Editor/plugins/ConfigPlugin.cjs

@@ -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/cjs/components/ComboBoxElements/Editor/plugins/EditorTagPlugin.cjs

@@ -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/cjs/components/ComboBoxElements/Editor/plugins/KeyboardPlugin.cjs

@@ -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/cjs/components/ComboBoxElements/Editor/plugins/StateSyncPlugin.cjs

@@ -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/cjs/components/ComboBoxElements/Editor/plugins/commands.cjs

@@ -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/cjs/components/ComboBoxElements/Editor/useEditor.cjs

@@ -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/cjs/components/DataBuilder/Condition/index.cjs

@@ -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/cjs/components/DataBuilder/DataBuilderFormField.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -18,10 +18,11 @@ var Cell = require('../DataBuilderUI/Cell.cjs');
 var NestedLevel = require('../DataBuilderUI/NestedLevel.cjs');
 var Row = require('../DataBuilderUI/Row.cjs');
 require('../DataBuilderUI/Title.cjs');
-var componentsContext = require('./components-context.cjs');
-var dataBuilderContext = require('./data-builder-context.cjs');
+var useDataBuilderComponents = require('./use-data-builder-components.cjs');
+var useDataBuilder = require('./use-data-builder.cjs');
 var dataField = require('./data-field.cjs');
 var fieldContext = require('./field-context.cjs');
+var useDataBuilderField = require('./use-data-builder-field.cjs');
 var FieldDelete = require('./FieldDelete.cjs');
 var index = require('./FieldName/index.cjs');
 var index$1 = require('./FieldTypeSelector/index.cjs');
@@ -30,15 +31,15 @@ var hooks = require('./hooks.cjs');
 var RedactedToggleButton = require('./RedactedToggleButton.cjs');
 
 function DataBuilderFormField({ field, onChange, onKeyChange, onDelete, onEnter }) {
-  const { hideReadOnlyFields } = dataBuilderContext.default();
+  const { hideReadOnlyFields } = useDataBuilder.default();
   if (field.schema?.readOnly && hideReadOnlyFields) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(fieldContext.DataBuilderFieldProvider, { field, children: /* @__PURE__ */ jsxRuntime.jsx(DataBuilderFieldContent, { onChange, onKeyChange, onDelete, onEnter }) });
 }
 function DataBuilderFieldContent({ onChange, onKeyChange, onDelete, onEnter }) {
-  const { Nested } = componentsContext.useDataBuilderComponents();
-  const { isReadOnly } = dataBuilderContext.default();
+  const { Nested } = useDataBuilderComponents.useDataBuilderComponents();
+  const { isReadOnly } = useDataBuilder.default();
   const isFieldFrozen = hooks.usIsFieldFrozen();
   const {
     field,
@@ -49,7 +50,7 @@ function DataBuilderFieldContent({ onChange, onKeyChange, onDelete, onEnter }) {
     setLocalSchemaChangedManually,
     autoOpen,
     setAutoOpen
-  } = fieldContext.default();
+  } = useDataBuilderField.default();
   const [isRedacted, setIsRedacted] = React.useState(localSchema.isSensitive);
   React.useEffect(() => {
     if (!localSchemaChangedManually) {
@@ -118,8 +119,8 @@ function DataBuilderFieldContent({ onChange, onKeyChange, onDelete, onEnter }) {
   ] });
 }
 function FieldDataInput({ onChange }) {
-  const { FieldValue } = componentsContext.useDataBuilderComponents();
-  const { field, localSchema, setLocalSchemaChangedManually } = fieldContext.default();
+  const { FieldValue } = useDataBuilderComponents.useDataBuilderComponents();
+  const { field, localSchema, setLocalSchemaChangedManually } = useDataBuilderField.default();
   function handleChange(value) {
     setLocalSchemaChangedManually(false);
     onChange(value);

package/dist/cjs/components/DataBuilder/FieldDelete.cjs

@@ -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/cjs/components/DataBuilder/FieldDescription.cjs

@@ -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/cjs/components/DataBuilder/FieldList.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -20,7 +20,8 @@ function FieldList({
   frozenFieldsLocators = [],
   onChange,
   collapsed,
-  hideReadOnlyFields
+  hideReadOnlyFields,
+  readOnly
 }) {
   if (schema?.type !== "object") {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Something went wrong. Trying to display a field list for schema that is not an object." });
@@ -36,6 +37,7 @@ function FieldList({
       field,
       onChange,
       isAdminMode,
+      readOnly,
       frozenFieldsLocators,
       collapsed,
       hideReadOnlyFields

package/dist/cjs/components/DataBuilder/FieldName/FieldNameInput.cjs

@@ -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/cjs/components/DataBuilder/FieldName/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -18,10 +18,10 @@ require('clsx');
 require('../../DataBuilderUI/styles.module.css.cjs');
 require('../../DataBuilderUI/Row.cjs');
 var Title = require('../../DataBuilderUI/Title.cjs');
-var dataBuilderContext = require('../data-builder-context.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
 var dataField = require('../data-field.cjs');
 var FieldDescription = require('../FieldDescription.cjs');
-var LevelKeysConflictProvider = require('../Nested/LevelKeysConflictProvider.cjs');
+var useLevelKeysConflicts = require('../Nested/use-level-keys-conflicts.cjs');
 
 function FieldName({
   field,
@@ -31,8 +31,8 @@ function FieldName({
   rightSlot,
   typeSelectorSlot
 }) {
-  const { errorFieldsLocators } = dataBuilderContext.default();
-  const conflictedPropertiesKey = LevelKeysConflictProvider.useLevelKeysConflicts();
+  const { errorFieldsLocators } = useDataBuilder.default();
+  const conflictedPropertiesKey = useLevelKeysConflicts.useLevelKeysConflicts();
   const { value, onChange } = useControlledInputValue(field.key || "", onKeyChange);
   if (field.isInSchema || field.key === void 0) {
     const isErrorField = field?.valueLocator && (errorFieldsLocators || []).includes(field.valueLocator);

package/dist/cjs/components/DataBuilder/FieldTypeSelector/convertableSchemaToSchema.cjs

@@ -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/cjs/components/DataBuilder/FieldTypeSelector/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -20,7 +20,7 @@ var icon = require('../../../ui-kit/styled/icon.cjs');
 var menu = require('../../../ui-kit/styled/menu.cjs');
 var index = require('../../SvgIcon/index.cjs');
 var dataField = require('../data-field.cjs');
-var fieldContext = require('../field-context.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 var hooks = require('../hooks.cjs');
 
 const FIELD_TYPE_SELECTOR_MENU_DATA_ATTR = "data-field-type-selector-menu";
@@ -106,7 +106,7 @@ function FieldTypeSelector({
   ...rest
 }) {
   const classes = recipe();
-  const { field, localSchema } = fieldContext.default();
+  const { field, localSchema } = useDataBuilderField.default();
   const showUseVarFromVariables = hooks.useDataBuilderFieldCanUseVarFromVariables();
   const schemaOptions = dataField.getFieldSchemaOptions(field).map((schemaOption) => ({
     value: schemaOption.type,
@@ -140,7 +140,7 @@ function TypeSelector({
   return /* @__PURE__ */ jsxRuntime.jsx(GroupContainer, { title: "Field Type", children: options.map(({ value, iconType, label, active }) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: () => onChange(value), icon: iconType, "data-selected": active, children: label }, String(value))) });
 }
 function FieldDropdown({ onChange }) {
-  const { localSchema } = fieldContext.default();
+  const { localSchema } = useDataBuilderField.default();
   switch (localSchema?.type) {
     case "object":
       return /* @__PURE__ */ jsxRuntime.jsx(FieldObjectDropdown, { onChange });
@@ -151,7 +151,7 @@ function FieldDropdown({ onChange }) {
   }
 }
 function FieldObjectDropdown({ onChange }) {
-  const { field, setAutoOpen } = fieldContext.default();
+  const { field, setAutoOpen } = useDataBuilderField.default();
   function handleUseObjectFromVariables() {
     setAutoOpen(true);
   }
@@ -162,7 +162,7 @@ function FieldObjectDropdown({ onChange }) {
   return /* @__PURE__ */ jsxRuntime.jsx(GroupContainer, { title: "Field Value", children: valueIsIndividualFields ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: handleUseObjectFromVariables, children: "Use object from variables" }) : /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: handleSetIndividualFields, children: "Set individual fields" }) });
 }
 function FieldArrayDropdown({ onChange }) {
-  const { field, setAutoOpen } = fieldContext.default();
+  const { field, setAutoOpen } = useDataBuilderField.default();
   function handleUseListFromVariables() {
     setAutoOpen(true);
   }

package/dist/cjs/components/DataBuilder/FieldValue/Array.cjs

@@ -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/cjs/components/DataBuilder/FieldValue/Default.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -13,9 +13,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var valueSpec = require('../../ComboBox/value-spec.cjs');
-var dataBuilderContext = require('../data-builder-context.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
 var dataField = require('../data-field.cjs');
-var fieldContext = require('../field-context.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 var hooks = require('../hooks.cjs');
 
 function DefaultFieldValue({
@@ -25,8 +25,8 @@ function DefaultFieldValue({
   topDropdownPanelComponent
 }) {
   const { isEmpty, isRequired } = dataField.getFieldValueProps(field);
-  const { isReadOnly } = dataBuilderContext.default();
-  const { autoOpen, setAutoOpen } = fieldContext.default();
+  const { isReadOnly } = useDataBuilder.default();
+  const { autoOpen, setAutoOpen } = useDataBuilderField.default();
   const isFieldFrozen = hooks.usIsFieldFrozen();
   function handleDropdownClose() {
     setAutoOpen(false);

package/dist/cjs/components/DataBuilder/FieldValue/ScalarArray.cjs

@@ -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/cjs/components/DataBuilder/FieldValue/ScalarArray.module.css.cjs

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

package/dist/cjs/components/DataBuilder/FieldValue/index.cjs

@@ -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/cjs/components/DataBuilder/FilterInput.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -15,9 +15,17 @@ require('../../styled-system/helpers.cjs');
 require('../../styled-system/jsx/is-valid-prop.cjs');
 var box = require('../../styled-system/jsx/box.cjs');
 require('../../styled-system/patterns/visually-hidden.cjs');
-var index$1 = require('./Condition/index.cjs');
+var componentsContext = require('./components-context.cjs');
+var index$3 = require('./Condition/index.cjs');
 var dataBuilderContext = require('./data-builder-context.cjs');
+var DataBuilderFormField = require('./DataBuilderFormField.cjs');
+var index$2 = require('./FieldValue/index.cjs');
+var formComponentsContext = require('./form-components-context.cjs');
+var Form = require('./Form.cjs');
+var index$1 = require('./Formula/index.cjs');
+var Nested = require('./Nested.cjs');
 var index = require('./index.cjs');
+var formulaComponentsContext = require('./Formula/formula-components-context.cjs');
 
 function FilterInput({
   value,
@@ -28,7 +36,15 @@ function FilterInput({
     value,
     variablesSchema
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(dataBuilderContext.DataBuilderProvider, { topLevelField: field, children: /* @__PURE__ */ jsxRuntime.jsx(box.Box, { maxW: "full", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { field, onChange }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(formComponentsContext.FormComponentsProvider, { DataBuilderForm: Form.DataBuilderForm, children: /* @__PURE__ */ jsxRuntime.jsx(formulaComponentsContext.FormulaComponentsProvider, { mapping: index$1.formulaComponentMapping, children: /* @__PURE__ */ jsxRuntime.jsx(
+    componentsContext.DataBuilderComponentsProvider,
+    {
+      Nested: Nested.default,
+      FieldValue: index$2.default,
+      DataBuilderFormField: DataBuilderFormField.DataBuilderFormField,
+      children: /* @__PURE__ */ jsxRuntime.jsx(dataBuilderContext.DataBuilderProvider, { topLevelField: field, children: /* @__PURE__ */ jsxRuntime.jsx(box.Box, { maxW: "full", children: /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { field, onChange }) }) })
+    }
+  ) }) });
 }
 
 exports.FilterInput = FilterInput;

package/dist/cjs/components/DataBuilder/Form.cjs

@@ -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/cjs/components/DataBuilder/Formula/case-formula.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -23,7 +23,7 @@ var index$1 = require('../../Truncate/index.cjs');
 var index$2 = require('../Condition/index.cjs');
 var dataField = require('../data-field.cjs');
 var DataBuilderFormField = require('../DataBuilderFormField.cjs');
-var fieldContext = require('../field-context.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 
 const caseFormulaRecipe = sva.sva({
   className: "case-formula",
@@ -49,7 +49,7 @@ const CaseFormula = React.forwardRef((props, ref) => {
 });
 CaseFormula.displayName = "CaseFormula";
 function CaseFormulaDropdown({ formula, onChange }) {
-  const { field } = fieldContext.default();
+  const { field } = useDataBuilderField.default();
   const styles = caseFormulaRecipe();
   if (formula?.type !== sdk.DataBuilderFormulaType.CASE) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Unexpected value for Case drilldown. Something went wrong." });

package/dist/cjs/components/DataBuilder/Formula/concat.cjs

@@ -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/cjs/components/DataBuilder/Formula/deprecatedFormula.cjs

@@ -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/cjs/components/DataBuilder/Formula/domainFromEmail.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -14,7 +14,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var formComponentsContext = require('../form-components-context.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 var index$1 = require('../index.cjs');
 
 const DomainFromEmailFormula = React.forwardRef(
@@ -27,7 +27,7 @@ const DomainFromEmailFormula = React.forwardRef(
 );
 DomainFromEmailFormula.displayName = "DomainFromEmailFormula";
 function DomainFromEmailFormulaDropdown(props) {
-  const { DataBuilderForm } = formComponentsContext.useFormComponents();
+  const { DataBuilderForm } = useFormComponents.useFormComponents();
   const { onChange, variablesSchema, optionFactories, formula } = props;
   function handleVariableChange(value) {
     onChange?.({

package/dist/cjs/components/DataBuilder/Formula/extractDate.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -14,7 +14,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var formComponentsContext = require('../form-components-context.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 var index$1 = require('../index.cjs');
 
 const ExtractDateFormula = React.forwardRef(
@@ -26,7 +26,7 @@ const ExtractDateFormula = React.forwardRef(
   }
 );
 function ExtractDateFormulaDropdown(props) {
-  const { DataBuilderForm } = formComponentsContext.useFormComponents();
+  const { DataBuilderForm } = useFormComponents.useFormComponents();
   const { onChange, variablesSchema, optionFactories, formula } = props;
   function handleVariableChange(value) {
     onChange?.({

package/dist/cjs/components/DataBuilder/Formula/extractTime.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -14,7 +14,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var formComponentsContext = require('../form-components-context.cjs');
+var useFormComponents = require('../use-form-components.cjs');
 var index$1 = require('../index.cjs');
 
 const ExtractTimeFormula = React.forwardRef(
@@ -26,7 +26,7 @@ const ExtractTimeFormula = React.forwardRef(
   }
 );
 function ExtractTimeFormulaDropdown(props) {
-  const { DataBuilderForm } = formComponentsContext.useFormComponents();
+  const { DataBuilderForm } = useFormComponents.useFormComponents();
   const { onChange, variablesSchema, optionFactories, formula } = props;
   function handleVariableChange(value) {
     onChange?.({

package/dist/cjs/components/DataBuilder/Formula/findAppRecordId.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.6
  */
 'use client';
 
@@ -15,11 +15,11 @@ var React = require('react');
 var sdk = require('@membranehq/sdk');
 var index = require('../../ComboBox/Badges/EditorTagBadge/index.cjs');
 var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var integrationAppClientContext = require('../../../contexts/integration-app-client-context.cjs');
-var integrationAppConnectionContext = require('../../../contexts/integration-app-connection-context.cjs');
+var useMembraneClient = require('../../../contexts/use-membrane-client.cjs');
+var useIntegrationAppConnection = require('../../../contexts/use-integration-app-connection.cjs');
 var index$1 = require('../../Truncate/index.cjs');
-var dataBuilderContext = require('../data-builder-context.cjs');
-var fieldContext = require('../field-context.cjs');
+var useDataBuilder = require('../use-data-builder.cjs');
+var useDataBuilderField = require('../use-data-builder-field.cjs');
 var dataLinkTablesOptionFactory = require('../../DataLinks/data-link-tables-option-factory.cjs');
 var dataField = require('../data-field.cjs');
 var DataBuilderFormField = require('../DataBuilderFormField.cjs');
@@ -37,10 +37,10 @@ function FindAppRecordIdFormulaDropdown({
   formula,
   onChange
 }) {
-  const { field } = fieldContext.default();
-  const { client } = integrationAppClientContext.useMembraneClient();
-  const { connectionId } = integrationAppConnectionContext.useIntegrationAppConnection();
-  const { isAdminMode } = dataBuilderContext.default();
+  const { field } = useDataBuilderField.default();
+  const { client } = useMembraneClient.useMembraneClient();
+  const { connectionId } = useIntegrationAppConnection.useIntegrationAppConnection();
+  const { isAdminMode } = useDataBuilder.default();
   if (formula?.type !== sdk.DataBuilderFormulaType.FIND_APP_RECORD_ID) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Unexpected value for drilldown. Something went wrong." });
   }