@aloudata/aloudata-design 0.1.0-beta1 → 0.2.0-beta.11

package/es/Navigator/index.js

@@ -0,0 +1,44 @@
+import React, { useCallback } from 'react';
+import classNames from 'classnames';
+import Menu from './components/Menu';
+
+function Navigator(props) {
+  var menuList = props.menuList,
+      selectedKey = props.selectedKey,
+      logoSrc = props.logoSrc,
+      _props$footer = props.footer,
+      footer = _props$footer === void 0 ? null : _props$footer,
+      onLogoClick = props.onLogoClick,
+      onMenuSelect = props.onMenuSelect;
+  var renderMenu = useCallback(function () {
+    return /*#__PURE__*/React.createElement(Menu, {
+      menuList: menuList,
+      selectedKey: selectedKey,
+      onMenuSelect: onMenuSelect
+    });
+  }, [selectedKey, menuList, onMenuSelect]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-nav')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-nav-logo', {
+      'ald-nav-logo-able-click': onLogoClick
+    })
+  }, logoSrc && /*#__PURE__*/React.createElement("div", {
+    onClick: onLogoClick,
+    className: "ald-nav-logo-wrap"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logoSrc,
+    alt: "",
+    draggable: false
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-nav-menu', {
+      'ald-nav-menu-has-footer': !!footer
+    })
+  }, renderMenu()), footer && /*#__PURE__*/React.createElement("div", {
+    className: "ald-nav-footer"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ald-nav-footer-wrap"
+  }, footer)));
+}
+
+export default Navigator;

package/es/Navigator/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Navigator/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Navigator/style/index.less

