@integration-app/react 2.19.0 → 2.21.0

package/dist/esm/components/DataBuilder/Formula/var.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -16,74 +16,45 @@ import { Tag } from '../../Tag/Tag.mjs';
 import '../../Tag/TagPlaceholder.mjs';
 import { SegmentSeparator } from '../../Tag/SegmentSeparator.mjs';
 
-const VarFormula = forwardRef(
-  (props, ref) => {
-    const {
-      formula,
-      variablesSchema,
-      // We do not use the `optionFactories` prop, but we need to remove it from restProps
-      optionFactories: _of,
-      ...restProps
-    } = props;
-    const iconUri = getIconUriForLocator(variablesSchema, formula.locator);
-    const nameComponents = getNameComponentsForLocator(
-      variablesSchema,
-      formula.locator
-    );
-    if (nameComponents === void 0) {
-      return /* @__PURE__ */ jsx(ComboBoxTag, { invalid: true, tooltip: "Source variable doesn't exist", children: formula.locator });
-    }
-    const nameComponentTags = nameComponents.map((t, i) => /* @__PURE__ */ jsx("span", { className: classes.name, children: t }, i));
-    if (iconUri) {
-      nameComponentTags.unshift(/* @__PURE__ */ jsx(Tag.Image, { src: iconUri }));
-    }
-    const fullName = getFullNameForLocator(variablesSchema, formula.locator) || "Unknown Var";
-    return /* @__PURE__ */ jsx(ComboBoxTag, { ref, disabled: props.disabled, ...restProps, children: /* @__PURE__ */ jsx(
-      VarFormulaName,
-      {
-        nameComponents: nameComponentTags,
-        fullName
-      }
-    ) });
+const VarFormula = forwardRef((props, ref) => {
+  const {
+    formula,
+    variablesSchema,
+    // We do not use the `optionFactories` prop, but we need to remove it from restProps
+    optionFactories: _of,
+    ...restProps
+  } = props;
+  const iconUri = getIconUriForLocator(variablesSchema, formula.locator);
+  const nameComponents = getNameComponentsForLocator(variablesSchema, formula.locator);
+  if (nameComponents === void 0) {
+    return /* @__PURE__ */ jsx(ComboBoxTag, { invalid: true, tooltip: "Source variable doesn't exist", children: formula.locator });
+  }
+  const nameComponentTags = nameComponents.map((t, i) => /* @__PURE__ */ jsx("span", { className: classes.name, children: t }, i));
+  if (iconUri) {
+    nameComponentTags.unshift(/* @__PURE__ */ jsx(Tag.Image, { src: iconUri }));
   }
-);
+  const fullName = getFullNameForLocator(variablesSchema, formula.locator) || "Unknown Var";
+  return /* @__PURE__ */ jsx(ComboBoxTag, { ref, disabled: props.disabled, ...restProps, children: /* @__PURE__ */ jsx(VarFormulaName, { nameComponents: nameComponentTags, fullName }) });
+});
 VarFormula.displayName = "VarFormula";
-function VarFormulaName({
-  nameComponents,
-  fullName
-}) {
+function VarFormulaName({ nameComponents, fullName }) {
   if (nameComponents.length === 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: "Error: undefined" });
   }
   if (nameComponents.length <= 2) {
-    const reducesComponents = nameComponents.length === 1 ? [nameComponents] : nameComponents.reduce((prev, curr) => [
-      prev,
-      /* @__PURE__ */ jsx(SegmentSeparator, {}),
-      curr
-    ]);
+    const reducesComponents = nameComponents.length === 1 ? [nameComponents] : nameComponents.reduce((prev, curr) => [prev, /* @__PURE__ */ jsx(SegmentSeparator, {}), curr]);
     return /* @__PURE__ */ jsx("span", { className: classes.valueRef, title: fullName, children: reducesComponents.map((segment, i) => /* @__PURE__ */ jsx(Fragment$1, { children: segment }, i)) });
   }
-  const {
-    0: first,
-    [nameComponents.length - 1]: last,
-    ...rest
-  } = nameComponents;
+  const { 0: first, [nameComponents.length - 1]: last, ...rest } = nameComponents;
   const middle = Object.values(rest);
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: clsx(classes.valueRef, classes.valueRefTruncate),
-      title: fullName,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: classes.visibleSegment, children: first }),
-        /* @__PURE__ */ jsx("span", { className: classes.truncatedSegment, children: middle.map((segment, idx) => [/* @__PURE__ */ jsx(SegmentSeparator, {}, idx), segment]).flat().map((segment, i) => /* @__PURE__ */ jsx(Fragment$1, { children: segment }, i)) }),
-        /* @__PURE__ */ jsxs("span", { className: classes.visibleSegment, children: [
-          /* @__PURE__ */ jsx(SegmentSeparator, {}),
-          last
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("span", { className: clsx(classes.valueRef, classes.valueRefTruncate), title: fullName, children: [
+    /* @__PURE__ */ jsx("span", { className: classes.visibleSegment, children: first }),
+    /* @__PURE__ */ jsx("span", { className: classes.truncatedSegment, children: middle.map((segment, idx) => [/* @__PURE__ */ jsx(SegmentSeparator, {}, idx), segment]).flat().map((segment, i) => /* @__PURE__ */ jsx(Fragment$1, { children: segment }, i)) }),
+    /* @__PURE__ */ jsxs("span", { className: classes.visibleSegment, children: [
+      /* @__PURE__ */ jsx(SegmentSeparator, {}),
+      last
+    ] })
+  ] });
 }
 
 export { VarFormula as default };

package/dist/esm/components/DataBuilder/Nested/ArrayItems.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -57,11 +57,7 @@ function ArrayItems({ field, onChange }) {
     );
   }) });
 }
