npm - @integration-app/react - Versions diffs - 2.22.0 → 2.22.2 - Mend

@integration-app/react 2.22.0 → 2.22.2

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 (622) hide show

package/dist/cjs/ui-kit/styled/skeleton.cjs CHANGED Viewed

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

package/dist/cjs/ui-kit/styled/spinner.cjs CHANGED Viewed

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

package/dist/cjs/ui-kit/styled/switch.cjs CHANGED Viewed

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

package/dist/cjs/ui-kit/styled/text.cjs CHANGED Viewed

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

package/dist/cjs/ui-kit/styled/tooltip.cjs CHANGED Viewed

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

package/dist/cjs/ui-kit/styled/utils/create-style-context.cjs CHANGED Viewed

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

package/dist/cjs/ui-kit/switch.cjs CHANGED Viewed

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

package/dist/esm/_modules/awesome-debounce-promise.mjs CHANGED Viewed

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

package/dist/esm/_modules/react-use-promise.mjs CHANGED Viewed

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

package/dist/esm/components/AdvancedOptions.mjs CHANGED Viewed

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

package/dist/esm/components/Button/Button.mjs CHANGED Viewed

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

package/dist/esm/components/Button/Button.module.css.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Badges/ComboBoxFormulaBadge.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Badges/ComboBoxSchemaValueBadge.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Badges/ComboBoxValueBadge.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Badges/EditorTagBadge/NestedBadgeValue.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Badges/EditorTagBadge/index.mjs CHANGED Viewed

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

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

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

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

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

package/dist/esm/components/ComboBox/ComboboxTriggers/ComboboxEditorTrigger.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/ComboboxTriggers/ComboboxTagTrigger.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/ActiveCategoryContent.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/CustomValue.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/Formulas/DropdownPanelFormulaConfig.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/Formulas/index.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/Lookup.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/LookupOptions/ParametersPanel.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/LookupOptions/UiComponents.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/LookupOptions/index.mjs CHANGED Viewed

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.22.0
+ * v2.22.2
  */
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
+import { memo, useState, useRef, useEffect } from 'react';
 import { getReferenceCollectionPointerForSchema, getMissingRequiredFields, extractIntegrationAppErrorData } from '@integration-app/sdk';
 import deepEqual from 'fast-deep-equal';
 import { DropdownUI } from '../../../../DropdownUI/index.mjs';
@@ -93,7 +93,7 @@ const lookupOptionsRecipe = sva({
   }
 });
 const styles = lookupOptionsRecipe();
-function LookupOptionsCategoryContent({
+const LookupOptionsCategoryContent = memo(function({
   onOptionSelect,
   children
 }) {
@@ -211,33 +211,31 @@ function LookupOptionsCategoryContent({
   const filteredOptions = filterOptionsByLabel(options, dropdownSearchInputValue, true, ["value"]);
   const aggregatedOptions = aggregateOptions(filteredOptions, dropdownSearchInputValue, findByIdOption);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    hasParameters && /* @__PURE__ */ jsx(
-      ParametersPanel,
-      {
-        onChange: (value) => setParametersValue(value),
-        schema: referenceCollectionSpec?.parametersSchema,
-        value: parametersValue
-      }
-    ),
-    /* @__PURE__ */ jsx(Divider, { my: "1.5" }),
+    hasParameters && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ParametersPanel,
+        {
+          onChange: (value) => setParametersValue(value),
+          schema: referenceCollectionSpec?.parametersSchema,
+          value: parametersValue
+        }
+      ),
+      /* @__PURE__ */ jsx(Divider, { my: "1.5" })
+    ] }),
     /* @__PURE__ */ jsx(Flex, { className: styles.container, children: /* @__PURE__ */ jsxs(DropdownUI.List, { children: [
-      children ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        children,
-        /* @__PURE__ */ jsx(Divider, { my: "1.5" })
-      ] }) : null,
+      children,
+      /* @__PURE__ */ jsx(Divider, { my: "1.5" }),
       /* @__PURE__ */ jsx(DropdownUI.ListHeader, { children: "Available options" }),
+      /* @__PURE__ */ jsx(
+        LookupOptionsList,
+        {
+          fallbackOptions: options,
+          options: aggregatedOptions,
+          onOptionSelect: (value) => onOptionSelect(value?.value)
+        }
+      ),
       hasMissingParameters && /* @__PURE__ */ jsx(OptionsParametersRequiredAlert, {}),
-      !hasMissingParameters && !error && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          LookupOptionsList,
-          {
-            fallbackOptions: options,
-            options: aggregatedOptions,
-            onOptionSelect: (value) => onOptionSelect(value?.value)
-          }
-        ),
-        additionalMessage && /* @__PURE__ */ jsx(AdditionalMessageAlert, { text: additionalMessage })
-      ] }),
+      !hasMissingParameters && !error && additionalMessage && /* @__PURE__ */ jsx(AdditionalMessageAlert, { text: additionalMessage }),
       !hasMissingParameters && isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(DropdownUI.LoadingItem, {}),
         /* @__PURE__ */ jsx(DropdownUI.LoadingItem, {}),
