@integration-app/react 2.19.0 → 2.21.0

package/dist/cjs/_modules/awesome-debounce-promise.cjs

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

package/dist/cjs/_modules/react-use-promise.cjs

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

package/dist/cjs/components/AdvancedOptions.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -19,31 +19,15 @@ function AdvancedOptions({
 }) {
   const [showAdvancedOptions, setShowAdvancedOptions] = React.useState(openByDefault);
   return showAdvancedOptions ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      Button.Button,
-      {
-        variant: "ajax",
-        onClick: () => setShowAdvancedOptions(false),
-        className: "-ml-6 self-start",
-        children: [
-          "Hide ",
-          title
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "ajax", onClick: () => setShowAdvancedOptions(false), className: "-ml-6 self-start", children: [
+      "Hide ",
+      title
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
-    Button.Button,
-    {
-      variant: "ajax",
-      onClick: () => setShowAdvancedOptions(true),
-      className: "-ml-6 self-start",
-      children: [
-        "Show ",
-        title
-      ]
-    }
-  );
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "ajax", onClick: () => setShowAdvancedOptions(true), className: "-ml-6 self-start", children: [
+    "Show ",
+    title
+  ] });
 }
 
 exports.AdvancedOptions = AdvancedOptions;

package/dist/cjs/components/Button/Button.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -46,20 +46,10 @@ function getButtonClassesBySize(size) {
 }
 const GenericButton = React.forwardRef(
   ({ children, className, loading, tooltip, tooltipProps = {}, ...restProps }, ref) => {
-    const button = /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        className,
-        type: "button",
-        ...restProps,
-        ref,
-        "aria-busy": loading ? "true" : void 0,
-        children: [
-          loading && /* @__PURE__ */ jsxRuntime.jsx(ButtonSvgIcon, { type: svgIconType.SvgIconType.Loader }),
-          children
-        ]
-      }
-    );
+    const button = /* @__PURE__ */ jsxRuntime.jsxs("button", { className, type: "button", ...restProps, ref, "aria-busy": loading ? "true" : void 0, children: [
+      loading && /* @__PURE__ */ jsxRuntime.jsx(ButtonSvgIcon, { type: svgIconType.SvgIconType.Loader }),
+      children
+    ] });
     if (tooltip) {
       return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { tooltip, ...tooltipProps, children: button });
     }
