npm - @integration-app/react - Versions diffs - 2.5.11 → 2.6.0 - Mend

@integration-app/react 2.5.11 → 2.6.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 (620) hide show

package/dist/esm/components/ComboBox/Value/Schema.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.11
+ * v2.6.0
  */
 'use client';
@@ -11,9 +11,12 @@ import { forwardRef } from 'react';
 import { getSchemaFromValue, getReferenceCollectionPointerForSchema } from '@integration-app/sdk';
 import { clsx } from 'clsx';
 import useSWR from 'swr';
+import { SvgIcon } from '../../SvgIcon/index.mjs';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
 import { useIntegrationApp } from '../../../contexts/integration-app-context.mjs';
+import { css } from '../../../styled-system/css/css.mjs';
+import '../../../styled-system/helpers.mjs';
 import { ComboBoxTag, getClassFromSchema } from '../../ComboBoxElements/ComboBoxTag.mjs';
 import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
@@ -30,7 +33,8 @@ const ComboBoxSchemaValue = forwardRef(
   }, ref) => {
     let valueElement;
     const schema = providedSchema?.type ? providedSchema : getSchemaFromValue(value, variablesSchema);
-    if (getReferenceCollectionPointerForSchema(schema)) {
+    const refCollection = getReferenceCollectionPointerForSchema(schema);
+    if (refCollection) {
       return /* @__PURE__ */ jsx(ReferenceCollectionValue, { schema, value });
     }
     if (schema?.referenceRecords) {
@@ -109,32 +113,38 @@ function ReferenceCollectionValue({
   const pointer = getReferenceCollectionPointerForSchema(
     schema
   );
-  const { data: findResponse, isLoading } = useSWR(
-    client && connectionId ? key : void 0,
-    async () => {
-      try {
-        return await client.connection(connectionId).dataCollection(pointer.key, pointer.parameters).findById({ id: value });
-      } catch (e) {
-        return {};
-      }
+  const { data: findResponse, isLoading } = useSWR(client && connectionId ? key : void 0, async () => {
+    try {
+      return await client.connection(connectionId).dataCollection(pointer.key, pointer.parameters).findById({ id: value });
+    } catch {
+      return void 0;
     }
-  );
+  });
   const record = findResponse?.record;
   if (isLoading) {
-    return /* @__PURE__ */ jsxs(ComboBoxTag, { children: [
-      strValue,
-      " (...loading)"
-    ] });
-  } else if (record?.name) {
-    return /* @__PURE__ */ jsxs(ComboBoxTag, { children: [
-      record.name,
-      " (id: ",
-      record.id,
-      ")"
-    ] });
-  } else {
-    return /* @__PURE__ */ jsx(ComboBoxTag, { children: strValue });
+    return /* @__PURE__ */ jsxs(
+      ComboBoxTag,
+      {
+        className: css({
+          gap: "2"
+        }),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: record?.name || strValue }),
+          /* @__PURE__ */ jsx(
+            SvgIcon,
+            {
+              type: SvgIconType.Loader,
+              className: css({ w: "4", aspectRatio: "aspect-square" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  if (record?.name) {
+    return /* @__PURE__ */ jsx(ComboBoxTag, { children: record.name });
   }
+  return /* @__PURE__ */ jsx(ComboBoxTag, { children: strValue });
 }
 export { ComboBoxSchemaValue };

package/dist/esm/components/ComboBox/Value/isDefinedValue.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/context/combobox-context.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/context/combobox-dropdown-context.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/context/combobox-dropdown-search.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/context/combobox-dropdown-stack.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/context/helpers.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/boolean.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/constant.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/custom-field.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/enum.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/formula.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/generate-schema-options.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/object-fields.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/reference-records.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/root.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/utils.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/options-factories/variable.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/types.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/value-spec.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/ComboBoxTag.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/ComboBoxTag.module.css.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/Editor.module.css.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/components/EditorTag.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.11
+ * v2.6.0
  */
 'use client';
@@ -25,7 +25,7 @@ const EditorTag = ({
   const { isReadOnly } = useDataBuilder();
   const isFrozenField = usIsFieldFrozen();
   const [editor] = useLexicalComposerContext();
-  const { variablesSchema } = useComboBox();
+  const { variablesSchema, schema } = useComboBox();
   const handleChange = (value2) => {
     editor.update(() => {
       const node = $getNodeByKey(internalKey);
@@ -49,7 +49,7 @@ const EditorTag = ({
         {
           className: classes.innerTag,
           value,
-          schema: { type: "string" },
+          schema,
           variablesOnly: true,
           disabled: isReadOnly || isFrozenField,
           variablesSchema,

package/dist/esm/components/ComboBoxElements/Editor/editor.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.11
+ * v2.6.0
  */
 'use client';
@@ -50,7 +50,7 @@ const placeholderEmulation = css({
     }
   }
 });
-const LexicalEditor = forwardRef(({ onChange, value, placeholder, disabled, ...props }, ref) => {
+const LexicalEditor = forwardRef(({ onChange, value, schema, placeholder, disabled, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Box, { className: clsx(classes.editor), children: /* @__PURE__ */ jsx(
       PlainTextPlugin,
@@ -84,7 +84,7 @@ const LexicalEditor = forwardRef(({ onChange, value, placeholder, disabled, ...p
         onChange
       }
     ),
-    /* @__PURE__ */ jsx(StateSyncPlugin, { value }),
+    /* @__PURE__ */ jsx(StateSyncPlugin, { value, schema }),
     /* @__PURE__ */ jsx(ConfigPlugin, { disabled })
   ] });
 });

package/dist/esm/components/ComboBoxElements/Editor/helpers/clicks.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/helpers/common.mjs CHANGED Viewed

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

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

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

package/dist/esm/components/ComboBoxElements/Editor/helpers/transformEditorSchemaToValue.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/helpers/transformValueToEditorSchema.mjs CHANGED Viewed

@@ -2,16 +2,17 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.11
+ * v2.6.0
  */
 'use client';
+import { getReferenceCollectionPointerForSchema } from '@integration-app/sdk';
 import { EditorTagNode } from '../nodes/EditorTagNode.mjs';
 import { transformValueToTpl, getTemplateFromTplValue, getValuesFromTplValue, splitStringToChunks, isTagChunk, getTagChunkIdentifier, isValueTemplate } from './common.mjs';
-function transformValueToEditorSchema(value) {
+function transformValueToEditorSchema(value, schema) {
   const paragraph = {
-    children: getParagraphNodes(value),
+    children: getParagraphNodes(value, schema),
     direction: "ltr",
     format: "",
     indent: 0,
@@ -31,7 +32,7 @@ function transformValueToEditorSchema(value) {
     }
   };
 }
-const getParagraphNodes = (value) => {
+const getParagraphNodes = (value, schema) => {
   const safeValue = transformValueToTpl(value);
   const template = getTemplateFromTplValue(safeValue);
   const templateValues = getValuesFromTplValue(safeValue);
@@ -39,6 +40,17 @@ const getParagraphNodes = (value) => {
   if (!chunks.length) {
     return [];
   }
+  const schemaHasRefCollection = !!getReferenceCollectionPointerForSchema(schema);
+  if (chunks.length === 1 && schemaHasRefCollection) {
+    const [chunk] = chunks;
+    return [
+      {
+        type: EditorTagNode.getType(),
+        value: { value: chunk, autoOpen: false, id: "" },
+        version: 1
+      }
+    ];
+  }
   const nodes = chunks.map(
     (chunk) => {
       if (isTagChunk(chunk)) {

package/dist/esm/components/ComboBoxElements/Editor/nodes/EditorTagNode.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/plugins/ConfigPlugin.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/plugins/EditorTagPlugin.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/plugins/KeyboardPlugin.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/plugins/StateSyncPlugin.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.11
+ * v2.6.0
  */
 'use client';
@@ -16,13 +16,16 @@ const getRootParagraphNodes = (editorState) => {
   if (paragraph.type !== "paragraph") return [];
   return paragraph.children;
 };
-function StateSyncPlugin({ value }) {
+function StateSyncPlugin({
+  value,
+  schema
+}) {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
     editor.update(() => {
       const currentState = editor.getEditorState();
       const newState = editor.parseEditorState(
-        transformValueToEditorSchema(value)
+        transformValueToEditorSchema(value, schema)
       );
       const currentRootParagraph = JSON.stringify(
         getRootParagraphNodes(currentState)

package/dist/esm/components/ComboBoxElements/Editor/plugins/commands.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/Editor/useEditor.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBoxElements/FieldWrapper.mjs CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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