-function DataComposerFieldArrayItem({
-  field,
-  onChange,
-  onDelete = void 0
-}) {
+function DataComposerFieldArrayItem({ field, onChange, onDelete = void 0 }) {
   function handleChange(value) {
     onChange?.(value);
   }

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/AddingFieldSelector.mjs

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

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -69,17 +69,10 @@ function GroupAddField({
       onAdd(DEFAULT_FIELD_KEY);
     }
   });
-  return /* @__PURE__ */ jsx(FieldControlPanel.ButtonGroup, { children: /* @__PURE__ */ jsxs(
-    FieldControlPanel.Button,
-    {
-      onClick: handleAddNewFieldClick,
-      "aria-label": addFieldLabel,
-      children: [
-        /* @__PURE__ */ jsx(SvgIcon, { type: SvgIconType.Add }),
-        addFieldLabel
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx(FieldControlPanel.ButtonGroup, { children: /* @__PURE__ */ jsxs(FieldControlPanel.Button, { onClick: handleAddNewFieldClick, "aria-label": addFieldLabel, children: [
+    /* @__PURE__ */ jsx(SvgIcon, { type: SvgIconType.Add }),
+    addFieldLabel
+  ] }) });
 }
 function GroupUseFromVariables({ labelOr }) {
   const { setAutoOpen, localSchema } = useDataBuilderField();

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.mjs

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

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -31,13 +31,7 @@ function DataBuilderFieldControlPanel({
     level--;
   }
   if (field?.schema?.type !== "object" && level <= 0) {
-    return /* @__PURE__ */ jsx(FieldControlPanelWrapper, { field, children: /* @__PURE__ */ jsx(
-      ControlPanelForNonObjectRootField,
-      {
-        addFieldLabel: computedAddFieldLabel,
-        onAdd
-      }
-    ) });
+    return /* @__PURE__ */ jsx(FieldControlPanelWrapper, { field, children: /* @__PURE__ */ jsx(ControlPanelForNonObjectRootField, { addFieldLabel: computedAddFieldLabel, onAdd }) });
   }
   return /* @__PURE__ */ jsx(FieldControlPanelWrapper, { field, children: /* @__PURE__ */ jsx(
     ControlPanel,
@@ -49,10 +43,7 @@ function DataBuilderFieldControlPanel({
     }
   ) });
 }
-function FieldControlPanelWrapper({
-  field,
-  children
-}) {
+function FieldControlPanelWrapper({ field, children }) {
   const fieldIsVisible = isFieldVisible(field);
   const level = fieldIsVisible ? field.level + 1 : field.level;
   return /* @__PURE__ */ jsx(NestedLevel, { level, children: /* @__PURE__ */ jsx(FieldControlPanel, { compact: fieldIsVisible, children }) });

package/dist/esm/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.css.mjs

@@ -1,13 +1,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
 import styleInject from 'style-inject';
 
-var css_248z = ".FieldListWrapper-module_container__gog9U {\n\n  padding-bottom:\n    0.25rem;\n\n  padding-top:\n    0.75rem;\n\n  cursor:\n    pointer\n}\n.FieldListWrapper-module_container__collapsed__9x5Po {\n\n  margin-top:\n    -2.5rem;\n\n  padding-top:\n    2.5rem;\n\n  position:\n    relative;\n\n  z-index:\n    10;\n\n  background-image:\n    linear-gradient(to bottom, var(--tw-gradient-stops));\n\n  --tw-gradient-from:\n    transparent var(--tw-gradient-from-position);\n\n  --tw-gradient-to:\n    rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n\n  --tw-gradient-stops:\n    var(--tw-gradient-from), var(--tw-gradient-to);\n\n  --tw-gradient-to:\n    #fff var(--tw-gradient-to-position);\n\n  --tw-gradient-stops:\n    var(--tw-gradient-from), var(--tw-gradient-to, transparent) 40%\n}\n.FieldListWrapper-module_button__fkFJa {\n\n  padding-left:\n    0px;\n\n  padding-right:\n    0px;\n\n  padding-top:\n    0.125rem;\n\n  padding-bottom:\n    0.125rem;\n\n  border-bottom-width:\n    1px;\n\n  border-color:\n    transparent;\n\n  display:\n    flex;\n\n  flex-direction:\n    row;\n\n  align-items:\n    center;\n\n  gap:\n    0.25rem;\n\n  --tw-text-opacity:\n    1;\n\n  color:\n    rgb(13 121 194 / var(--tw-text-opacity, 1))\n}\n.FieldListWrapper-module_button__fkFJa svg {\n\n  height:\n    1rem;\n\n  width:\n    1rem\n}\n.FieldListWrapper-module_button__fkFJa:hover,\n.FieldListWrapper-module_container__gog9U:hover button {\n\n  border-style:\n    dashed;\n\n  --tw-border-opacity:\n    1;\n\n  border-color:\n    rgb(13 121 194 / var(--tw-border-opacity, 1))\n}\n";
+var css_248z = ".FieldListWrapper-module_container__gog9U {\n\n  padding-bottom: 0.25rem;\n\n  padding-top: 0.75rem;\n\n  cursor: pointer\n}\n.FieldListWrapper-module_container__collapsed__9x5Po {\n\n  margin-top: -2.5rem;\n\n  padding-top: 2.5rem;\n\n  position: relative;\n\n  z-index: 10;\n\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n\n  --tw-gradient-to: #fff var(--tw-gradient-to-position);\n\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent) 40%\n}\n.FieldListWrapper-module_button__fkFJa {\n\n  padding-left: 0px;\n\n  padding-right: 0px;\n\n  padding-top: 0.125rem;\n\n  padding-bottom: 0.125rem;\n\n  border-bottom-width: 1px;\n\n  border-color: transparent;\n\n  display: flex;\n\n  flex-direction: row;\n\n  align-items: center;\n\n  gap: 0.25rem;\n\n  --tw-text-opacity: 1;\n\n  color: rgb(13 121 194 / var(--tw-text-opacity, 1))\n}\n.FieldListWrapper-module_button__fkFJa svg {\n\n  height: 1rem;\n\n  width: 1rem\n}\n.FieldListWrapper-module_button__fkFJa:hover,\n.FieldListWrapper-module_container__gog9U:hover button {\n\n  border-style: dashed;\n\n  --tw-border-opacity: 1;\n\n  border-color: rgb(13 121 194 / var(--tw-border-opacity, 1))\n}\n";
 var classes = {"container":"FieldListWrapper-module_container__gog9U","container__collapsed":"FieldListWrapper-module_container__collapsed__9x5Po","button":"FieldListWrapper-module_button__fkFJa"};
 styleInject(css_248z);
 

package/dist/esm/components/DataBuilder/Nested/FieldListWrapper/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -21,25 +21,10 @@ function FieldListWrapper({
   const buttonTitle = collapsed ? `Show ${fieldsToShow} more fields` : "Collapse fields";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     children,
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          classes.container,
-          collapsed && classes.container__collapsed
-        ),
-        onClick,
-        children: /* @__PURE__ */ jsxs("button", { className: classes.button, children: [
-          buttonTitle,
-          /* @__PURE__ */ jsx(
-            SvgIcon,
-            {
-              type: collapsed ? SvgIconType.ChevronDown : SvgIconType.ChevronUp
-            }
-          )
-        ] })
-      }
-    )
+    /* @__PURE__ */ jsx("div", { className: clsx(classes.container, collapsed && classes.container__collapsed), onClick, children: /* @__PURE__ */ jsxs("button", { className: classes.button, children: [
+      buttonTitle,
+      /* @__PURE__ */ jsx(SvgIcon, { type: collapsed ? SvgIconType.ChevronDown : SvgIconType.ChevronUp })
+    ] }) })
   ] });
 }
 

package/dist/esm/components/DataBuilder/Nested/LevelKeysConflictProvider.mjs

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

package/dist/esm/components/DataBuilder/Nested/NoSchema.mjs

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

package/dist/esm/components/DataBuilder/Nested/ObjectFields.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -22,9 +22,7 @@ function DataBuilderFormNestedObjectFields({
 }) {
   const { showNullValueFields, hideReadOnlyFields } = useDataBuilder();
   const [conflictedKeys, setConflictedKeys] = useState(/* @__PURE__ */ new Set());
-  const [fieldToShowKeys, setFieldToShowKeys] = useState(
-    getInitialFieldsToShow(field)
-  );
+  const [fieldToShowKeys, setFieldToShowKeys] = useState(getInitialFieldsToShow(field));
   useEffect(() => {
     if (field?.subFields) {
       setFieldToShowKeys(getInitialFieldsToShow(field));
@@ -64,9 +62,7 @@ function DataBuilderFormNestedObjectFields({
     if (handleKeyConflict(oldKey, newKey)) return;
     positionSafeKeyChange(oldKey, newKey);
     if (!newKey) return;
-    setFieldToShowKeys(
-      fieldToShowKeys.map((key) => key === oldKey ? newKey : key)
-    );
+    setFieldToShowKeys(fieldToShowKeys.map((key) => key === oldKey ? newKey : key));
   }
   function handlePropertyValueChange(key, value) {
     const newProperties = { ...field.value };
@@ -124,22 +120,12 @@ function getInitialFieldsToShow(field) {
   const getKeysFromSubFields = (subFields2) => {
     return subFields2.map((x) => x.key).filter((x) => x !== void 0);
   };
-  const requiredFieldKeys = getKeysFromSubFields(
-    subFields.filter((x) => x.isRequired)
-  );
-  const fieldsWithValueKeys = getKeysFromSubFields(
-    subFields.filter((x) => x.value !== void 0)
-  );
+  const requiredFieldKeys = getKeysFromSubFields(subFields.filter((x) => x.isRequired));
+  const fieldsWithValueKeys = getKeysFromSubFields(subFields.filter((x) => x.value !== void 0));
   const minimalVisibleSetOfFields = getKeysFromSubFields(
     subFields.filter((_, index) => index < MIN_FIELDS_VISIBLE_BY_DEFAULT)
   );
-  const allUniqueFields = [
-    .../* @__PURE__ */ new Set([
-      ...requiredFieldKeys,
-      ...fieldsWithValueKeys,
-      ...minimalVisibleSetOfFields
-    ])
-  ];
+  const allUniqueFields = [.../* @__PURE__ */ new Set([...requiredFieldKeys, ...fieldsWithValueKeys, ...minimalVisibleSetOfFields])];
   const amountFieldsToShow = allUniqueFields.length;
   if (isRootField(field) && amountFieldsToShow === 0) {
     return getKeysFromSubFields(subFields);
@@ -174,46 +160,24 @@ function FieldListCollapsible({
           onDelete
         }
       ),
-      /* @__PURE__ */ jsx(
-        DataBuilderFieldControlPanel,
-        {
-          field,
-          onAdd,
-          additionalFields
-        }
-      )
+      /* @__PURE__ */ jsx(DataBuilderFieldControlPanel, { field, onAdd, additionalFields })
     ] });
   }
   const renderedFields = collapsed ? baseFields.slice(0, initialVisibleFieldCount) : baseFields;
   const fieldsToShow = baseFields.length - initialVisibleFieldCount;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-    FieldListWrapper,
-    {
-      collapsed,
-      onClick: toggleCollapsed,
-      fieldsToShow,
-      children: [
-        /* @__PURE__ */ jsx(
-          BaseFieldsList,
-          {
-            baseFields: renderedFields,
-            onChange,
-            onKeyChange,
-            onAdd,
-            onDelete
-          }
-        ),
-        !collapsed && /* @__PURE__ */ jsx(
-          DataBuilderFieldControlPanel,
-          {
-            field,
-            onAdd,
-            additionalFields
-          }
-        )
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FieldListWrapper, { collapsed, onClick: toggleCollapsed, fieldsToShow, children: [
+    /* @__PURE__ */ jsx(
+      BaseFieldsList,
+      {
+        baseFields: renderedFields,
+        onChange,
+        onKeyChange,
+        onAdd,
+        onDelete
+      }
+    ),
+    !collapsed && /* @__PURE__ */ jsx(DataBuilderFieldControlPanel, { field, onAdd, additionalFields })
+  ] }) });
 }
 function BaseFieldsList({
   baseFields,

package/dist/esm/components/DataBuilder/Nested/ValueMapping.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -26,10 +26,7 @@ function ValueMapping({ field, onChange }) {
   if (formula?.type !== DataBuilderFormulaType.MAP) {
     return null;
   }
-  const valueSchema = buildDataSchema(
-    formula?.args?.value,
-    field.variablesSchema
-  );
+  const valueSchema = buildDataSchema(formula?.args?.value, field.variablesSchema);
   const [fieldRecords, fieldRecordsError] = usePromise(
     () => loadSchemaRecords(field.schema, client, connectionId),
     [JSON.stringify(field.schema)]
@@ -56,14 +53,7 @@ function ValueMapping({ field, onChange }) {
       field,
       onChange
     }
-  ) : /* @__PURE__ */ jsx(
-    CustomMapping,
-    {
-      field,
-      valueSchema,
-      onChange
-    }
-  ) });
+  ) : /* @__PURE__ */ jsx(CustomMapping, { field, valueSchema, onChange }) });
 }
 function AutoExpandedMapping({ valueRecords, field, fieldRecords, onChange }) {
   const mapping = field.value?.$map?.mapping ?? [];
@@ -95,13 +85,7 @@ function AutoExpandedMapping({ valueRecords, field, fieldRecords, onChange }) {
     return /* @__PURE__ */ jsx(NestedLevel, { level: field.level + 1, children: /* @__PURE__ */ jsxs(Row, { children: [
       /* @__PURE__ */ jsx(Cell.Name, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(Title, { childrenWrap: true, children: valueRecord.name ?? valueRecord.id }) }),
       /* @__PURE__ */ jsx(Cell.Icon, { type: SvgIconType.ValueMapping }),
-      /* @__PURE__ */ jsx(Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(
-        DataBuilderFormFieldValue,
-        {
-          field: subField,
-          onChange: (value) => handleMappingChange(valueRecord, value)
-        }
-      ) })
+      /* @__PURE__ */ jsx(Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(DataBuilderFormFieldValue, { field: subField, onChange: (value) => handleMappingChange(valueRecord, value) }) })
     ] }) }, idx);
   }) });
 }
