@integration-app/react 2.0.3-beta.3 → 2.0.4-beta.0

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -14,8 +14,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdk = require('@integration-app/sdk');
 var ComboBoxTag = require('../../ComboBoxElements/ComboBoxTag.cjs');
-var index = require('../../SvgIcon/index.cjs');
-var index$1 = require('../../Truncate/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var index = require('../../Truncate/index.cjs');
 var fieldContext = require('../field-context.cjs');
 var dataBuilderContext = require('../data-builder-context.cjs');
 var dataLinkTablesOptionFactory = require('../../DataLinks/data-link-tables-option-factory.cjs');
@@ -26,7 +26,7 @@ var dataField = require('../data-field.cjs');
 
 const FindExternalRecordIdFormula = React.forwardRef(
   (_props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(ComboBoxTag.ComboBoxTag, { ref, icon: index.SvgIconType.Array, variant: "lookup", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Truncate, { children: "Find External Record ID" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ComboBoxTag.ComboBoxTag, { ref, icon: svgIconType.SvgIconType.Array, variant: "lookup", children: /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: "Find External Record ID" }) });
   }
 );
 function FindExternalRecordIdFormulaDropdown({

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -12,15 +12,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var React = require('react');
 var Form = require('../Form.cjs');
-var index$2 = require('../index.cjs');
+var index$1 = require('../index.cjs');
 
 const FirstNameFormula = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " Extract first name"
     ] }) });
   }
@@ -33,7 +33,7 @@ function FirstNameFormulaDropdown(props) {
       $firstName: value
     });
   }
-  const field = index$2.makeDataField({
+  const field = index$1.makeDataField({
     schema: {
       title: "Extract first name from",
       type: "string"

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -14,17 +14,17 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdk = require('@integration-app/sdk');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var fieldContext = require('../field-context.cjs');
 var dataField = require('../data-field.cjs');
-var index$2 = require('../../DataBuilderUI/index.cjs');
+var index$1 = require('../../DataBuilderUI/index.cjs');
 var Field = require('../Field.cjs');
-var index$3 = require('../Nested/FieldControlPanel/index.cjs');
+var index$2 = require('../Nested/FieldControlPanel/index.cjs');
 
 const FirstNotEmptyFormula = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " First not empty"
     ] }) });
   }
@@ -60,7 +60,7 @@ function FirstNotEmptyNested({ field, onChange }) {
     newValues.push(null);
     onChange?.({ $firstNotEmpty: newValues });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$2.DrilldownBlockContentWrapper, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.DrilldownBlockContentWrapper, { children: [
     values.map((value, index) => {
       const subField = dataField.makeSubField(field, {
         /* FIXME: strictNullCheck temporary fix */
@@ -80,7 +80,7 @@ function FirstNotEmptyNested({ field, onChange }) {
         index
       );
     }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$3.DataBuilderFieldControlPanel, { field, onAdd: handleAddValue })
+    /* @__PURE__ */ jsxRuntime.jsx(index$2.DataBuilderFieldControlPanel, { field, onAdd: handleAddValue })
   ] });
 }
 

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -12,10 +12,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
-var index$2 = require('../index.cjs');
+var index$1 = require('../index.cjs');
 var React = require('react');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var dataField = require('../data-field.cjs');
 var Field = require('../Field.cjs');
 var fieldContext = require('../field-context.cjs');
@@ -23,7 +23,7 @@ var fieldContext = require('../field-context.cjs');
 const IterateFormula = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " Iterate over"
     ] }) });
   }
@@ -34,7 +34,7 @@ function IteratedFormulaDropdown({
   formula
 }) {
   const { field } = fieldContext.default();
-  const fieldWithFormulaValues = index$2.makeDataField({
+  const fieldWithFormulaValues = index$1.makeDataField({
     schema: field.schema,
     variablesSchema: field.variablesSchema,
     value: {

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -13,14 +13,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var Form = require('../Form.cjs');
-var index$2 = require('../index.cjs');
+var index$1 = require('../index.cjs');
 
 const JsonataFormulaTag = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " Jsonata"
     ] }) });
   }
@@ -33,7 +33,7 @@ function JsonataFormulaDropdown(props) {
       $jsonata: value
     });
   }
-  const field = index$2.makeDataField({
+  const field = index$1.makeDataField({
     schema: {
       title: "Jsonata",
       type: "string"

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -12,15 +12,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var React = require('react');
 var Form = require('../Form.cjs');
-var index$2 = require('../index.cjs');
+var index$1 = require('../index.cjs');
 
 const LastNameFormula = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " Extract last name"
     ] }) });
   }
@@ -37,7 +37,7 @@ function LastNameFormulaDropdown(props) {
     title: "Extract last name from",
     type: "string"
   };