@@ -68,13 +58,7 @@ const GenericButton = React.forwardRef(
 );
 GenericButton.displayName = "GenericButton";
 const Button = React.forwardRef(
-  ({
-    variant = "primary",
-    size = "medium",
-    className,
-    children,
-    ...restProps
-  }, ref) => {
+  ({ variant = "primary", size = "medium", className, children, ...restProps }, ref) => {
     const buttonClass = clsx.clsx([
       Button_module.default["uikit-button"],
       getButtonClassesByVariant(variant),
@@ -86,14 +70,7 @@ const Button = React.forwardRef(
 );
 Button.displayName = "Button";
 const IconButton = React.forwardRef(
-  ({
-    children,
-    size = "medium",
-    className,
-    isActive,
-    tooltip,
-    ...restProps
-  }, ref) => {
+  ({ children, size = "medium", className, isActive, tooltip, ...restProps }, ref) => {
     const buttonIconClass = clsx.clsx([
       Button_module.default["uikit-button"],
       Button_module.default["uikit-button--icon"],

package/dist/cjs/components/Button/Button.module.css.cjs

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

package/dist/cjs/components/ComboBox/ComboBox.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -64,6 +64,7 @@ function ComboBox({
     comboboxContext.ComboBoxProvider,
     {
       value,
+      onValueChange: onChange,
       schema,
       valueSpec: valueSpec$1,
       variablesSchema,

package/dist/cjs/components/ComboBox/Dropdown/ActiveCategoryContent.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -12,9 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
 var categoryContentMapping = require('./categoryContentMapping.cjs');
 
-function ActiveCategoryContent({
-  onOptionSelect
-}) {
+function ActiveCategoryContent({ onOptionSelect }) {
   const { activeCategory } = comboboxDropdownContext.useComboBoxDropdownContext();
   const CategoryContainer = (activeCategory ? categoryContentMapping.CATEGORY_COMPONENTS[activeCategory] : void 0) ?? (() => /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Unknown category" }));
   return /* @__PURE__ */ jsxRuntime.jsx(CategoryContainer, { onOptionSelect });

package/dist/cjs/components/ComboBox/Dropdown/Categories/CustomValue.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -12,9 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../../DropdownUI/index.cjs');
 var OptionsList = require('../OptionsList.cjs');
 
-function CustomValueCategoryContent({
-  onOptionSelect
-}) {
+function CustomValueCategoryContent({ onOptionSelect }) {
   return /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.List, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onOptionSelect }) }) });
 }
 

package/dist/cjs/components/ComboBox/Dropdown/Categories/Formulas/DropdownPanelFormulaConfig.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -55,9 +55,7 @@ const formulaConfigRecipe = sva.sva({
     }
   }
 });
-function DropdownPanelFormulaConfig({
-  onOptionSelect
-}) {
+function DropdownPanelFormulaConfig({ onOptionSelect }) {
   const styles = formulaConfigRecipe();
   const { value, schema, variablesSchema, scopedComboboxId } = comboboxContext.useComboBox();
   const { drillUp } = comboboxDropdownContext.useComboBoxDropdownContext();

package/dist/cjs/components/ComboBox/Dropdown/Categories/Formulas/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -12,9 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../../../DropdownUI/index.cjs');
 var OptionsList = require('../../OptionsList.cjs');
 
-function FormulasCategoryContent({
-  onOptionSelect
-}) {
+function FormulasCategoryContent({ onOptionSelect }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.List, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onOptionSelect }) }) }) });
 }
 

package/dist/cjs/components/ComboBox/Dropdown/Categories/Lookup.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -41,9 +41,7 @@ var divider = require('../../../../styled-system/jsx/divider.cjs');
 require('../../../../styled-system/patterns/visually-hidden.cjs');
 var skeleton = require('../../../../ui-kit/styled/skeleton.cjs');
 
-function LookupCategoryContent({
-  onOptionSelect
-}) {
+function LookupCategoryContent({ onOptionSelect }) {
   const { field } = fieldContext.default();
   if (!field) {
     return null;
@@ -55,13 +53,7 @@ function LookupCategoryContent({
 }
 const lookupConfigRecipe = sva.sva({
   className: "lookup-config",
-  slots: [
-    "panel",
-    "nothing-found-selector",
-    "nothing-found-form",
-    "loading-container",
-    "skeleton"
-  ],
+  slots: ["panel", "nothing-found-selector", "nothing-found-form", "loading-container", "skeleton"],
   base: {
     panel: {
       p: "1.5",
@@ -181,15 +173,8 @@ function DataBuilderDrillDownLookup({ field, onChange }) {
       variablesSchema: field.variablesSchema
     });
     return /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { className: clsx.clsx(styles.panel, styles["loading-container"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Form.DataBuilderForm,
-        {
-          showNullValueFields: true,
-          field: dataBuilderField2,
-          onChange: () => {
-          }
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Form.DataBuilderForm, { showNullValueFields: true, field: dataBuilderField2, onChange: () => {
+      } }),
       /* @__PURE__ */ jsxRuntime.jsx(FieldSkeleton, {}),
       /* @__PURE__ */ jsxRuntime.jsx(FieldSkeleton, { delay: 500 }),
       /* @__PURE__ */ jsxRuntime.jsx(FieldSkeleton, { delay: 700 }),
@@ -197,12 +182,7 @@ function DataBuilderDrillDownLookup({ field, onChange }) {
     ] });
   }
   if (!queryFieldsSchema) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      index.DropdownUI.InfoHeading,
-      {
-        text: "This collection does not support lookup."
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.InfoHeading, { text: "This collection does not support lookup." });
   }
   const dataBuilderField = index$1.makeDataField({
     value: lookupValue.query,
@@ -247,13 +227,7 @@ function DataBuilderDrillDownLookup({ field, onChange }) {
           ] })
         ] })
       ] }),
-      lookupValue.createIfNotFound && /* @__PURE__ */ jsxRuntime.jsx(flex.Flex, { className: styles["nothing-found-form"], children: /* @__PURE__ */ jsxRuntime.jsx(
-        DataBuilderFormField.DataBuilderFormField,
-        {
-          field: makeNewRecordField(),
-          onChange: handleNewRecordChange
-        }
-      ) })
+      lookupValue.createIfNotFound && /* @__PURE__ */ jsxRuntime.jsx(flex.Flex, { className: styles["nothing-found-form"], children: /* @__PURE__ */ jsxRuntime.jsx(DataBuilderFormField.DataBuilderFormField, { field: makeNewRecordField(), onChange: handleNewRecordChange }) })
     ] }) })
   ] }) }) });
 }

