npm - @integration-app/react - Versions diffs - 2.15.0 → 2.17.0 - Mend

@integration-app/react 2.15.0 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (653) hide show

package/dist/cjs/components/ComboBoxElements/ComboBoxTag.module.css.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/Editor.module.css.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/components/EditorTag.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/editor.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/helpers/clicks.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/helpers/common.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/helpers/tag-template-composition.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/helpers/transformEditorSchemaToValue.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/helpers/transformValueToEditorSchema.cjs CHANGED Viewed

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

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

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

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

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

package/dist/cjs/components/ComboBoxElements/Editor/plugins/EditorTagPlugin.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/plugins/KeyboardPlugin.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/plugins/StateSyncPlugin.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/plugins/commands.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/Editor/useEditor.cjs CHANGED Viewed

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

package/dist/cjs/components/ComboBoxElements/FieldWrapper.cjs CHANGED Viewed

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

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

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
+ * v2.17.0
  */
 'use client';
@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleInject = require('style-inject');
-var css_248z = ".inputs-module_container__wDMh6 {\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .inputs-module_container__wDMh6 {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .inputs-module_container__wDMh6 {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .inputs-module_container__wDMh6 {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .inputs-module_container__wDMh6 {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .inputs-module_container__wDMh6 {\n    max-width: 1536px;\n  }\n}\n.inputs-module_fieldWrapper__fye1c {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.inputs-module_fieldWrapper__disabled__-VUne {\n  --tw-gradient-via-position: 95%;\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n  --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: rgb(248 248 248 / 0)  var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), #F8F8F8 var(--tw-gradient-via-position), var(--tw-gradient-to);\n  --tw-gradient-to: #fff var(--tw-gradient-to-position);\n}\n.inputs-module_fieldWrapper__clickable__FeG2H {\n  cursor: pointer;\n}\n.inputs-module_fieldWrapper__clickable__FeG2H:has(> * > * > [data-editor-container='true']) {\n  cursor: text;\n}\n.inputs-module_fieldWrapper__required__o0Mxj {\n  /* there should be a style but I have no idea */\n}\n.inputs-module_tagWrapper__NIIH- {\n  display: contents;\n  cursor: pointer;\n  line-height: 1em;\n}\n.inputs-module_tagWrapper__readonly__1megS {\n  cursor: default;\n}\n.inputs-module_innerTag__HJFp9 {\n  display: inline-flex;\n  align-items: center;\n}\n";
+var css_248z = ".inputs-module_container__wDMh6 {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 1280px;\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 1536px;\n  }\n}\n\n.inputs-module_fieldWrapper__fye1c {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.inputs-module_fieldWrapper__disabled__-VUne {\n  --tw-gradient-via-position: 95%;\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n  --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: rgb(248 248 248 / 0)  var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), #F8F8F8 var(--tw-gradient-via-position), var(--tw-gradient-to);\n  --tw-gradient-to: #fff var(--tw-gradient-to-position);\n}\n\n.inputs-module_fieldWrapper__clickable__FeG2H {\n  cursor: pointer;\n}\n\n.inputs-module_fieldWrapper__clickable__FeG2H:has(> * > * > [data-editor-container='true']) {\n  cursor: text;\n}\n\n.inputs-module_fieldWrapper__required__o0Mxj {\n  /* there should be a style but I have no idea */\n}\n\n.inputs-module_tagWrapper__NIIH- {\n  display: contents;\n  cursor: pointer;\n  line-height: 1em;\n}\n\n.inputs-module_tagWrapper__readonly__1megS {\n  cursor: default;\n}\n\n.inputs-module_innerTag__HJFp9 {\n  display: inline-flex;\n  align-items: center;\n}\n";
 var classes = {"fieldWrapper":"inputs-module_fieldWrapper__fye1c","fieldWrapper__disabled":"inputs-module_fieldWrapper__disabled__-VUne","fieldWrapper__clickable":"inputs-module_fieldWrapper__clickable__FeG2H","fieldWrapper__required":"inputs-module_fieldWrapper__required__o0Mxj","tagWrapper":"inputs-module_tagWrapper__NIIH-","tagWrapper__readonly":"inputs-module_tagWrapper__readonly__1megS","innerTag":"inputs-module_innerTag__HJFp9"};
 styleInject(css_248z);

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

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

