@hipay/hipay-material-ui 2.3.0-rc.5 → 2.3.0-rc.PSYCHE-2530

package/es/HiSelect/HiNestedSelect.js

@@ -1,28 +1,61 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = exports.filterValue = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiSelect = _interopRequireDefault(require("./HiSelect"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
 // @inheritedComponent HiSelect
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiSelect from './HiSelect';
-import HiIcon from '../HiIcon';
-import { withStyles } from '@material-ui/core/styles';
-import { foldAccents } from '../utils/helpers';
+
 /**
  * Return array of final item id in nested list (via props chlidren)
  * @param itemList
  * @param finalItemIdList
  * @returns {*[]}
  */
-
-function getRecursiveFinalItemIdList(itemList, finalItemIdList = []) {
-  return [...finalItemIdList, ...itemList.reduce((memo, item) => {
+function getRecursiveFinalItemIdList(itemList) {
+  var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
     if (item.children) {
       return getRecursiveFinalItemIdList(item.children, memo);
     }
 
-    return [...memo, item.id];
-  }, [])];
+    return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
+  }, [])));
 }
 /**
  * Find item by id in nested list (via props children)
@@ -33,8 +66,8 @@ function getRecursiveFinalItemIdList(itemList, finalItemIdList = []) {
 
 
 function findFinalItemRecursively(itemList, searchId) {
-  let foundItem = false;
-  itemList.some(item => {
+  var foundItem = false;
+  itemList.some(function (item) {
     if (item.id === searchId) {
       foundItem = item;
     } else if (item.children && !foundItem) {
@@ -46,8 +79,8 @@ function findFinalItemRecursively(itemList, searchId) {
   return foundItem;
 }
 
-export const filterValue = function (item, searchValue) {
-  return searchValue === '' || foldAccents(item.label.toString().toLowerCase()).search(foldAccents(searchValue.toLowerCase())) !== -1;
+var filterValue = function filterValue(item, searchValue) {
+  return searchValue === '' || (0, _helpers.foldAccents)(item.label.toString().toLowerCase()).search((0, _helpers.foldAccents)(searchValue.toLowerCase())) !== -1;
 };
 /**
  * Build item list by settings item props relative to the nested parent/child situation
@@ -66,50 +99,59 @@ export const filterValue = function (item, searchValue) {
  * @returns {*}
  */
 
-function buildFilteredItemList(itemList, selectedItemIdList = [], searchValue = '', visibleParent = false, pinnedParent = false, disabledParent = false, nbChildrenAsInfo = false, translations, filterFunc = filterValue) {
-  return itemList.reduce(({
-    l: memoItemList,
-    s: memoSelected,
-    u: memoUnselected,
-    v: memoVisible
-  }, item) => {
-    const itemVisible = filterFunc(item, searchValue); // Parent item
+
+exports.filterValue = filterValue;
+
+function buildFilteredItemList(itemList) {
+  var selectedItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var searchValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var visibleParent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var pinnedParent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var disabledParent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var nbChildrenAsInfo = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var translations = arguments.length > 7 ? arguments[7] : undefined;
+  var filterFunc = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : filterValue;
+  return itemList.reduce(function (_ref, item) {
+    var memoItemList = _ref.l,
+        memoSelected = _ref.s,
+        memoUnselected = _ref.u,
+        memoVisible = _ref.v;
+    var itemVisible = filterFunc(item, searchValue); // Parent item
 
     if (item.children) {
-      const {
-        l: customizedChildren,
-        s: selected,
-        u: unselected,
-        v: visible
-      } = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent, nbChildrenAsInfo, translations, filterFunc);
+      var _buildFilteredItemLis = buildFilteredItemList(item.children, selectedItemIdList, searchValue, itemVisible, pinnedParent, disabledParent, nbChildrenAsInfo, translations, filterFunc),
+          customizedChildren = _buildFilteredItemLis.l,
+          selected = _buildFilteredItemLis.s,
+          unselected = _buildFilteredItemLis.u,
+          visible = _buildFilteredItemLis.v;
 
       if (nbChildrenAsInfo) {
         item.info = translations.n_children.replace('%s', item.children.length);
       }
 
       return {
-        l: [...memoItemList, _objectSpread({}, item, disabledParent && {
+        l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _objectSpread2.default)({}, item, {}, disabledParent && {
           disabled: true,
           hideCheckbox: true // don't display checkbox on disabled parent
 
         }, {
           pinned: pinnedParent,
           children: customizedChildren,
-          selected,
+          selected: selected,
           indeterminate: !selected && !unselected,
           displayed: itemVisible || visible
-        })],
+        })]),
         s: memoSelected && selected,
         u: memoUnselected && unselected,
         v: memoVisible || itemVisible || visible
       };
     }
 
-    const itemSelected = selectedItemIdList.includes(item.id);
+    var itemSelected = selectedItemIdList.includes(item.id);
     return {
-      l: [...memoItemList, _objectSpread({
+      l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _objectSpread2.default)({
         displayed: itemVisible || visibleParent
-      }, item)],
+      }, item)]),
       s: itemSelected && memoSelected,
       u: !itemSelected && memoUnselected,
       v: itemVisible || visibleParent || memoVisible
