glints-aries 4.0.395 → 4.1.3

package/es/@next/Select/SelectStyle.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { space4 } from '../utilities/spacing';
-export var HelpTextContainer = styled.div.withConfig({
-  displayName: "SelectStyle__HelpTextContainer",
-  componentId: "sc-c6sc8m-0"
-})(["margin-top:", ";"], space4);
-export var ActivatorWrapper = styled.div.withConfig({
-  displayName: "SelectStyle__ActivatorWrapper",
-  componentId: "sc-c6sc8m-1"
-})(["display:flex;flex-direction:column;width:", ";"], function (props) {
-  return props.width;
-});

package/es/@next/Select/components/Activator/ActivatorSelect.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Option } from '../../../Menu';
-import { IconNames } from '../../../Icon/icons/icons';
-export interface ActivatorSelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
-    allowMultiple?: boolean;
-    customActivatorIcon?: IconNames;
-    hasError?: boolean;
-    selectedValues?: string[];
-    placeholder?: string;
-    prefix?: React.ReactNode;
-    onRemoveTag?({ option }: {
-        option: string;
-    }): void;
-    onSelectClick?(): void;
-    options?: Option[];
-    width?: string;
-}
-export declare const ActivatorSelect: ({ customActivatorIcon, placeholder, selectedValues, onClick, onRemoveTag, width, allowMultiple, disabled, onSelectClick, hasError, options, prefix, ...props }: ActivatorSelectProps) => JSX.Element;

package/es/@next/Select/components/Activator/ActivatorSelect.js

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["customActivatorIcon", "placeholder", "selectedValues", "onClick", "onRemoveTag", "width", "allowMultiple", "disabled", "onSelectClick", "hasError", "options", "prefix"];
-import React, { useEffect, useRef, useState } from 'react';
-import { Typography } from '../../../Typography';
-import { Blue, Neutral } from '../../../utilities/colors';
-import { StyledIcon, StyledPrefixContainer, StyledSelect, StyledSelectTypography, StyledTag, TagsContainer, WithPrefixContainer } from './ActivatorStyle';
-export var ActivatorSelect = function ActivatorSelect(_ref) {
-  var customActivatorIcon = _ref.customActivatorIcon,
-    placeholder = _ref.placeholder,
-    selectedValues = _ref.selectedValues,
-    onClick = _ref.onClick,
-    onRemoveTag = _ref.onRemoveTag,
-    width = _ref.width,
-    _ref$allowMultiple = _ref.allowMultiple,
-    allowMultiple = _ref$allowMultiple === void 0 ? false : _ref$allowMultiple,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    onSelectClick = _ref.onSelectClick,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    options = _ref.options,
-    prefix = _ref.prefix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState([]),
-    filteredValues = _useState[0],
-    setFilteredValues = _useState[1];
-  var _useState2 = useState([]),
-    selectedLabels = _useState2[0],
-    setSelectedLabels = _useState2[1];
-  var activatorRef = useRef(null);
-  var hasSelectedValues = filteredValues.length > 0;
-  useEffect(function () {
-    var values = selectedValues == null ? void 0 : selectedValues.filter(function (value) {
-      return value != '';
-    });
-    setFilteredValues(values);
-    var selectedOptions = options == null ? void 0 : options.filter(function (_ref2) {
-      var value = _ref2.value;
-      return values.includes(value);
-    });
-    setSelectedLabels(selectedOptions.map(function (option) {
-      return option.label;
-    }));
-  }, [options, selectedValues]);
-  var handleClick = function handleClick(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    onSelectClick();
-    onClick == null ? void 0 : onClick(e);
-  };
-  var placeholderMarkup = /*#__PURE__*/React.createElement(Typography, {
-    variant: "body1",
-    as: "span",
-    color: disabled ? Neutral.B85 : Neutral.B68
-  }, placeholder);
-  var tagsMarkup = function tagsMarkup() {
-    if (!hasSelectedValues) {
-      return placeholderMarkup;
-    }
-    if (hasSelectedValues) {
-      return /*#__PURE__*/React.createElement(TagsContainer, null, /*#__PURE__*/React.createElement(StyledTag, {
-        key: "option-" + selectedValues[0],
-        onRemove: onRemoveTag({
-          option: selectedValues[0]
-        }),
-        textColor: Blue.S99
-      }, selectedLabels[0]), selectedValues.length > 1 && /*#__PURE__*/React.createElement(Typography, {
-        variant: "subtitle2",
-        color: disabled ? Neutral.B85 : Neutral.B40
-      }, "... and ", selectedValues.length - 1, " more"));
-    }
-  };
-  return /*#__PURE__*/React.createElement(StyledSelect, _extends({}, props, {
-    ref: activatorRef,
-    "data-error": hasError,
-    onClick: handleClick,
-    disabled: disabled,
-    width: width
-  }), /*#__PURE__*/React.createElement(WithPrefixContainer, null, prefix && /*#__PURE__*/React.createElement(StyledPrefixContainer, null, prefix), allowMultiple ? tagsMarkup() : /*#__PURE__*/React.createElement(StyledSelectTypography, {
-    variant: "body1",
-    "data-disabled": disabled,
-    color: hasSelectedValues ? Neutral.B18 : Neutral.B40
-  }, hasSelectedValues ? selectedLabels[0] : placeholderMarkup)), /*#__PURE__*/React.createElement(StyledIcon, {
-    height: 24,
-    name: customActivatorIcon || 'ri-arrow-m-down-line',
-    fill: disabled ? Neutral.B85 : Neutral.B40
-  }));
-};