@@ -135,14 +119,7 @@ function CustomMapping({ field, valueSchema, onChange }) {
       },
       idx
     )),
-    /* @__PURE__ */ jsx(
-      DataBuilderFieldControlPanel,
-      {
-        field,
-        addFieldLabel: "Add Mapping",
-        onAdd: handleAddMapping
-      }
-    )
+    /* @__PURE__ */ jsx(DataBuilderFieldControlPanel, { field, addFieldLabel: "Add Mapping", onAdd: handleAddMapping })
   ] });
 }
 function MappingListItem({
@@ -180,21 +157,9 @@ function MappingListItem({
     });
   }
   return /* @__PURE__ */ jsx(NestedLevel, { level: field.level + 1, children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsx(Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(
-      DataBuilderFormFieldValue,
-      {
-        field: fromField,
-        onChange: (value) => handleFromChange(value)
-      }
-    ) }),
+    /* @__PURE__ */ jsx(Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(DataBuilderFormFieldValue, { field: fromField, onChange: (value) => handleFromChange(value) }) }),
     /* @__PURE__ */ jsx(Cell.Icon, { type: SvgIconType.ValueMapping }),
-    /* @__PURE__ */ jsx(Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(
-      DataBuilderFormFieldValue,
-      {
-        field: toField,
-        onChange: (value) => handleToChange(value)
-      }
-    ) }),
+    /* @__PURE__ */ jsx(Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsx(DataBuilderFormFieldValue, { field: toField, onChange: (value) => handleToChange(value) }) }),
     /* @__PURE__ */ jsx(FieldDelete, { onClick: onDelete })
   ] }) });
 }

