@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta3 → 2.3.0-rcstyleguide-beta4

package/old_components/HiPdfReader/HiPdfReader.js

@@ -0,0 +1,245 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/"));
+
+var _styles = require("@material-ui/core/styles");
+
+// import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
+// import ChevronRightIcon from '@material-ui/icons/ChevronRight/';
+var styles = function styles(theme) {
+  return {
+    root: {
+      position: 'relative'
+    },
+    pageNumber: {
+      position: 'absolute',
+      bottom: 16,
+      left: -24,
+      backgroundColor: '#FFFFFF',
+      borderRadius: 4,
+      paddingTop: 7,
+      paddingBottom: 7,
+      paddingRight: 8,
+      paddingLeft: 8,
+      fontSize: 15,
+      fontFamily: theme.typography.fontFamily,
+      boxShadow: '1px 1px 5px rgba(0, 0, 0, .16)',
+      color: '#737373'
+    },
+    pagesNavigation: {
+      position: 'absolute',
+      top: 16,
+      right: -30,
+      backgroundColor: '#FFFFFF',
+      borderRadius: 3,
+      paddingTop: 4,
+      paddingBottom: 4,
+      paddingRight: 3,
+      paddingLeft: 3,
+      fontFamily: theme.typography.fontFamily,
+      boxShadow: '1px 1px 5px rgba(0, 0, 0, .16)',
+      color: '#737373',
+      '&>button:first-child': {
+        marginRight: 6
+      }
+    },
+    navigationButton: {
+      padding: 0,
+      minWidth: 0,
+      minHeight: 0
+    }
+  };
+}; // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
+
+
+exports.styles = styles;
+var maxWindowWidth = 900;
+var maxPdfWidth = 600;
+var Document;
+var Page;
+
+var _ref2 = _react.default.createElement(_CircularProgress.default, null);
+
+var _ref3 = _react.default.createElement(_HiIcon.default, {
+  icon: "chevron_left"
+});
+
+var _ref4 = _react.default.createElement(_HiIcon.default, {
+  icon: "chevron_right"
+});
+
+var HiPdfReader =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiPdfReader, _React$PureComponent);
+
+  function HiPdfReader() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiPdfReader);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiPdfReader)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      numPages: null,
+      pageNumber: 1,
+      error: false,
+      width: 600
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadSuccess", function (_ref) {
+      var numPages = _ref.numPages;
+
+      _this.setState({
+        numPages: numPages,
+        error: false
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadError", function () {
+      _this.setState({
+        error: true
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickNextPage", function () {
+      _this.setState(function (prevState) {
+        return {
+          pageNumber: prevState.pageNumber + 1
+        };
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickPreviousPage", function () {
+      _this.setState(function (prevState) {
+        return {
+          pageNumber: prevState.pageNumber - 1
+        };
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiPdfReader, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateDimensions();
+      window.addEventListener('resize', this.updateDimensions.bind(this));
+      /* eslint-disable */
+
+      Document = require('react-pdf').Document;
+      Page = require('react-pdf').Page;
+      /* eslint-enable */
+
+      this.forceUpdate();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('resize', this.updateDimensions.bind(this));
+    } // Fonction appelée une fois le pdf correctement chargé
+
+  }, {
+    key: "updateDimensions",
+    // Calculate & Update state of new dimensions
+    value: function updateDimensions() {
+      if (window.innerWidth < maxWindowWidth) {
+        var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
+        this.setState({
+          width: updateWidth
+        });
+      } else {
+        this.setState({
+          width: maxPdfWidth
+        });
+      }
+    } // Render
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          pageNumber = _this$state.pageNumber,
+          numPages = _this$state.numPages,
+          error = _this$state.error;
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          file = _this$props.file,
+          displayPagination = _this$props.displayPagination,
+          displayNavigationButtons = _this$props.displayNavigationButtons,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
+      if (!Document || !Page) return null;
+      return _react.default.createElement("div", {
+        className: classes.root
+      }, _react.default.createElement(Document, (0, _extends2.default)({
+        className: classes.style,
+        file: file,
+        onLoadSuccess: this.handleLoadSuccess,
+        onLoadError: this.handleLoadError,
+        loading: _ref2
+      }, props), _react.default.createElement(Page, {
+        pageNumber: pageNumber,
+        renderAnnotations: false,
+        renderTextLayer: false,
+        width: this.state.width
+      })), !error && numPages > 1 && displayPagination && _react.default.createElement("span", {
+        className: classes.pageNumber
+      }, "Page ", pageNumber, " sur ", numPages), !error && numPages > 1 && displayNavigationButtons && _react.default.createElement("span", {
+        className: classes.pagesNavigation
+      }, _react.default.createElement(_HiButton.default, {
+        onClick: this.handleClickPreviousPage,
+        disabled: pageNumber === 1,
+        className: classes.navigationButton
+      }, _ref3), _react.default.createElement(_HiButton.default, {
+        onClick: this.handleClickNextPage,
+        disabled: pageNumber === numPages,
+        className: classes.navigationButton
+      }, _ref4)));
+    }
+  }]);
+  return HiPdfReader;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiPdfReader, "defaultProps", {
+  displayPagination: true,
+  displayNavigationButtons: true
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'HmuiHiPdfReader',
+  index: 51
+})(HiPdfReader);
+
+exports.default = _default;

package/old_components/HiPdfReader/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiPdfReader.default;
+  }
+});
+
+var _HiPdfReader = _interopRequireDefault(require("./HiPdfReader"));