package/dist/cjs/components/ComboBox/Dropdown/Categories/LookupOptions/ParametersPanel.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -69,24 +69,10 @@ function ParametersPanel({
       UiComponents.PanelHeader,
       {
         title: "Parameters",
-        actions: /* @__PURE__ */ jsxRuntime.jsx(
-          EditParametersButton,
-          {
-            onClick: toggleIsEditing,
-            isEditing
-          }
-        )
+        actions: /* @__PURE__ */ jsxRuntime.jsx(EditParametersButton, { onClick: toggleIsEditing, isEditing })
       }
     ),
-    isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
-      ParametersPanelForm,
-      {
-        onChange,
-        onClose: handleOnClose,
-        schema,
-        value
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(ParametersPanelView, { schema, value })
+    isEditing ? /* @__PURE__ */ jsxRuntime.jsx(ParametersPanelForm, { onChange, onClose: handleOnClose, schema, value }) : /* @__PURE__ */ jsxRuntime.jsx(ParametersPanelView, { schema, value })
   ] });
 }
 function ParametersPanelForm({
@@ -102,40 +88,22 @@ function ParametersPanelForm({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(Form.DataBuilderForm, { field, onChange }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      button.Button,
-      {
-        onClick: onClose,
-        variant: "outline",
-        colorPalette: "gray",
-        size: "sm",
-        className: styles["save-button"],
-        children: "Save and Close"
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: onClose, variant: "outline", colorPalette: "gray", size: "sm", className: styles["save-button"], children: "Save and Close" })
   ] });
 }
