shopee-ui-react 0.0.1-security → 2.10.49

package/es/components/select/Select.js

@@ -0,0 +1,617 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import cx from 'classnames';
+import SelectContext from './context';
+import Option from './Option';
+import OptionAdd from './OptionAdd';
+import MultiContent from './MultiContent';
+import useSelectState, { EMPTY_LABELED_VALUE } from './useSelectState';
+import Popover from '../popover';
+import Icon from '../icon';
+import Input from '../input';
+import ToolTip from '../tooltip';
+import ConfigProvider from '../config-provider';
+import stopPropagationHandler from '../../utils/stopPropagationHandler';
+import debounce from '../../utils/debounce';
+import useMergedState from '../../hooks/useMergedState';
+
+var isValidValue = function isValidValue(x) {
+  var result = typeof x === 'string' || typeof x === 'number' && !Number.isNaN(x);
+  return result;
+};
+
+var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _cx6;
+
+  var customizePrefixCls = _a.prefixCls,
+      filterPlaceholder = _a.filterPlaceholder,
+      filterSuffixIcon = _a.filterSuffixIcon,
+      noMatchText = _a.noMatchText,
+      searchHintText = _a.searchHintText,
+      addable = _a.addable,
+      addItemText = _a.addItemText,
+      loading = _a.loading,
+      value = _a.value,
+      defaultValue = _a.defaultValue,
+      defaultOpen = _a.defaultOpen,
+      open = _a.open,
+      maxHeight = _a.maxHeight,
+      filterable = _a.filterable,
+      multiple = _a.multiple,
+      multipleLimit = _a.multipleLimit,
+      disabled = _a.disabled,
+      delay = _a.delay,
+      placeholder = _a.placeholder,
+      size = _a.size,
+      clearable = _a.clearable,
+      maxLine = _a.maxLine,
+      suffixIcon = _a.suffixIcon,
+      prefixIcon = _a.prefixIcon,
+      children = _a.children,
+      maxTagTextWidth = _a.maxTagTextWidth,
+      className = _a.className,
+      placement = _a.placement,
+      labelInValue = _a.labelInValue,
+      popupWidth = _a.popupWidth,
+      showEllipsisTooltip = _a.showEllipsisTooltip,
+      _a$optionWidthAlignme = _a.optionWidthAlignment,
+      optionWidthAlignment = _a$optionWidthAlignme === void 0 ? true : _a$optionWidthAlignme,
+      dropdownClassName = _a.dropdownClassName,
+      renderOptions = _a.renderOptions,
+      getPopupContainer = _a.getPopupContainer,
+      filterMethod = _a.filterMethod,
+      onChange = _a.onChange,
+      onFilter = _a.onFilter,
+      onRemoved = _a.onRemoved,
+      onClear = _a.onClear,
+      onBeforeAddItem = _a.onBeforeAddItem,
+      onAddItem = _a.onAddItem,
+      onClick = _a.onClick,
+      onPopoverVisibleChange = _a.onPopoverVisibleChange,
+      renderOptionContainer = _a.renderOptionContainer,
+      restProps = __rest(_a, ["prefixCls", "filterPlaceholder", "filterSuffixIcon", "noMatchText", "searchHintText", "addable", "addItemText", "loading", "value", "defaultValue", "defaultOpen", "open", "maxHeight", "filterable", "multiple", "multipleLimit", "disabled", "delay", "placeholder", "size", "clearable", "maxLine", "suffixIcon", "prefixIcon", "children", "maxTagTextWidth", "className", "placement", "labelInValue", "popupWidth", "showEllipsisTooltip", "optionWidthAlignment", "dropdownClassName", "renderOptions", "getPopupContainer", "filterMethod", "onChange", "onFilter", "onRemoved", "onClear", "onBeforeAddItem", "onAddItem", "onClick", "onPopoverVisibleChange", "renderOptionContainer"]);
+
+  var _useSelectState = useSelectState({
+    value: value,
+    defaultValue: defaultValue,
+    multiple: multiple,
+    labelInValue: labelInValue,
+    children: children,
+    onChange: onChange
+  }),
+      _useSelectState2 = _slicedToArray(_useSelectState, 2),
+      innerValue = _useSelectState2[0],
+      setInnerValue = _useSelectState2[1];
+
+  var selectedOptionValue = useMemo(function () {
+    return Array.isArray(innerValue) ? innerValue.map(function (tmp) {
+      return tmp.value;
+    }) : innerValue.value;
+  }, [innerValue]);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isBeforeFilter = _useState2[0],
+      setIsBeforeFilter = _useState2[1];
+
+  var _useState3 = useState(popupWidth),
+      _useState4 = _slicedToArray(_useState3, 2),
+      width = _useState4[0],
+      setWidth = _useState4[1];
+
+  var _useMergedState = useMergedState(false, {
+    value: open,
+    defaultValue: defaultOpen,
+    onChange: onPopoverVisibleChange
+  }),
+      _useMergedState2 = _slicedToArray(_useMergedState, 2),
+      expand = _useMergedState2[0],
+      setExpand = _useMergedState2[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      query = _useState6[0],
+      setQuery = _useState6[1];
+
+  var optionEndRef = useRef();
+  var containerRef = useRef();
+
+  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      contextLocale = _React$useContext.locale;
+
+  var locale = contextLocale.Select;
+  var prefixCls = getPrefixCls('select', customizePrefixCls);
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isFocus = _useState8[0],
+      setIsFocus = _useState8[1];
+
+  useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        setIsFocus(true);
+      },
+      blur: function blur() {
+        setIsFocus(false);
+      },
+      getValue: function getValue() {
+        var result;
+
+        if (labelInValue) {
+          result = innerValue;
+        } else {
+          result = Array.isArray(innerValue) ? innerValue.map(function (tmp) {
+            return tmp.value;
+          }) : innerValue.value;
+        }
+
+        return result;
+      },
+      setValue: function setValue(newValue) {
+        setInnerValue(newValue);
+      }
+    };
+  });
+
+  var getMaxMenuHeight = function getMaxMenuHeight() {
+    if (maxHeight) {
+      return maxHeight;
+    }
+
+    return filterable ? 208 : 218;
+  };
+
+  var fireFilter = useCallback(debounce(function (val, callback) {
+    if (typeof onFilter === 'function') {
+      onFilter(val);
+    }
+
+    if (callback) {
+      callback();
+    }
+  }, delay), [onFilter, delay]);
+
+  var filterOptions = function filterOptions(val) {
+    if (!isBeforeFilter) {
+      setIsBeforeFilter(true);
+    }
+
+    fireFilter(val, function () {
+      setIsBeforeFilter(false);
+    });
+  };
+
+  var handleSingleSelect = function handleSingleSelect(val, label) {
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+      autoHide: true
+    };
+
+    if (options.autoHide) {
+      setExpand(false);
+    }
+
+    var tmp = Array.isArray(innerValue) ? innerValue[0] : innerValue;
+
+    if (tmp.value === val) {
+      return;
+    }
+
+    setInnerValue({
+      value: val,
+      label: label
+    });
+  };
+
+  var handleMultiSelect = function handleMultiSelect(optionValue, optionLabel) {
+    if (!Array.isArray(innerValue)) {
+      return;
+    }
+
+    var hasSelected = selectedOptionValue.includes(optionValue);
+
+    if (!hasSelected && multipleLimit > 0 && selectedOptionValue.length >= multipleLimit) {
+      return;
+    }
+
+    var newInnerValue = [];
+
+    if (hasSelected) {
+      newInnerValue = innerValue.filter(function (tmp) {
+        return tmp.value !== optionValue;
+      });
+    } else {
+      newInnerValue = [].concat(_toConsumableArray(innerValue), [{
+        label: optionLabel,
+        value: optionValue
+      }]);
+    }
+
+    setInnerValue(newInnerValue);
+  };
+
+  var handleRemove = function handleRemove(item) {
+    if (disabled || !Array.isArray(innerValue)) {
+      return;
+    }
+
+    var newValue = innerValue.filter(function (tmp) {
+      return tmp.value !== item;
+    });
+    setInnerValue(newValue);
+
+    if (typeof onRemoved === 'function') {
+      onRemoved(item);
+    }
+  };
+
+  var handleClear = function handleClear(e) {
+    stopPropagationHandler(e);
+    setInnerValue(Array.isArray(innerValue) ? [] : EMPTY_LABELED_VALUE);
+
+    if (onClear) {
+      onClear();
+    }
+  };
+
+  var handleClearQuery = function handleClearQuery() {
+    filterOptions('');
+    setQuery('');
+  };
+
+  var handleQueryChange = function handleQueryChange(val) {
+    filterOptions(val);
+    setQuery(val);
+  };
+
+  var handleAddItem = function handleAddItem(val) {
+    var newItem = {
+      label: val,
+      value: val
+    };
+
+    if (onBeforeAddItem) {
+      newItem = onBeforeAddItem(val);
+    }
+
+    if (multiple) {
+      handleMultiSelect(newItem.value, newItem.label);
+    } else {
+      handleSingleSelect(newItem.value, newItem.label, {
+        autoHide: false
+      });
+    }
+
+    var node = optionEndRef && optionEndRef.current;
+
+    if (node) {
+      // delay scrolling after new item added
+      setTimeout(function () {
+        node.scrollIntoView({
+          behavior: 'smooth',
+          block: 'nearest'
+        });
+      }, 100);
+    }
+
+    if (onAddItem) {
+      onAddItem(val);
+    }
+  };
+
+  var openPopover = function openPopover(e) {
+    if (disabled) {
+      return;
+    }
+
+    if (onClick) {
+      onClick();
+    }
+
+    var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
+        newWidth = _e$currentTarget$getB.width;
+
+    if (!popupWidth) {
+      setWidth(newWidth || 0);
+    }
+
+    setExpand(true);
+  };
+
+  var handlePopoverVisibleChange = function handlePopoverVisibleChange(vis) {
+    if (disabled) {
+      return;
+    }
+
+    setExpand(vis);
+  };
+
+  var renderSingleTrigger = function renderSingleTrigger() {
+    var _cx, _cx2, _cx3;
+
+    var singleValue = Array.isArray(innerValue) ? innerValue[0] : innerValue;
+    var hasSelected = isValidValue(singleValue.value);
+    var showClearBtn = !disabled && clearable && hasSelected;
+    var lineLimitClassName = [1, 2, 3, 4, 5].indexOf(maxLine) >= 0 ? "line-clamp--".concat(maxLine) : 'line-clamp--1';
+    var validSuffixIcon = /*#__PURE__*/React.isValidElement(suffixIcon) ? /*#__PURE__*/React.cloneElement(suffixIcon, {
+      className: cx('expend-btn', {
+        expand: expand
+      }, suffixIcon.props.className)
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-down-bold",
+      className: cx("".concat(prefixCls, "__expend-btn"), 'expend-btn', {
+        expand: expand
+      })
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: openPopover,
+      className: cx('trigger', (_cx = {}, _defineProperty(_cx, "trigger--".concat(size), size), _defineProperty(_cx, 'trigger-focus', isFocus), _cx))
+    }, prefixIcon && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "__prefix")
+    }, prefixIcon), showEllipsisTooltip && hasSelected ? /*#__PURE__*/React.createElement(ToolTip, {
+      content: singleValue.label
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(prefixCls, "__inner"), (_cx2 = {}, _defineProperty(_cx2, lineLimitClassName, hasSelected), _defineProperty(_cx2, "".concat(prefixCls, "-placeholder"), !hasSelected), _cx2))
+    }, singleValue.label)) : /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(prefixCls, "__inner"), (_cx3 = {}, _defineProperty(_cx3, lineLimitClassName, hasSelected), _defineProperty(_cx3, "".concat(prefixCls, "-placeholder"), !hasSelected), _cx3))
+    }, hasSelected ? singleValue.label : placeholder !== null && placeholder !== void 0 ? placeholder : locale.placeholder), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "__suffix")
+    }, showClearBtn && /*#__PURE__*/React.createElement(Icon, {
+      onClick: handleClear,
+      type: "round-close-s",
+      className: "".concat(prefixCls, "__clear-btn")
+    }), validSuffixIcon));
+  };
+
+  var renderMultipleTrigger = function renderMultipleTrigger() {
+    if (!Array.isArray(innerValue)) return null;
+    var showClearBtn = !disabled && clearable && innerValue.length > 0;
+    var validSuffixIcon = /*#__PURE__*/React.isValidElement(suffixIcon) ? /*#__PURE__*/React.cloneElement(suffixIcon, {
+      className: cx('expend-btn', {
+        expand: expand
+      }, suffixIcon.props.className)
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-down-bold",
+      className: cx("".concat(prefixCls, "__expend-btn"), 'expend-btn', {
+        expand: expand
+      })
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: openPopover,
+      className: cx('trigger', _defineProperty({}, "trigger--".concat(size), size))
+    }, /*#__PURE__*/React.createElement(MultiContent, {
+      prefixCls: prefixCls,
+      size: size,
+      value: innerValue,
+      maxLine: maxLine,
+      disabled: disabled,
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locale.placeholder,
+      maxTagTextWidth: maxTagTextWidth,
+      showEllipsisTooltip: showEllipsisTooltip,
+      onRemove: handleRemove
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "__suffix")
+    }, showClearBtn && /*#__PURE__*/React.createElement(Icon, {
+      onClick: handleClear,
+      type: "round-close-s",
+      className: "".concat(prefixCls, "__clear-btn")
+    }), validSuffixIcon));
+  };
+
+  var renderSingleOptions = function renderSingleOptions() {
+    var wrap = function wrap(child) {
+      var _a;
+
+      if (_typeof(child) === 'object' && 'type' in child && child.type === Option) {
+        var childProps = child.props;
+        var optionValue = childProps.value;
+        var optionLabel = (_a = childProps.label) !== null && _a !== void 0 ? _a : childProps.children;
+        var optionKeyword = typeof optionLabel === 'string' ? optionLabel : optionValue;
+
+        if (query) {
+          var visible = filterMethod ? filterMethod(query, optionValue, optionKeyword) : String(optionKeyword).toUpperCase().indexOf(query.toUpperCase()) !== -1;
+
+          if (!visible) {
+            return null;
+          }
+        }
+
+        return /*#__PURE__*/React.cloneElement(child, Object.assign(Object.assign({}, child.props), {
+          key: optionValue,
+          selected: optionValue === selectedOptionValue
+        }));
+      }
+
+      return child;
+    };
+
+    var options = children instanceof Array ? React.Children.map(children, function (child) {
+      return wrap(child);
+    }).filter(function (tmp) {
+      return !!tmp;
+    }) : [wrap(children)];
+    return options;
+  };
+
+  var renderMultipleOptions = function renderMultipleOptions() {
+    var fullSelected = multipleLimit > 0 && selectedOptionValue.length >= multipleLimit;
+
+    var wrap = function wrap(child) {
+      var _a;
+
+      if (child && child.type === Option) {
+        var childProps = child.props;
+        var optionValue = childProps.value;
+        var optionLabel = (_a = childProps.label) !== null && _a !== void 0 ? _a : childProps.children;
+        var optionKeyword = typeof optionLabel === 'string' ? optionLabel : optionValue;
+
+        if (query) {
+          var visible = filterMethod ? filterMethod(query, optionValue, optionKeyword) : String(optionKeyword).toUpperCase().indexOf(query.toUpperCase()) !== -1;
+
+          if (!visible) {
+            return null;
+          }
+        }
+
+        var selected = selectedOptionValue.includes(optionValue);
+        var optionDisabled = childProps.disabled || fullSelected && !selected;
+        return /*#__PURE__*/React.cloneElement(child, Object.assign(Object.assign({}, childProps), {
+          key: optionValue,
+          selected: selected,
+          useSelectedIcon: true,
+          disabled: optionDisabled
+        }));
+      }
+
+      return child;
+    };
+
+    var options = children instanceof Array ? React.Children.map(children, function (child) {
+      return wrap(child);
+    }).filter(function (tmp) {
+      return !!tmp;
+    }) : [wrap(children)];
+    return options;
+  };
+
+  var generateOptions = function generateOptions() {
+    var maxMenuHeight = getMaxMenuHeight();
+    var popoverContent = null;
+
+    if (loading || isBeforeFilter) {
+      popoverContent = /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "__loading")
+      }, /*#__PURE__*/React.createElement(Icon, {
+        type: "loading",
+        spin: true
+      }));
+    } else {
+      var options = null;
+
+      if (typeof renderOptions === 'function') {
+        options = renderOptions({
+          checked: innerValue,
+          style: {
+            width: width,
+            maxHeight: maxMenuHeight
+          }
+        });
+      } else {
+        options = multiple ? renderMultipleOptions() : renderSingleOptions();
+      }
+
+      if (typeof renderOptionContainer === 'function') {
+        return renderOptionContainer({
+          children: options,
+          checked: innerValue,
+          style: {
+            width: width,
+            maxHeight: maxMenuHeight
+          }
+        });
+      }
+
+      popoverContent = options;
+
+      if (filterable && (!options || options.length === 0)) {
+        var msg = query ? noMatchText !== null && noMatchText !== void 0 ? noMatchText : locale.noMatchText : searchHintText !== null && searchHintText !== void 0 ? searchHintText : locale.searchHintText;
+        popoverContent = /*#__PURE__*/React.createElement("p", {
+          className: "".concat(prefixCls, "__hint")
+        }, msg);
+      }
+    }
+
+    var listMaxHeight = maxMenuHeight;
+
+    if (filterable) {
+      listMaxHeight -= 52;
+    }
+
+    if (addable) {
+      listMaxHeight -= 40;
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(prefixCls, "-option-container")),
+      style: {
+        width: optionWidthAlignment ? width : undefined,
+        maxHeight: maxMenuHeight,
+        minWidth: width
+      }
+    }, filterable && /*#__PURE__*/React.createElement(Input, {
+      className: "".concat(prefixCls, "__filter"),
+      value: query,
+      placeholder: filterPlaceholder || locale.filterPlaceholder,
+      prefixIcon: filterSuffixIcon || 'search',
+      clearable: true,
+      onClear: handleClearQuery,
+      onChange: handleQueryChange
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(prefixCls, "-options-list"), _defineProperty({}, "".concat(prefixCls, "-options-list_not_width_alignment"), !optionWidthAlignment)),
+      style: {
+        maxHeight: listMaxHeight
+      }
+    }, popoverContent, /*#__PURE__*/React.createElement("div", {
+      ref: optionEndRef
+    })), addable && /*#__PURE__*/React.createElement(OptionAdd, {
+      prefixCls: customizePrefixCls,
+      addItemText: addItemText,
+      onConfirm: handleAddItem
+    }));
+  };
+
+  var contextValue = {
+    activeOptionValue: selectedOptionValue,
+    optionSelectHandler: multiple ? handleMultiSelect : handleSingleSelect
+  };
+  var content = generateOptions();
+  return /*#__PURE__*/React.createElement(SelectContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+    className: cx(prefixCls, (_cx6 = {
+      disabled: disabled
+    }, _defineProperty(_cx6, "".concat(prefixCls, "-multiple"), multiple), _defineProperty(_cx6, "".concat(prefixCls, "-single"), !multiple), _cx6), className),
+    ref: containerRef
+  }), /*#__PURE__*/React.createElement(Popover, {
+    placement: placement,
+    content: content,
+    maxWidth: width && optionWidthAlignment ? Number(width) : null,
+    minWidth: width ? Number(width) : null,
+    visible: expand,
+    onVisibleChange: function onVisibleChange(vis) {
+      return handlePopoverVisibleChange(vis);
+    },
+    overlayClassName: cx("".concat(prefixCls, "-option-popover"), dropdownClassName),
+    arrow: false,
+    getPopupContainer: getPopupContainer !== null && getPopupContainer !== void 0 ? getPopupContainer : function () {
+      return containerRef.current;
+    }
+  }, multiple ? renderMultipleTrigger() : renderSingleTrigger())));
+});
+Select.defaultProps = {
+  maxLine: 1,
+  delay: 500,
+  size: 'normal',
+  placement: 'bottom',
+  labelInValue: false
+};
+export default Select;

