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

package/dist/esm/components/ComboBoxElements/Popper.module.css.mjs

@@ -1,13 +1,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import styleInject from 'style-inject';
 
-var css_248z = "/* Dropdown Popper */\n.Popper-module_popper__HPG3S {\n  z-index: 600;\n  will-change: transform, width, max-height;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n  min-width: 22rem;\n  display: flex;\n  flex-direction: column;\n}\n.Popper-module_popper__HPG3S[data-popper-reference-hidden='true'] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='top'] {\n  justify-content: flex-end;\n\n  /*\n  When Dropdown is placed on the top, it has additional offset\n  Because we shift Dropdown to the top by 24px to keep SchemaSelector visible\n  */\n  margin-bottom: 20px;\n  margin-left: -9px;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='bottom'] {\n  justify-content: flex-start;\n}\n";
+var css_248z = "/* Dropdown Popper */\n.Popper-module_popper__HPG3S {\n  z-index: 600;\n  will-change: transform, width, max-height;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n  display: flex;\n  flex-direction: column;\n}\n.Popper-module_popper__HPG3S[data-popper-reference-hidden='true'] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='top'] {\n  justify-content: flex-end;\n\n  /*\n  When Dropdown is placed on the top, it has additional offset\n  Because we shift Dropdown to the top by 24px to keep SchemaSelector visible\n  */\n  margin-bottom: 20px;\n  margin-left: -9px;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='bottom'] {\n  justify-content: flex-start;\n}\n";
 var classes = {"popper":"Popper-module_popper__HPG3S"};
 styleInject(css_248z);
 

package/dist/esm/components/ComboBoxElements/TipTapEditor/Editor.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -15,10 +15,10 @@ import History from '@tiptap/extension-history';
 import Paragraph from '@tiptap/extension-paragraph';
 import Placeholder from '@tiptap/extension-placeholder';
 import Text from '@tiptap/extension-text';
-import TagComponent, { getComponentTagNode } from './TagComponent.mjs';
+import { TagComponent } from './TagComponent.mjs';
 import { KeyboardShortcutHandler } from './extension-keyboardShortcuts.mjs';
 import classes from './Editor.module.css.mjs';
-import { getSchemaNodesSummary } from './helpers/common.mjs';
+import { getComponentTagNode, getSchemaNodesSummary } from './helpers/common.mjs';
 import { transformValueToEditorSchema } from './helpers/transformValueToEditorSchema.mjs';
 import { transformEditorSchemaToValue } from './helpers/transformEditorSchemaToValue.mjs';
 

package/dist/esm/components/ComboBoxElements/TipTapEditor/Editor.module.css.mjs

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

package/dist/esm/components/ComboBoxElements/TipTapEditor/EditorStandAlone.mjs