package/old_components/HiPin/HiPin.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-block',
+      padding: '0px 9px',
+      height: 17,
+      lineHeight: '17px',
+      minWidth: 25,
+      textAlign: 'center',
+      borderRadius: '45px',
+      verticalAlign: 'middle',
+      fontSize: 11,
+      fontWeight: theme.typography.fontWeightMedium,
+      fontFamily: theme.typography.fontFamily,
+      color: theme.palette.text.primary,
+      backgroundColor: theme.palette.grey[300]
+    },
+    clickable: {
+      cursor: 'pointer'
+    },
+    primary: {
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.primary.contrastText
+    },
+    secondary: {
+      backgroundColor: theme.palette.secondary.main,
+      color: theme.palette.secondary.contrastText
+    },
+    positive: {
+      backgroundColor: theme.palette.positive.main,
+      color: theme.palette.positive.contrastText
+    },
+    negative: {
+      backgroundColor: theme.palette.negative.main,
+      color: theme.palette.negative.contrastText
+    },
+    middle: {
+      backgroundColor: theme.palette.middle.main,
+      color: theme.palette.middle.contrastText
+    },
+    neutral: {
+      backgroundColor: theme.palette.neutral.main,
+      color: theme.palette.neutral.contrastText
+    }
+  };
+};
+/**
+ * HiPins
+ *
+ * Tiny contained button used to display subsidiary datas like item count, (...), and throw an onClick event.
+ * Used in:
+ * - CellStatus to display operations count and to deploy operation rows on click.
+ *
+ */
+
+
+exports.styles = styles;
+
+function HiPin(props) {
+  var _classNames;
+
+  var classes = props.classes,
+      children = props.children,
+      color = props.color,
+      onClick = props.onClick,
+      className = props.className;
+  var pinClass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.clickable, onClick), (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.negative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.middle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), _classNames), className);
+  return _react.default.createElement("div", (0, _extends2.default)({
+    className: pinClass
+  }, onClick && {
+    onClick: onClick,
+    role: 'button'
+  }), children);
+}
+
+HiPin.defaultProps = {
+  color: 'default'
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiPin'
+})(HiPin);
+
+exports.default = _default;

package/old_components/HiPin/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiPin.default;
+  }
+});
+
+var _HiPin = _interopRequireDefault(require("./HiPin"));

package/old_components/HiRadio/HiRadio.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+
+// @inheritedComponent Radio
+var styles = function styles(theme) {
+  return {
+    checked: {
+      color: theme.palette.neutral.main
+    },
+    disabled: {
+      color: theme.palette.action.disabled
+    },
+    root: {
+      height: 40,
+      width: 40
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiRadio = function HiRadio(_ref) {
+  var checked = _ref.checked,
+      classes = _ref.classes,
+      className = _ref.className,
+      color = _ref.color,
+      disabled = _ref.disabled,
+      label = _ref.label,
+      onChange = _ref.onChange,
+      value = _ref.value;
+  var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
+  return _react.default.createElement(_Radio.default, {
+    className: className,
+    classes: {
+      root: classes.root,
+      checked: classes.checked,
+      disabled: classes.disabled
+    },
+    checked: checked,
+    color: hcolor,
+    label: label,
+    onChange: onChange,
+    disabled: disabled,
+    value: value
+  });
+};
+
+HiRadio.defaultProps = {};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiRadio'
+})(HiRadio);
+
+exports.default = _default;

package/old_components/HiRadio/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiRadio.default;
+  }
+});
+
+var _HiRadio = _interopRequireDefault(require("./HiRadio"));