-function ParametersPanelView({
-  schema,
-  value
-}) {
-  const parameters = Object.entries(schema?.properties ?? {}).map(
-    ([key, field]) => {
-      return {
-        title: field?.title || jsConvertCase.toHeaderCase(key),
-        value: value?.[key]
-      };
-    }
-  );
+function ParametersPanelView({ schema, value }) {
+  const parameters = Object.entries(schema?.properties ?? {}).map(([key, field]) => {
+    return {
+      title: field?.title || jsConvertCase.toHeaderCase(key),
+      value: value?.[key]
+    };
+  });
   if (!parameters.length) {
     return /* @__PURE__ */ jsxRuntime.jsx(UiComponents.NoParameters, {});
   }
   return /* @__PURE__ */ jsxRuntime.jsx(UiComponents.ParametersList, { children: parameters.map(({ title, value: value2 }, i) => /* @__PURE__ */ jsxRuntime.jsx(UiComponents.Parameter, { children: /* @__PURE__ */ jsxRuntime.jsx(UiComponents.ParameterText, { title, value: value2 }) }, i)) });
 }
-function EditParametersButton({
-  onClick,
-  isEditing
-}) {
+function EditParametersButton({ onClick, isEditing }) {
   const label = isEditing ? "Cancel" : "Edit";
   const icon$1 = isEditing ? svgIconType.SvgIconType.Close : svgIconType.SvgIconType.Edit;
   return /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeaderButton, { onClick, children: [

package/dist/cjs/components/ComboBox/Dropdown/Categories/LookupOptions/UiComponents.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -48,36 +48,16 @@ const panelHeaderRecipe = sva.sva({
     }
   }
 });
-function PanelHeader({
-  title,
-  actions
-}) {
-  const {
-    container,
-    title: titleStyles,
-    actions: actionsStyles
-  } = panelHeaderRecipe();
+function PanelHeader({ title, actions }) {
+  const { container, title: titleStyles, actions: actionsStyles } = panelHeaderRecipe();
   return /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { className: container, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: titleStyles, children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(flex.Flex, { className: actionsStyles, children: actions })
   ] });
 }
-function PanelHeaderButton({
-  children,
-  ...props
-}) {
+function PanelHeaderButton({ children, ...props }) {
   const styles = panelHeaderRecipe();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    button.Button,
-    {
-      size: "xs",
-      variant: "ghost",
-      colorPalette: "gray",
-      className: styles["edit-button"],
-      ...props,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "xs", variant: "ghost", colorPalette: "gray", className: styles["edit-button"], ...props, children });
 }
 const parametersPreviewRecipe = sva.sva({
   className: "parameters-preview",
@@ -103,25 +83,13 @@ function ParametersList({ children }) {
 }
 function Parameter({ children }) {
   const styles = parametersPreviewRecipe();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    badge.Badge,
-    {
-      size: "sm",
-      variant: "subtle",
-      colorPalette: "gray",
-      className: styles.badge,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { size: "sm", variant: "subtle", colorPalette: "gray", className: styles.badge, children });
 }
 function NoParameters() {
   const styles = parametersPreviewRecipe();
   return /* @__PURE__ */ jsxRuntime.jsx(text.Text, { as: "span", className: styles["no-params"], children: "No parameters provided" });
 }
-function ParameterText({
-  title,
-  value
-}) {
+function ParameterText({ title, value }) {
   if (!value) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: title });
   const truncateTo = 20;
   const truncatedValue = value.length > truncateTo ? `${value?.substring(0, truncateTo)}...` : value;

package/dist/cjs/components/ComboBox/Dropdown/Categories/LookupOptions/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -104,23 +104,19 @@ function LookupOptionsCategoryContent({
   const [isLoading, setLoadingOptions] = React.useState(true);
   const [additionalMessage, setAdditionalMessage] = React.useState("");
   const [error, setError] = React.useState();
-  const { searchValue } = comboboxDropdownSearch.useComboBoxDropdownSearchContext();
+  const { dropdownSearchInputValue } = comboboxDropdownSearch.useComboBoxDropdownSearchContext();
   const { schema } = comboboxContext.useComboBox();
-  const throttledSearchValue = useThrottle.useThrottle(searchValue, 250);
+  const throttledSearchValue = useThrottle.useThrottle(dropdownSearchInputValue, 250);
   const pointer = sdk.getReferenceCollectionPointerForSchema(schema);
-  const [parametersValue, setParametersValue] = React.useState(
-    pointer?.parameters || {}
-  );
+  const [parametersValue, setParametersValue] = React.useState(pointer?.parameters || {});
   const { client } = integrationAppClientContext.useIntegrationAppClient();
   const { connectionId } = integrationAppConnectionContext.useIntegrationAppConnection();
   const { integrationId } = integrationAppIntegrationContext.useIntegrationAppIntegration();
   const currentLoadOptionsId = React.useRef("");
-  const { dataCollectionSpec: referenceCollectionSpec } = useDataCollectionSpec.useDataCollectionSpec(
-    {
-      key: pointer?.key,
-      integrationId
-    }
-  );
+  const { dataCollectionSpec: referenceCollectionSpec } = useDataCollectionSpec.useDataCollectionSpec({
+    key: pointer?.key,
+    integrationId
+  });
   React.useEffect(() => {
     if (pointer?.parameters) {
       setParametersValue(pointer.parameters);
@@ -139,11 +135,8 @@ function LookupOptionsCategoryContent({
   ]);
   if (!schema) return null;
   const hasParameters = Object.keys(referenceCollectionSpec?.parametersSchema?.properties ?? {}).length > 0;
-  const hasMissingParameters = sdk.getMissingRequiredFields(
-    referenceCollectionSpec?.parametersSchema,
-    parametersValue
-  )?.length > 0;
-  async function loadOptions(searchValue2) {
+  const hasMissingParameters = sdk.getMissingRequiredFields(referenceCollectionSpec?.parametersSchema, parametersValue)?.length > 0;
+  async function loadOptions(searchValue) {
     const loadOptionsId = simpleUniqueId.simpleUniqueId();
     currentLoadOptionsId.current = loadOptionsId;
     setLoadingOptions(true);
@@ -161,14 +154,11 @@ function LookupOptionsCategoryContent({
       }
       const connectionAccessor = client.connection(connectionId);
       let response;
-      const collectionAccessor = connectionAccessor.dataCollection(
-        pointer?.key,
-        parametersValue
-      );
+      const collectionAccessor = connectionAccessor.dataCollection(pointer?.key, parametersValue);
       if (referenceCollectionSpec.findById) {
         try {
           const itemById = await collectionAccessor.findById({
-            id: searchValue2
+            id: searchValue
           });
           setFindByIdOption({
             label: itemById.record.name ?? itemById.record.id,
@@ -180,20 +170,18 @@ function LookupOptionsCategoryContent({
         }
       }
       if (!referenceCollectionSpec?.list) {
-        throw new Error(
-          `Collection "${referenceCollectionSpec.key}" does not support listing options.`
-        );
+        throw new Error(`Collection "${referenceCollectionSpec.key}" does not support listing options.`);
       }
-      if (searchValue2 && referenceCollectionSpec.search) {
+      if (searchValue && referenceCollectionSpec.search) {
         try {
           response = await collectionAccessor.search({
-            query: searchValue2
+            query: searchValue
           });
           response.cursor = void 0;
         } catch {
         }
       }
-      if (!searchValue2 && !response && referenceCollectionSpec?.list) {
+      if (!searchValue && !response && referenceCollectionSpec?.list) {
         response = await collectionAccessor.list();
       }
       if (currentLoadOptionsId.current === loadOptionsId) {
@@ -222,14 +210,8 @@ function LookupOptionsCategoryContent({
       }
     }
   }
-  const filteredOptions = utils.filterOptionsByLabel(options, searchValue, true, [
-    "value"
-  ]);
-  const aggregatedOptions = aggregateOptions(
-    filteredOptions,
-    searchValue,
-    findByIdOption
-  );
+  const filteredOptions = utils.filterOptionsByLabel(options, dropdownSearchInputValue, true, ["value"]);
+  const aggregatedOptions = aggregateOptions(filteredOptions, dropdownSearchInputValue, findByIdOption);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     hasParameters && /* @__PURE__ */ jsxRuntime.jsx(
       ParametersPanel.ParametersPanel,
@@ -263,12 +245,7 @@ function LookupOptionsCategoryContent({
         /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.LoadingItem, {}),
         /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.LoadingItem, {})
       ] }),
-      !hasMissingParameters && !isLoading && error && /* @__PURE__ */ jsxRuntime.jsx(
-        index.DropdownUI.ErrorHeading,
-        {
-          text: error?.message || "Something went wrong"
-        }
-      )
+      !hasMissingParameters && !isLoading && error && /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.ErrorHeading, { text: error?.message || "Something went wrong" })
     ] }) })
   ] });
 }

package/dist/cjs/components/ComboBox/Dropdown/Categories/Options.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -12,9 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../../DropdownUI/index.cjs');
 var OptionsList = require('../OptionsList.cjs');
 
-function OptionsCategoryContent({
-  onOptionSelect
-}) {
+function OptionsCategoryContent({ onOptionSelect }) {
   return /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.List, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onOptionSelect }) }) });
 }
 

package/dist/cjs/components/ComboBox/Dropdown/Categories/Root.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -15,9 +15,7 @@ var index = require('../../../DropdownUI/index.cjs');
 var OptionsList = require('../OptionsList.cjs');
 var index$1 = require('./LookupOptions/index.cjs');
 
-function RootCategoryContent({
-  onOptionSelect
-}) {
+function RootCategoryContent({ onOptionSelect }) {
   const { availableCategories } = comboboxDropdownContext.useComboBoxDropdownContext();
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.Panel, { children: availableCategories?.includes(shared.DropdownCategoryType.LOOKUP_OPTIONS) ? /* @__PURE__ */ jsxRuntime.jsx(index$1.LookupOptionsCategoryContent, { onOptionSelect, children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onOptionSelect }) }) : /* @__PURE__ */ jsxRuntime.jsx(index.DropdownUI.List, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onOptionSelect }) }) }) });
 }