@integration-app/react 2.21.0 → 2.22.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.21.0
+ * v2.22.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.21.0
+ * v2.22.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.21.0
+ * v2.22.0
  */
 'use client';
 

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.21.0
+ * v2.22.0
  */
 'use client';
 

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.21.0
+ * v2.22.0
  */
 'use client';
 

package/dist/cjs/components/ComboBox/{Value/Formula.cjs → Badges/ComboBoxFormulaBadge.cjs}

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.21.0
+ * v2.22.0
  */
 'use client';
 
@@ -14,7 +14,7 @@ var sdk = require('@integration-app/sdk');
 var index = require('../../DataBuilder/Formula/index.cjs');
 var noUi = require('../../DataBuilder/Formula/noUi.cjs');
 
-const ComboBoxFormulaValue = React.forwardRef(
+const ComboBoxFormulaBadge = React.forwardRef(
   ({ value, ...props }, ref) => {
     const formula = sdk.getFormula(value);
     if (!formula) {
@@ -24,14 +24,10 @@ const ComboBoxFormulaValue = React.forwardRef(
     if (!formulaMapping?.component) {
       return /* @__PURE__ */ jsxRuntime.jsx(noUi.default, {});
     }
-    const componentProps = {
-      formula,
-      ...props
-    };
-    const Component = formulaMapping.component;
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...componentProps, ref });
+    const FormulaComponent = formulaMapping.component;
+    return /* @__PURE__ */ jsxRuntime.jsx(FormulaComponent, { ...props, formula, ref });
   }
 );
-ComboBoxFormulaValue.displayName = "ComboBoxFormulaValue";
+ComboBoxFormulaBadge.displayName = "ComboBoxFormulaValue";
 
-exports.ComboBoxFormulaValue = ComboBoxFormulaValue;
+exports.ComboBoxFormulaBadge = ComboBoxFormulaBadge;

package/dist/cjs/components/ComboBox/Badges/ComboBoxSchemaValueBadge.cjs

@@ -0,0 +1,124 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.22.0
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var sdk = require('@integration-app/sdk');
+var useSWR = require('swr');
+var index$1 = require('./EditorTagBadge/index.cjs');
+var index$2 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var integrationAppConnectionContext = require('../../../contexts/integration-app-connection-context.cjs');
+var integrationAppContext = require('../../../contexts/integration-app-context.cjs');
+var css = require('../../../styled-system/css/css.cjs');
+require('../../../styled-system/helpers.cjs');
+var index = require('../../Truncate/index.cjs');
+var constants = require('../options-factories/custom-field/constants.cjs');
+
+const ComboBoxSchemaValueBadge = React.forwardRef(
+  ({ value, schema: providedSchema, variablesSchema, className, disabled, ...props }, ref) => {
+    let valueElement;
+    const schema = providedSchema?.type ? providedSchema : sdk.getSchemaFromValue(value, variablesSchema);
+    const refCollection = sdk.getReferenceCollectionPointerForSchema(schema);
+    if (refCollection) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ReferenceCollectionValue, { schema, value, onDelete: props.onDelete });
+    }
+    if (schema?.referenceRecords) {
+      const selectedRecord = schema.referenceRecords.find((r) => r.id == value);
+      if (selectedRecord?.name) {
+        valueElement = /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: selectedRecord.name });
+      }
+    }
+    if (!valueElement) {
+      valueElement = getChildrenForSchemaType(schema, value);
+    }
+    if (valueElement) {
+      const icon = getIconForSchemaType(schema);
+      return /* @__PURE__ */ jsxRuntime.jsxs(index$1.EditorTagBadge, { className, ref, disabled, variant: "static-value", ...props, children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(index$1.EditorTagBadgeIcon, { type: icon }),
+        valueElement
+      ] });
+    } else {
+      return /* @__PURE__ */ jsxRuntime.jsxs(index$1.EditorTagBadge, { className, ref, disabled, variant: "static-value", ...props, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.EditorTagBadgeIcon, { type: svgIconType.SvgIconType.QuestionMark }),
+        "Unknown"
+      ] });
+    }
+  }
+);
+ComboBoxSchemaValueBadge.displayName = "ComboBoxSchemaValue";
+function getChildrenForSchemaType(schema, value) {
+  switch (schema?.type) {
+    case "boolean":
+      return value === void 0 ? void 0 : value ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Yes" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "No" });
+    case "object":
+      if (Object.keys(schema?.properties ?? {}).length === 0) {
+        return /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: constants.CUSTOM_OBJECT_VALUE_LABEL });
+      }
+      break;
+    case "array":
+      return /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: constants.CUSTOM_ARRAY_VALUE_LABEL });
+    case "string":
+    case "number":
+    case "integer":
+    default:
+      if (value !== void 0) {
+        return /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: value?.toString() });
+      }
+  }
+  return void 0;
+}
+function getIconForSchemaType(schema) {
+  switch (schema?.type) {
+    case "string":
+      return svgIconType.SvgIconType.SchemaType_string;
+    case "boolean":
+      return svgIconType.SvgIconType.SchemaType_boolean;
+    case "number":
+    case "integer":
+      return svgIconType.SvgIconType.Braces;
+    default:
+      return void 0;
+  }
+}
+function ReferenceCollectionValue({
+  value,
+  schema,
+  onDelete
+}) {
+  const client = integrationAppContext.useIntegrationApp();
+  const { connectionId } = integrationAppConnectionContext.useIntegrationAppConnection();
+  const strValue = value?.toString() ?? "";
+  const key = `reference-value-${connectionId}-${strValue}`;
+  const pointer = sdk.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: String(value) });
+      } catch {
+        return void 0;
+      }
+    }
+  );
+  const record = findResponse?.record;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index$1.EditorTagBadge, { variant: "value", onDelete, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: record?.name || strValue }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$2.SvgIcon, { type: svgIconType.SvgIconType.Loader, className: css.css({ w: "3", aspectRatio: "aspect-square" }) })
+    ] });
+  }
+  if (record?.name) {
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.EditorTagBadge, { variant: "value", onDelete, children: record.name });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.EditorTagBadge, { variant: "value", onDelete, children: strValue });
+}
+
+exports.ComboBoxSchemaValueBadge = ComboBoxSchemaValueBadge;