-  const field = index$2.makeDataField({
+  const field = index$1.makeDataField({
     schema: valueSchema,
     value: formula.value,
     variablesSchema,

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -13,16 +13,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var ComboBoxTag = require('../../ComboBoxElements/ComboBoxTag.cjs');
-var index = require('../../Tag/index.cjs');
-var index$2 = require('../../Truncate/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var Tag = require('../../Tag/Tag.cjs');
+require('../../Tag/TagPlaceholder.cjs');
+var index = require('../../Truncate/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
 const LookupFormula = React.forwardRef((props, ref) => {
   const { formula } = props;
   const isConfigError = Object.entries(formula.value?.query ?? {}).length === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(ComboBoxTag.ComboBoxTag, { ref, variant: "lookup", children: [
-    isConfigError && /* @__PURE__ */ jsxRuntime.jsx(index.Tag.SvgIcon, { type: index$1.SvgIconType.AlertTriangle }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.Truncate, { children: "Select Dynamically Using Variables" })
+    isConfigError && /* @__PURE__ */ jsxRuntime.jsx(Tag.Tag.SvgIcon, { type: svgIconType.SvgIconType.AlertTriangle }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: "Select Dynamically" })
   ] });
 });
 LookupFormula.displayName = "LookupFormula";

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -13,16 +13,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var fieldContext = require('../field-context.cjs');
 var ValueMapping = require('../Nested/ValueMapping.cjs');
 var Form = require('../Form.cjs');
-var index$2 = require('../index.cjs');
+var index$1 = require('../index.cjs');
 
 const MapFormula = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " Map values"
     ] }) });
   }
