@lanaco/lnc-react-ui/dist/MultiSelectDropdown.js

React component library

import { jsx as y } from "react/jsx-runtime";
import { forwardRef as h, useCallback as w } from "react";
import { a as S } from "./CustomStyles-YyM49BGx.js";
import { d as x } from "./index-Dt62UGku.js";
import C from "./Dropdown.js";
import { u as D } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
const N = h((o, t) => {
  const {
    // options,
    styles: r,
    debounceTime: s = 0,
    // name,
    // hideSelectedOptions,
    // id,
    // inputId,
    // value,
    // readOnly,
    // tabIndex,
    isSearchable: m = !0,
    isClearable: a = !0,
    // isLoading,
    // isRtl,
    // isDisabled,
    // closeMenuOnSelect,
    // closeMenuOnScroll,
    // escapeClearsValue,
    // filterOption,
    // formatGroupLabel,
    // formatOptionLabel,
    // getOptionLabel,
    // getOptionValue,
    // isOptionDisabled,
    // isOptionSelected,
    // loadingMessage,
    // minMenuHeight,
    // maxMenuHeight,
    // menuPlacement,
    // menuPosition,
    // menuShouldBlockScroll,
    // menuShouldScrollIntoView,
    // openMenuOnFocus,
    // openMenuOnClick,
    // autoFocus,
    // placeholder,
    // noOptionsMessage,
    // menuIsOpen,
    // components,
    // defaultValue,
    // defaultInputValue,
    // defaultMenuIsOpen,
    // delimiter,
    // onChange,
    onInputChange: e,
    // onMenuOpen,
    // onMenuClose,
    // onBlur,
    // onFocus,
    // onKeyDown,
    size: l = "small",
    color: i = "primary",
    className: u = "",
    style: c = {},
    // children,
    ...n
  } = o, p = D(), f = w(
    x((d, b) => {
      e == null || e(d, b);
    }, s)
  );
  return /* @__PURE__ */ y(
    C,
    {
      isMulti: !0,
      ref: t,
      styles: r || S,
      size: l,
      color: i,
      theme: p,
      isSearchable: m,
      isClearable: a,
      className: u,
      style: c,
      ...n,
      onInputChange: f
    }
  );
});
export {
  N as default
};