@@ -0,0 +1,228 @@
+@import '../../style/index.less';
+@import '../../Icon/index.less';
+
+/* stylelint-disable */
+
+@ald-prefix:ant;
+
+.supTitle() {
+  font-family: 'PingFang SC';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.subTitle() {
+  font-family: 'PingFang SC';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.ald-nav {
+  width: 216px;
+  background-color: @BBG15;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  user-select: none;
+
+  &-logo {
+    height: 72px;
+    padding: 24px;
+    width: 100%;
+
+    &-able-click {
+      cursor: pointer;
+    }
+  }
+
+  &-menu-icon-right.anticon {
+    color: @ND60;
+  }
+
+  &-menu {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    .ant-menu-sub.ant-menu-inline {
+      background-color: unset;
+    }
+
+    .anticon.ant-menu-item-icon {
+      font-size: 20px !important;
+      width: 20px !important;
+      height: 20px !important;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 6px;
+      background: @ND90;
+      border: 3px solid transparent;
+      background-clip: padding-box;
+    }
+
+    &::-webkit-scrollbar {
+      background-color: transparent;
+      width: 12px;
+      height: 12px;
+    }
+
+    .ant-menu-inline,
+    .ant-menu-vertical,
+    .ant-menu-vertical-left {
+      border-right: unset;
+    }
+
+    .ant-menu {
+      background: @BBG15;
+      color: @ND0;
+
+      &.ant-menu-root {
+
+        .ant-menu-item {
+          margin-bottom: 16px;
+          padding: 0 12px !important;
+        }
+
+        li:nth-last-child(1) {
+          margin-bottom: 0;
+        }
+      }
+
+      &.ant-menu-sub {
+        .ant-menu-item {
+          margin-top: 4px;
+          margin-bottom: 0;
+          padding: 0 12px 0 44px!important;
+        }
+      }
+
+      // 只有子级菜单相关颜色操作
+      .ant-menu-item-only-child {
+        color: @ND30;
+        height: 32px !important;
+        line-height: 32px !important;
+        font-size: 12px !important;
+        .subTitle();
+
+        &:hover {
+          color: @ND30 !important;
+        }
+
+        &.ant-menu-item-selected {
+          font-weight: 500;
+
+          &:hover {
+            color: @ND0 !important;
+          }
+        }
+      }
+
+      .ant-menu-item {
+        height: 40px;
+        width: 100%;
+        border-radius: 8px;
+        .supTitle();
+
+        ::before {
+          width: 4px;
+          content: '';
+          background: transparent;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          left: -12px;
+          border-radius: 1px;
+          transition: all .3s;
+        }
+
+        &-selected {
+          background-color: @BBG20 !important;
+          color: @ND0;
+          position: relative;
+          overflow: unset;
+
+          ::before {
+            background: @B40;
+          }
+        }
+
+        &::after {
+          display: none !important;
+        }
+      }
+
+      .ant-menu-submenu {
+        margin-bottom: 16px;
+
+        .ant-menu-submenu-title {
+          padding: 0 12px !important;
+          height: 40px;
+          line-height: 40px;
+          .supTitle();
+
+          &:hover {
+            color: @ND0;
+          }
+        }
+
+        &-selected {
+          color: @ND0;
+        }
+
+        &-active {
+          color: @ND0;
+        }
+      }
+
+      // 修改icon和文字的margin
+      .ant-menu-item .ant-menu-item-icon + span,
+      .ant-menu-submenu-title .ant-menu-item-icon + span,
+      .ant-menu-item .anticon + span,
+      .ant-menu-submenu-title .anticon + span {
+        margin-left: 12px;
+      }
+
+      // 取消item点击时的高亮背景色
+      .ant-menu-item:active,
+      .ant-menu-submenu-title:active {
+        background: unset;
+      }
+
+      .ant-menu-inline .ant-menu-item,
+      .ant-menu-inline .ant-menu-submenu-title {
+        width: 100% !important;
+      }
+
+      // 删除右侧的高亮
+      .ant-menu-vertical .ant-menu-item::after,
+      .ant-menu-vertical-left .ant-menu-item::after,
+      .ant-menu-vertical-right .ant-menu-item::after,
+      .ant-menu-inline .ant-menu-item::after {
+        display: none;
+      }
+    }
+
+    .ant-menu-light .ant-menu-item:hover,
+    .ant-menu-light .ant-menu-item-active,
+    .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
+    .ant-menu-light .ant-menu-submenu-active,
+    .ant-menu-light .ant-menu-submenu-title:hover {
+      color: unset;
+    }
+  }
+
+  &-footer {
+    height: 72px;
+
+    &-wrap {
+      color: @ND0;
+      height: 100%;
+    }
+  }
+}

package/es/Select/BaseSelect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ISelectProps as SelectProps } from './interface';
+export declare const Select: (props: SelectProps, ref: React.MutableRefObject<HTMLDivElement>) => JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/es/Select/BaseSelect.js

@@ -0,0 +1,400 @@
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useMemo, useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import { filter, isNil, without } from 'lodash';
+import Selector from './Selector';
+import OptionsList from './OptionsList';
+import usePrefixCls from '../_utils/hooks/usePrefixCls';
+import Trigger from 'rc-trigger';
+import { convertChildrenToData, handleOptions, defaultLabelRenderer, defaultSearchPredicate, defaultOptionLabelRenderer, getFlattenOptions } from './utils';
+import useCacheOptions from './hooks/useCacheOption';
+import useControlledState from '../_utils/hooks/useControlledState';
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_ACTIVE_INDEX = -1;
+var ZERO = 0;
+export var Select = function Select(props, ref) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? null : _props$defaultValue,
+      controlledValue = props.value,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      placeholder = props.placeholder,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      customizePrefixCls = props.customizePrefixCls,
+      label = props.label,
+      className = props.className,
+      style = props.style,
+      optionStyle = props.optionStyle,
+      groupStyle = props.groupStyle,
+      _props$allowClear = props.allowClear,
+      allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
+      _props$listHeight = props.listHeight,
+      listHeight = _props$listHeight === void 0 ? DEFAULT_LIST_HEIGHT : _props$listHeight,
+      listRowHeight = props.listRowHeight,
+      _props$labelRenderer = props.labelRenderer,
+      labelRenderer = _props$labelRenderer === void 0 ? defaultLabelRenderer : _props$labelRenderer,
+      _props$searchPredicat = props.searchPredicate,
+      searchPredicate = _props$searchPredicat === void 0 ? defaultSearchPredicate : _props$searchPredicat,
+      _props$optionLabelRen = props.optionLabelRenderer,
+      optionLabelRenderer = _props$optionLabelRen === void 0 ? defaultOptionLabelRenderer : _props$optionLabelRen,
+      onChange = props.onChange,
+      onSelect = props.onSelect,
+      onClear = props.onClear,
+      getContainer = props.getContainer,
+      open = props.open,
+      _props$defaultOpen = props.defaultOpen,
+      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+      onDropDownVisibleChange = props.onDropDownVisibleChange,
+      dropDownClassName = props.dropDownClassName,
+      dropDownStyle = props.dropDownStyle,
+      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? 'width' : _props$dropdownMatchS,
+      children = props.children;
+  var prefix = usePrefixCls('select-legacy', customizePrefixCls);
+
+  var _useControlledState = useControlledState(controlledValue, defaultValue),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      value = _useControlledState2[0],
+      setSelectValue = _useControlledState2[1];
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      tempValue = _useState2[0],
+      setTempValue = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isFocused = _useState4[0],
+      setFocused = _useState4[1];
+
+  var _useState5 = useState(defaultOpen),
+      _useState6 = _slicedToArray(_useState5, 2),
+      _visible = _useState6[0],
+      _setVisible = _useState6[1];
+
+  var visible = isNil(open) ? _visible : open;
+  var setVisible = isNil(onDropDownVisibleChange) ? _setVisible : onDropDownVisibleChange;
+
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      input = _useState8[0],
+      setInput = _useState8[1];
+
+  var selectRef = useRef(null);
+  var optionListRef = useRef(null);
+  var selectorRef = ref || selectRef; // empty
+  // keydown
+
+  var _useState9 = useState(DEFAULT_ACTIVE_INDEX),
+      _useState10 = _slicedToArray(_useState9, 2),
+      activeIndex = _useState10[0],
+      setActiveIndex = _useState10[1];
+
+  var _useState11 = useState([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      optionChecked = _useState12[0],
+      setOptionChecked = _useState12[1]; // Exhibition value (tempvalue + value);
+
+
+  var selectorValue = useMemo(function () {
+    if (Array.isArray(value)) {
+      // filter: if v in value and tempValue   no Exhibition
+      return value.concat(tempValue).filter(function (v) {
+        return !value.includes(v) || !tempValue.includes(v);
+      });
+    }
+
+    if (multiple) {
+      return tempValue;
+    }
+
+    return value;
+  }, [value, multiple, tempValue]);
+  useEffect(function () {
+    if (!disabled) {
+      if (visible) {
+        var _selectorRef$current;
+
+        selectorRef === null || selectorRef === void 0 ? void 0 : (_selectorRef$current = selectorRef.current) === null || _selectorRef$current === void 0 ? void 0 : _selectorRef$current.focus();
+        setFocused(visible);
+      } else {
+        var _optionListRef$curren;
+
+        setActiveIndex(DEFAULT_ACTIVE_INDEX);
+        setFocused(visible); // @ts-ignore
+
+        optionListRef === null || optionListRef === void 0 ? void 0 : (_optionListRef$curren = optionListRef.current) === null || _optionListRef$curren === void 0 ? void 0 : _optionListRef$curren.onBlur();
+      }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [visible, disabled]);
+  /** merge Option & nodeOption & mergedOptionsMap */
+  // @ts-ignore
+
+  var nodesToOptions = useMemo(function () {
+    return convertChildrenToData(children);
+  }, [children]);
+
+  var _useCacheOptions = useCacheOptions(),
+      setCacheOptions = _useCacheOptions.setCacheOptions,
+      getOptionByValue = _useCacheOptions.getOptionByValue,
+      getOptionsByValue = _useCacheOptions.getOptionsByValue,
+      updateGroup = _useCacheOptions.updateGroup,
+      hasGroup = _useCacheOptions.hasGroup;
+
+  var _useMemo = useMemo( // @ts-ignore
+  function () {
+    return handleOptions([].concat(_toConsumableArray(options), _toConsumableArray(nodesToOptions)), setCacheOptions, updateGroup);
+  }, [nodesToOptions, options, setCacheOptions, updateGroup]),
+      mergedFlattenOPtions = _useMemo.flattenOptions; // input change
+
+
+  var onInputChange = function onInputChange(_value) {
+    setInput(_value);
+  }; // clear
+
+
+  var clearInput = function clearInput() {
+    return setInput('');
+  }; // dropdown visible
+
+
+  var onVisibleChange = function onVisibleChange(optVisible) {
+    if (!disabled) {
+      setVisible(optVisible);
+
+      if (!optVisible) {
+        var _selectorRef$current2;
+
+        setTimeout(clearInput, ZERO);
+        (_selectorRef$current2 = selectorRef.current) === null || _selectorRef$current2 === void 0 ? void 0 : _selectorRef$current2.blur();
+      }
+    }
+  }; // tempValue change methods
+
+
+  var onTempValueChange = function onTempValueChange(values) {
+    // value is array
+    var concatValue = isNil(value) ? values : values.concat(value).filter(function (v) {
+      return !(value === null || value === void 0 ? void 0 : value.includes(v)) || !(values === null || values === void 0 ? void 0 : values.includes(v));
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(concatValue, getOptionsByValue(concatValue));
+    onVisibleChange(false);
+    setSelectValue(concatValue); // clear tempValue
+
+    setTempValue([]);
+  };
+
+  var deleteValue = function deleteValue(optValue, v) {
+    return tempValue.includes(v) ? onTempValueChange(without(optValue || [], v)) : onValueChange(without(optValue || [], v));
+  };
+
+  var setTempValueFC = function setTempValueFC(tempvalues) {
+    setTempValue(tempvalues);
+  };
+
+  var onListSelect = function onListSelect(selectedValue, option) {
+    if (!multiple) {
+      var _selectorRef$current3;
+
+      (_selectorRef$current3 = selectorRef.current) === null || _selectorRef$current3 === void 0 ? void 0 : _selectorRef$current3.blur();
+    } else {
+      var _selectorRef$current4;
+
+      (_selectorRef$current4 = selectorRef.current) === null || _selectorRef$current4 === void 0 ? void 0 : _selectorRef$current4.focus();
+    }
+
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedValue, option);
+  };
+
+  var onAllowClearClick = function onAllowClearClick() {
+    if (input) {
+      clearInput();
+    }
+
+    onValueChange(!multiple ? null : []);
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+  }; // 选项点击
+
+
+  var onOptionClick = function onOptionClick(selectValue) {
+    var selectedOption = getOptionByValue(selectValue);
+    var isTempSelected = tempValue.includes(selectValue);
+    var isSelected = !Array.isArray(value) ? value === selectValue : value.includes(selectValue);
+    var isOptionChecked = optionChecked.includes(selectValue);
+
+    if (!multiple) {
+      onVisibleChange(false);
+    }
+
+    if (isTempSelected) {
+      setTempValue(function (tempvalues) {
+        return without(tempvalues, selectValue);
+      });
+      return;
+    } // 点击的时候已经是被选中
+
+
+    if (isSelected) {
+      if (isOptionChecked) {
+        onValueChange(Array.isArray(value) ? without(value || [], selectValue) : null);
+        setOptionChecked(without(value || [], selectValue));
+      } else {
+        onValueChange(Array.isArray(value) ? [].concat(_toConsumableArray(optionChecked), [selectValue]) : null);
+        setOptionChecked([].concat(_toConsumableArray(optionChecked), [selectValue]));
+      }
+    } else {
+      onListSelect(selectValue, selectedOption);
+
+      if (Array.isArray(value)) {
+        onValueChange([].concat(_toConsumableArray(value), [selectValue]));
+        setOptionChecked([].concat(_toConsumableArray(value), [selectValue]));
+      } else {
+        onValueChange(!multiple ? selectValue : [selectValue]);
+        setOptionChecked([selectValue]);
+      }
+    }
+  }; // search filter InputValue // match input(label === input)
+
+
+  var filteredOptions = useMemo(function () {
+    return filter(mergedFlattenOPtions, searchPredicate(input));
+  }, [mergedFlattenOPtions, searchPredicate, input]);
+  var flattenOptions = useMemo(function () {
+    return getFlattenOptions(filteredOptions, false);
+  }, [filteredOptions]); // value other methods
+
+  var onValueChange = function onValueChange(optValue) {
+    setSelectValue(optValue);
+
+    if (Array.isArray(optValue) && flattenOptions.length === optValue.length) {
+      setOptionChecked([]);
+    }
+
+    if (isNil(optValue)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(null, null);
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange(optValue, getOptionsByValue(optValue));
+    }
+  };
+
+  var realSize = useMemo(function () {
+    return ['small', 'default', 'large'].includes(size) ? size : 'default';
+  }, [size]);
+  var list = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionsList, {
+    ref: optionListRef,
+    multiple: multiple,
+    prefixCls: prefix,
+    selected: selectorValue,
+    optionChecked: optionChecked,
+    visible: visible,
+    hasGroup: hasGroup,
+    groupStyle: groupStyle,
+    optionStyle: optionStyle,
+    searchType: "no-search",
+    placeholder: placeholder,
+    data: flattenOptions,
+    labelRenderer: labelRenderer(input, prefix),
+    value: value,
+    tempValue: tempValue,
+    onOptionClick: onOptionClick,
+    onValueChange: onValueChange,
+    onTempValueChange: onTempValueChange,
+    setTempValue: setTempValueFC,
+    onInputChange: onInputChange,
+    input: input,
+    height: listHeight,
+    getContainer: getContainer,
+    itemHeight: listRowHeight,
+    activeIndex: activeIndex,
+    setActiveIndex: setActiveIndex
+  }));
+  return /*#__PURE__*/React.createElement(Trigger, {
+    popupVisible: visible,
+    onPopupVisibleChange: onVisibleChange,
+    action: ['click'],
+    popupPlacement: "bottomLeft",
+    popup: list,
+    prefixCls: prefix,
+    popupClassName: classnames("".concat(prefix, "-dropdown"), dropDownClassName),
+    popupStyle: dropDownStyle,
+    getPopupContainer: getContainer,
+    stretch: dropdownMatchSelectWidth ? 'width' : 'minWidth',
+    zIndex: 100,
+    builtinPlacements: {
+      left: {
+        points: ['cr', 'cl']
+      },
+      right: {
+        points: ['cl', 'cr']
+      },
+      top: {
+        points: ['bc', 'tc']
+      },
+      bottom: {
+        points: ['tc', 'bc']
+      },
+      topLeft: {
+        points: ['bl', 'tl']
+      },
+      topRight: {
+        points: ['br', 'tr']
+      },
+      bottomRight: {
+        points: ['tr', 'br']
+      },
+      bottomLeft: {
+        points: ['tl', 'bl']
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Selector, {
+    size: realSize,
+    input: input,
+    disabled: disabled,
+    prefix: prefix,
+    multiple: multiple,
+    bordered: true,
+    isFocused: isFocused,
+    className: className,
+    visible: visible,
+    label: label,
+    ref: selectorRef,
+    style: style,
+    allowClear: allowClear,
+    value: selectorValue,
+    filteredOptions: filteredOptions,
+    searchType: "no-search",
+    placeholder: placeholder,
+    deleteValue: deleteValue,
+    onAllowClear: onAllowClearClick,
+    optionLabelRenderer: optionLabelRenderer,
+    getOptionByValue: getOptionByValue,
+    onInputChange: onInputChange
+  }));
+}; // @ts-ignore
+
+export default /*#__PURE__*/React.forwardRef(Select);

package/{src/Select/OptionsList/OptGroup.tsx → es/Select/OptionsList/OptGroup.d.ts}

@@ -1,9 +1,7 @@
 import React from 'react';
 import { IOptGroupProps } from '../interface';
-
 export interface IOptionGroupFC extends React.FC<IOptGroupProps> {
-  isSelectOptGroup: boolean;
+    isSelectOptGroup: boolean;
 }
-const OptGroup: IOptionGroupFC = () => null;
-OptGroup.isSelectOptGroup = true;
+declare const OptGroup: IOptionGroupFC;
 export default OptGroup;

package/es/Select/OptionsList/OptGroup.js

@@ -0,0 +1,6 @@
+var OptGroup = function OptGroup() {
+  return null;
+};
+
+OptGroup.isSelectOptGroup = true;
+export default OptGroup;