package/es/components/select/SelectTag.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { SelectTagProps } from './types';
+declare const SelectTag: FunctionComponent<SelectTagProps>;
+export default SelectTag;

package/es/components/select/SelectTag.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import cx from 'classnames';
+import Tooltip from '../tooltip';
+import Icon from '../icon';
+import stopPropagationHandler from '../../utils/stopPropagationHandler';
+
+var SelectTag = function SelectTag(_ref) {
+  var prefixCls = _ref.prefixCls,
+      text = _ref.text,
+      _ref$maxTagTextWidth = _ref.maxTagTextWidth,
+      maxTagTextWidth = _ref$maxTagTextWidth === void 0 ? 206 : _ref$maxTagTextWidth,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      onClose = _ref.onClose,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'normal' : _ref$size,
+      style = _ref.style,
+      showEllipsisTooltip = _ref.showEllipsisTooltip;
+
+  var handleClose = function handleClose(e) {
+    stopPropagationHandler(e);
+
+    if (onClose) {
+      onClose();
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: cx("".concat(prefixCls, "--tag"), "tag--".concat(size), {
+      disabled: disabled
+    })
+  }, showEllipsisTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: text
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text",
+    style: {
+      maxWidth: maxTagTextWidth + 'px'
+    }
+  }, text)) : /*#__PURE__*/React.createElement("span", {
+    className: "text",
+    style: {
+      maxWidth: maxTagTextWidth + 'px'
+    }
+  }, text), /*#__PURE__*/React.createElement(Icon, {
+    className: "delete-icon",
+    type: "close",
+    onClick: handleClose
+  }));
+};
+
+export default SelectTag;

package/es/components/select/context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectContext } from './types';
+declare const context: React.Context<SelectContext>;
+export default context;

package/es/components/select/context.js

@@ -0,0 +1,11 @@
+import React from 'react';
+var context = /*#__PURE__*/React.createContext({
+  activeOptionValue: undefined,
+  optionSelectHandler: function optionSelectHandler() {
+    // nothing
+    // eslint-disable-next-line no-console
+    console.log('default handler');
+  }
+});
+context.displayName = 'Select Context';
+export default context;

package/es/components/select/index.d.ts

@@ -0,0 +1,12 @@
+import SelectRef from './Select';
+import Option from './Option';
+import OptionGroup from './OptionGroup';
+import SelectContext from './context';
+declare type InternalSelectType = typeof SelectRef;
+interface SelectInterface extends InternalSelectType {
+    Option: typeof Option;
+    OptionGroup: typeof OptionGroup;
+    Context: typeof SelectContext;
+}
+declare const Select: SelectInterface;
+export default Select;