@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/Modal.js

@@ -0,0 +1,372 @@
+import { jsx as t, Fragment as w, jsxs as S } from "react/jsx-runtime";
+import U, { useRef as W, useState as X, useImperativeHandle as V } from "react";
+import { P as o } from "./index-Ds9PUTwb.js";
+import { n as O } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import q from "./Icon.js";
+import { b as L } from "./utils-DEke8iwo.js";
+import { r as J } from "./index-CZJEA84h.js";
+import { m as z } from "./motion-CtkUpWEn.js";
+import { u as K } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { A as D } from "./index-BLQWNy78.js";
+const u = "5rem", h = "3.8rem", a = "1.5rem", Q = (e, r, n) => r && n ? e == "FULL" ? `calc(100dvh - ${h} - ${u})` : `calc(100dvh - ${h} - ${u} - ${a})` : r ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${a})` : n ? e == "FULL" ? `calc(100dvh - ${u})` : `calc(100dvh - ${u} - ${a})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${a})`, Y = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${a})`, Z = (e, r, n) => e == "FULL" ? "0" : `${r ? "0" : "16px"} 0 ${n ? "0" : "16px"} 0`, P = O(z.div)`
+  position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: ${(e) => e.scrollOverlay === !0 ? "transparent" : e.overlayColor};
+  z-index: ${(e) => e.zIndex};
+  display: flex;
+`, ee = O(z.div)`
+  position: relative;
+  width: 50%;
+  background-color: white;
+  ${(e) => e.scrollOverlay == !1 ? "position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" : "height: fit-content; margin-right: auto; margin-left: auto;"}
+  background-color: ${(e) => L(e.theme, "Modal", "default", "enabled", "bg")};
+  z-index: ${(e) => e.zIndex};
+  width: ${(e) => ne[e.size.toUpperCase()]};
+  max-width: ${(e) => Y(e.size.toUpperCase())};
+  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
+    0px 10px 10px -5px rgba(0, 0, 0, 0.04);
+  border-radius: ${(e) => e.size.toUpperCase() != "FULL" ? "16px" : "0"};
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+
+  & .lnc-modal-header {
+    max-height: ${h};
+    overflow: hidden;
+    padding: ${a} ${a} 0 ${a};
+  }
+  & .lnc-modal-header > h1,
+  h2,
+  h3 {
+    margin: 0;
+  }
+  & .lnc-modal-footer {
+    max-height: ${u};
+    overflow: hidden;
+    padding-top: 1rem;
+  }
+  ${(e) => e.size.toUpperCase() == "FULL" && "height: 100dvh"};
+
+  & .lnc-modal-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    scrollbar-width: thin;
+    ${(e) => e.scrollOverlay == !1 && `max-height: ${Q(
+  e.size.toUpperCase(),
+  e.header,
+  e.footer
+)};`}
+    overflow: auto;
+    margin: ${(e) => Z(e.size, e.header, e.footer)};
+    padding: 0 ${a} 0 ${a};
+  }
+`, oe = O.div`
+  position: absolute;
+  cursor: pointer;
+  top: 1.375rem;
+  right: 1.375rem;
+  color: ${(e) => L(
+  e.theme,
+  "Modal",
+  "primary",
+  "enabled",
+  "cancelButton"
+)};
+  height: 1.5rem;
+  width: 1.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+  & i {
+    font-size: 1.125rem;
+  }
+
+  &:hover {
+    background-color: ${(e) => L(
+  e.theme,
+  "Modal",
+  "primary",
+  "hover",
+  "cancelBtnBg",
+  "cancelBtnBgOpacity"
+)};
+  }
+  &:focus {
+    background-color: ${(e) => L(
+  e.theme,
+  "Modal",
+  "primary",
+  "focus",
+  "cancelBtnBg",
+  "cancelBtnBgOpacity"
+)};
+  }
+`, te = O(z.div)`
+  display: ${(e) => e.scrollOverlay === !0 ? "block" : "none"};
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: ${(e) => e.overlayColor};
+  z-index: 3;
+`, re = U.forwardRef((e, r) => {
+  const {
+    portalElement: n = document.body,
+    isOpen: c = !1,
+    header: d,
+    footer: l,
+    scrollOverlay: i = !1,
+    overlay: s = !0,
+    overlayColor: m = "rgba(0, 0, 0, 0.3)",
+    showCloseButton: p = !0,
+    onOpen: g = () => {
+    },
+    onClose: x = () => {
+    },
+    zIndex: C = 1e3,
+    size: y = "fluid",
+    clickOutsideToClose: $ = !0,
+    className: v = "",
+    style: _ = {},
+    overlayProps: M,
+    overlayAnimation: k = {
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      initial: {
+        opacity: 0
+      },
+      transition: { type: "spring", duration: 0.6 }
+    },
+    modalAnimation: F = {
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      initial: {
+        opacity: 0
+      },
+      transition: { type: "spring", duration: 0.6 }
+    },
+    children: B,
+    rest: T
+  } = e, I = W(), [N, R] = X(c);
+  let E = { theme: K(), size: y, zIndex: C, className: v, style: _ };
+  const j = (f) => {
+    f.target === f.currentTarget && $ && b(f);
+  };
+  V(r, () => ({
+    open() {
+      G();
+    },
+    close() {
+      b();
+    },
+    isOpen() {
+      return N;
+    }
+  }));
+  const G = (f) => {
+    R(!0), g(f);
+  }, b = (f) => {
+    R(!1), x(f);
+  };
+  return /* @__PURE__ */ t(w, { children: N && /* @__PURE__ */ t(w, { children: n ? /* @__PURE__ */ t(w, { children: J.createPortal(
+    /* @__PURE__ */ t(
+      A,
+      {
+        ref: I,
+        overlay: s,
+        scrollOverlay: i,
+        onClickOutsideModal: j,
+        overlayColor: m,
+        overlayProps: M,
+        overlayAnimation: k,
+        modalAnimation: F,
+        themeProps: E,
+        showCloseButton: p,
+        close: b,
+        header: d,
+        footer: l,
+        isOpen: c,
+        ...T,
+        children: B
+      }
+    ),
+    n
+  ) }) : /* @__PURE__ */ t(
+    A,
+    {
+      ref: I,
+      overlay: s,
+      scrollOverlay: i,
+      onClickOutsideModal: j,
+      overlayColor: m,
+      overlayProps: M,
+      overlayAnimation: k,
+      modalAnimation: F,
+      themeProps: E,
+      showCloseButton: p,
+      close: b,
+      header: d,
+      footer: l,
+      isOpen: c,
+      ...T,
+      children: B
+    }
+  ) }) });
+}), A = U.forwardRef(
+  ({
+    overlay: e,
+    scrollOverlay: r,
+    onClickOutsideModal: n,
+    overlayColor: c,
+    overlayProps: d,
+    overlayAnimation: l,
+    modalAnimation: i,
+    themeProps: s,
+    showCloseButton: m,
+    header: p,
+    footer: g,
+    close: x,
+    isOpen: C,
+    children: y,
+    ...$
+  }, v) => /* @__PURE__ */ t(D, { children: e ? /* @__PURE__ */ S(w, { children: [
+    /* @__PURE__ */ t(
+      te,
+      {
+        scrollOverlay: r,
+        onClick: n,
+        overlayColor: c,
+        ...d,
+        ...l
+      }
+    ),
+    /* @__PURE__ */ t(
+      P,
+      {
+        ...s,
+        onClick: n,
+        scrollOverlay: r,
+        overlayColor: c,
+        isOpen: C,
+        ...d,
+        ...l,
+        children: /* @__PURE__ */ t(
+          H,
+          {
+            ref: v,
+            themeProps: s,
+            scrollOverlay: r,
+            modalAnimation: i,
+            showCloseButton: m,
+            close: x,
+            header: p,
+            footer: g,
+            ...$,
+            children: y
+          }
+        )
+      }
+    )
+  ] }) : /* @__PURE__ */ t(
+    H,
+    {
+      ref: v,
+      themeProps: s,
+      modalAnimation: i,
+      showCloseButton: m,
+      close: x,
+      header: p,
+      footer: g,
+      ...$,
+      children: y
+    }
+  ) })
+), H = U.forwardRef(
+  ({
+    themeProps: e,
+    scrollOverlay: r,
+    modalAnimation: n,
+    showCloseButton: c,
+    close: d,
+    header: l,
+    footer: i,
+    children: s,
+    ...m
+  }, p) => /* @__PURE__ */ t(D, { children: /* @__PURE__ */ S(
+    ee,
+    {
+      ref: p,
+      ...e,
+      ...n,
+      header: l,
+      footer: i,
+      scrollOverlay: r,
+      ...m,
+      className: `modal-lnc-container ${e == null ? void 0 : e.className}`,
+      children: [
+        c && /* @__PURE__ */ t(
+          oe,
+          {
+            ...e,
+            className: "modal-lnc-times",
+            onClick: d,
+            children: /* @__PURE__ */ t(q, { icon: "times" })
+          }
+        ),
+        l && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: l }),
+        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: s }),
+        i && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: i })
+      ]
+    }
+  ) })
+);
+re.propTypes = {
+  /**
+   * If the value is given modal will use createPortal to be rendered in portalElement
+   */
+  portalElement: o.any,
+  /**
+   * Is modal open by default
+   */
+  isOpen: o.bool,
+  header: o.oneOfType([o.string, o.element]),
+  footer: o.oneOfType([o.string, o.element]),
+  showCloseButton: o.bool,
+  overlay: o.bool,
+  /**
+   * when scrollOverlay=false whole modal contetn will be shown inside viewport and modal content will be scrollable,
+   * when scrollOverlay=true modal content won't be scrollable it will be fully shown inside overlay which will be scrollable
+   * to use this prop `overlay` must be set to `true`
+   * Make sure when setting `scrollOverlay={true} that the parent element has `position: relative`;
+   */
+  scrollOverlay: o.bool,
+  onOpen: o.func,
+  onClose: o.func,
+  zIndex: o.number,
+  clickOutsideToClose: o.bool,
+  overlayColor: o.string,
+  overlayAnimation: o.object,
+  modalAnimation: o.object,
+  className: o.string,
+  style: o.object,
+  size: o.oneOf(["fluid", "xs", "s", "m", "l", "xl", "full"]),
+  overlayProps: o.any
+};
+const ne = {
+  FLUID: "max-content",
+  XS: "320px",
+  S: "412px",
+  M: "672px",
+  L: "1112px",
+  XL: "1376px",
+  FULL: "100vw"
+};
+export {
+  re as default
+};