package/dist/cjs/components/DataBuilder/{Field.cjs → DataBuilderFormField.cjs} RENAMED Viewed

@@ -2,14 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
+ * v2.17.0
  */
 'use client';
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdk = require('@integration-app/sdk');
@@ -19,10 +17,10 @@ var dataBuilderContext = require('./data-builder-context.cjs');
 var dataField = require('./data-field.cjs');
 var fieldContext = require('./field-context.cjs');
 var FieldDelete = require('./FieldDelete.cjs');
-var FieldName = require('./FieldName.cjs');
-var index$1 = require('./FieldTypeSelector/index.cjs');
+var index$1 = require('./FieldName/index.cjs');
+var index$2 = require('./FieldTypeSelector/index.cjs');
 var convertableSchemaToSchema = require('./FieldTypeSelector/convertableSchemaToSchema.cjs');
-var index$2 = require('./FieldValue/index.cjs');
+var index$3 = require('./FieldValue/index.cjs');
 var hooks = require('./hooks.cjs');
 var Nested = require('./Nested.cjs');
@@ -70,7 +68,7 @@ function DataBuilderFieldContent({
       resetLocalSchema();
     }
   }, [JSON.stringify(field?.schema)]);
-  async function handleChange(value) {
+  function handleChange(value) {
     onChange?.(value);
   }
   function handleKeyChange(newKey) {
@@ -107,14 +105,14 @@ 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: [
       (isDefinedValue.isDefinedValue(field.key) || field.schema?.title) && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        FieldName.default,
+        index$1.FieldName,
         {
           field,
           onKeyChange: handleKeyChange,
           onEnter: handleEnterKey,
           onEsc: handleEscKey,
           typeSelectorSlot: /* @__PURE__ */ jsxRuntime.jsx(
-            index$1.FieldTypeSelector,
+            index$2.FieldTypeSelector,
             {
               onChange: handleChange,
               onSchemaChange: handleLocalSchemaTypeChange
@@ -144,7 +142,7 @@ function FieldDataInput({
       anyOf: void 0
     }
   } : field;
-  return /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { field: fieldWithDefinedSchema, onChange: handleChange });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { field: fieldWithDefinedSchema, onChange: handleChange });
 }
-exports.default = DataBuilderFormField;
+exports.DataBuilderFormField = DataBuilderFormField;

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

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

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

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

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

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

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

@@ -0,0 +1,135 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.17.0
+ */
+'use client';
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+require('../../../styled-system/css/css.cjs');
+require('../../../styled-system/helpers.cjs');
+var sva = require('../../../styled-system/css/sva.cjs');
+const fieldNameInputRecipe = sva.sva({
+  className: "field-name-input",
+  slots: ["wrapper", "input", "span"],
+  base: {
+    wrapper: {
+      display: "inline-block",
+      cursor: "default",
+      position: "relative",
+      _hover: {
+        "& .span": {
+          visibility: "hidden"
+        },
+        "& .input": {
+          visibility: "visible"
+        }
+      }
+    },
+    span: {
+      display: "block",
+      visibility: "visible",
+      _empty: {
+        _after: {
+          color: "gray.9",
+          content: "var(--placeholder-text)"
+        }
+      }
+    },
+    input: {
+      position: "absolute",
+      inset: "0",
+      w: "full",
+      transitionProperty: "colors",
+      p: "0",
+      m: "0",
+      borderTopColor: "transparent",
+      opacity: "0",
+      _hover: {
+        opacity: "1"
+      },
+      _focus: {
+        opacity: "1",
+        outline: "none",
+        "& + .span": {
+          visibility: "hidden"
+        }
+      }
+    }
+  }
+});
+const fieldNameInputClassNames = fieldNameInputRecipe();
+function FieldNameInput({
+  value,
+  className,
+  placeholder = "Enter some text",
+  onChange = () => {
+  },
+  onEnter = () => {
+  },
+  onEsc = () => {
+  },
+  onFocus = () => {
+  },
+  onBlur = () => {
+  },
+  editable = true,
+  autoFocus = false,
+  ...props
+}) {
+  const handleChange = (event) => {
+    onChange(event.target.value);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      event.currentTarget.blur();
+      onEnter?.(value);
+      return;
+    }
+    if (event.key === "Escape") {
+      event.currentTarget.blur();
+      onEsc?.(value);
+      return;
+    }
+  };
+  const handleFocus = (event) => {
+    onFocus(event.target.value);
+  };
+  const handleBlur = (event) => {
+    onChange(event.target.value);
+    onBlur(event.target.value);
+  };
+  const style = React.useMemo(
+    () => ({
+      "--placeholder-text": `"${placeholder}"`
+    }),
+    [placeholder]
+  );
+  const classNames = clsx.clsx(fieldNameInputClassNames.wrapper, className);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames, ...props, title: value, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        className: fieldNameInputClassNames.input,
+        onChange: handleChange,
+        value,
+        placeholder,
+        "aria-label": placeholder,
+        readOnly: !editable,
+        autoFocus,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: fieldNameInputClassNames.span, style, children: value?.replace(/\s/g, "\xA0") })
+  ] });
+}
+exports.FieldNameInput = FieldNameInput;

