@hipay/hipay-material-ui 1.0.0-beta.29 → 1.0.0-beta.4

package/es/HiSelect/HiSelect.js

@@ -1,5 +1,4 @@
 import _Object$keys from 'babel-runtime/core-js/object/keys';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
 import _extends from 'babel-runtime/helpers/extends';
 // @inheritedComponent Input
 
@@ -12,7 +11,6 @@ import Paper from 'material-ui/Paper';
 import ClickAwayListener from 'material-ui/utils/ClickAwayListener';
 import { Manager, Target, Popper } from 'react-popper';
 import { CheckboxBlankOutline, CheckboxMarked } from 'mdi-material-ui';
-import isRequiredIf from 'react-proptype-conditional-require';
 import HiSelectableList from '../HiSelectableList';
 import { HiSearchField } from '../HiForm';
 import SelectInput from './SelectInput';
@@ -21,8 +19,6 @@ import { withStyles } from '../styles';
 import { arrayUnique, getNextItemSelectable } from '../utils/hiHelpers';
 import HiIconBuilder from '../utils/HiIconBuilder';
 
-export const INFINITESCROLL_ERROR_MESSAGE = 'La propriété "loadMoreResults" est obligatoire si la prop "infiniteScroll" est à true';
-
 export const styles = theme => ({
     root: {
         backgroundColor: theme.palette.background2,
@@ -32,7 +28,7 @@ export const styles = theme => ({
     },
     popper: {
         width: '100%',
-        zIndex: 1200
+        zIndex: 9
     },
     paper: {
         borderRadius: '0px 2px',
@@ -82,39 +78,51 @@ class HiSelect extends React.PureComponent {
             hierarchySelected: {},
             hierarchy: {},
             nbOptions: 0,
-            dynamic: props.dynamic || false,
-            resultsPageNumber: 1
+            dynamic: false
         };
 
         // Check if value is in options
         let valueInOptions = false;
-        const val = props.value;
+        const val = this.props.value;
         // No options provided.
-        if (!props.options.length || !val || !val.length) {
+        if (!this.props.options.length && !val.length) {
             valueInOptions = true;
-        } else {
-            // Check if an option match value prop.
-            props.options.forEach(item => {
-                if (!valueInOptions && val.indexOf(item.id) !== -1) {
-                    valueInOptions = true;
-                }
-            });
-            if (!valueInOptions && props.pinnedItem) {
-                if (props.value.indexOf(props.pinnedItem.id) >= 0) {
-                    valueInOptions = true;
-                }
-            }
         }
-
+        // Check if an option match value prop.
+        this.props.options.forEach(item => {
+            if (!val.length) {
+                valueInOptions = true;
+            }
+            if (!valueInOptions && val.indexOf(item.id) !== -1) {
+                valueInOptions = true;
+            }
+        });
         if (!valueInOptions) {
             throw new Error('prop value provided does not match any option.');
         }
 
         if (props.hierarchic === true && props.options.length > 1) {
-            const hierarchyTrees = this.buildHierarchyTrees(props);
+            // Construct two associative arrays
+            // hierarchy[parentId] => children
+            // hierarchySelected[parentId] => selected children
+            const hierarchy = {};
+            const hierarchySelected = {};
+            let value = props.value || [];
+            if (!Array.isArray(value)) value = [props.value];
+            props.options.forEach(option => {
+                if (option.hasChildren === true && !hierarchy.hasOwnProperty(option.id)) {
+                    hierarchy[option.id] = [];
+                    hierarchySelected[option.id] = [];
+                } else if (option.hasOwnProperty('parentId')) {
+                    hierarchy[option.parentId].push(option.id);
+                    if (value.includes(option.id)) {
+                        hierarchySelected[option.parentId].push(option.id);
+                    }
+                }
+            });
 
-            this.state.hierarchy = hierarchyTrees.hierarchy;
-            this.state.hierarchySelected = hierarchyTrees.hierarchySelected;
+            this.state.hierarchy = hierarchy;
+            this.state.hierarchySelected = hierarchySelected;
         }
 
         if (props.options.length > 0) {
@@ -126,35 +134,19 @@ class HiSelect extends React.PureComponent {
                 }
             });
             this.state.nbOptions = optionsLength;
-        } else if (!props.dynamic) {
+        } else {
             this.state.dynamic = true;
         }
 
         this.handleSelect = this.handleSelect.bind(this);
         this.handleClick = this.handleClick.bind(this);
         this.handleClose = this.handleClose.bind(this);
-        this.handleClickAway = this.handleClickAway.bind(this);
         this.handleRequestDelete = this.handleRequestDelete.bind(this);
         this.handleSuggestions = this.handleSuggestions.bind(this);
         this.handleFocus = this.handleFocus.bind(this);
         this.handleBlur = this.handleBlur.bind(this);
     }
 
-    componentDidUpdate(prevProps, prevState, prevContext) {
-        if (this.props.infiniteScroll && !prevState.open && this.state.open && this.optionsContent) {
-            let optionList = this.optionsContent.querySelector('div').querySelector('div');
-            optionList.addEventListener('scroll', event => {
-                if (optionList.scrollTop >= event.target.scrollHeight - optionList.offsetHeight && !this.props.loadingMoreResults && this.props.hasMore) {
-                    this.props.loadMoreResults(this.state.resultsPageNumber + 1);
-                    this.setState({ resultsPageNumber: this.state.resultsPageNumber + 1 });
-                }
-            });
-        } else if (this.optionsContent && this.props.infiniteScroll && !this.state.open && prevState.open) {
-            let optionList = this.optionsContent.querySelector('div').querySelector('div');
-            optionList.removeEventListener('scroll');
-        }
-    }
-
     componentWillReceiveProps(nextProps) {
         if (typeof this.props.onSearch !== 'undefined' && this.props.options && this.props.options.length > 0) {
             this.handleSuggestions(nextProps.options);
@@ -166,40 +158,6 @@ class HiSelect extends React.PureComponent {
             });
             this.setState({ nbOptions: optionsLength });
         }
-
-        if (nextProps.hierarchic === true && nextProps.options.length > 1) {
-            const hierarchyTrees = this.buildHierarchyTrees(nextProps);
-            this.setState({ hierarchy: hierarchyTrees.hierarchy, hierarchySelected: hierarchyTrees.hierarchySelected });
-        }
-    }
-
-    buildHierarchyTrees(props) {
-        // Construct two associative arrays
-        // hierarchy[parentId] => children
-        // hierarchySelected[parentId] => selected children
-        const hierarchy = {};
-        const hierarchySelected = {};
-        let value = props.value || [];
-        if (!Array.isArray(value)) value = [props.value];
-        props.options.forEach(option => {
-            if (option.hasChildren === true && !hierarchy.hasOwnProperty(option.id)) {
-                hierarchy[option.id] = [];
-                hierarchySelected[option.id] = [];
-            } else if (option.hasOwnProperty('parentId')) {
-                hierarchy[option.parentId].push(option.id);
-                if (value.includes(option.id)) {
-                    hierarchySelected[option.parentId].push(option.id);
-                }
-            }
-        });
-        return { hierarchy, hierarchySelected };
-    }
-
-    handleReset(event) {
-        if (this.props.onReset) {
-            event.stopPropagation();
-            this.props.onReset(event);
-        }
     }
 
     // Key down on list items
@@ -229,12 +187,10 @@ class HiSelect extends React.PureComponent {
 
 
     render() {
-        const _props = this.props,
-              {
+        const {
             classes,
             disabled,
             error,
-            loading,
             options,
             checkbox,
             searchable,
@@ -248,68 +204,36 @@ class HiSelect extends React.PureComponent {
             hoverIcon,
             checkedIcon,
             hierarchic,
-            id,
-            placeholder,
-            staticPosition,
-            pinnedItem,
-            hasAll,
-            infiniteScroll,
-            loadingMoreResults,
-            showNoResults,
-            showMinLength
-        } = _props,
-              other = _objectWithoutProperties(_props, ['classes', 'disabled', 'error', 'loading', 'options', 'checkbox', 'searchable', 'displayAsChip', 'type', 'value', 'translations', 'parentItemSelectable', 'icon', 'parentIcon', 'hoverIcon', 'checkedIcon', 'hierarchic', 'id', 'placeholder', 'staticPosition', 'pinnedItem', 'hasAll', 'infiniteScroll', 'loadingMoreResults', 'showNoResults', 'showMinLength']);
-
-        const { open, suggestions, focused, dynamic } = this.state;
+            id
+        } = this.props;
+
+        const { open, suggestions, focused } = this.state;
 
         let display = '';
         const selectedIdList = Array.isArray(value) ? value : value ? [value] : [];
 
-        let _suggestions = [...suggestions];
-
-        if (pinnedItem) {
-            _suggestions.unshift(pinnedItem);
-        }
-
-        // If loading
-        if (loading && !loadingMoreResults) {
-            _suggestions.unshift({
-                id: '_loading',
-                type: 'loader',
-                disabled: true,
-                centered: true,
-                checkbox: false,
-                label: 'loading'
-            });
-        }
-
-        if ((dynamic || loading) && selectedIdList.length === 1) {
-            display = translations.one_item_selected;
-        } else if ((this.state.nbOptions !== selectedIdList.length || !hasAll) && selectedIdList.length > 1) {
+        if (this.state.dynamic && selectedIdList.length === 1) {
+            display = translations.one_item_selected.replace('%s', selectedIdList.length);
+        } else if (this.state.nbOptions !== selectedIdList.length && selectedIdList.length > 1) {
             display = translations.n_items_selected.replace('%s', selectedIdList.length);
-        } else if (this.state.nbOptions === selectedIdList.length && this.state.nbOptions > 1) {
+        } else if (this.state.nbOptions === selectedIdList.length) {
             display = translations.all;
         } else if (selectedIdList.length === 1) {
-            let item = options.find(o => o.id === selectedIdList[0]);
-            if (item === undefined) {
-                display = translations.one_item_selected;
-            } else if (type !== 'icon') {
-                if (pinnedItem) {
-                    item = pinnedItem;
-                }
-                display = item.label;
+            if (type !== 'icon') {
+                display = options.find(o => o.id === selectedIdList[0]).label;
             } else {
+                const optionSelected = options.find(o => o.id === selectedIdList[0]);
                 display = React.createElement(
                     'span',
                     { className: classes.selectIconLabel },
-                    React.createElement(HiIconBuilder, { icon: item.icon, className: classes.labelIcon }),
-                    item.label
+                    React.createElement(HiIconBuilder, { icon: optionSelected.icon, className: classes.labelIcon }),
+                    optionSelected.label
                 );
             }
         }
 
         if (displayAsChip) {
-            const chipFilter = React.createElement(HiChip, { label: placeholder || display, onDelete: this.handleRequestDelete });
+            const chipFilter = React.createElement(HiChip, { label: display, onDelete: this.handleRequestDelete });
             if (display) {
                 display = chipFilter;
             }
@@ -329,76 +253,6 @@ class HiSelect extends React.PureComponent {
             popperStyle = { width: this.props.containerWidth };
         }
 
-        if (infiniteScroll && loadingMoreResults) {
-            _suggestions.push({
-                id: '_loading',
-                type: 'loader',
-                disabled: true,
-                centered: true,
-                checkbox: false,
-                label: 'loading'
-            });
-        }
-
-        if (!loading && !loadingMoreResults && _suggestions.length === 0 && (showNoResults || showMinLength)) {
-            suggestions.push({
-                id: '_no_result',
-                type: 'text',
-                disabled: true,
-                centered: true,
-                checkbox: false,
-                label: showNoResults ? translations.no_result_match : translations.min_length
-            });
-        }
-
-        const content = React.createElement(
-            ClickAwayListener,
-            { onClickAway: this.handleClickAway },
-            React.createElement(
-                Grow,
-                { 'in': open, id: 'menu-list', style: { transformOrigin: '0 0 0' } },
-                React.createElement(
-                    Paper,
-                    { className: classes.paper },
-                    !!searchable && React.createElement(HiSearchField, {
-                        itemList: options,
-                        callbackFilteredList: this.handleSuggestions,
-                        filterPropertyList: ['label'],
-                        placeholder: translations.search,
-                        autoFocus: true,
-                        onSearch: this.props.onSearch,
-                        inputRef: el => {
-                            this.searchField = el;
-                        },
-                        onKeyDown: this.handleKeyDownSearch
-                    }),
-                    React.createElement(
-                        'div',
-                        { ref: content => this.optionsContent = content },
-                        React.createElement(HiSelectableList, _extends({
-                            type: type,
-                            parentItemSelectable: parentItemSelectable,
-                            itemList: _suggestions,
-                            onSelect: this.handleSelect,
-                            selectedIdList: selectedIdList,
-                            checkbox: checkbox,
-                            hierarchy: this.state.hierarchy,
-                            hierarchic: hierarchic,
-                            hierarchySelected: this.state.hierarchySelected,
-                            translations: translations,
-                            icon: icon,
-                            parentIcon: parentIcon,
-                            hoverIcon: hoverIcon,
-                            checkedIcon: checkedIcon,
-                            allSelected: allSelected,
-                            value: value,
-                            onKeyDown: this.handleKeyDown
-                        }, other))
-                    )
-                )
-            )
-        );
-
         return React.createElement(
             'div',
             {
@@ -415,7 +269,7 @@ class HiSelect extends React.PureComponent {
                     null,
                     React.createElement(SelectInput, {
                         id: id,
-                        value: placeholder || display,
+                        value: display,
                         open: open,
                         focused: focused,
                         type: type,
@@ -429,16 +283,10 @@ class HiSelect extends React.PureComponent {
                         onMouseLeave: this.props.onMouseLeave,
                         refElement: el => {
                             this.selectInputElement = el;
-                        },
-                        onSubmit: this.props.onSubmit,
-                        onReset: this.props.onReset
+                        }
                     })
                 ),
-                open && (staticPosition ? React.createElement(
-                    'div',
-                    { style: popperStyle },
-                    content
-                ) : React.createElement(
+                open && React.createElement(
                     Popper,
                     {
                         placement: 'bottom-start',
@@ -446,8 +294,50 @@ class HiSelect extends React.PureComponent {
                         className: popperClass,
                         style: popperStyle
                     },
-                    content
-                ))
+                    React.createElement(
+                        ClickAwayListener,
+                        { onClickAway: this.handleClose },
+                        React.createElement(
+                            Grow,
+                            { 'in': open, id: 'menu-list', style: { transformOrigin: '0 0 0' } },
+                            React.createElement(
+                                Paper,
+                                { className: classes.paper },
+                                !!searchable && React.createElement(HiSearchField, {
+                                    itemList: options,
+                                    callbackFilteredList: this.handleSuggestions,
+                                    filterPropertyList: ['label'],
+                                    placeholder: translations.search,
+                                    autoFocus: true,
+                                    onSearch: this.props.onSearch,
+                                    inputRef: el => {
+                                        this.searchField = el;
+                                    },
+                                    onKeyDown: this.handleKeyDownSearch
+                                }),
+                                React.createElement(HiSelectableList, {
+                                    type: type,
+                                    parentItemSelectable: parentItemSelectable,
+                                    itemList: suggestions,
+                                    onSelect: this.handleSelect,
+                                    selectedIdList: selectedIdList,
+                                    checkbox: checkbox,
+                                    hierarchy: this.state.hierarchy,
+                                    hierarchic: hierarchic,
+                                    hierarchySelected: this.state.hierarchySelected,
+                                    translations: translations,
+                                    icon: icon,
+                                    parentIcon: parentIcon,
+                                    hoverIcon: hoverIcon,
+                                    checkedIcon: checkedIcon,
+                                    allSelected: allSelected,
+                                    value: value,
+                                    onKeyDown: this.handleKeyDown
+                                })
+                            )
+                        )
+                    )
+                )
             )
         );
     }
@@ -465,48 +355,42 @@ HiSelect.defaultProps = {
     hierarchic: false,
     parentItemSelectable: false,
     displayAsChip: false,
-    dynamic: false,
-    infiniteScroll: false,
     icon: React.createElement(CheckboxBlankOutline, { style: { width: 20, height: 20 } }),
     parentIcon: React.createElement(CheckboxBlankOutline, { style: { width: 20, height: 20 } }),
     hoverIcon: React.createElement(CheckboxBlankOutline, { style: { width: 20, height: 20 } }),
     checkedIcon: React.createElement(CheckboxMarked, { style: { width: 20, height: 20 } }),
     translations: {
         all: 'All',
-        min_length: 'Veuillez saisir 3 caractères minimum',
         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'
-    },
-    staticPosition: false,
-    loadingMoreResults: false,
-    hasMore: false
+    }
 };
 
 var _initialiseProps = function () {
     this.handleClick = () => {
-        if (this.state.open) {
-            this.handleClose();
-        } else {
-            /*if (!this.props.staticPosition) {
-                // document.body.style.overflow = 'hidden';
-            }*/
-            this.setState({ open: true });
-            const options = this.props.options.slice();
-            this.handleSuggestions(options);
-
-            if (this.props.onClick) {
-                this.props.onClick();
-            }
+        document.body.style.overflow = 'hidden';
+        this.setState({ open: true });
+        const options = this.props.options.slice();
+        this.handleSuggestions(options);
 
-            // Gestion du focus
-            if (!this.props.searchable) {
-                // sinon focus sur le dernier élément selectionné
-                this.focusOnSelectedItem();
-            }
+        if (this.props.onClick) {
+            this.props.onClick();
+        }
+
+        // Gestion du focus
+        if (this.searchField) {
+            // si searchable, focus sur le champs de recherche
+            const searchField = this.searchField;
+            setTimeout(() => {
+                searchField.focus();
+            }, 1);
+        } else if (this.overlay) {
+            // sinon focus sur le dernier élément selectionné
+            this.focusOnSelectedItem();
         }
     };
 
@@ -549,11 +433,7 @@ var _initialiseProps = function () {
         } else if (event.key === 'ArrowUp') {
             nextItem = getNextItemSelectable(document.activeElement, 'up');
         } else if (event.key === 'Tab') {
-            /* if (!this.props.staticPosition) {
-                document.body.style.overflow = 'auto';
-            } */
-            this.setState({ open: false });
-        } else if (event.key === 'Escape') {
+            document.body.style.overflow = 'auto';
             this.setState({ open: false });
         }
         if (nextItem) {
@@ -564,8 +444,6 @@ var _initialiseProps = function () {
     this.handleKeyDownSearch = event => {
         if (this.overlay && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
             this.focusOnSelectedItem();
-        } else if (event.key === 'Enter' && this.props.onSubmit) {
-            this.props.onSubmit(event);
         }
     };
 
@@ -578,9 +456,7 @@ var _initialiseProps = function () {
     };
 
     this.handleClose = () => {
-        if (!this.props.staticPosition) {
-            //document.body.style.overflow = 'auto';
-        }
+        document.body.style.overflow = 'auto';
         this.setState({
             open: false
         });
@@ -593,15 +469,8 @@ var _initialiseProps = function () {
         }
     };
 
-    this.handleClickAway = event => {
-        // Au clic sur le bouton, on laisse le handleClick fermer le select
-        if (!this.selectInputElement.contains(event.target)) {
-            this.handleClose(event);
-        }
-    };
-
     this.handleSelect = (event, item) => {
-        const { multiple, value, onChange, options, hierarchic, pinnedItem } = this.props;
+        const { multiple, value, name, onChange, options, hierarchic } = this.props;
         const { hierarchySelected, hierarchy, nbOptions } = this.state;
         const hiSelected = _extends({}, hierarchySelected);
 
@@ -646,20 +515,8 @@ var _initialiseProps = function () {
                     hiSelected[item.parentId].splice(hiSelected[item.parentId].indexOf(item.id), 1);
                 }
             } else {
-                if (pinnedItem && item.id === pinnedItem.id) {
-                    _Object$keys(hiSelected).map(parentItemId => {
-                        hiSelected[parentItemId] = [];
-                        return true;
-                    });
-                    valueList = [item.id];
-                } else {
-                    // item non sélectionné => on le sélectionne
-                    if (item.hasChildren !== true) valueList.push(item.id);
-
-                    if (pinnedItem && valueList.includes(pinnedItem.id)) {
-                        valueList.splice(valueList.indexOf(pinnedItem.id), 1);
-                    }
-                }
+                // item non sélectionné => on le sélectionne
+                if (item.hasChildren !== true) valueList.push(item.id);
 
                 if (item.hasChildren === true) {
                     // Si item parent => on ajoute tous les enfants
@@ -698,17 +555,17 @@ var _initialiseProps = function () {
                 }
             }
             this.setState({ hierarchySelected: hiSelected });
-            onChange(event, valueList, item);
+            onChange(event, valueList);
         } else {
-            onChange(event, item.id, item);
+            onChange(event, item.id);
             this.handleClose();
         }
     };
 
     this.handleSuggestions = suggestions => {
-        const { options, hasAll, iconAll, translations, multiple, showNoResults, showMinLength } = this.props;
+        const { options, hasAll, iconAll, translations, multiple } = this.props;
 
-        if (suggestions.length === 0 && (showNoResults || showMinLength)) {
+        if (suggestions.length === 0) {
             // Handle No Result
             // FIX to remove all item
             suggestions = [];
@@ -718,7 +575,7 @@ var _initialiseProps = function () {
                 disabled: true,
                 centered: true,
                 checkbox: false,
-                label: showNoResults ? translations.no_result_match : translations.min_length
+                label: translations.no_result_match
             });
         } else if (hasAll && suggestions.length > 0 && suggestions.length === options.length && multiple === true) {
             // Handle 'All'
@@ -767,12 +624,6 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * Option permettant d'afficher les sélection sous forme de Chip.
      */
     displayAsChip: PropTypes.bool,
-    /**
-     * Option permettant de définir si les options du select sont dynamiques.
-     * Si les options du select sont initialisées à vide, alors ce sera mis à true
-     * automatiquement.
-     */
-    dynamic: PropTypes.bool.isRequired,
     /**
      * Applique le style error
      */
@@ -785,10 +636,6 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * Les items sont hiérarchisés
      */
     hierarchic: PropTypes.bool,
-    /**
-     * Indique si l'infinite scroll doit rechercher de nouveaux résultats
-     */
-    hasMore: PropTypes.bool,
     /**
      * Icon affiché lorsque l'item n'est pas sélectionné et qu'on le survole
      */
@@ -805,26 +652,6 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * id du select
      */
     id: PropTypes.string,
-    /**
-     * Infinite scroll dans le select dans le cas où il y a beaucoup de résultats à afficher
-     * afin d'éviter un lag du navigateur
-     */
-    infiniteScroll: PropTypes.bool.isRequired,
-    /**
-     * Ajoute un loader
-     */
-    loading: PropTypes.bool,
-    /**
-     * Ajoute un loader en bas pour l'infiniteScroll
-     */
-    loadingMoreResults: PropTypes.bool,
-    /**
-     * Fonction de callback appelée lorsque l'utilisateur arrive en bas de la liste des options
-     * afin de charger les nouvelles options
-     *
-     * @param {int} pageNumber
-     */
-    loadMoreResults: isRequiredIf(PropTypes.func, props => props.hasOwnProperty('infiniteScroll') && props.infiniteScroll === true, INFINITESCROLL_ERROR_MESSAGE),
     /**
      * Autorise la sélection de plusieurs valeurs
      */
@@ -852,10 +679,6 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * Fonction de callback appelée lorsque le curseur quitte le champs
      */
     onMouseLeave: PropTypes.func,
-    /**
-     * Fonction de callback appelée lorsqu'on vide le champs
-     */
-    onReset: PropTypes.func,
     /**
      * Fonction de callback appelée lorsqu'on écrit dans la barre de recherche
      * A utiliser pour les selects avec des données dynamiques
@@ -864,10 +687,6 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * @param {string} value
      */
     onSearch: PropTypes.func,
-    /**
-     * Fonction de callback à la pression de la touche "Entrée"
-     */
-    onSubmit: PropTypes.func,
     /**
      * Listes des options du select
      */
@@ -880,31 +699,10 @@ HiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * Les items parents sont sélectionnables
      */
     parentItemSelectable: PropTypes.bool,
-    /**
-     * Item épinglé en début de liste
-     */
-    pinnedItem: PropTypes.object,
-    /**
-     * 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,
-    /**
-     * Si true, le contenu du select sera dans une div static plutot que dans une popper absolute
-     */
-    staticPosition: PropTypes.bool,
-    /**
-     * Permet d'afficher un message si pas assez de caractères
-     */
-    showMinLength: PropTypes.bool,
-    /**
-     * Permet d'afficher un message si aucune options n'est présente
-     */
-    showNoResults: PropTypes.bool,
     /**
      * Traductions (par défaut en anglais)
      */