package/dist/cjs/components/ComboBox/Badges/ComboBoxValueBadge.cjs

@@ -0,0 +1,76 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.22.0
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var sdk = require('@integration-app/sdk');
+var index = require('./EditorTagBadge/index.cjs');
+var ComboBoxFormulaBadge = require('./ComboBoxFormulaBadge.cjs');
+var ComboBoxSchemaValueBadge = require('./ComboBoxSchemaValueBadge.cjs');
+var isDefinedValue = require('./isDefinedValue.cjs');
+var comboboxContext = require('../context/combobox-context.cjs');
+
+const ComboBoxValueBadge = React.forwardRef(function({ placeholder, isDropdownOpen, disabled, onClick, className, onDelete }, ref) {
+  const { value, variablesSchema, schema, options: staticOptions } = comboboxContext.useComboBox();
+  const isValueDefined = isDefinedValue.isDefinedValue(value);
+  if (isDropdownOpen && (!isValueDefined || value === "")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.EditorTagBadge, { ref, className, variant: "ghost" });
+  }
+  if (isValueDefined) {
+    if (sdk.isFormula(value)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ComboBoxFormulaBadge.ComboBoxFormulaBadge,
+        {
+          ref,
+          value,
+          variablesSchema,
+          disabled,
+          onClick,
+          className,
+          onDelete
+        }
+      );
+    }
+    if (staticOptions) {
+      const selectedOption = staticOptions.find((option) => option.value === value);
+      if (selectedOption) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          index.EditorTagBadge,
+          {
+            ref,
+            disabled,
+            className,
+            variant: "value",
+            onDelete,
+            onClick,
+            children: selectedOption.label
+          }
+        );
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ComboBoxSchemaValueBadge.ComboBoxSchemaValueBadge,
+      {
+        ref,
+        value,
+        schema,
+        variablesSchema,
+        disabled,
+        onClick,
+        className,
+        onDelete
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className, onClick, children: placeholder });
+});
+ComboBoxValueBadge.displayName = "ComboBoxValue";
+
+exports.ComboBoxValueBadge = ComboBoxValueBadge;

package/dist/cjs/components/ComboBox/Badges/EditorTagBadge/NestedBadgeValue.cjs