package/dist/esm/components/DataBuilder/Nested.mjs

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

package/dist/esm/components/DataBuilder/data-builder-context.mjs

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

package/dist/esm/components/DataBuilder/data-field.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -67,10 +67,7 @@ function schemaTypeFromValue(value, variablesSchema) {
   if (isFormula(value)) {
     const formula = getFormula(value);
     if (formula.type === DataBuilderFormulaType.VAR) {
-      const schema = getSchemaByLocator(
-        variablesSchema,
-        formula.locator
-      );
+      const schema = getSchemaByLocator(variablesSchema, formula.locator);
       return schema?.type ?? "string";
     } else if (formula.type == DataBuilderFormulaType.PLAIN) {
       return schemaTypeFromValue(formula.value);
@@ -103,14 +100,8 @@ function extractFieldSubFields(field) {
   } else if (schema?.type === "object") {
     const subfieldsFromObjectSchema = getSubfieldsFromObjectSchema(field);
     const subfieldsFromValue = getSubfieldsFromValue(field);
-    subfields = mergeSubfieldsFromObjectSchemaAndValues(
-      subfieldsFromObjectSchema,
-      subfieldsFromValue
-    );
-    subfields = subfields.length > 0 ? [
-      ...subfields.slice(0, -1),
-      { ...subfields.slice(-1)[0], isLastChild: true }
-    ] : subfields;
+    subfields = mergeSubfieldsFromObjectSchemaAndValues(subfieldsFromObjectSchema, subfieldsFromValue);
+    subfields = subfields.length > 0 ? [...subfields.slice(0, -1), { ...subfields.slice(-1)[0], isLastChild: true }] : subfields;
   } else if (schema?.type === "array") {
     if (Array.isArray(field.value)) {
       subfields = getSubfieldsFromValue(field);
@@ -191,19 +182,10 @@ function getSubfieldsFromValue(field) {
   const fields = [];
   if (Array.isArray(field.value)) {
     return field.value.map((item, idx) => {
-      const dynamicSchemaVariables = structuredClone(
-        field.dynamicSchemaVariables
-      );
+      const dynamicSchemaVariables = structuredClone(field.dynamicSchemaVariables);
       const valueLocatorForDynamicSchema = field?.valueLocator?.replace(/\[\d+\]/g, "") ?? "";
-      setValueAtLocator(
-        dynamicSchemaVariables,
-        valueLocatorForDynamicSchema,
-        item
-      );
-      const currentEvaluatedSchema = buildData(
-        field.dynamicSchema,
-        buildData(dynamicSchemaVariables)
-      );
+      setValueAtLocator(dynamicSchemaVariables, valueLocatorForDynamicSchema, item);
+      const currentEvaluatedSchema = buildData(field.dynamicSchema, buildData(dynamicSchemaVariables));
       const valueLocator = `${field.valueLocator}[${idx}]`;
       const schema = getSchemaByLocator(currentEvaluatedSchema, valueLocator);
       return makeSubField(field, {

package/dist/esm/components/DataBuilder/field-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -13,27 +13,23 @@ import { getFieldSchemaFromValue, getFieldSchemaOptions } from './data-field.mjs
 function useDataBuilderField() {
   return useContext(DataBuilderFieldContext);
 }
-const DataBuilderFieldContext = createContext(
-  {
-    field: { level: 0, optionFactories: [] },
-    localSchema: {},
-    setLocalSchema: () => {
-    },
-    resetLocalSchema: () => {
-    },
-    localSchemaChangedManually: false,
-    setLocalSchemaChangedManually: () => {
-    },
-    autoOpen: false,
-    setAutoOpen: () => {
-    }
+const DataBuilderFieldContext = createContext({
+  field: { level: 0, optionFactories: [] },
+  localSchema: {},
+  setLocalSchema: () => {
+  },
+  resetLocalSchema: () => {
+  },
+  localSchemaChangedManually: false,
+  setLocalSchemaChangedManually: () => {
+  },
+  autoOpen: false,
+  setAutoOpen: () => {
   }
-);
+});
 DataBuilderFieldContext.displayName = "DataBuilderFieldContext";
 const DataBuilderFieldProvider = ({ field, children }) => {
-  const [localSchema, setLocalSchema] = useState(
-    getDefaultLocalSchema(field)
-  );
+  const [localSchema, setLocalSchema] = useState(getDefaultLocalSchema(field));
   function resetLocalSchema() {
     setLocalSchema(getDefaultLocalSchema(field));
   }