@@ -246,7 +244,7 @@ function LookupOptionsCategoryContent({
       !hasMissingParameters && !isLoading && error && /* @__PURE__ */ jsx(DropdownUI.ErrorHeading, { text: error?.message || "Something went wrong" })
     ] }) })
   ] });
-}
+});
 function LookupOptionsList({
   options,
   fallbackOptions,
@@ -261,7 +259,7 @@ function LookupOptionsList({
   function handleOptionSelect(option) {
     onOptionSelect(option);
   }
-  return /* @__PURE__ */ jsx(DropdownUI.List, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(DropdownUI.List, { className: css({ "&:not(:last-child)": { mb: "1" } }), children: /* @__PURE__ */ jsx(
     DropdownListOptions,
     {
       fallbackOptions,
@@ -283,7 +281,7 @@ function DropdownListOptions({
   const isFallback = !options.length;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     isFallback && /* @__PURE__ */ jsx(DropdownUI.NoOptionsHeading, { text: "No options found" }),
-    isFallback && /* @__PURE__ */ jsx("hr", { className: css({ my: 2 }) }),
+    isFallback && !!items.length && /* @__PURE__ */ jsx("hr", { className: css({ my: 2 }) }),
     items.map((option, idx) => /* @__PURE__ */ jsx(
       DropdownOption,
       {

package/dist/esm/components/ComboBox/Dropdown/Categories/Options.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/Root.mjs CHANGED Viewed

@@ -2,11 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.22.0
+ * v2.22.2
  */
 'use client';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
 import { DropdownCategoryType } from '../../shared.mjs';
 import { DropdownUI } from '../../../DropdownUI/index.mjs';
@@ -15,7 +15,8 @@ import { LookupOptionsCategoryContent } from './LookupOptions/index.mjs';
 function RootCategoryContent({ onOptionSelect }) {
   const { availableCategories } = useComboBoxDropdownContext();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DropdownUI.Panel, { children: availableCategories?.includes(DropdownCategoryType.LOOKUP_OPTIONS) ? /* @__PURE__ */ jsx(LookupOptionsCategoryContent, { onOptionSelect, children: /* @__PURE__ */ jsx(OptionsList, { onOptionSelect }) }) : /* @__PURE__ */ jsx(DropdownUI.List, { children: /* @__PURE__ */ jsx(OptionsList, { onOptionSelect }) }) }) });
+  const optionsList = /* @__PURE__ */ jsx(OptionsList, { onOptionSelect });
+  return /* @__PURE__ */ jsx(DropdownUI.Panel, { children: availableCategories?.includes(DropdownCategoryType.LOOKUP_OPTIONS) ? /* @__PURE__ */ jsx(LookupOptionsCategoryContent, { onOptionSelect, children: optionsList }) : /* @__PURE__ */ jsx(DropdownUI.List, { children: optionsList }) });
 }
 export { RootCategoryContent };

package/dist/esm/components/ComboBox/Dropdown/Categories/Variables.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Categories/getLookupCollection.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/DrillUpButton.mjs CHANGED Viewed

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

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

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

package/dist/esm/components/ComboBox/Dropdown/KeyboardNavigation/NavigationContext.mjs CHANGED Viewed

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.22.0
+ * v2.22.2
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { useState, useReducer, createContext, useRef, useContext, useEffect } from 'react';
+import { useState, useReducer, useRef, createContext, useId, useContext, useEffect } from 'react';
 import deepEqual from 'fast-deep-equal';
 import { useDeepEffect } from '../../../../helpers/hooks/useDeepEffect.mjs';
 import { useComboBoxDropdownContext } from '../../context/combobox-dropdown-context.mjs';
@@ -19,18 +19,19 @@ const NavigationContext = createContext({
   onOptionsListChange: () => null
 });
 function payloadReducer(state, action) {
-  const compactState = Object.entries(state).reduce((acc, [orderId, payload]) => {
+  const compactState = Object.entries(state).reduce((acc, [sourceId, payload]) => {
     if (!payload.options.length && !payload.fallbackOptions.length) {
       return acc;
     }
     return {
       ...acc,
-      [Number(orderId)]: payload
+      [sourceId]: payload
     };
   }, {});
   return {
     ...compactState,
-    [action.orderId]: {
+    [action.sourceId]: {
+      index: action.index,
       options: action.options,
       fallbackOptions: action.fallbackOptions
     }
@@ -40,6 +41,7 @@ function NavigationContextProvider({ children }) {
   const [currentItem, setCurrentItem] = useState(null);
   const [payload, dispatch] = useReducer(payloadReducer, {});
   const { isOptionSelected, drillDownStackTop } = useComboBoxDropdownContext();
+  const insertionCounter = useRef(0);
   useDeepEffect(() => {
     const itemOptions = getUnifiedOptionsList(payload);
     if (!itemOptions.length) {
@@ -109,9 +111,11 @@ function NavigationContextProvider({ children }) {
       setCurrentItem(currentOption);
     }
   };
-  const onOptionsListChange = ({ orderId, options, fallbackOptions }) => {
+  const onOptionsListChange = ({ sourceId, options, fallbackOptions }) => {
+    insertionCounter.current++;
     dispatch({
-      orderId,
+      sourceId,
+      index: insertionCounter.current,
       options,
       fallbackOptions
     });
@@ -130,11 +134,11 @@ function NavigationContextProvider({ children }) {
   );
 }
 function useNavigationContext(options = [], fallbackOptions = []) {
-  const orderId = useRef(Date.now());
+  const sourceId = useId();
   const { currentItem, moveToNextItem, moveToPreviousItem, onOptionsListChange } = useContext(NavigationContext);
   useDeepEffect(() => {
     onOptionsListChange({
-      orderId: orderId.current,
+      sourceId,
       options,
       fallbackOptions
     });
@@ -142,7 +146,7 @@ function useNavigationContext(options = [], fallbackOptions = []) {
   useEffect(() => {
     return () => {
       onOptionsListChange({
-        orderId: orderId.current,
+        sourceId,
         options: [],
         fallbackOptions: []
       });
@@ -165,7 +169,7 @@ function getOptionIndex(option, options) {
   return options.findIndex((o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option)));
 }
 const getUnifiedOptionsList = (payload) => {
-  const { options, fallbackOptions } = Object.entries(payload).sort(([orderId]) => Number(orderId)).reduce(
+  const { options, fallbackOptions } = Object.entries(payload).sort(([_, { index }]) => index).reduce(
     (acc, [_, { options: options2, fallbackOptions: fallbackOptions2 }]) => {
       return {
         options: [...acc.options, ...options2],

package/dist/esm/components/ComboBox/Dropdown/KeyboardNavigation/useKeyboardBinding.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/Option.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/OptionsList.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/SearchInput.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/Dropdown/categoryContentMapping.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/DropdownPopover/DropdownPositioner.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/DropdownPopover/index.mjs CHANGED Viewed

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

package/dist/esm/components/ComboBox/FocusTrap/index.mjs CHANGED Viewed

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