@@ -58,7 +58,7 @@ function MapFormulaDropdown({
     /* @__PURE__ */ jsxRuntime.jsx(
       Form.DataBuilderForm,
       {
-        field: index$2.makeDataField({
+        field: index$1.makeDataField({
           schema: { type: "string", title: "Source Value" },
           value: formula.args?.value,
           variablesSchema

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -14,17 +14,17 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdk = require('@integration-app/sdk');
 var index = require('../../Formula/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
-var index$2 = require('../../DataBuilderUI/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var index$1 = require('../../DataBuilderUI/index.cjs');
 var Field = require('../Field.cjs');
 var fieldContext = require('../field-context.cjs');
-var index$3 = require('../Nested/FieldControlPanel/index.cjs');
+var index$2 = require('../Nested/FieldControlPanel/index.cjs');
 var dataField = require('../data-field.cjs');
 
 const MergeObjectsFormula = React.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(index.Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Variable, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: index$1.SvgIconType.Function }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.VariableSvgIcon, { type: svgIconType.SvgIconType.Function }),
       " Merge objects"
     ] }) });
   }
@@ -60,7 +60,7 @@ function MergeObjectsNested({ field, onChange }) {
     newValues.push(null);
     onChange?.({ $mergeObjects: newValues });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$2.DrilldownBlockContentWrapper, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.DrilldownBlockContentWrapper, { children: [
     values.map((value, index) => {
       const subField = dataField.makeSubField(field, {
         schema: sdk.schemaWithTitle(field?.schema, "") ?? {
@@ -81,7 +81,7 @@ function MergeObjectsNested({ field, onChange }) {
         index
       );
     }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$3.DataBuilderFieldControlPanel, { field, onAdd: handleAddValue })
+    /* @__PURE__ */ jsxRuntime.jsx(index$2.DataBuilderFieldControlPanel, { field, onAdd: handleAddValue })
   ] });
 }
 

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

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

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

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

package/dist/cjs/components/DataBuilder/Formula/styles.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -15,7 +15,8 @@ var React = require('react');
 var clsx = require('clsx');
 var sdk = require('@integration-app/sdk');
 var ComboBoxTag = require('../../ComboBoxElements/ComboBoxTag.cjs');
-var index = require('../../Tag/index.cjs');
+var Tag = require('../../Tag/Tag.cjs');
+require('../../Tag/TagPlaceholder.cjs');
 var SegmentSeparator = require('../../Tag/SegmentSeparator.cjs');
 var styles_module = require('./styles.module.css.cjs');
 
@@ -38,7 +39,7 @@ const VarFormula = React.forwardRef(
     }
     const nameComponentTags = nameComponents.map((t, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default.name, children: t }, i));
     if (iconUri) {
-      nameComponentTags.unshift(/* @__PURE__ */ jsxRuntime.jsx(index.Tag.Image, { src: iconUri }));
+      nameComponentTags.unshift(/* @__PURE__ */ jsxRuntime.jsx(Tag.Tag.Image, { src: iconUri }));
     }
     const fullName = sdk.getFullNameForLocator(variablesSchema, formula.locator) || "Unknown Var";
     return /* @__PURE__ */ jsxRuntime.jsx(ComboBoxTag.ComboBoxTag, { ref, disabled: props.disabled, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/components/DataBuilder/Nested/ArrayItems.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -12,10 +12,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../DataBuilderUI/index.cjs');
-var index$2 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var fieldContext = require('../field-context.cjs');
 var FieldDelete = require('../FieldDelete.cjs');
-var index$3 = require('../FieldValue/index.cjs');
+var index$2 = require('../FieldValue/index.cjs');
 var Nested = require('../Nested.cjs');
 var index = require('./FieldControlPanel/index.cjs');
 
@@ -71,8 +71,8 @@ function DataComposerFieldArrayItem({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(fieldContext.DataBuilderFieldProvider, { field, children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$1.NestedLevel, { level: field.level, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Row, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Icon, { type: index$2.SvgIconType.Array }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { field, onChange: handleChange }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Icon, { type: svgIconType.SvgIconType.Array }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { field, onChange: handleChange }) }),
       onDelete && /* @__PURE__ */ jsxRuntime.jsx(FieldDelete.FieldDelete, { onClick: onDelete })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Nested.default, { field, onChange: handleChange })

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/AddingFieldSelector.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -10,9 +10,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
-var index$1 = require('../../../DataBuilderUI/index.cjs');
-var index$2 = require('../../../ComboBox/index.cjs');
-var index = require('../../../SvgIcon/index.cjs');
+var index = require('../../../DataBuilderUI/index.cjs');
+var ComboBox = require('../../../ComboBox/ComboBox.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 var TagPlaceholder = require('../../../Tag/TagPlaceholder.cjs');
 var dataField = require('../../data-field.cjs');
 
@@ -30,11 +30,11 @@ function AddingFieldSelector({
   allowAdditionalProperties && options.unshift({
     value: "",
     label: "Add custom field",
-    iconType: index.SvgIconType.Add
+    iconType: svgIconType.SvgIconType.Add
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Row, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { width: "14rem", children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.ComboBox,
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { width: "14rem", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ComboBox.ComboBox,
       {
         value: void 0,
         options,
@@ -47,7 +47,7 @@ function AddingFieldSelector({
         autoOpen: true
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { grow: true, disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(TagPlaceholder.TagPlaceholder, { children: "Select value" }) })
+    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { grow: true, disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx(TagPlaceholder.TagPlaceholder, { children: "Select value" }) })
   ] });
 }
 

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -14,10 +14,12 @@ var index$2 = require('../../../Truncate/index.cjs');
 var dataField = require('../../data-field.cjs');
 var useEventStopPropagation = require('../../../../hooks/useEventStopPropagation.cjs');
 var index$1 = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 var fieldContext = require('../../field-context.cjs');
 var hooks = require('../../hooks.cjs');
 var AddingFieldSelector = require('./AddingFieldSelector.cjs');
 require('../../../DataBuilderUI/index.cjs');
+var dataBuilderContext = require('../../data-builder-context.cjs');
 var index = require('../../../DataBuilderUI/FieldControlPanel/index.cjs');
 
 function ControlPanel({
@@ -28,8 +30,9 @@ function ControlPanel({
 }) {
   const fieldIsVisible = dataField.isFieldVisible(field);
   const [showFieldSelector, setShowFieldSelector] = React.useState(false);
+  const { isReadOnly } = dataBuilderContext.default();
   const fieldCanUseVarFromVariables = hooks.useDataBuilderFieldCanUseVarFromVariables();
-  const showAddFieldButtonGroup = dataField.isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0;
+  const showAddFieldButtonGroup = (dataField.isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0) && !isReadOnly;
   const showUseFromVariablesButtonGroup = fieldIsVisible && fieldCanUseVarFromVariables;
   if (showFieldSelector) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +77,7 @@ function GroupAddField({
       onClick: handleAddNewFieldClick,
       "aria-label": addFieldLabel,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: index$1.SvgIconType.Add }),
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: svgIconType.SvgIconType.Add }),
         /* @__PURE__ */ jsxRuntime.jsx(index$2.Truncate, { mode: "middle", children: addFieldLabel })
       ]
     }

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -11,6 +11,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var useEventStopPropagation = require('../../../../hooks/useEventStopPropagation.cjs');
 var index$1 = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 var dataField = require('../../data-field.cjs');
 require('../../../DataBuilderUI/index.cjs');
 var index = require('../../../DataBuilderUI/FieldControlPanel/index.cjs');
@@ -21,7 +22,7 @@ function ControlPanelForNonObjectRootField({
 }) {
   const handleOnClick = useEventStopPropagation.default(() => onAdd(dataField.DEFAULT_FIELD_KEY));
   return /* @__PURE__ */ jsxRuntime.jsx(index.FieldControlPanel.ButtonGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(index.FieldControlPanel.Button, { onClick: handleOnClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: index$1.SvgIconType.Add }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: svgIconType.SvgIconType.Add }),
     addFieldLabel
   ] }) });
 }

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/index.cjs

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

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -12,6 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var FieldListWrapper_module = require('./FieldListWrapper.module.css.cjs');
 var index = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 
 function FieldListWrapper({
   children,
@@ -35,7 +36,7 @@ function FieldListWrapper({
           /* @__PURE__ */ jsxRuntime.jsx(
             index.SvgIcon,
             {
-              type: collapsed ? index.SvgIconType.ChevronDown : index.SvgIconType.ChevronUp
+              type: collapsed ? svgIconType.SvgIconType.ChevronDown : svgIconType.SvgIconType.ChevronUp
             }
           )
         ] })

package/dist/cjs/components/DataBuilder/Nested/NoSchema.cjs

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