@@ -0,0 +1,93 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.22.0
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var index = require('./index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
+var intersperse = require('../../../../helpers/intersperse.cjs');
+var css = require('../../../../styled-system/css/css.cjs');
+require('../../../../styled-system/helpers.cjs');
+var sva = require('../../../../styled-system/css/sva.cjs');
+
+const nestedBadgeValueRecipe = sva.sva({
+  className: "nested-badge-value",
+  slots: ["root", "segment", "visible-segment", "truncated-segment", "chunk"],
+  base: {
+    root: {
+      display: "flex",
+      flexDir: "row",
+      flexWrap: "nowrap",
+      alignItems: "center",
+      truncate: true,
+      "& svg": {
+        display: "inline-block",
+        verticalAlign: "middle"
+      }
+    },
+    segment: {
+      fontSize: "token(sizes.3)",
+      lineHeight: "token(sizes.4)"
+    },
+    "visible-segment": {
+      flexShrink: "0",
+      flexGrow: "0"
+    },
+    "truncated-segment": {
+      display: "inline-block",
+      truncate: true
+    },
+    chunk: {
+      whiteSpace: "nowrap",
+      fontSize: "token(sizes.3)",
+      lineHeight: "token(sizes.4)",
+      truncate: true
+    }
+  }
+});
+function NestedBadgeValue({ nameChunks, fullName }) {
+  if (nameChunks.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Error: undefined" });
+  }
+  const styles = nestedBadgeValueRecipe();
+  const nameElements = nameChunks.map((chunk, idx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.chunk, children: chunk }, idx + chunk));
+  if (nameElements.length === 1) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.root, children: nameElements[0] });
+  }
+  if (nameElements.length <= 2) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.root, children: intersperse.intersperse(nameElements, /* @__PURE__ */ jsxRuntime.jsx(ValueNestingIcon, {})).map((segment, i) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: segment }, i)) });
+  }
+  const { 0: first, [nameChunks.length - 1]: last, ...rest } = nameElements;
+  const middle = Object.values(rest);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.root, title: fullName, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(styles.segment, styles["visible-segment"]), children: first }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(styles.segment, styles["truncated-segment"]), children: middle.map((segment, idx) => [/* @__PURE__ */ jsxRuntime.jsx(ValueNestingIcon, {}, idx), segment]).flat().map((segment, i) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: segment }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx(styles.segment, styles["visible-segment"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ValueNestingIcon, {}),
+      last
+    ] })
+  ] });
+}
+function ValueNestingIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.EditorTagBadgeIcon,
+    {
+      type: svgIconType.SvgIconType.ChevronRight,
+      className: css.css({
+        mb: "0.5"
+      })
+    }
+  );
+}
+
+exports.NestedBadgeValue = NestedBadgeValue;
+exports.ValueNestingIcon = ValueNestingIcon;
+exports.nestedBadgeValueRecipe = nestedBadgeValueRecipe;

package/dist/cjs/components/ComboBox/Badges/EditorTagBadge/index.cjs

@@ -0,0 +1,187 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.22.0
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var index = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
+var useEventStopPropagation = require('../../../../helpers/hooks/useEventStopPropagation.cjs');
+require('../../../../styled-system/css/css.cjs');
+require('../../../../styled-system/helpers.cjs');
+var sva = require('../../../../styled-system/css/sva.cjs');
+
+const editorTagBadgeRecipe = sva.sva({
+  className: "editor-tag-badge",
+  slots: ["root", "icon", "close-button-container", "close-button"],
+  base: {
+    root: {
+      position: "relative",
+      display: "flex",
+      flexDir: "row",
+      flexWrap: "nowrap",
+      alignItems: "center",
+      justifyContent: "start",
+      maxW: "full",
+      minH: "5",
+      gap: "0.5",
+      px: "1.5",
+      py: "0.5",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      rounded: "lg",
+      fontSize: "token(sizes.3)",
+      lineHeight: "token(sizes.4)",
+      fontWeight: "medium",
+      bg: "colorPalette.3",
+      borderColor: "colorPalette.4",
+      color: "colorPalette.12",
+      userSelect: "none",
+      _hover: {
+        cursor: "pointer",
+        bg: "colorPalette.4",
+        borderColor: "colorPalette.5"
+      },
+      "&:hover .editor-tag-badge__close-button-container": {
+        display: "flex",
+        gradientVia: "colorPalette.4!",
+        gradientTo: "colorPalette.4!"
+      },
+      _active: {
+        bg: "colorPalette.5",
+        borderColor: "colorPalette.6"
+      },
+      "[data-selected='true'] &, [data-tag-dropdown-open='true'] &": {
+        bg: "colorPalette.5",
+        borderColor: "colorPalette.6",
+        "& .editor-tag-badge__close-button-container": {
+          gradientFrom: "transparent",
+          gradientVia: "colorPalette.5",
+          gradientTo: "colorPalette.5"
+        }
+      },
+      "[aria-disabled='true'] &": {
+        pointerEvents: "none",
+        bg: "slate.4",
+        borderColor: "slate.5",
+        color: "black",
+        cursor: "initial"
+      }
+    },
+    icon: {
+      h: "3",
+      w: "3",
+      minW: "3",
+      strokeWidth: "token(sizes.0.5)"
+    },
+    "close-button-container": {
+      display: "none",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      position: "absolute",
+      right: "1",
+      strokeWidth: "token(sizes.0.5)",
+      borderTopRightRadius: "md",
+      borderBottomRightRadius: "md",
+      w: "7",
+      maxW: "1/2",
+      h: "full",
+      bgGradient: "to-r",
+      gradientFrom: "transparent",
+      "[data-selected='true'] &, [data-tag-dropdown-open='true'] &": {
+        display: "flex"
+      }
+    },
+    "close-button": {
+      rounded: "sm",
+      outline: "none",
+      _focus: {
+        bg: "colorPalette.6",
+        "& svg": {
+          strokeWidth: "3px"
+        }
+      },
+      "& svg": {
+        h: "3",
+        w: "3",
+        _hover: {
+          strokeWidth: "3px"
+        }
+      }
+    }
+  },
+  variants: {
+    variant: {
+      "static-value": {
+        root: {
+          color: "black",
+          colorPalette: "gray"
+        }
+      },
+      formula: {
+        root: {
+          colorPalette: "indigo"
+        }
+      },
+      value: {
+        root: {
+          colorPalette: "blue"
+        }
+      },
+      error: {
+        root: {
+          colorPalette: "tomato",
+          color: "tomato.10"
+        }
+      },
+      ghost: {
+        root: {
+          bg: "transparent!",
+          borderColor: "transparent!"
+        },
+        "close-button": {
+          display: "none!"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        root: {
+          pointerEvents: "none",
+          bg: "slate.4",
+          borderColor: "slate.5",
+          color: "black",
+          cursor: "initial"
+        }
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "value"
+  }
+});
+const EditorTagBadge = React.forwardRef(({ children, className, variant, disabled, onDelete, ...rest }, ref) => {
+  const styles = editorTagBadgeRecipe({ variant, disabled });
+  const handleOnClick = useEventStopPropagation.default(() => onDelete?.());
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx(styles.root, className), ...rest, ref, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles["close-button-container"], children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles["close-button"], disabled, "aria-label": "Delete", onClick: handleOnClick, children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.Close, className: styles.icon }) }) })
+  ] });
+});
+EditorTagBadge.displayName = "EditorTagBadge";
+function EditorTagBadgeIcon({ type, className }) {
+  const styles = editorTagBadgeRecipe();
+  return /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type, className: clsx(styles.icon, className) });
+}
+
+exports.EditorTagBadge = EditorTagBadge;
+exports.EditorTagBadgeIcon = EditorTagBadgeIcon;
+exports.editorTagBadgeRecipe = editorTagBadgeRecipe;

