npm - @integration-app/react - Versions diffs - 2.0.3 → 2.0.4-beta.0 - Mend

@integration-app/react 2.0.3 → 2.0.4-beta.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 (632) hide show

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

@@ -2,43 +2,56 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useEffect } from 'react';
+import { createContext, useState, useContext, useRef, useEffect } from 'react';
 import { getRefElement } from '../../../helpers/getRefElement.mjs';
-const DropdownStackContext = createContext(false);
-let GLOBAL_DROPDOWN_STACK = [];
+const DropdownStackContext = createContext({
+  isNested: false,
+  stack: [],
+  setStack: () => {
+  }
+});
 const DropdownStackContextProvider = ({
   children
 }) => {
-  const hasNestedDropdownsContext = useContext(DropdownStackContext);
+  const [stack, setStack] = useState([]);
+  const { isNested: hasNestedDropdownsContext } = useContext(DropdownStackContext);
   if (hasNestedDropdownsContext) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsx(DropdownStackContext.Provider, { value: true, children });
+  return /* @__PURE__ */ jsx(
+    DropdownStackContext.Provider,
+    {
+      value: {
+        isNested: true,
+        stack,
+        setStack
+      },
+      children
+    }
+  );
 };
 const useDropdownStackContext = (dropdownRef) => {
-  const isNested = useContext(DropdownStackContext);
+  const { isNested, stack, setStack } = useContext(DropdownStackContext);
   const recordRef = useRef(dropdownRef);
   useEffect(() => {
     if (isNested) {
-      GLOBAL_DROPDOWN_STACK.push(recordRef?.current);
+      setStack((prev) => [...prev, recordRef?.current]);
     } else {
-      GLOBAL_DROPDOWN_STACK = [recordRef?.current];
+      setStack([recordRef?.current]);
     }
     return () => {
-      GLOBAL_DROPDOWN_STACK = GLOBAL_DROPDOWN_STACK.filter(
-        (record) => record !== recordRef?.current
-      );
+      setStack((prev) => prev.filter((record) => record !== recordRef?.current));
     };
   }, []);
   function isClickInsideRefsAndChildren(event) {
-    const stackStartedFromElement = GLOBAL_DROPDOWN_STACK.slice(
-      GLOBAL_DROPDOWN_STACK.indexOf(recordRef?.current)
+    const stackStartedFromElement = stack.slice(
+      stack.indexOf(recordRef?.current)
     );
     return stackStartedFromElement.some((ref) => {
       return isClickInsideRefRecord(ref, event);

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.0.3
+ * v2.0.4-beta.0
  */
 'use client';
@@ -26,22 +26,11 @@ async function getAvailableRootCategories({
   connectionId,
   integrationId
 }) {
-  const availableCategories = [];
+  const availableCategories = /* @__PURE__ */ new Set();
   const udm = schema?.referenceUdm;
   const udmSpec = udm ? UNIFIED_DATA_MODELS[udm] : void 0;
   if (!!udmSpec) {
-    availableCategories.push(DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
-  }
-  const comboboxHasOptions = Array.isArray(options);
-  const comboboxHasOptionFactories = (optionFactories || []).length > 0;
-  const comboboxHasFixedValues = !!schema && schemaHasFixedValues(schema);
-  const comboboxHasOptionList = comboboxHasOptions || comboboxHasOptionFactories || comboboxHasFixedValues;
-  if (comboboxHasOptionList) {
-    availableCategories.push(DropdownCategoryType.OPTIONS);
-  }
-  const comboboxHasReferenceCollection = !!getReferenceCollectionPathForSchema(schema);
-  if (comboboxHasReferenceCollection && connectionId) {
-    availableCategories.push(DropdownCategoryType.LOOKUP_OPTIONS);
+    availableCategories.add(DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
   }
   if (schema && (connectionId || integrationId)) {
     const collection = await getLookupCollection({
@@ -51,20 +40,29 @@ async function getAvailableRootCategories({
       integrationId
     });
     if (collection?.find?.queryFields || collection?.match?.fields) {
-      availableCategories.push(
-        DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY
-      );
+      availableCategories.add(DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY);
     }
   }
+  const comboboxHasOptions = Array.isArray(options);
+  const comboboxHasOptionFactories = (optionFactories || []).length > 0;
+  const comboboxHasFixedValues = !!schema && schemaHasFixedValues(schema);
+  const comboboxHasOptionList = comboboxHasOptions || comboboxHasOptionFactories || comboboxHasFixedValues;
+  if (comboboxHasOptionList) {
+    availableCategories.add(DropdownCategoryType.OPTIONS);
+  }
+  const comboboxHasReferenceCollection = !!getReferenceCollectionPathForSchema(schema);
+  if (comboboxHasReferenceCollection && connectionId) {
+    availableCategories.add(DropdownCategoryType.LOOKUP_OPTIONS);
+  }
   const schemaAllowCustomValue = isSchemaAllowCustomValue(schema);
   if (!variablesOnly && !comboboxHasOptionList && schemaAllowCustomValue) {
-    availableCategories.push(DropdownCategoryType.CUSTOM);
+    availableCategories.add(DropdownCategoryType.CUSTOM);
   }
   if (hasVariables) {
-    availableCategories.push(DropdownCategoryType.VARIABLE);
-    availableCategories.push(DropdownCategoryType.FORMULA);
+    availableCategories.add(DropdownCategoryType.VARIABLE);
+    availableCategories.add(DropdownCategoryType.FORMULA);
   }
-  return availableCategories.length > 0 ? availableCategories : null;
+  return availableCategories.size > 0 ? [...availableCategories] : null;
 }
 function getCurrentPath(availableCategories, value) {
   if (availableCategories.length < 1) {
@@ -74,23 +72,13 @@ function getCurrentPath(availableCategories, value) {
     return availableCategories;
   }
   const formulaType = getFormula(value)?.type;
-  if (formulaType === DataBuilderFormulaType.LOOKUP) {
-    if (availableCategories.includes(
-      DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY
-    )) {
-      return [
-        DropdownCategoryType.ROOT,
-        DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY
-      ];
-    }
-    if (availableCategories.includes(
+  if (formulaType === DataBuilderFormulaType.LOOKUP && availableCategories.includes(
+    DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
+  )) {
+    return [
+      DropdownCategoryType.ROOT,
       DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
-    )) {
-      return [
-        DropdownCategoryType.ROOT,
-        DropdownCategoryType.SELECT_FROM_UDM_DYNAMICALLY
-      ];
-    }
+    ];
   }
   if (formulaType === DataBuilderFormulaType.VAR) {
     return [DropdownCategoryType.ROOT, DropdownCategoryType.VARIABLE];

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

@@ -2,10 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 class BooleanOptionsFactory {
   async getOptions({}) {
     return this.getOptionsSync();
@@ -14,11 +16,13 @@ class BooleanOptionsFactory {
     return [
       {
         label: "Yes",
-        value: true
+        value: true,
+        iconType: SvgIconType.ListOption
       },
       {
         label: "No",
-        value: false
+        value: false,
+        iconType: SvgIconType.ListOption
       }
     ];
   }

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

@@ -2,11 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
 import { filterOptionsByLabel } from './utils.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 class ConstantOptionFactory {
   constructor(options) {
@@ -18,7 +19,10 @@ class ConstantOptionFactory {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
-    return filterOptionsByLabel(this.options, input);
+    return filterOptionsByLabel(this.options, input).map((option) => ({
+      ...option,
+      iconType: SvgIconType.ListOption
+    }));
   }
 }

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.0.3
+ * v2.0.4-beta.0
  */
 'use client';

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

@@ -2,10 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { filterOptionsByLabel } from './utils.mjs';
 class EnumOptionFactory {
@@ -24,12 +25,14 @@ class EnumOptionFactory {
         if (typeof enumValue == "object" && enumValue.value) {
           options.push({
             label: enumValue.label ?? enumValue.value,
-            value: enumValue.value
+            value: enumValue.value,
+            iconType: SvgIconType.ListOption
           });
         } else {
           options.push({
             label: enumValue,
-            value: enumValue
+            value: enumValue,
+            iconType: SvgIconType.ListOption
           });
         }
       });

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.0.3
+ * v2.0.4-beta.0
  */
 'use client';
@@ -11,6 +11,7 @@ import { DropdownCategoryType } from '../types.mjs';
 import { ValueType } from '../value-spec.mjs';
 import { getFormulas } from '../../DataBuilder/Formula/index.mjs';
 import { renderCategories } from '../Dropdown/categoryContentMapping.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 class FormulaListOptionsFactory {
   async getOptions({ input, spec }) {
@@ -23,7 +24,8 @@ class FormulaListOptionsFactory {
         value: {
           [`$${type}`]: null
         },
-        childCategory: DropdownCategoryType.FORMULA_CONFIG
+        childCategory: DropdownCategoryType.FORMULA_CONFIG,
+        iconType: SvgIconType.ListOption
       });
     }
     const filteredOptions = filterOptionsByLabel(options, input);

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.0.3
+ * v2.0.4-beta.0
  */
 'use client';
@@ -51,6 +51,7 @@ function getOptionsForSchema({
   const textLabel = nameComponents?.length > 0 ? nameComponents.join(" ") : optionsSchema.title;
   const searchLabel = nameComponents.join(" ");
   const iconUri = showIcons ? getIconUriForLocator(schema, locator) : null;
+  const iconType = !iconUri ? SvgIconType.ListOption : void 0;
   if (optionsSchema.type == "object") {
     const isInvisibleObject = optionsSchema.title === "";
     if (expandObject || isInvisibleObject) {
@@ -64,7 +65,8 @@ function getOptionsForSchema({
           },
           /* FIXME: strictNullCheck temporary fix */
           // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
-          iconUri
+          iconUri,
+          iconType
         });
       }
       for (const key of Object.keys(optionsSchema.properties ?? {})) {
@@ -115,6 +117,7 @@ function getOptionsForSchema({
           /* FIXME: strictNullCheck temporary fix */
           // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
           iconUri,
+          iconType,
           drillDownOptionFactory: new ObjectFieldsOptionFactory({
             name: textLabel,
             schema,
@@ -137,6 +140,7 @@ function getOptionsForSchema({
           value: {
             $var: stepsToLocator(locatorToSteps(locator))
           },
+          iconType,
           iconUri: iconUri || void 0
         });
       }
@@ -167,6 +171,7 @@ function getOptionsForSchema({
         /* FIXME: strictNullCheck temporary fix */
         // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
         iconUri,
+        iconType,
         drillDownOptionFactory: new ConstantOptionFactory(listOptions)
       });
     }
@@ -180,7 +185,8 @@ function getOptionsForSchema({
         },
         /* FIXME: strictNullCheck temporary fix */
         // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
-        iconUri
+        iconUri,
+        iconType
       });
     }
   }

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.0.3
+ * v2.0.4-beta.0
  */
 'use client';

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

@@ -2,10 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { filterOptionsByLabel } from './utils.mjs';
 class ReferenceRecordsOptionsFactory {
@@ -24,7 +25,8 @@ class ReferenceRecordsOptionsFactory {
         if (typeof record == "object" && record.id !== void 0) {
           options.push({
             label: record.name ?? record.id,
-            value: record.id
+            value: record.id,
+            iconType: SvgIconType.ListOption
           });
         }
       });

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.0.3
+ * v2.0.4-beta.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.0.3
+ * v2.0.4-beta.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.0.3
+ * v2.0.4-beta.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.0.3
+ * v2.0.4-beta.0
  */
 'use client';
@@ -14,7 +14,6 @@ var DropdownCategoryType = /* @__PURE__ */ ((DropdownCategoryType2) => {
   DropdownCategoryType2["FORMULA_CONFIG"] = "formula_config";
   DropdownCategoryType2["CUSTOM"] = "custom";
   DropdownCategoryType2["LOOKUP_OPTIONS"] = "lookup_options";
-  DropdownCategoryType2["SELECT_FROM_COLLECTION_DYNAMICALLY"] = "select_from_collection_dynamically";
   DropdownCategoryType2["SELECT_FROM_UDM_DYNAMICALLY"] = "select_from_udm_dynamically";
   return DropdownCategoryType2;
 })(DropdownCategoryType || {});

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.0.3
+ * v2.0.4-beta.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.0.3
+ * v2.0.4-beta.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.0.3
+ * v2.0.4-beta.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.0.3
+ * v2.0.4-beta.0
  */
 'use client';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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