@@ -122,47 +164,49 @@ function buildFilteredItemList(itemList, selectedItemIdList = [], searchValue =
   });
 }
 
-export const styles = theme => ({
-  root: {
-    backgroundColor: theme.palette.background2,
-    maxWidth: 500,
-    width: '100%',
-    position: 'relative'
-  },
-  popper: {
-    // width: '100%',
-    zIndex: 1200
-  },
-  paper: {
-    borderRadius: '0px 2px',
-    maxHeight: 480,
-    transition: 'none !important'
-  },
-  labelImg: {
-    height: 18,
-    width: 'auto',
-    margin: '0 4px',
-    verticalAlign: 'middle'
-  },
-  selectIconLabel: _objectSpread({
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    paddingRight: 16
-  }, theme.typography.b1, {
-    display: 'inline-flex',
-    width: '100%'
-  }),
-  selectImgLabel: _objectSpread({
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    paddingRight: 16
-  }, theme.typography.b1, {
-    display: 'inline-flex',
-    width: '100%'
-  })
-});
+var styles = function styles(theme) {
+  return {
+    root: {
+      backgroundColor: theme.palette.background2,
+      maxWidth: 500,
+      width: '100%',
+      position: 'relative'
+    },
+    popper: {
+      // width: '100%',
+      zIndex: 1200
+    },
+    paper: {
+      borderRadius: '0px 2px',
+      maxHeight: 480,
+      transition: 'none !important'
+    },
+    labelImg: {
+      height: 18,
+      width: 'auto',
+      margin: '0 4px',
+      verticalAlign: 'middle'
+    },
+    selectIconLabel: (0, _objectSpread2.default)({
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      paddingRight: 16
+    }, theme.typography.b1, {
+      display: 'inline-flex',
+      width: '100%'
+    }),
+    selectImgLabel: (0, _objectSpread2.default)({
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      paddingRight: 16
+    }, theme.typography.b1, {
+      display: 'inline-flex',
+      width: '100%'
+    })
+  };
+};
 /**
  * HiNestedSelect hérite du composant HiSelect
  *
@@ -176,25 +220,33 @@ export const styles = theme => ({
  * - si aucun enfant n'est sélectionné, le parent est affiché "unselected".
  */
 
-class HiNestedSelect extends React.PureComponent {
-  constructor(props) {
-    super(props);
 
-    this.handleSelect = (event, item) => {
-      const {
-        hasAll,
-        multiple,
-        onChange,
-        options,
-        value
-      } = this.props;
+exports.styles = styles;
+
+var HiNestedSelect =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiNestedSelect, _React$PureComponent);
+
+  function HiNestedSelect(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiNestedSelect);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiNestedSelect).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
+      var _this$props = _this.props,
+          hasAll = _this$props.hasAll,
+          multiple = _this$props.multiple,
+          onChange = _this$props.onChange,
+          options = _this$props.options,
+          value = _this$props.value;
 
       if (!multiple) {
         // single value
         onChange(event, item.id, item);
       } else if (hasAll && item.id === '_all') {
         // ALL
-        const selectableItemIdList = getRecursiveFinalItemIdList(options);
+        var selectableItemIdList = getRecursiveFinalItemIdList(options);
 
         if (value.length === selectableItemIdList.length) {
           // unselect _all options
@@ -205,42 +257,51 @@ class HiNestedSelect extends React.PureComponent {
         }
       } else if (item.children) {
         // PARENT
-        const parentSelectableItemIdList = getRecursiveFinalItemIdList(item.children); // deselect parent if every selectable child id is includes in value.
-
-        if (parentSelectableItemIdList.every(pid => value.includes(pid))) {
-          onChange(event, value.filter(vid => !parentSelectableItemIdList.includes(vid)), item);
+        var parentSelectableItemIdList = getRecursiveFinalItemIdList(item.children); // deselect parent if every selectable child id is includes in value.
+
+        if (parentSelectableItemIdList.every(function (pid) {
+          return value.includes(pid);
+        })) {
+          onChange(event, value.filter(function (vid) {
+            return !parentSelectableItemIdList.includes(vid);
+          }), item);
         } else {
           // select parent > add each selectable child without duplicates.
-          onChange(event, [...value.filter(vid => !parentSelectableItemIdList.includes(vid)), ...parentSelectableItemIdList], item);
+          onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
+            return !parentSelectableItemIdList.includes(vid);
+          })), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
         }
       } else if (value.includes(item.id)) {
         // unselect item
-        onChange(event, value.filter(id => id !== item.id), item);
+        onChange(event, value.filter(function (id) {
+          return id !== item.id;
+        }), item);
       } else {
-        onChange(event, [...value, item.id], item);
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
       }