package/dist/MultiSelectDropdown.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("react/jsx-runtime"),e=require("./index-DXnSjbfJ.cjs"),s=require("react"),O=require("./CustomStyles-CqlCjTgU.cjs"),h=require("./index-BjdOz5Ok.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=180,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return g.jsx(M.default,{isMulti:!0,ref:t,styles:p||O.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:a,style:T,...P})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;

package/dist/MultiSelectDropdown.js

@@ -0,0 +1,261 @@
+import { jsx as O } from "react/jsx-runtime";
+import { P as e } from "./index-Ds9PUTwb.js";
+import y, { useCallback as h } from "react";
+import { a as M } from "./CustomStyles-nfD3J1mi.js";
+import { d as S } from "./index-D5vEbKUT.js";
+import C from "./Dropdown.js";
+import { u as I } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const w = y.forwardRef((l, t) => {
+  const {
+    // options,
+    styles: n,
+    debounceTime: s = 180,
+    // name,
+    // hideSelectedOptions,
+    // id,
+    // inputId,
+    // value,
+    // readOnly,
+    // tabIndex,
+    isSearchable: u = !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: o,
+    // onMenuOpen,
+    // onMenuClose,
+    // onBlur,
+    // onFocus,
+    // onKeyDown,
+    size: r = "small",
+    color: i = "primary",
+    className: c = "",
+    style: m = {},
+    // children,
+    ...p
+  } = l, b = I(), f = h(
+    S((d, g) => {
+      o == null || o(d, g);
+    }, s)
+  );
+  return /* @__PURE__ */ O(
+    C,
+    {
+      isMulti: !0,
+      ref: t,
+      styles: n || M,
+      size: r,
+      color: i,
+      theme: b,
+      isSearchable: u,
+      isClearable: a,
+      onInputChange: f,
+      className: c,
+      style: m,
+      ...p
+    }
+  );
+});
+w.propTypes = {
+  options: e.array,
+  styles: e.object,
+  debounceTime: e.number,
+  name: e.string,
+  value: e.any,
+  /**
+   * Sets the tabIndex attribute on the input
+   */
+  tabIndex: e.number,
+  /**
+   * Whether to enable search functionality
+   */
+  isSearchable: e.bool,
+  isClearable: e.bool,
+  /**
+   * Is the select in a state of loading (async)
+   */
+  isLoading: e.bool,
+  /**
+   * Is the select direction right-to-left
+   */
+  isRtl: e.bool,
+  isDisabled: e.bool,
+  readOnly: e.bool,
+  /**
+   * Close the select menu when the user selects an option
+   */
+  closeMenuOnSelect: e.bool,
+  /**
+   * If true, close the select menu when the user scrolls the document/body.
+   * If a function, takes a standard javascript ScrollEvent you return a boolean:
+   * true => The menu closes
+   * false => The menu stays open
+   * This is useful when you have a scrollable modal and want to portal the menu out, but want to avoid graphical issues.
+   */
+  closeMenuOnScroll: e.oneOfType([e.bool, e.func]),
+  /**
+   * Clear all values when the user presses escape AND the menu is closed
+   */
+  escapeClearsValue: e.bool,
+  /**
+   * Custom method to filter whether an option should be displayed in the menu. Type: `null` or `() => boolean`
+   */
+  filterOption: e.func,
+  /**
+   * Formats group labels in the menu as React components
+   */
+  formatGroupLabel: e.func,
+  /**
+   * Formats option labels in the menu and control as React components
+   */
+  formatOptionLabel: e.func,
+  /**
+   * Resolves option data to a string to be displayed as the label by components
+   * Note: Failure to resolve to a string type can interfere with filtering and screen reader support.
+   */
+  getOptionLabel: e.func,
+  /**
+   * Resolves option data to a string to compare options and specify value attributes
+   */
+  getOptionValue: e.func,
+  /**
+   * Hide the selected option from the menu
+   */
+  hideSelectedOptions: e.bool,
+  /**
+   * The id to set on the SelectContainer component
+   */
+  id: e.string,
+  /**
+   * The id of the search input
+   */
+  inputId: e.string,
+  /**
+   * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
+   */
+  isOptionDisabled: e.func,
+  /**
+   * Override the built-in logic to detect whether an option is selected. `(...) => boolean`
+   */
+  isOptionSelected: e.func,
+  /**
+   * Async: Text to display when loading options `(...) => ...`
+   */
+  loadingMessage: e.func,
+  /**
+   * Minimum height of the menu before flipping
+   */
+  minMenuHeight: e.number,
+  /**
+   * Maximum height of the menu before flipping
+   */
+  maxMenuHeight: e.number,
+  /**
+   * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
+   */
+  menuPlacement: e.oneOf(["bottom", "auto", "top"]),
+  /**
+   *The CSS position value of the menu, when "fixed" extra layout management is required.
+   */
+  menuPosition: e.oneOf(["absolute", "fixed"]),
+  /**
+   * Whether to block scroll events when the menu is open
+   */
+  menuShouldBlockScroll: e.bool,
+  /**
+   * Whether the menu should be scrolled into view when it opens
+   */
+  menuShouldScrollIntoView: e.bool,
+  /**
+   * Allows control of whether the menu is opened when the Select is focused
+   */
+  openMenuOnFocus: e.bool,
+  /**
+   * Allows control of whether the menu is opened when the Select is clicked
+   */
+  openMenuOnClick: e.bool,
+  //----
+  autoFocus: e.bool,
+  placeholder: e.any,
+  noOptionsMessage: e.string,
+  menuIsOpen: e.bool,
+  /**
+   *  This complex object includes all the compositional components that are used in react-select. If you wish to overwrite a component, pass in an object with the appropriate namespace.
+   *  If you only wish to restyle a component, we recommend using the styles prop instead.
+   */
+  components: e.object,
+  /**
+   * initial value of the control
+   */
+  defaultValue: e.string,
+  /**
+   * initial value of the search input
+   */
+  defaultInputValue: e.string,
+  /**
+   * initial open value of the menu
+   */
+  defaultMenuIsOpen: e.bool,
+  /**
+   * Delimiter used to join multiple values into a single HTML Input value
+   */
+  delimiter: e.string,
+  //---------------------------------------------------------------
+  onChange: e.func,
+  /**
+   * control the value of the search input (changing this will update the available options)
+   */
+  onInputChange: e.func,
+  onMenuOpen: e.func,
+  onMenuClose: e.func,
+  onFocus: e.func,
+  onBlur: e.func,
+  onKeyDown: e.func,
+  //---------------------------------------------------------------
+  className: e.string,
+  style: e.object,
+  color: e.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: e.oneOf(["small", "medium", "large"])
+};
+export {
+  w as default
+};

package/dist/MultiSelectDropdownLookup.cjs

@@ -0,0 +1 @@
+"use strict";const O=require("react/jsx-runtime"),e=require("./index-DXnSjbfJ.cjs"),s=require("react"),g=require("./CustomStyles-CqlCjTgU.cjs"),h=require("./index-BjdOz5Ok.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=180,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((f,d)=>{o==null||o(f,d)},l));return O.jsx(M,{isMulti:!0,ref:t,styles:p||g.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:a,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;