package/old_components/HiSelect/HiDynamicSelect.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiSelect = _interopRequireDefault(require("./HiSelect"));
+
+// @inheritedComponent HiSelect
+
+/**
+ * HiDynamicSelect hérite du composant HiSelect
+ *
+ * Sa fonction buildSelectProps construit la liste des options
+ * selon l'état du chargement des options.
+ * La valeur de l'input n'est pas définie et hérite donc du comportement de HiSelect.
+ * La prop nextPage définit le comportement pour la demande de nouvelle donnée:
+ * - none: aucune nouvelles données
+ * - auto: (ex infinity scroll) nouvelle demande lorsqu'on atteint le bas de scroll vertical
+ * - manual: ajoute un bouton en bas de la liste.
+ */
+var HiDynamicSelect =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiDynamicSelect, _React$PureComponent);
+
+  function HiDynamicSelect(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiDynamicSelect);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDynamicSelect).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScrollReachBottom", function () {
+      if (!_this.props.loading && _this.props.nextPage === 'auto' && _this.props.onNextPage) {
+        _this.props.onNextPage();
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (event, item) {
+      var _this$props = _this.props,
+          multiple = _this$props.multiple,
+          onChange = _this$props.onChange,
+          value = _this$props.value;
+
+      if (item.id === '_next_page' && !_this.props.loading && _this.props.nextPage === 'manual' && _this.props.onNextPage) {
+        _this.props.onNextPage();
+      }
+
+      if (!multiple) {
+        // single value
+        onChange(event, item.id, item);
+      } else if (value.includes(item.id)) {
+        // unselect item
+        onChange(event, value.filter(function (id) {
+          return id !== item.id;
+        }), item);
+      } else {
+        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
+      }
+    });
+    (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,
+          nextPage = _this$props2.nextPage,
+          translations = _this$props2.translations;
+      var itemList = [].concat((0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
+        id: '_no_result',
+        type: 'text',
+        disabled: true,
+        centered: true,
+        hideCheckbox: true,
+        label: translations.no_result_match
+      }] : []), (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
+        id: '_next_page',
+        type: 'button',
+        centered: true,
+        hideCheckbox: true,
+        label: translations.next_page
+      }] : []), (0, _toConsumableArray2.default)(loading ? [{
+        id: '_loading',
+        type: 'loader',
+        disabled: true,
+        centered: true,
+        hideCheckbox: true,
+        label: 'loading'
+      }] : []));
+      return {
+        itemList: itemList
+      };
+    });
+    _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(HiDynamicSelect, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          hiSelectableListProps = _this$props3.hiSelectableListProps,
+          multiple = _this$props3.multiple,
+          nextPage = _this$props3.nextPage,
+          options = _this$props3.options,
+          translations = _this$props3.translations,
+          value = _this$props3.value,
+          other = (0, _objectWithoutProperties2.default)(_this$props3, ["hiSelectableListProps", "multiple", "nextPage", "options", "translations", "value"]);
+      return _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
+        buildSelectProps: this.buildSelectProps,
+        hiSelectableListProps: (0, _objectSpread2.default)({}, hiSelectableListProps),
+        multiple: multiple,
+        options: options,
+        searchable: true,
+        translations: translations,
+        value: value
+      }, nextPage === 'auto' && {
+        onScrollReachBottom: this.handleScrollReachBottom
+      }, other));
+    }
+  }]);
+  return HiDynamicSelect;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiDynamicSelect, "defaultProps", {
+  loading: false,
+  multiple: false,
+  nextPage: 'none',
+  translations: {
+    no_result_match: 'No result match',
+    search: 'Search',
+    n_items_selected: '%s items selected',
+    one_item_selected: '%s item selected',
+    n_children: '%s items',
+    one_child: '%s item',
+    next_page: 'Load more'
+  }
+});
+var _default = HiDynamicSelect;
+exports.default = _default;