@os-design/core 1.0.254 → 1.0.256

package/dist/cjs/Select/index.js

@@ -1,543 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ToggleRightAddon = exports.ToggleLeftAddon = exports.ToggleIconContainer = exports.ToggleContent = exports.ToggleContainer = exports.Title = exports.SelectContainer = exports.Placeholder = exports.ClearIcon = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _icons = require("@os-design/icons");
-var _media = require("@os-design/media");
-var _styles = require("@os-design/styles");
-var _theming = require("@os-design/theming");
-var _utils = require("@os-design/utils");
-var _react2 = _interopRequireWildcard(require("react"));
-var _reactWindow = require("react-window");
-var _Button = _interopRequireDefault(require("../Button"));
-var _Input = require("../Input");
-var _InputSearch = _interopRequireDefault(require("../InputSearch"));
-var _useRWLoadNext = _interopRequireDefault(require("../List/utils/useRWLoadNext"));
-var _Menu = _interopRequireDefault(require("../Menu"));
-var _MenuItem = _interopRequireDefault(require("../MenuItem"));
-var _Tag = _interopRequireDefault(require("../Tag"));
-var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
-var _excluded = ["options", "initSelectedOptions", "left", "leftHasPadding", "right", "rightHasPadding", "placeholder", "searchVisible", "searchProps", "notFoundText", "unbordered", "loading", "disabled", "autoFocus", "autoOpen", "clearVisible", "threshold", "visibleCount", "overscanCount", "multiple", "maxSelectedItems", "locale", "value", "defaultValue", "onChange", "onLoadNext", "onClose", "onBlur", "size", "placement"],
-  _excluded2 = ["style"],
-  _excluded3 = ["title", "value", "onClick"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var selectContainerPaddingStyles = function selectContainerPaddingStyles(p) {
-  var paddingVertical = (p.theme.baseHeight - p.theme.selectToggleListItemHeight) / 2;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: calc(", "em - 1px) 0;\n  "])), paddingVertical);
-};
-var selectContainerOpenedStyles = function selectContainerOpenedStyles(p) {
-  return p.opened && !p.unbordered && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    box-shadow: 0 0 0 0.15em ", ";\n  "])), (0, _theming.clr)(p.theme.inputFocusColorBorder), (0, _theming.clr)(p.theme.inputFocusColorShadow));
-};
-var selectContainerUnborderedStyles = function selectContainerUnborderedStyles(p) {
-  return p.unbordered && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border: 0;\n    box-shadow: none !important;\n    ", ";\n  "])), (0, _styles.transitionStyles)('background-color')(p));
-};
-var selectContainerUnborderedHoverStyles = function selectContainerUnborderedHoverStyles(p) {
-  return p.unbordered && !p.disabled && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    @media (hover: hover) {\n      &:hover,\n      &:focus {\n        background-color: ", ";\n      }\n    }\n  "])), (0, _theming.clr)(p.theme.buttonGhostColorBgHover));
-};
-var SelectContainer = exports.SelectContainer = (0, _styled["default"])(_Input.InputContainer, (0, _utils.omitEmotionProps)('opened', 'unbordered', 'disabled'))(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  cursor: ", ";\n  user-select: none;\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  height: unset;\n  min-height: ", "em;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
-  return !p.disabled ? 'pointer' : 'not-allowed';
-}, function (p) {
-  return p.theme.baseHeight;
-}, selectContainerPaddingStyles, selectContainerOpenedStyles, selectContainerUnborderedStyles, selectContainerUnborderedHoverStyles);
-var SelectMenu = (0, _styled["default"])(_Menu["default"], (0, _utils.omitEmotionProps)('width'))(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding-top: 0;\n  padding-bottom: 0;\n  max-height: unset;\n\n  ", " {\n    width: ", "px;\n  }\n"])), _media.m.min.xs, function (p) {
-  return p.width;
-});
-var NotFound = _styled["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: ", "em;\n  display: flex;\n  align-items: center;\n\n  padding: 0 ", "em;\n  color: ", ";\n"])), function (p) {
-  return p.theme.menuItemHeight;
-}, function (p) {
-  return p.theme.inputPaddingHorizontal;
-}, function (p) {
-  return (0, _theming.clr)(p.theme.selectNotFoundColorText);
-});
-var InputSearchContainer = _styled["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: ", "em\n    ", "em 0;\n"])), function (p) {
-  return p.theme.menuPaddingVertical;
-}, function (p) {
-  return p.theme.inputPaddingHorizontal;
-});
-var ToggleContainer = exports.ToggleContainer = _styled["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n"])));
-var toggleContentNotHasLeftStyles = function toggleContentNotHasLeftStyles(p) {
-  return !p.hasLeft && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding-left: ", "em;\n  "])), p.theme.inputPaddingHorizontal);
-};
-var toggleContentNotHasRightStyles = function toggleContentNotHasRightStyles(p) {
-  return !p.hasRight && !p.unbordered && (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    padding-right: ", "em;\n  "])), p.theme.inputPaddingHorizontal);
-};
-var ToggleContent = exports.ToggleContent = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('hasLeft', 'hasRight', 'unbordered'))(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  flex: 1;\n  ", ";\n  ", ";\n  ", ";\n"])), toggleContentNotHasLeftStyles, toggleContentNotHasRightStyles, _styles.ellipsisStyles);
-var Placeholder = exports.Placeholder = _styled["default"].span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), function (p) {
-  return (0, _theming.clr)(p.theme.inputColorPlaceholder);
-}, _styles.ellipsisStyles);
-var titleUnborderedStyles = function titleUnborderedStyles(p) {
-  return p.unbordered && (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    font-weight: 500;\n    ", "\n  "])), !p.disabled && "color: ".concat((0, _theming.clr)(p.theme.colorPrimary), ";"));
-};
-var titleDisabledStyles = function titleDisabledStyles(p) {
-  return p.disabled && (0, _react.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.inputDisabledColorText));
-};
-var Title = exports.Title = (0, _styled["default"])('span', (0, _utils.omitEmotionProps)('disabled', 'unbordered'))(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
-  return (0, _theming.clr)(p.theme.colorText);
-}, titleUnborderedStyles, titleDisabledStyles, _styles.ellipsisStyles);
-var ToggleListItem = (0, _styled["default"])(_Tag["default"], (0, _utils.omitEmotionProps)('disabled'))(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  // Reset tag styles\n  padding-top: 0;\n  padding-bottom: 0;\n\n  height: ", "em;\n  ", ";\n"])), function (p) {
-  return p.theme.selectToggleListItemHeight;
-}, titleDisabledStyles);
-var ToggleList = _styled["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  overflow: hidden; // For ellipsis styles\n\n  margin: 0 ", "em\n    ", "em 0;\n\n  & > div {\n    margin: 0 ", "em\n      ", "em 0;\n  }\n"])), function (p) {
-  return p.theme.selectToggleListItemGap;
-}, function (p) {
-  return -p.theme.selectToggleListItemGap;
-}, function (p) {
-  return p.theme.selectToggleListItemGap;
-}, function (p) {
-  return p.theme.selectToggleListItemGap;
-});
-var DeleteButton = _styled["default"].button(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  display: inherit;\n  font-size: 1em;\n  margin-left: 0.2em;\n\n  background-color: transparent;\n  color: ", ";\n\n  @media (hover: hover) {\n    &:hover,\n    &:focus {\n      color: ", ";\n    }\n  }\n\n  ", ";\n"])), _styles.resetButtonStyles, function (p) {
-  return (0, _theming.clr)(p.theme.selectToggleDeleteButtonColorIcon);
-}, function (p) {
-  return (0, _theming.clr)(p.theme.selectToggleDeleteButtonColorIconHover);
-}, (0, _styles.transitionStyles)('color'));
-var toggleIconUnborderedStyles = function toggleIconUnborderedStyles(p) {
-  return p.unbordered && (0, _react.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    padding-top: 0.2em;\n    font-size: 0.8em;\n    ", "\n  "])), !p.disabled && "color: ".concat((0, _theming.clr)(p.theme.colorPrimary), ";"));
-};
-var ToggleIconContainer = exports.ToggleIconContainer = (0, _styled["default"])('span', (0, _utils.omitEmotionProps)('unbordered'))(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 1;\n  ", ";\n"])), function (p) {
-  return (0, _theming.clr)(p.theme.selectColorIcon);
-}, toggleIconUnborderedStyles);
-var ClearIcon = exports.ClearIcon = (0, _styled["default"])(_icons.CloseCircle)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  transform: scale(1.2) !important;\n"])));
-var Addon = (0, _styled["default"])('span', (0, _utils.omitEmotionProps)('hasPadding'))(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  user-select: none;\n  color: ", ";\n\n  svg {\n    transform: scale(1.2);\n  }\n"])), function (p) {
-  return (0, _theming.clr)(p.theme.inputColorPlaceholder);
-});
-var ToggleLeftAddon = exports.ToggleLeftAddon = (0, _styled["default"])(Addon)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  padding-right: ", "em;\n  ", "\n"])), function (p) {
-  return p.theme.inputAddonPaddingHorizontal;
-}, function (p) {
-  return p.hasPadding && (0, _react.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      padding-left: ", "em;\n    "])), p.theme.inputPaddingHorizontal);
-});
-var ToggleRightAddon = exports.ToggleRightAddon = (0, _styled["default"])(Addon)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  padding-left: ", "em;\n  ", "\n"])), function (p) {
-  return p.theme.inputAddonPaddingHorizontal;
-}, function (p) {
-  return p.hasPadding && (0, _react.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n      padding-right: ", "em;\n    "])), p.theme.inputPaddingHorizontal);
-});
-
-/**
- * The component that allows to pick a value from predefined options.
- */
-var Select = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
-  var _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    _ref$initSelectedOpti = _ref.initSelectedOptions,
-    initSelectedOptions = _ref$initSelectedOpti === void 0 ? [] : _ref$initSelectedOpti,
-    left = _ref.left,
-    _ref$leftHasPadding = _ref.leftHasPadding,
-    leftHasPadding = _ref$leftHasPadding === void 0 ? false : _ref$leftHasPadding,
-    right = _ref.right,
-    _ref$rightHasPadding = _ref.rightHasPadding,
-    rightHasPadding = _ref$rightHasPadding === void 0 ? false : _ref$rightHasPadding,
-    placeholder = _ref.placeholder,
-    _ref$searchVisible = _ref.searchVisible,
-    searchVisible = _ref$searchVisible === void 0 ? false : _ref$searchVisible,
-    _ref$searchProps = _ref.searchProps,
-    searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
-    _ref$notFoundText = _ref.notFoundText,
-    notFoundText = _ref$notFoundText === void 0 ? 'Not found' : _ref$notFoundText,
-    _ref$unbordered = _ref.unbordered,
-    unbordered = _ref$unbordered === void 0 ? false : _ref$unbordered,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$autoFocus = _ref.autoFocus,
-    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-    _ref$autoOpen = _ref.autoOpen,
-    autoOpen = _ref$autoOpen === void 0 ? false : _ref$autoOpen,
-    _ref$clearVisible = _ref.clearVisible,
-    clearVisible = _ref$clearVisible === void 0 ? false : _ref$clearVisible,
-    _ref$threshold = _ref.threshold,
-    threshold = _ref$threshold === void 0 ? 10 : _ref$threshold,
-    _ref$visibleCount = _ref.visibleCount,
-    visibleCount = _ref$visibleCount === void 0 ? 6 : _ref$visibleCount,
-    _ref$overscanCount = _ref.overscanCount,
-    overscanCount = _ref$overscanCount === void 0 ? 10 : _ref$overscanCount,
-    _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-    _ref$maxSelectedItems = _ref.maxSelectedItems,
-    maxSelectedItems = _ref$maxSelectedItems === void 0 ? 0 : _ref$maxSelectedItems,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    _ref$onLoadNext = _ref.onLoadNext,
-    onLoadNext = _ref$onLoadNext === void 0 ? function () {} : _ref$onLoadNext,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
-    _ref$onBlur = _ref.onBlur,
-    onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
-    size = _ref.size,
-    placement = _ref.placement,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-    containerRef = _useForwardedRef2[0],
-    mergedContainerRef = _useForwardedRef2[1];
-  var _useState = (0, _react2.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var _useState3 = (0, _react2.useState)(autoOpen),
-    _useState4 = _slicedToArray(_useState3, 2),
-    opened = _useState4[0],
-    setOpened = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var _useForwardedState = (0, _utils.useForwardedState)({
-      value: value,
-      defaultValue: defaultValue,
-      onChange: onChange
-    }),
-    _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
-    forwardedValue = _useForwardedState2[0],
-    setForwardedValue = _useForwardedState2[1];
-  (0, _react2.useEffect)(function () {
-    var _containerRef$current;
-    if (autoFocus) (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.focus();
-  }, [autoFocus, containerRef]);
-  var onCloseRef = (0, _react2.useRef)(onClose);
-  (0, _react2.useEffect)(function () {
-    onCloseRef.current = onClose;
-  }, [onClose]);
-  var initRef = (0, _react2.useRef)(false);
-  (0, _react2.useEffect)(function () {
-    if (!initRef.current) {
-      initRef.current = true;
-      return;
-    }
-    if (!opened) onCloseRef.current();
-  }, [opened]);
-
-  /**
-   * Detect the width of the container when the select was opened and update
-   * it when either the container size or the window size has been changed.
-   */
-  var resizeHandler = (0, _react2.useCallback)(function () {
-    window.requestAnimationFrame(function () {
-      if (!opened || !containerRef.current) return;
-      var nextWidth = containerRef.current.getBoundingClientRect().width;
-      if (width === nextWidth) return;
-      setWidth(nextWidth);
-    });
-  }, [opened, containerRef, width]);
-  (0, _utils.useBrowserLayoutEffect)(function () {
-    return resizeHandler();
-  }, [resizeHandler]);
-  (0, _utils.useResizeObserver)(containerRef, resizeHandler);
-  (0, _utils.useEvent)(typeof window !== 'undefined' ? window : undefined, 'resize', resizeHandler);
-
-  // Replace the aria-haspopup attribute from menu to listbox
-  (0, _utils.useBrowserLayoutEffect)(function () {
-    if (!containerRef.current) return;
-    containerRef.current.setAttribute('aria-haspopup', 'listbox');
-  }, []);
-  var listBoxId = (0, _react2.useMemo)(function () {
-    return "listbox-".concat(Math.random().toString(36).slice(2, 11));
-  }, []);
-  var blurHandler = (0, _react2.useCallback)(function (e) {
-    if (!opened) onBlur(e);
-  }, [onBlur, opened]);
-  var onDelete = (0, _react2.useCallback)(function (v) {
-    if (!multiple) return;
-    setForwardedValue((forwardedValue || []).filter(function (item) {
-      return item !== v;
-    }));
-  }, [forwardedValue, multiple, setForwardedValue]);
-  var prevSelectedOptions = (0, _react2.useRef)(initSelectedOptions);
-  var selectedOptions = (0, _react2.useMemo)(function () {
-    if (!forwardedValue) return [];
-    var values = Array.isArray(forwardedValue) ? forwardedValue : [forwardedValue];
-    var items = [].concat(_toConsumableArray(options), _toConsumableArray(prevSelectedOptions.current));
-    return values.map(function (v) {
-      var option = items.find(function (item) {
-        return item.value === v;
-      });
-      return {
-        title: option ? option.title : v,
-        value: v
-      };
-    });
-  }, [forwardedValue, options]);
-  (0, _react2.useEffect)(function () {
-    prevSelectedOptions.current = selectedOptions;
-  }, [selectedOptions]);
-  var toggleContent = (0, _react2.useMemo)(function () {
-    if (multiple) {
-      if (!forwardedValue || forwardedValue.length === 0) {
-        return /*#__PURE__*/_react2["default"].createElement(Placeholder, null, placeholder);
-      }
-      return /*#__PURE__*/_react2["default"].createElement(ToggleList, null, selectedOptions.map(function (_ref2) {
-        var title = _ref2.title,
-          v = _ref2.value;
-        return /*#__PURE__*/_react2["default"].createElement(ToggleListItem, {
-          key: v,
-          disabled: disabled,
-          right: !disabled ? /*#__PURE__*/_react2["default"].createElement(DeleteButton, {
-            onClick: function onClick(e) {
-              onDelete(v);
-              e.stopPropagation();
-            },
-            onKeyDown: function onKeyDown(e) {
-              return e.stopPropagation();
-            },
-            "aria-label": "".concat(locale.deleteLabel, " ").concat(title),
-            "aria-hidden": true
-          }, /*#__PURE__*/_react2["default"].createElement(_icons.Close, null)) : undefined,
-          "aria-hidden": true
-        }, title);
-      }));
-    }
-    if (!forwardedValue) {
-      return /*#__PURE__*/_react2["default"].createElement(Placeholder, null, placeholder);
-    }
-    var option = selectedOptions.find(function (item) {
-      return item.value === forwardedValue;
-    });
-    return /*#__PURE__*/_react2["default"].createElement(Title, {
-      disabled: disabled,
-      unbordered: unbordered
-    }, option ? option.title : '');
-  }, [disabled, forwardedValue, locale.deleteLabel, multiple, onDelete, placeholder, selectedOptions, unbordered]);
-  var toggleShowClearButton = (0, _react2.useMemo)(function () {
-    if (!clearVisible) return false;
-    if (multiple) return forwardedValue && forwardedValue.length > 0;
-    return !!forwardedValue;
-  }, [clearVisible, forwardedValue, multiple]);
-  var toggleOnClear = (0, _react2.useCallback)(function () {
-    setForwardedValue(multiple ? [] : null);
-    if (!containerRef.current) return;
-    containerRef.current.focus();
-  }, [containerRef, multiple, setForwardedValue]);
-  var toggleRightValue = (0, _react2.useMemo)(function () {
-    if (loading) return /*#__PURE__*/_react2["default"].createElement(_icons.Loading, null);
-    if (toggleShowClearButton) {
-      return /*#__PURE__*/_react2["default"].createElement(_Button["default"], {
-        type: "ghost",
-        wide: "never",
-        size: "small",
-        disabled: disabled,
-        onClick: function onClick(e) {
-          toggleOnClear();
-          e.stopPropagation();
-        },
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === 'Enter') toggleOnClear();
-          e.stopPropagation();
-        },
-        "aria-label": locale.clearLabel
-      }, /*#__PURE__*/_react2["default"].createElement(ClearIcon, null));
-    }
-    return right || /*#__PURE__*/_react2["default"].createElement(ToggleIconContainer, {
-      unbordered: unbordered
-    }, opened ? /*#__PURE__*/_react2["default"].createElement(_icons.Up, null) : /*#__PURE__*/_react2["default"].createElement(_icons.Down, null));
-  }, [disabled, loading, locale.clearLabel, opened, right, toggleOnClear, toggleShowClearButton, unbordered]);
-  var toggleRightHasPaddingValue = (0, _react2.useMemo)(function () {
-    if (loading) return true;
-    if (toggleShowClearButton) return false;
-    return right ? rightHasPadding : true;
-  }, [loading, right, rightHasPadding, toggleShowClearButton]);
-  var onSelect = (0, _react2.useCallback)(function (v) {
-    if (multiple) {
-      // Delete the value because it was already selected
-      if ((forwardedValue || []).includes(v)) {
-        setForwardedValue((forwardedValue || []).filter(function (item) {
-          return item !== v;
-        }));
-        return;
-      }
-
-      // Add a new value if the number of selected items is less than max
-      if (maxSelectedItems === 0 || (forwardedValue || []).length < maxSelectedItems) {
-        setForwardedValue([].concat(_toConsumableArray(forwardedValue || []), [v]));
-        return;
-      }
-      return;
-    }
-    setForwardedValue(v);
-  }, [forwardedValue, maxSelectedItems, multiple, setForwardedValue]);
-  var windowSize = (0, _utils.useSize)();
-  var isMinXs = (0, _media.useIsMinWidth)('xs');
-  var fontSize = (0, _utils.useFontSize)(typeof window !== 'undefined' ? document.body : null);
-  var _useTheme = (0, _theming.useTheme)(),
-    theme = _useTheme.theme;
-  var scaleFactor = (0, _react2.useMemo)(function () {
-    var s = size || 'medium';
-    return ['small', 'medium', 'large'].includes(s) ? theme.sizes[s] : Number(s.replace(/^([0-9]+(\.[0-9]+)?).*/, '$1')) || 1; // Extract the number
-  }, [size, theme.sizes]);
-  var paddingBottom = (0, _react2.useMemo)(function () {
-    var paddingEm = isMinXs ? theme.menuPaddingVertical : theme.modalBodyPaddingVertical[0];
-    return paddingEm * fontSize * scaleFactor;
-  }, [isMinXs, theme.menuPaddingVertical, theme.modalBodyPaddingVertical, fontSize, scaleFactor]);
-  var paddingTop = (0, _react2.useMemo)(function () {
-    return searchVisible ? 5 * scaleFactor : paddingBottom;
-  }, [searchVisible, scaleFactor, paddingBottom]);
-  var searchInputHeight = (0, _react2.useMemo)(function () {
-    return searchVisible ? (theme.baseHeight + theme.menuPaddingVertical) * fontSize * scaleFactor : 0;
-  }, [searchVisible, theme.baseHeight, theme.menuPaddingVertical, fontSize, scaleFactor]);
-  var itemSize = (0, _react2.useMemo)(function () {
-    return theme.menuItemHeight * fontSize * scaleFactor;
-  }, [theme.menuItemHeight, fontSize, scaleFactor]);
-  var height = (0, _react2.useMemo)(function () {
-    // Modal
-    if (!isMinXs) {
-      var maxHeight = windowSize.height - theme.modalHeaderHeight * fontSize * scaleFactor - searchInputHeight;
-      var curHeight = options.length * itemSize + paddingTop + paddingBottom;
-      return curHeight < maxHeight ? curHeight : maxHeight;
-    }
-    // Popover
-    var count = options.length < visibleCount ? options.length : visibleCount;
-    return count * itemSize + paddingTop + paddingBottom;
-  }, [isMinXs, options.length, visibleCount, itemSize, windowSize.height, theme.modalHeaderHeight, fontSize, scaleFactor, searchInputHeight, paddingTop, paddingBottom]);
-  var scrollHandler = (0, _useRWLoadNext["default"])({
-    itemCount: options.length,
-    threshold: threshold,
-    itemSize: itemSize,
-    paddingTop: paddingTop,
-    height: height,
-    onLoadNext: onLoadNext
-  });
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var InnerElement = (0, _react2.useCallback)(function (_ref3) {
-    var style = _ref3.style,
-      innerElementRest = _objectWithoutProperties(_ref3, _excluded2);
-    return /*#__PURE__*/_react2["default"].createElement("div", _extends({
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        height: "".concat(parseFloat(style.height) + paddingTop + paddingBottom, "px")
-      }),
-      role: "listbox",
-      id: listBoxId
-    }, innerElementRest));
-  }, [listBoxId, paddingBottom, paddingTop]);
-  var listItemFn = (0, _react2.useCallback)(function (_ref4) {
-    var index = _ref4.index,
-      style = _ref4.style;
-    var _options$index = options[index],
-      optionTitle = _options$index.title,
-      optionValue = _options$index.value,
-      optionOnClick = _options$index.onClick,
-      restOption = _objectWithoutProperties(_options$index, _excluded3);
-    return /*#__PURE__*/_react2["default"].createElement(_MenuItem["default"], _extends({
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        top: "".concat(parseFloat(style.top ? style.top.toString() : '0') + paddingTop, "px")
-      }),
-      selected: multiple && (forwardedValue || []).includes(optionValue || '') || !multiple && forwardedValue === optionValue,
-      onClick: function onClick(e) {
-        if (!optionValue) return;
-        onSelect(optionValue);
-
-        // Focus the input.
-        // Otherwise, if multiple is false and the user presses enter to select an item,
-        // the input will lose focus.
-        if (containerRef.current && !multiple) {
-          containerRef.current.focus();
-        }
-        if (optionOnClick) optionOnClick(e);
-      },
-      role: "option",
-      "aria-selected": multiple && (forwardedValue || []).includes(optionValue || '') || !multiple && forwardedValue === optionValue
-    }, restOption), optionTitle);
-  }, [containerRef, forwardedValue, multiple, onSelect, options, paddingTop]);
-  return /*#__PURE__*/_react2["default"].createElement(_react2["default"].Fragment, null, /*#__PURE__*/_react2["default"].createElement(SelectContainer, _extends({
-    opened: opened,
-    unbordered: unbordered,
-    disabled: disabled,
-    size: size,
-    tabIndex: !disabled ? 0 : -1,
-    onClick: function onClick() {
-      if (disabled) return;
-      setOpened(!opened);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (disabled) return;
-      if (['Enter', ' '].includes(e.key)) {
-        setOpened(!opened);
-        e.preventDefault();
-      }
-    },
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    },
-    onBlur: blurHandler,
-    role: "combobox",
-    "aria-disabled": disabled,
-    "aria-busy": loading,
-    "aria-haspopup": "listbox",
-    "aria-owns": listBoxId
-  }, rest, {
-    ref: mergedContainerRef
-  }), /*#__PURE__*/_react2["default"].createElement(ToggleContainer, null, left && /*#__PURE__*/_react2["default"].createElement(_theming.ThemeOverrider, {
-    overrides: function overrides(t) {
-      return {
-        buttonPaddingHorizontal: 0.8,
-        baseHeight: t.selectToggleListItemHeight / t.sizes.small
-      };
-    }
-  }, /*#__PURE__*/_react2["default"].createElement(ToggleLeftAddon, {
-    hasPadding: leftHasPadding
-  }, left)), /*#__PURE__*/_react2["default"].createElement(ToggleContent, {
-    hasLeft: !!left,
-    hasRight: !!right,
-    unbordered: unbordered
-  }, toggleContent), toggleRightValue && /*#__PURE__*/_react2["default"].createElement(_theming.ThemeOverrider, {
-    overrides: function overrides(t) {
-      return {
-        buttonPaddingHorizontal: 0.8,
-        baseHeight: t.selectToggleListItemHeight / t.sizes.small
-      };
-    }
-  }, /*#__PURE__*/_react2["default"].createElement(ToggleRightAddon, {
-    hasPadding: toggleRightHasPaddingValue
-  }, toggleRightValue)))), /*#__PURE__*/_react2["default"].createElement(SelectMenu, {
-    trigger: containerRef,
-    visible: opened,
-    onClose: function onClose() {
-      return setOpened(false);
-    },
-    size: size,
-    width: width,
-    closeOnSelect: !multiple,
-    modalTitle: placeholder,
-    placement: placement
-  }, searchVisible && /*#__PURE__*/_react2["default"].createElement(InputSearchContainer, null, /*#__PURE__*/_react2["default"].createElement(_InputSearch["default"], searchProps)), options.length > 0 ? /*#__PURE__*/_react2["default"].createElement(_reactWindow.FixedSizeList, {
-    width: "100%",
-    height: height,
-    itemSize: itemSize,
-    itemCount: options.length,
-    overscanCount: overscanCount,
-    onScroll: function onScroll(_ref5) {
-      var scrollOffset = _ref5.scrollOffset;
-      return scrollHandler(scrollOffset);
-    },
-    innerElementType: InnerElement
-  }, listItemFn) : /*#__PURE__*/_react2["default"].createElement(NotFound, null, notFoundText)));
-});
-Select.displayName = 'Select';
-var _default = exports["default"] = Select;
-//# sourceMappingURL=index.js.map