-    };
-
-    this.buildSelectProps = (options, value = [], search = '', loading = false) => {
-      const {
-        classes,
-        disabledParent,
-        hasAll,
-        iconAll,
-        multiple,
-        nbChildrenAsInfo,
-        pinnedParent,
-        translations,
-        filterFunc
-      } = this.props; // build item list
-
-      const {
-        l: filteredItemList,
-        s: allSelected,
-        u: allUnselected,
-        v: visible
-      } = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations, filterFunc);
-      const itemList = !visible ? [...(loading ? [{
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildSelectProps", function (options) {
+      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+      var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var _this$props2 = _this.props,
+          classes = _this$props2.classes,
+          disabledParent = _this$props2.disabledParent,
+          hasAll = _this$props2.hasAll,
+          iconAll = _this$props2.iconAll,
+          multiple = _this$props2.multiple,
+          nbChildrenAsInfo = _this$props2.nbChildrenAsInfo,
+          pinnedParent = _this$props2.pinnedParent,
+          translations = _this$props2.translations,
+          filterFunc = _this$props2.filterFunc; // build item list
+
+      var _buildFilteredItemLis2 = buildFilteredItemList(options, value, search, false, pinnedParent, disabledParent || !multiple, nbChildrenAsInfo, translations, filterFunc),
+          filteredItemList = _buildFilteredItemLis2.l,
+          allSelected = _buildFilteredItemLis2.s,
+          allUnselected = _buildFilteredItemLis2.u,
+          visible = _buildFilteredItemLis2.v;
+
+      var itemList = !visible ? (0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
@@ -254,44 +315,44 @@ class HiNestedSelect extends React.PureComponent {
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }])] : [...(loading ? [{
+      }]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []), ...(hasAll ? [{
+      }] : []), (0, _toConsumableArray2.default)(hasAll ? [{
         id: '_all',
-        iconAll,
+        iconAll: iconAll,
         label: translations.all,
         selected: allSelected,
         indeterminate: !allSelected && !allUnselected,
         displayed: search === ''
-      }] : []), ...filteredItemList]; // build input value
+      }] : []), (0, _toConsumableArray2.default)(filteredItemList)); // build input value
 