package/es/@next/Select/components/Activator/ActivatorStyle.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ActivatorSelectProps } from './ActivatorSelect';
-export declare const StyledSelect: import("styled-components").StyledComponent<"button", any, ActivatorSelectProps, never>;
-export declare const TagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Tag").TagProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTextInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../../../Input/Input").InputProps, "type" | "onChange"> & {
-    canClear?: boolean;
-    onChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledSelectTypography: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../../../Typography").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const WithPrefixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPrefixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: import("../../../Icon").IconProps) => JSX.Element, any, {}, never>;

package/es/@next/Select/components/Activator/ActivatorStyle.js

@@ -1,46 +0,0 @@
-import styled from 'styled-components';
-import * as Breakpoints from '../../../utilities/breakpoints/Breakpoints';
-import { borderRadius4 } from '../../../utilities/borderRadius';
-import { Neutral, Red } from '../../../utilities/colors';
-import { NotoSans } from '../../../utilities/fonts';
-import { space8 } from '../../../utilities/spacing';
-import { TextInput } from '../../../TextInput';
-import { Tag } from '../../../Tag';
-import { Typography } from '../../../Typography';
-import { Icon } from '../../../Icon';
-export var StyledSelect = styled.button.withConfig({
-  displayName: "ActivatorStyle__StyledSelect",
-  componentId: "sc-rui73p-0"
-})(["display:flex;align-items:center;justify-content:space-between;height:36px;cursor:pointer;padding:0px 8px 0px 12px;border:1px solid ", ";box-shadow:0px 1px 0px rgba(0,0,0,0.05);border-radius:", ";background:", ";width:", ";color:", ";font-family:", ",sans-serif;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0px;@media (max-width:", "){font-size:14px;}&:focus{outline:none;box-shadow:0px 0px 0px 1px #ffffff,0px 0px 0px 3px #6cc9ec;}&:disabled{background:", ";pointer-events:none;cursor:default;border:1px solid ", ";}&[data-error='true']{border:1px solid ", ";border-radius:", ";}"], Neutral.B68, borderRadius4, Neutral.B100, function (props) {
-  return props.width;
-}, Neutral.B18, NotoSans, Breakpoints.large, Neutral.B95, Neutral.B85, Red.B93, borderRadius4);
-export var TagsContainer = styled.div.withConfig({
-  displayName: "ActivatorStyle__TagsContainer",
-  componentId: "sc-rui73p-1"
-})(["display:flex;justify-content:space-between;flex-direction:row;align-items:center;"]);
-export var StyledTag = styled(Tag).withConfig({
-  displayName: "ActivatorStyle__StyledTag",
-  componentId: "sc-rui73p-2"
-})(["height:28px;margin-right:", ";"], space8);
-export var StyledTextInput = styled(TextInput).withConfig({
-  displayName: "ActivatorStyle__StyledTextInput",
-  componentId: "sc-rui73p-3"
-})(["width:", ";"], function (props) {
-  return props.width;
-});
-export var StyledSelectTypography = styled(Typography).withConfig({
-  displayName: "ActivatorStyle__StyledSelectTypography",
-  componentId: "sc-rui73p-4"
-})(["display:flex;margin-left:auto;&[data-disabled='true']{color:", ";}"], Neutral.B85);
-export var WithPrefixContainer = styled.div.withConfig({
-  displayName: "ActivatorStyle__WithPrefixContainer",
-  componentId: "sc-rui73p-5"
-})(["display:flex;align-items:center;"]);
-export var StyledPrefixContainer = styled.div.withConfig({
-  displayName: "ActivatorStyle__StyledPrefixContainer",
-  componentId: "sc-rui73p-6"
-})(["display:flex;width:20px;margin-right:8px;"]);
-export var StyledIcon = styled(Icon).withConfig({
-  displayName: "ActivatorStyle__StyledIcon",
-  componentId: "sc-rui73p-7"
-})(["margin-left:auto;"]);

package/es/@next/Select/components/Activator/ActivatorTextInput.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Option } from '../../../Menu';
-import { TextInputProps } from '../../../TextInput';
-import { SearchableSelectState } from '../SearchableSelectInput/SearchableSelectInput';
-export interface ActivatorTextInputProps extends Omit<TextInputProps, 'onChange' | 'onSelect'> {
-    allowMultiple?: boolean;
-    disabled?: boolean;
-    hasError?: boolean;
-    onChange?(value: string): void;
-    onSelect?({ value }: {
-        value: string;
-    }): void;
-    selectedValues?: string[];
-    width?: string;
-    inputValue?: string;
-    updateInputValue?: (newValue: string) => void;
-    searchableSelectState?: SearchableSelectState;
-    updateSearchableSelectState?: (newState: SearchableSelectState) => void;
-    options?: Option[];
-    updateMenuOptions?: (newState: Option[]) => void;
-}
-export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onBlur, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => JSX.Element;

