@integration-app/react 2.0.3-beta.2 → 2.0.3

package/dist/cjs/components/ComboBoxElements/TipTapEditor/helpers/common.cjs

@@ -2,13 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
 var customField = require('../../../ComboBox/options-factories/custom-field.cjs');
+var constants = require('../constants.cjs');
 
 const TAG_MARK_END = "}";
 const TAG_MARK_START = "{";
@@ -136,9 +137,20 @@ function getSchemaNodesSummary(schema) {
     { text: 0, nonText: 0 }
   );
 }
+function getComponentTagNode(id, value, { autoOpen } = {}) {
+  return {
+    type: constants.TAG_EXTENSION_NAME,
+    attrs: {
+      id,
+      value,
+      autoOpen
+    }
+  };
+}
 
 exports.TAG_MARK_END = TAG_MARK_END;
 exports.TAG_MARK_START = TAG_MARK_START;
+exports.getComponentTagNode = getComponentTagNode;
 exports.getSchemaNodesSummary = getSchemaNodesSummary;
 exports.getTagChunkValue = getTagChunkValue;
 exports.getTagString = getTagString;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/helpers/transformEditorSchemaToValue.cjs

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var TagComponent = require('../TagComponent.cjs');
 var common = require('./common.cjs');
+var constants = require('../constants.cjs');
 
 function transformEditorSchemaToValue(schema) {
   const template = (schema?.content ?? []).map((node) => transformParagraphNodeToTplString(node)).join("\n");
@@ -23,7 +23,7 @@ function transformParagraphNodeToTplString(node) {
   return (node?.content ?? []).map((child) => transformNodeToTplString(child)).join("");
 }
 function transformNodeToTplString(node) {
-  if (node?.type === TagComponent.TAG_EXTENSION_NAME) {
+  if (node?.type === constants.TAG_EXTENSION_NAME) {
     return common.getTagString(node?.attrs?.id);
   }
   return node?.text ?? "";
@@ -36,7 +36,7 @@ function transformParagraphNodeToEntries(node) {
   return (node?.content ?? []).map((child) => transformNodeToEntries(child));
 }
 function transformNodeToEntries(node) {
-  if (node?.type === TagComponent.TAG_EXTENSION_NAME) {
+  if (node?.type === constants.TAG_EXTENSION_NAME) {
     return [node?.attrs?.id, node?.attrs?.value];
   }
   return void 0;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/helpers/transformValueToEditorSchema.cjs

@@ -2,13 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var TagComponent = require('../TagComponent.cjs');
 var common = require('./common.cjs');
 
 function transformValueToEditorSchema(value) {
@@ -40,7 +39,7 @@ function transformStringToNode(string, values = {}) {
   if (common.isTagChunk(string)) {
     const id = common.getTagChunkValue(string);
     const value = values[id];
-    return value ? TagComponent.getComponentTagNode(id, value) : common.getTextNode(string);
+    return value ? common.getComponentTagNode(id, value) : common.getTextNode(string);
   }
   return common.getTextNode(string);
 }

package/dist/cjs/components/ComboBoxElements/inputs.module.css.cjs

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -13,9 +13,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
 var index$1 = require('../../DataBuilderUI/index.cjs');
-var index$3 = require('../FieldValue/index.cjs');
+var index$2 = require('../FieldValue/index.cjs');
 var index = require('../Nested/FieldControlPanel/index.cjs');
-var index$2 = require('../../ComboBox/index.cjs');
+var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var useEventStopPropagation = require('../../../hooks/useEventStopPropagation.cjs');
 var dataField = require('../data-field.cjs');
 var fieldContext = require('../field-context.cjs');
@@ -157,7 +157,7 @@ function EvalCondition({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$1.NestedLevel, { level: field.level, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Row, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldContext.DataBuilderFieldProvider, { field: valueField, children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$2.ComboBox,
+        ComboBox.ComboBox,
         {
           placeholder: "Value",
           value: valueField.value,
@@ -168,7 +168,7 @@ function EvalCondition({
         }
       ) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { disabled: !value, children: value && /* @__PURE__ */ jsxRuntime.jsx(
-        index$2.ComboBox,
+        ComboBox.ComboBox,
         {
           value: operator?.key,
           options: operatorOptions,
@@ -176,7 +176,7 @@ function EvalCondition({
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { grow: true, disabled: !hasOperand, children: hasOperand && /* @__PURE__ */ jsxRuntime.jsx(fieldContext.DataBuilderFieldProvider, { field: operandField, children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$3.default,
+        index$2.default,
         {
           field: operandField,
           onChange: handleOperandChange,

package/dist/cjs/components/DataBuilder/Field.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -13,7 +13,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
 var React = require('react');
-var Schema = require('../ComboBox/Value/Schema.cjs');
+var isDefinedValue = require('../ComboBox/Value/isDefinedValue.cjs');
 var index = require('../DataBuilderUI/index.cjs');
 var dataBuilderContext = require('./data-builder-context.cjs');
 var dataField = require('./data-field.cjs');
@@ -23,6 +23,8 @@ var FieldName = require('./FieldName.cjs');
 var index$1 = require('./FieldTypeSelector/index.cjs');
 var index$2 = require('./FieldValue/index.cjs');
 var Nested = require('./Nested.cjs');
+var hooks = require('./hooks.cjs');
+var convertableSchemaToSchema = require('./FieldTypeSelector/convertableSchemaToSchema.cjs');
 
 function DataBuilderFormField({
   field,
@@ -52,6 +54,7 @@ function DataBuilderFieldContent({
   onEnter
 }) {
   const { isReadOnly } = dataBuilderContext.default();
+  const isFieldFrozen = hooks.usIsFieldFrozen();
   const {
     field,
     localSchema,
@@ -85,7 +88,7 @@ function DataBuilderFieldContent({
   }
   function handleLocalSchemaTypeChange(schemaType) {
     const showValueDropdown = !(schemaType === "object" || schemaType === "array");
-    const resetValue = !index$1.convertableSchemaToSchema(localSchema?.type, schemaType);
+    const resetValue = !convertableSchemaToSchema.convertableSchemaToSchema(localSchema?.type, schemaType);
     setLocalSchemaChangedManually(true);
     setLocalSchema({ ...localSchema, type: schemaType });
     if (resetValue) {
@@ -103,7 +106,7 @@ function DataBuilderFieldContent({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.NestedLevel, { level: field.level, children: dataField.isFieldVisible(field) && /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { short: !showValue, children: [
-      (Schema.isDefinedValue(field.key) || field.schema?.title) && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      (isDefinedValue.isDefinedValue(field.key) || field.schema?.title) && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(
         FieldName.default,
         {
           field,
@@ -120,7 +123,7 @@ function DataBuilderFieldContent({
         }
       ) }),
       showValue && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(FieldDataInput, { onChange: handleChange }) }),
-      field.isDeletable && !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldDelete.FieldDelete, { onClick: onDelete })
+      field.isDeletable && !isReadOnly && !isFieldFrozen && /* @__PURE__ */ jsxRuntime.jsx(FieldDelete.FieldDelete, { onClick: onDelete })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Nested.default, { field, onChange: handleChange })
   ] });

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -10,6 +10,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../SvgIcon/index.cjs');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
 var useEventStopPropagation = require('../../hooks/useEventStopPropagation.cjs');
 var index = require('../DataBuilderUI/index.cjs');
 
@@ -17,7 +18,7 @@ function FieldDelete({ onClick }) {
   if (!onClick) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar, { children: /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar.DeleteButton, { onClick: useEventStopPropagation.default(onClick), children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: index$1.SvgIconType.Close }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar, { children: /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar.DeleteButton, { onClick: useEventStopPropagation.default(onClick), children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: svgIconType.SvgIconType.Close }) }) });
 }
 
 exports.FieldDelete = FieldDelete;

package/dist/cjs/components/DataBuilder/FieldDescription.cjs

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

package/dist/cjs/components/DataBuilder/FieldList.cjs

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

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+'use strict';
+
+function convertableSchemaToSchema(oldSchemaType, newSchemaType) {
+  if (oldSchemaType === newSchemaType) {
+    return true;
+  }
+  if ([oldSchemaType, newSchemaType].includes("object") || [oldSchemaType, newSchemaType].includes("array")) {
+    return false;
+  }
+  return true;
+}
+
+exports.convertableSchemaToSchema = convertableSchemaToSchema;

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -12,6 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
 var jsConvertCase = require('js-convert-case');
 var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var dataField = require('../data-field.cjs');
 var fieldContext = require('../field-context.cjs');
 var hooks = require('../hooks.cjs');
@@ -104,7 +105,7 @@ function FieldTypeSelector({
     (schemaOption) => ({
       value: schemaOption.type,
       label: jsConvertCase.toHeaderCase(schemaOption.type),
-      iconType: index.SvgIconType[`SchemaType_${schemaOption.type}`],
+      iconType: svgIconType.SvgIconType[`SchemaType_${schemaOption.type}`],
       active: localSchema?.type === schemaOption.type
     })
   );
@@ -121,7 +122,7 @@ function FieldTypeSelector({
         "aria-label": "Change schema type",
         children: [
           localSchema?.type ?? "select",
-          /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { w: "3", h: "4", pt: "1px", children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: index.SvgIconType.ChevronDown }) })
+          /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { w: "3", h: "4", pt: "1px", children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.ChevronDown }) })
         ]
       }
     ),
@@ -203,15 +204,5 @@ function GroupContainer({
     children
   ] });
 }
-function convertableSchemaToSchema(oldSchemaType, newSchemaType) {
-  if (oldSchemaType === newSchemaType) {
-    return true;
-  }
-  if ([oldSchemaType, newSchemaType].includes("object") || [oldSchemaType, newSchemaType].includes("array")) {
-    return false;
-  }
-  return true;
-}
 
 exports.FieldTypeSelector = FieldTypeSelector;
-exports.convertableSchemaToSchema = convertableSchemaToSchema;

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -11,11 +11,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../ComboBox/index.cjs');
+var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var dataBuilderContext = require('../data-builder-context.cjs');
 var fieldContext = require('../field-context.cjs');
 var valueSpec = require('../../ComboBox/value-spec.cjs');
 var dataField = require('../data-field.cjs');
+var hooks = require('../hooks.cjs');
 
 function DefaultFieldValue({
   field,
@@ -24,16 +25,14 @@ function DefaultFieldValue({
   topDropdownPanelComponent
 }) {
   const { isEmpty, isRequired } = dataField.getFieldValueProps(field);
-  const { isReadOnly, frozenFieldsLocators } = dataBuilderContext.default();
+  const { isReadOnly } = dataBuilderContext.default();
   const { autoOpen, setAutoOpen } = fieldContext.default();
-  const isFrozenField = frozenFieldsLocators.some(
-    (frozenFieldLocator) => frozenFieldLocator && field.valueLocator?.startsWith(frozenFieldLocator)
-  );
+  const isFieldFrozen = hooks.usIsFieldFrozen();
   function handleDropdownClose() {
     setAutoOpen(false);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index.ComboBox,
+    ComboBox.ComboBox,
     {
       value: isEmpty ? void 0 : field.value,
       schema: field.schema,
@@ -42,7 +41,7 @@ function DefaultFieldValue({
       variablesSchema: field.variablesSchema,
       optionFactories: field.optionFactories,
       isRequired,
-      disabled: isFrozenField || isReadOnly,
+      disabled: isFieldFrozen || isReadOnly,
       autoOpen,
       onClose: handleDropdownClose,
       refsToIgnoreClick,

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

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

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

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

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

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

package/dist/cjs/components/DataBuilder/Filter.cjs

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

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -13,21 +13,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
 var fieldContext = require('../field-context.cjs');
-var index$1 = require('../../Truncate/index.cjs');
+var index = require('../../Truncate/index.cjs');
 var ComboBoxTag = require('../../ComboBoxElements/ComboBoxTag.cjs');
 var React = require('react');
-var index = require('../../SvgIcon/index.cjs');
-var Button = require('../../Button/Button.cjs');
-var index$2 = require('../../DataBuilderUI/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var index$1 = require('../../DataBuilderUI/index.cjs');
 var useEventStopPropagation = require('../../../hooks/useEventStopPropagation.cjs');
-var index$3 = require('../Condition/index.cjs');
+var index$2 = require('../Condition/index.cjs');
 var Field = require('../Field.cjs');
 var dataField = require('../data-field.cjs');
 var styles_module = require('./styles.module.css.cjs');
+require('../../../styled-system/css/css.cjs');
+require('../../../styled-system/helpers.cjs');
+var sva = require('../../../styled-system/css/sva.cjs');
+var button = require('../../../ui-kit/button.cjs');
 
+const addCaseRecipe = sva.sva({
+  className: "add-case",
+  slots: ["button"],
+  base: {
+    button: {
+      w: "fit-content",
+      h: "fit-content",
+      rounded: "xl",
+      color: "slate.11",
+      px: "2",
+      py: "1",
+      my: "2"
+    }
+  }
+});
 const CaseFormula = 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: "Conditional value" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ComboBoxTag.ComboBoxTag, { ref, icon: svgIconType.SvgIconType.Array, variant: "lookup", children: /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: "Conditional value" }) });
   }
 );
 CaseFormula.displayName = "CaseFormula";
@@ -36,6 +54,7 @@ function CaseFormulaDropdown({
   onChange
 }) {
   const { field } = fieldContext.default();
+  const styles = addCaseRecipe();
   if (formula?.type !== sdk.DataBuilderFormulaType.CASE) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Unexpected value for Case drilldown. Something went wrong." });
   }
@@ -118,7 +137,17 @@ function CaseFormulaDropdown({
       },
       index
     )),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4", children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleNewCase, variant: "secondary", children: "+ Add Case" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        onClick: handleNewCase,
+        variant: "outline",
+        colorPalette: "gray",
+        size: "sm",
+        className: styles.button,
+        children: "+ Add Case"
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(Field.default, { field: defaultCaseField, onChange: handleDefaultValueChange })
   ] });
 }
@@ -156,10 +185,10 @@ function CaseItem({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.caseContainer, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.field, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Field.default, { field: valueField, onChange: handleValueChange }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.deleteButton, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.ActionBar.DeleteButton, { onClick: useEventStopPropagation.default(onDelete) }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.deleteButton, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.ActionBar.DeleteButton, { onClick: useEventStopPropagation.default(onDelete) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$3.default,
+      index$2.default,
       {
         field: filterField,
         onChange: handleFilterChange

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 '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 index$2 = require('../index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var index$1 = require('../index.cjs');
 var Field = require('../Field.cjs');
 
 const ConcatFormula = 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 }),
       " Combine strings"
     ] }) });
   }
@@ -39,7 +39,7 @@ function ConcatFormulaDropdown({
   }
   const isShortcutFormulaSyntax = Array.isArray(formula.args);
   const value = isShortcutFormulaSyntax ? { values: formula.args } : formula.args ?? {};
-  const field = index$2.makeDataField({
+  const field = index$1.makeDataField({
     schema: {
       type: "object",
       required: ["values"],

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -11,18 +11,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var index$3 = require('../../ComboBox/index.cjs');
+var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var ComboBoxTag = require('../../ComboBoxElements/ComboBoxTag.cjs');
 var TagPlaceholder = require('../../Tag/TagPlaceholder.cjs');
 var index = require('../../Formula/index.cjs');
 var valueSpec = require('../../ComboBox/value-spec.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var React = require('react');
 var sdk = require('@integration-app/sdk');
 var fieldContext = require('../field-context.cjs');
 var dataBuilderContext = require('../data-builder-context.cjs');
 var constant = require('../../ComboBox/options-factories/constant.cjs');
-var index$2 = require('../../DataBuilderUI/index.cjs');
+var index$1 = require('../../DataBuilderUI/index.cjs');
 
 const CopyFormula = React.forwardRef(
   (props, ref) => {
@@ -32,7 +32,7 @@ const CopyFormula = React.forwardRef(
       return /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Copy formula cannot be used here." });
     }
     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 }),
       " Copy Value from Another Field"
     ] }) });
   }
@@ -63,10 +63,10 @@ function CopyFormulaDropdown(props) {
     label: sdk.getFullNameForLocator(topLevelField.schema, l)
   }));
   const selectedLabel = formula.locator ? sdk.getFullNameForLocator(topLevelField.schema, formula.locator) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$2.Row, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Title, { children: "Copy Value from Another Field" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.Cell.Combobox, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$3.ComboBox,
+  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Row, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Title, { children: "Copy Value from Another Field" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$1.Cell.Combobox, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ComboBox.ComboBox,
       {
         value: formula.locator,
         schema: valueSchema,