package/dist/cjs/components/DataBuilder/{FieldName.cjs → FieldName/index.cjs} RENAMED Viewed

@@ -2,20 +2,20 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
+ * v2.17.0
  */
 'use client';
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var InlineEditable = require('../InlineEditable.cjs');
-var dataField = require('./data-field.cjs');
-var index = require('../DataBuilderUI/index.cjs');
-var dataBuilderContext = require('./data-builder-context.cjs');
-var FieldDescription = require('./FieldDescription.cjs');
+var React = require('react');
+var FieldNameInput = require('./FieldNameInput.cjs');
+var index = require('../../DataBuilderUI/index.cjs');
+var dataBuilderContext = require('../data-builder-context.cjs');
+var dataField = require('../data-field.cjs');
+var FieldDescription = require('../FieldDescription.cjs');
+var LevelKeysConflictProvider = require('../Nested/LevelKeysConflictProvider.cjs');
 function FieldName({
   field,
@@ -26,6 +26,11 @@ function FieldName({
   typeSelectorSlot
 }) {
   const { errorFieldsLocators } = dataBuilderContext.default();
+  const conflictedPropertiesKey = LevelKeysConflictProvider.useLevelKeysConflicts();
+  const { value, onChange } = useControlledInputValue(
+    field.key || "",
+    onKeyChange
+  );
   if (field.isInSchema || field.key === void 0) {
     const isErrorField = field?.valueLocator && (errorFieldsLocators || []).includes(field.valueLocator);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -45,14 +50,18 @@ function FieldName({
       {
         typeSelectorSlot,
         rightSlot: rightSlot || /* @__PURE__ */ jsxRuntime.jsx(FieldDescription.FieldDescription, { text: field.schema?.description }),
+        hasNameConflict: conflictedPropertiesKey.has(field.key),
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          InlineEditable.InlineEditable,
+          FieldNameInput.FieldNameInput,
           {
-            onChange: onKeyChange,
+            onChange,
             onEnter,
             onEsc,
             autoFocus: !field.key,
-            value: field.key,
+            value,
+            onBlur: () => {
+              onChange(field.key || "");
+            },
             placeholder: "Enter field name"
           }
         )
@@ -60,5 +69,18 @@ function FieldName({
     );
   }
 }
+const useControlledInputValue = (value, onChange) => {
+  const [inputValue, setInputValue] = React.useState(value);
+  React.useEffect(() => {
+    setInputValue(value);
+  }, [value]);
+  return {
+    value: inputValue,
+    onChange: (value2) => {
+      setInputValue(value2);
+      onChange(value2);
+    }
+  };
+};
-exports.default = FieldName;
+exports.FieldName = FieldName;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
+ * v2.17.0
  */
 'use client';
@@ -11,7 +11,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var deepEqual = require('fast-deep-equal');
 var dataBuilderContext = require('./data-builder-context.cjs');
-var Field = require('./Field.cjs');
+var DataBuilderFormField = require('./DataBuilderFormField.cjs');
 var styles_module = require('./styles.module.css.cjs');
 function DataBuilderForm({
@@ -47,7 +47,7 @@ function DataBuilderForm({
       onAddVariable,
       collapsedDataBuilder: collapsed,
       initialVisibleFieldCount: fieldsToShow,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Field.default, { field, onChange: handleOnChange }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(DataBuilderFormField.DataBuilderFormField, { field, onChange: handleOnChange }) })
     }
   );
 }