package/es/@next/Select/components/Activator/ActivatorTextInput.js

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["allowMultiple", "disabled", "hasError", "onChange", "onBlur", "onFocus", "onSelect", "prefix", "selectedValues", "width", "inputValue", "updateInputValue", "options", "updateMenuOptions"];
-import React, { useEffect, useRef, useState } from 'react';
-import { Icon } from '../../../Icon';
-import { SearchableSelectInput } from '../SearchableSelectInput/SearchableSelectInput';
-import { StyledTextInput } from './ActivatorStyle';
-export var ActivatorTextInput = function ActivatorTextInput(_ref) {
-  var allowMultiple = _ref.allowMultiple,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    onSelect = _ref.onSelect,
-    _ref$prefix = _ref.prefix,
-    prefix = _ref$prefix === void 0 ? /*#__PURE__*/React.createElement(Icon, {
-      name: "ri-search"
-    }) : _ref$prefix,
-    selectedValues = _ref.selectedValues,
-    width = _ref.width,
-    inputValue = _ref.inputValue,
-    updateInputValue = _ref.updateInputValue,
-    options = _ref.options,
-    updateMenuOptions = _ref.updateMenuOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var activatorRef = useRef(null);
-  var _useState = useState(false),
-    hasSelectedValues = _useState[0],
-    setHasSelectedValues = _useState[1];
-  var filterOptions = function filterOptions(str) {
-    if (str === '') {
-      updateMenuOptions(options);
-      return options;
-    }
-    var filterRegex = new RegExp(str, 'i');
-    var filterOptions = options.filter(function (option) {
-      return option.label.match(filterRegex);
-    });
-    return filterOptions;
-  };
-  var handleChange = function handleChange(_ref2) {
-    var value = _ref2.value;
-    if (onChange) {
-      onChange(value);
-      var filteredOptions = filterOptions(value);
-      updateMenuOptions(filteredOptions);
-      return;
-    }
-  };
-  useEffect(function () {
-    setHasSelectedValues(selectedValues.filter(function (v) {
-      return v != '';
-    }).length > 0);
-  }, [selectedValues]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, allowMultiple ? /*#__PURE__*/React.createElement(StyledTextInput, _extends({}, props, {
-    className: "select-input",
-    ref: activatorRef,
-    prefix: prefix,
-    onChange: function onChange(value) {
-      return handleChange({
-        value: value
-      });
-    },
-    onBlur: onBlur,
-    onFocus: onFocus,
-    error: hasError,
-    disabled: disabled,
-    width: width
-  })) : /*#__PURE__*/React.createElement(SearchableSelectInput, _extends({}, props, {
-    ref: activatorRef,
-    prefix: prefix,
-    filterOptions: filterOptions,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onInputChange: onChange,
-    onSelect: onSelect,
-    error: hasError,
-    disabled: disabled,
-    selectedValue: hasSelectedValues ? selectedValues[0] : null,
-    width: width,
-    inputValue: inputValue,
-    updateInputValue: updateInputValue,
-    options: options,
-    updateMenuOptions: updateMenuOptions
-  })));
-};