-      let inputValue = '';
+      var inputValue = '';
 
       if (allSelected) {
         inputValue = translations.all;
       } else if (value.length > 1) {
         inputValue = translations.n_items_selected.replace('%s', value.length);
       } else if (value.length === 1) {
-        const selectedItem = findFinalItemRecursively(options, value[0]);
+        var selectedItem = findFinalItemRecursively(options, value[0]);
 
         if (selectedItem === false) {
           inputValue = translations.one_item_selected;
         } else if (selectedItem.type === 'icon') {
-          inputValue = React.createElement("span", {
+          inputValue = _react.default.createElement("span", {
             className: classes.selectIconLabel
-          }, React.createElement(HiIcon, {
+          }, _react.default.createElement(_HiIcon.default, {
             className: classes.labelIcon,
             icon: selectedItem.icon
           }), selectedItem.label);
         } else if (selectedItem.type === 'image') {
-          inputValue = React.createElement("span", {
+          inputValue = _react.default.createElement("span", {
             className: classes.selectImgLabel
-          }, React.createElement("img", {
+          }, _react.default.createElement("img", {
             className: classes.labelImg,
             src: selectedItem.img,
             alt: selectedItem.label
@@ -302,12 +363,12 @@ class HiNestedSelect extends React.PureComponent {
       }
 
       return {
-        itemList,
-        inputValue
+        itemList: itemList,
+        inputValue: inputValue
       };
-    };
-
-    this.handleSelect = this.handleSelect.bind(this);
+    });
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
   /**
    * Call onChange with the updated value
@@ -321,42 +382,43 @@ class HiNestedSelect extends React.PureComponent {
    */
 
 
-  render() {
-    const _this$props = this.props,
-          {
-      hasAll,
-      hiSelectableListProps,
-      multiple,
-      options,
-      searchable,
-      translations,
-      value
-    } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["hasAll", "hiSelectableListProps", "multiple", "options", "searchable", "translations", "value"]);
-
-    if (multiple) {
-      if (!Array.isArray(value)) {
-        throw new Error('HiPay Material-UI: the `value` property must be an array ' + 'when using the `HiSelect` component with `multiple`.');
+  (0, _createClass2.default)(HiNestedSelect, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          hasAll = _this$props3.hasAll,
+          hiSelectableListProps = _this$props3.hiSelectableListProps,
+          multiple = _this$props3.multiple,
+          options = _this$props3.options,
+          searchable = _this$props3.searchable,
+          translations = _this$props3.translations,
+          value = _this$props3.value,
+          other = (0, _objectWithoutProperties2.default)(_this$props3, ["hasAll", "hiSelectableListProps", "multiple", "options", "searchable", "translations", "value"]);
+
+      if (multiple) {
+        if (!Array.isArray(value)) {
+          throw new Error('HiPay Material-UI: the `value` property must be an array ' + 'when using the `HiSelect` component with `multiple`.');
+        }
       }
-    }
 
-    return React.createElement(HiSelect, _extends({
-      buildSelectProps: this.buildSelectProps,
-      hasAll: hasAll,
-      hiSelectableListProps: _objectSpread({
-        onSelect: this.handleSelect
-      }, hiSelectableListProps),
-      multiple: multiple,
-      options: options,
-      searchable: searchable,
-      translations: translations,
-      value: value
-    }, other));
-  }
-
-}
+      return _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
+        buildSelectProps: this.buildSelectProps,
+        hasAll: hasAll,
+        hiSelectableListProps: (0, _objectSpread2.default)({
+          onSelect: this.handleSelect
+        }, hiSelectableListProps),
+        multiple: multiple,
+        options: options,
+        searchable: searchable,
+        translations: translations,
+        value: value
+      }, other));
+    }
+  }]);
+  return HiNestedSelect;
+}(_react.default.PureComponent);
 
-HiNestedSelect.defaultProps = {
+(0, _defineProperty2.default)(HiNestedSelect, "defaultProps", {
   disabledParent: false,
   displayAsChip: false,
   hasAll: false,
@@ -373,98 +435,11 @@ HiNestedSelect.defaultProps = {
     one_child: '%s item'
   },
   filterFunc: filterValue
-};
-HiNestedSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Parent items are not selectable
-   */
-  disabledParent: PropTypes.bool,
-
-  /**
-   * Option permettant d'afficher les sélection sous forme de Chip.
-   */
-  displayAsChip: PropTypes.bool,
-
-  /*
-   * Fonction de filtrage custom
-   */
-  filterFunc: PropTypes.func,
-
-  /**
-   * Affiche l'élément 'All'
-   */
-  hasAll: PropTypes.bool,
-
-  /**
-   * id du select
-   */
-  id: PropTypes.string,
-
-  /**
-   * Ajoute un loader
-   */
-  loading: PropTypes.bool,
-
-  /**
-   * Autorise la sélection de plusieurs valeurs
-   */
-  multiple: PropTypes.bool,
-
-  /**
-   * Nom du champ de formulaire
-   */
-  name: PropTypes.string.isRequired,
-
-  /**
-   * Définit si l'on doit afficher le nombre d'enfants du parent dans son champ info
-   */
-  nbChildrenAsInfo: PropTypes.bool,
-
-  /**
-   * Fonction de callback qui renvoit la/les valeurs sélectionnées
-   *
-   * @param {object} event
-   * @param {string || array} value
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Listes des options du select
-   */
-  options: PropTypes.array.isRequired,
-
-  /**
-   * Parent items are pinned, with sticky behavior (hide checkboxes but still selectable)
-   */
-  pinnedParent: PropTypes.bool,
-
-  /**
-   * Placeholder affiché lorsque le select est fermé
-   * Surcharge le placeholder par défaut
-   */
-  placeholder: PropTypes.string,
-
-  /**
-   * Affiche un input de recherche permettant de filtrer les options
-   */
-  searchable: PropTypes.bool,
-
-  /**
-   * Traductions (par défaut en anglais)
-   */
-  translations: PropTypes.object,
+});
 
-  /**
-   * Value(s) du select
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array])
-} : {};
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiNestedSelect'
-})(HiNestedSelect);
+})(HiNestedSelect);
+
+exports.default = _default;