@@ -2,17 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useComboboxEditor, Editor } from './Editor.mjs';
-import './TagComponent.mjs';
-import '../../SvgIcon/index.mjs';
-import '@integration-app/sdk';
-import 'fuse';
 
 const StandAloneEditor = forwardRef(({ value, onChange, ...props }, ref) => {
   const { editor } = useComboboxEditor({

package/dist/esm/components/ComboBoxElements/TipTapEditor/TagComponent.mjs

@@ -2,83 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
-import { jsx } from 'react/jsx-runtime';
 import { Node, mergeAttributes } from '@tiptap/core';
-import { ReactNodeViewRenderer, NodeViewWrapper } from '@tiptap/react';
-import { useCallback } from 'react';
-import clsx from 'clsx';
-import { ComboBox } from '../../ComboBox/index.mjs';
-import { useComboBox } from '../../ComboBox/context/combobox-context.mjs';
-import classes from '../inputs.module.css.mjs';
-import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
-import { usIsFieldFrozen } from '../../DataBuilder/hooks.mjs';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import { TAG_EXTENSION_NAME, TAG_EXTENSION_TAG } from './constants.mjs';
+import { TagNodeView } from './TagNodeView.mjs';
 
-const TAG_EXTENSION_NAME = "tagComponent";
-const TAG_EXTENSION_TAG = "tag-component";
-const TagComponent = (props) => {
-  const { value, autoOpen } = props.node.attrs;
-  const { isReadOnly } = useDataBuilder();
-  const isFrozenField = usIsFieldFrozen();
-  const handleChange = (value2) => {
-    if (value2 === void 0) {
-      props.deleteNode();
-    } else {
-      props.updateAttributes({
-        value: value2
-      });
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    NodeViewWrapper,
-    {
-      as: "span",
-      className: clsx(classes.tagWrapper, {
-        [classes.tagWrapper__readonly]: isReadOnly || isFrozenField
-      }),
-      children: /* @__PURE__ */ jsx(
-        Tag,
-        {
-          value,
-          autoOpen,
-          onChange: handleChange,
-          disabled: isReadOnly || isFrozenField
-        }
-      )
-    }
-  );
-};
-function Tag({
-  value,
-  autoOpen,
-  onChange,
-  disabled
-}) {
-  const { variablesSchema } = useComboBox();
-  const handleValueChange = useCallback(
-    (value2) => {
-      onChange(value2);
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsx(
-    ComboBox,
-    {
-      className: classes.innerTag,
-      value,
-      schema: { type: "string" },
-      variablesOnly: true,
-      disabled,
-      variablesSchema,
-      onChange: handleValueChange,
-      autoOpen
-    }
-  );
-}
-var TagComponent$1 = Node.create({
+const TagComponent = Node.create({
   name: TAG_EXTENSION_NAME,
   group: "inline",
   inline: true,
@@ -107,18 +40,8 @@ var TagComponent$1 = Node.create({
     return [TAG_EXTENSION_TAG, mergeAttributes(HTMLAttributes)];
   },
   addNodeView() {
-    return ReactNodeViewRenderer(TagComponent, { contentDOMElementTag: "span" });
+    return ReactNodeViewRenderer(TagNodeView, { contentDOMElementTag: "span" });
   }
 });
-function getComponentTagNode(id, value, { autoOpen } = {}) {
-  return {
-    type: TAG_EXTENSION_NAME,
-    attrs: {
-      id,
-      value,
-      autoOpen
-    }
-  };
-}
 
-export { TAG_EXTENSION_NAME, TAG_EXTENSION_TAG, TagComponent$1 as default, getComponentTagNode };
+export { TagComponent };

package/dist/esm/components/ComboBoxElements/TipTapEditor/TagNodeView.mjs

@@ -0,0 +1,79 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import { NodeViewWrapper } from '@tiptap/react';
+import { useCallback } from 'react';
+import clsx from 'clsx';
+import { ComboBox } from '../../ComboBox/ComboBox.mjs';
+import { useComboBox } from '../../ComboBox/context/combobox-context.mjs';
+import classes from '../inputs.module.css.mjs';
+import useDataBuilder from '../../DataBuilder/data-builder-context.mjs';
+import { usIsFieldFrozen } from '../../DataBuilder/hooks.mjs';
+
+function Tag({
+  value,
+  autoOpen,
+  onChange,
+  disabled
+}) {
+  const { variablesSchema } = useComboBox();
+  const handleValueChange = useCallback(
+    (value2) => {
+      onChange(value2);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsx(
+    ComboBox,
+    {
+      className: classes.innerTag,
+      value,
+      schema: { type: "string" },
+      variablesOnly: true,
+      disabled,
+      variablesSchema,
+      onChange: handleValueChange,
+      autoOpen
+    }
+  );
+}
+const TagNodeView = (props) => {
+  const { value, autoOpen } = props.node.attrs;
+  const { isReadOnly } = useDataBuilder();
+  const isFrozenField = usIsFieldFrozen();
+  const handleChange = (value2) => {
+    if (value2 === void 0) {
+      props.deleteNode();
+    } else {
+      props.updateAttributes({
+        value: value2
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    NodeViewWrapper,
+    {
+      as: "span",
+      className: clsx(classes.tagWrapper, {
+        [classes.tagWrapper__readonly]: isReadOnly || isFrozenField
+      }),
+      children: /* @__PURE__ */ jsx(
+        Tag,
+        {
+          value,
+          autoOpen,
+          onChange: handleChange,
+          disabled: isReadOnly || isFrozenField
+        }
+      )
+    }
+  );
+};
+
+export { TagNodeView };

package/dist/esm/components/ComboBoxElements/TipTapEditor/constants.mjs

@@ -0,0 +1,12 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+const TAG_EXTENSION_NAME = "tagComponent";
+const TAG_EXTENSION_TAG = "tag-component";
+
+export { TAG_EXTENSION_NAME, TAG_EXTENSION_TAG };

package/dist/esm/components/ComboBoxElements/TipTapEditor/extension-keyboardShortcuts.mjs

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

package/dist/esm/components/ComboBoxElements/TipTapEditor/helpers/clicks.mjs

@@ -2,11 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
-import { TAG_EXTENSION_NAME } from '../TagComponent.mjs';
+import { TAG_EXTENSION_NAME } from '../constants.mjs';
 
 function isClickOnEditorCustomTagComponent(element, rootElement) {
   if (!element) {

package/dist/esm/components/ComboBoxElements/TipTapEditor/helpers/common.mjs

@@ -2,11 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { isCustomFieldValue } from '../../../ComboBox/options-factories/custom-field.mjs';
+import { TAG_EXTENSION_NAME } from '../constants.mjs';
 
 const TAG_MARK_END = "}";
 const TAG_MARK_START = "{";
@@ -134,5 +135,15 @@ function getSchemaNodesSummary(schema) {
     { text: 0, nonText: 0 }
   );
 }
+function getComponentTagNode(id, value, { autoOpen } = {}) {
+  return {
+    type: TAG_EXTENSION_NAME,
+    attrs: {
+      id,
+      value,
+      autoOpen
+    }
+  };
+}
 
-export { TAG_MARK_END, TAG_MARK_START, getSchemaNodesSummary, getTagChunkValue, getTagString, getTemplateFromTplValue, getTemplateWithExistingTags, getTextNode, getValuesExistInTemplate, getValuesFromTplValue, isTagChunk, regExpTag, splitStringToChunks, transformTplToValue, transformValueToTpl };
+export { TAG_MARK_END, TAG_MARK_START, getComponentTagNode, getSchemaNodesSummary, getTagChunkValue, getTagString, getTemplateFromTplValue, getTemplateWithExistingTags, getTextNode, getValuesExistInTemplate, getValuesFromTplValue, isTagChunk, regExpTag, splitStringToChunks, transformTplToValue, transformValueToTpl };

package/dist/esm/components/ComboBoxElements/TipTapEditor/helpers/transformEditorSchemaToValue.mjs

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
-import { TAG_EXTENSION_NAME } from '../TagComponent.mjs';
 import { transformTplToValue, getTagString } from './common.mjs';
+import { TAG_EXTENSION_NAME } from '../constants.mjs';
 
 function transformEditorSchemaToValue(schema) {
   const template = (schema?.content ?? []).map((node) => transformParagraphNodeToTplString(node)).join("\n");

package/dist/esm/components/ComboBoxElements/TipTapEditor/helpers/transformValueToEditorSchema.mjs

@@ -2,12 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
-import { getComponentTagNode } from '../TagComponent.mjs';
-import { transformValueToTpl, getTemplateFromTplValue, getValuesFromTplValue, splitStringToChunks, isTagChunk, getTagChunkValue, getTextNode } from './common.mjs';
+import { transformValueToTpl, getTemplateFromTplValue, getValuesFromTplValue, splitStringToChunks, isTagChunk, getTagChunkValue, getComponentTagNode, getTextNode } from './common.mjs';
 
 function transformValueToEditorSchema(value) {
   const safeValue = transformValueToTpl(value);

package/dist/esm/components/ComboBoxElements/inputs.module.css.mjs

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

package/dist/esm/components/DataBuilder/Condition/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
@@ -11,7 +11,7 @@ import { getFormula, DataBuilderFormulaType, Formula } from '@integration-app/sd
 import { NestedLevel, Row, Cell, ActionBar } from '../../DataBuilderUI/index.mjs';
 import DataBuilderFormFieldValue from '../FieldValue/index.mjs';
 import { DataBuilderFieldControlPanel } from '../Nested/FieldControlPanel/index.mjs';
-import { ComboBox } from '../../ComboBox/index.mjs';
+import { ComboBox } from '../../ComboBox/ComboBox.mjs';
 import useEventStopPropagation from '../../../hooks/useEventStopPropagation.mjs';
 import { makeSubField } from '../data-field.mjs';
 import { DataBuilderFieldProvider } from '../field-context.mjs';

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

@@ -2,24 +2,25 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { isFormula } from '@integration-app/sdk';
 import { useEffect } from 'react';
-import { isDefinedValue } from '../ComboBox/Value/Schema.mjs';
+import { isDefinedValue } from '../ComboBox/Value/isDefinedValue.mjs';
 import { NestedLevel, Row, Cell } from '../DataBuilderUI/index.mjs';
 import useDataBuilder from './data-builder-context.mjs';
 import { isFieldVisible } from './data-field.mjs';
 import useDataBuilderField, { DataBuilderFieldProvider } from './field-context.mjs';
 import { FieldDelete } from './FieldDelete.mjs';
 import FieldName from './FieldName.mjs';
-import { FieldTypeSelector, convertableSchemaToSchema } from './FieldTypeSelector/index.mjs';
+import { FieldTypeSelector } from './FieldTypeSelector/index.mjs';
 import DataBuilderFormFieldValue from './FieldValue/index.mjs';
 import DataBuilderFormNested from './Nested.mjs';
 import { usIsFieldFrozen } from './hooks.mjs';
+import { convertableSchemaToSchema } from './FieldTypeSelector/convertableSchemaToSchema.mjs';
 
 function DataBuilderFormField({
   field,

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

@@ -2,12 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { SvgIcon, SvgIconType } from '../SvgIcon/index.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
+import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
 import useEventStopPropagation from '../../hooks/useEventStopPropagation.mjs';
 import { ActionBar } from '../DataBuilderUI/index.mjs';
 

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

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

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

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

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

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

package/dist/esm/components/DataBuilder/FieldTypeSelector/convertableSchemaToSchema.mjs

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

package/dist/esm/components/DataBuilder/FieldTypeSelector/index.mjs

@@ -2,14 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isFormula } from '@integration-app/sdk';
 import { toHeaderCase } from 'js-convert-case';
-import { SvgIconType, SvgIcon } from '../../SvgIcon/index.mjs';
+import { SvgIcon } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { getFieldSchemaOptions } from '../data-field.mjs';
 import useDataBuilderField from '../field-context.mjs';
 import { useDataBuilderFieldCanUseVarFromVariables } from '../hooks.mjs';
@@ -201,14 +202,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;
-}
 
-export { FieldTypeSelector, convertableSchemaToSchema };
+export { FieldTypeSelector };

package/dist/esm/components/DataBuilder/FieldValue/Array.mjs

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

package/dist/esm/components/DataBuilder/FieldValue/Default.mjs

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.3
  */
 'use client';
 
 import { jsx } from 'react/jsx-runtime';
-import { ComboBox } from '../../ComboBox/index.mjs';
+import { ComboBox } from '../../ComboBox/ComboBox.mjs';
 import useDataBuilder from '../data-builder-context.mjs';
 import useDataBuilderField from '../field-context.mjs';
 import { getValueSpecFromSchema } from '../../ComboBox/value-spec.mjs';

package/dist/esm/components/DataBuilder/FieldValue/ScalarArray.mjs

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

package/dist/esm/components/DataBuilder/FieldValue/ScalarArray.module.css.mjs

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

package/dist/esm/components/DataBuilder/FieldValue/index.mjs

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

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

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

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

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