package/es/@next/Select/components/Activator/index.d.ts

@@ -1,2 +0,0 @@
-export { ActivatorTextInput } from './ActivatorTextInput';
-export { ActivatorSelect } from './ActivatorSelect';

package/es/@next/Select/components/Activator/index.js

@@ -1,2 +0,0 @@
-export { ActivatorTextInput } from './ActivatorTextInput';
-export { ActivatorSelect } from './ActivatorSelect';

package/es/@next/Select/components/Label/Label.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const Label: ({ children }: {
-    children: React.ReactNode;
-}) => JSX.Element;

package/es/@next/Select/components/Label/Label.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Typography } from '../../../Typography';
-import { Neutral } from '../../../utilities/colors';
-export var Label = function Label(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "subtitle2",
-    color: Neutral.B18
-  }, children);
-};

package/es/@next/Select/components/OptionList/OptionList.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { MenuProps, Option } from '../../../Menu';
-import { SearchableSelectState } from '../SearchableSelectInput/SearchableSelectInput';
-export interface OptionListProps extends MenuProps {
-    loading?: boolean;
-    noOptionsMessage?: React.ReactNode;
-    onMenuClose?: () => void;
-    onSelect?({ value }: {
-        value: string;
-    }): void;
-    width?: string;
-    updateSearchableSelectState?: (newState: SearchableSelectState) => void;
-    menuOptions?: Option[];
-}
-export declare const MenuOptionLoading: () => JSX.Element;
-export interface NoOptionListProps {
-    noOptionsMessage?: React.ReactNode;
-}
-export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => JSX.Element;
-export declare const OptionList: ({ allowMultiple, loading, noOptionsMessage, onMenuClose, onSelect, sections, selectedValues, title, updateSearchableSelectState, width, menuOptions, }: OptionListProps) => JSX.Element;

package/es/@next/Select/components/OptionList/OptionList.js

@@ -1,78 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Menu } from '../../../Menu';
-import { Spinner } from '../../../Spinner';
-import { Typography } from '../../../Typography';
-import { Blue, Neutral } from '../../../utilities/colors';
-import { EmptyOptionContainer, OptionListContainer } from './OptionListStyle';
-export var MenuOptionLoading = function MenuOptionLoading() {
-  return /*#__PURE__*/React.createElement(EmptyOptionContainer, {
-    className: "menu-option-loading"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "small",
-    fill: Blue.S99
-  }));
-};
-export var NoOptionList = function NoOptionList(_ref) {
-  var _ref$noOptionsMessage = _ref.noOptionsMessage,
-    noOptionsMessage = _ref$noOptionsMessage === void 0 ? 'No matching results' : _ref$noOptionsMessage;
-  return /*#__PURE__*/React.createElement(EmptyOptionContainer, {
-    className: "menu-option-empty"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "body2",
-    color: Neutral.B40
-  }, noOptionsMessage));
-};
-export var OptionList = function OptionList(_ref2) {
-  var allowMultiple = _ref2.allowMultiple,
-    _ref2$loading = _ref2.loading,
-    loading = _ref2$loading === void 0 ? false : _ref2$loading,
-    noOptionsMessage = _ref2.noOptionsMessage,
-    onMenuClose = _ref2.onMenuClose,
-    onSelect = _ref2.onSelect,
-    sections = _ref2.sections,
-    selectedValues = _ref2.selectedValues,
-    title = _ref2.title,
-    updateSearchableSelectState = _ref2.updateSearchableSelectState,
-    width = _ref2.width,
-    menuOptions = _ref2.menuOptions;
-  var _useState = useState((menuOptions == null ? void 0 : menuOptions.length) > 0),
-    hasMenuOptions = _useState[0],
-    setHasMenuOptions = _useState[1];
-  useEffect(function () {
-    setHasMenuOptions((menuOptions == null ? void 0 : menuOptions.length) > 0);
-  }, [menuOptions]);
-  var onOptionSelect = function onOptionSelect(_ref3) {
-    var value = _ref3.value;
-    if (onSelect) {
-      onSelect({
-        value: value
-      });
-      if (allowMultiple) return;
-      updateSearchableSelectState({
-        showSelected: true,
-        showInput: false,
-        showPlaceholder: false
-      });
-      onMenuClose();
-    }
-  };
-  if (loading) {
-    return /*#__PURE__*/React.createElement(OptionListContainer, {
-      width: width
-    }, /*#__PURE__*/React.createElement(MenuOptionLoading, null));
-  }
-  return /*#__PURE__*/React.createElement(OptionListContainer, {
-    width: width,
-    className: "menu-option-list"
-  }, hasMenuOptions ? /*#__PURE__*/React.createElement(Menu, {
-    allowMultiple: allowMultiple,
-    options: menuOptions,
-    onClick: onOptionSelect,
-    sections: sections,
-    selectedValues: selectedValues,
-    title: title
-  }) : /*#__PURE__*/React.createElement(NoOptionList, {
-    noOptionsMessage: noOptionsMessage
-  }));
-};