package/dist/cjs/components/ComboBox/{Value → Badges}/isDefinedValue.cjs

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

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

@@ -2,20 +2,20 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.21.0
+ * v2.22.0
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var editor = require('../ComboBoxElements/Editor/editor.cjs');
+var LexicalEditor = require('../ComboBoxElements/Editor/LexicalEditor.cjs');
+var ComboboxEditorTrigger = require('./ComboboxTriggers/ComboboxEditorTrigger.cjs');
+var ComboboxTagTrigger = require('./ComboboxTriggers/ComboboxTagTrigger.cjs');
 var comboboxContext = require('./context/combobox-context.cjs');
 var comboboxDropdownContext = require('./context/combobox-dropdown-context.cjs');
 var comboboxDropdownSearch = require('./context/combobox-dropdown-search.cjs');
 var helpers = require('./context/helpers.cjs');
-var OptionSelector = require('./Edit/OptionSelector.cjs');
-var TextInput = require('./Edit/TextInput.cjs');
 var valueSpec = require('./value-spec.cjs');
 
 function ComboBox({
@@ -38,7 +38,9 @@ function ComboBox({
   onOpen,
   onClose,
   topDropdownPanelComponent = void 0,
-  refsToIgnoreClick
+  refsToIgnoreClick,
+  onValueChange: _,
+  ...rest
 }) {
   const userCanEnterValueFromKeyboard = helpers.canUserEnterValueFromKeyboard(
     schema,
@@ -58,7 +60,8 @@ function ComboBox({
     className,
     onChange,
     required: isRequired,
-    disabled
+    disabled,
+    ...rest
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     comboboxContext.ComboBoxProvider,
@@ -72,7 +75,7 @@ function ComboBox({
       optionFactories,
       refsToIgnoreClick,
       ...dropdownProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(comboboxDropdownSearch.ComboBoxDropdownSearchProvider, { hideSearch, children: /* @__PURE__ */ jsxRuntime.jsx(comboboxDropdownContext.ComboBoxDropdownContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(editor.LexicalProvider, { children: userCanEnterValueFromKeyboard ? /* @__PURE__ */ jsxRuntime.jsx(TextInput.TextInput, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(OptionSelector.OptionSelector, { ...props, valueComponent }) }) }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(comboboxDropdownSearch.ComboBoxDropdownSearchProvider, { hideSearch, children: /* @__PURE__ */ jsxRuntime.jsx(comboboxDropdownContext.ComboBoxDropdownContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(LexicalEditor.LexicalProvider, { children: userCanEnterValueFromKeyboard ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxEditorTrigger.ComboboxEditorTrigger, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(ComboboxTagTrigger.ComboboxTagTrigger, { ...props, valueComponent }) }) }) })
     }
   );
 }