package/es/@next/Select/components/OptionList/OptionListStyle.d.ts

@@ -1,6 +0,0 @@
-interface OptionListContainerProps {
-    width?: string;
-}
-export declare const OptionListContainer: import("styled-components").StyledComponent<"div", any, OptionListContainerProps, never>;
-export declare const EmptyOptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/es/@next/Select/components/OptionList/OptionListStyle.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { space8 } from '../../../utilities/spacing';
-export var OptionListContainer = styled.div.withConfig({
-  displayName: "OptionListStyle__OptionListContainer",
-  componentId: "sc-1ytfzi1-0"
-})(["width:", ";padding:", " 0;"], function (props) {
-  return props.width;
-}, space8);
-export var EmptyOptionContainer = styled.div.withConfig({
-  displayName: "OptionListStyle__EmptyOptionContainer",
-  componentId: "sc-1ytfzi1-1"
-})(["display:flex;align-items:center;justify-content:center;margin:10px 0;"]);

package/es/@next/Select/components/OptionList/index.d.ts

@@ -1 +0,0 @@
-export { OptionList } from './OptionList';

package/es/@next/Select/components/OptionList/index.js

@@ -1 +0,0 @@
-export { OptionList } from './OptionList';

package/es/@next/Select/components/SearchableSelectInput/ClearSelected.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface ClearSelectedProps {
-    onSelect?({ value }: {
-        value: string;
-    }): void;
-    handleClearIconClick?: () => void;
-    updateInputValue?(newValue: string): void;
-}
-export declare const ClearSelected: ({ onSelect, handleClearIconClick, updateInputValue, }: ClearSelectedProps) => JSX.Element;

package/es/@next/Select/components/SearchableSelectInput/ClearSelected.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Icon } from '../../../Icon';
-import { ClearSelectedContainer } from './SearchableSelectInputStyle';
-export var ClearSelected = function ClearSelected(_ref) {
-  var onSelect = _ref.onSelect,
-    handleClearIconClick = _ref.handleClearIconClick,
-    updateInputValue = _ref.updateInputValue;
-  var onClearIconClick = function onClearIconClick() {
-    updateInputValue('');
-    onSelect({
-      value: ''
-    });
-    handleClearIconClick();
-  };
-  return /*#__PURE__*/React.createElement(ClearSelectedContainer, null, /*#__PURE__*/React.createElement(Icon, {
-    name: "ri-close-circle-fill",
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: onClearIconClick,
-    className: "clear-icon"
-  }));
-};

package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { InputProps } from '../../../Input/Input';
-import { Option } from '../../../Menu';
-export interface SearchableSelectState {
-    showSelected: boolean;
-    showInput: boolean;
-    showPlaceholder: boolean;
-}
-export declare type SearchableSelectInputProps = Omit<InputProps, 'type' | 'onChange' | 'onSelect'> & {
-    canClear?: boolean;
-    filterOptions?: (str: string) => Option[];
-    onInputChange?(value: string): void;
-    onSelect?({ value }: {
-        value: string;
-    }): void;
-    selectedValue?: string;
-    inputValue?: string;
-    updateInputValue?: (newValue: string) => void;
-    searchableSelectState?: SearchableSelectState;
-    updateSearchableSelectState?: (newState: SearchableSelectState) => void;
-    options?: Option[];
-    updateMenuOptions?: (newState: Option[]) => void;
-};
-export declare const SearchableSelectInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "onSelect"> & {
-    canClear?: boolean;
-    filterOptions?: (str: string) => Option[];
-    onInputChange?(value: string): void;
-    onSelect?({ value }: {
-        value: string;
-    }): void;
-    selectedValue?: string;
-    inputValue?: string;
-    updateInputValue?: (newValue: string) => void;
-    searchableSelectState?: SearchableSelectState;
-    updateSearchableSelectState?: (newState: SearchableSelectState) => void;
-    options?: Option[];
-    updateMenuOptions?: (newState: Option[]) => void;
-} & React.RefAttributes<HTMLInputElement>>;