supprime select2

select2 n'est plus utilisé. Il est remplacé par
ComboMultipleDropdownList

app/assets/stylesheets/add_instructeur.scss

@@ -5,34 +5,4 @@
   .select-instructeurs {
     width: 100%;
   }
-
-  .select2-container--default {
-    .select2-selection--multiple {
-      border: solid 1px $border-grey;
-
-      .select2-selection__choice, // scss-lint:disable SelectorFormat
-      .select2-search--inline {
-        padding: $default-spacer;
-      }
-    }
-
-    &.select2-container--focus {
-      .select2-selection--multiple {
-        border: 1px solid $blue;
-        box-shadow: 0px 0px 2px 1px $blue;
-      }
-    }
-
-    .select2-results__option { // scss-lint:disable SelectorFormat
-      padding: $default-spacer;
-    }
-
-    .custom-select2-option {
-      .icon {
-        margin-right: $default-spacer;
-      }
-    }
-  }
 }
-
-

app/assets/stylesheets/application.scss

@@ -4,6 +4,5 @@
 // = require ./utils
 // = require ./fonts
 // = require leaflet
-// = require select2
 // = require_tree .
 // = stub ./print.scss

app/assets/stylesheets/buttons.scss

@@ -281,18 +281,6 @@
 .dropdown-form {
   padding: 2 * $default-spacer;
 
-  .select2-container {
-    margin-bottom: 2 * $default-spacer;
-  }
-
-  .select2-selection {
-    border: 1px solid $border-grey;
-
-    &.select2-selection--multiple {
-      border: 1px solid $border-grey;
-    }
-  }
-
   &.large {
     width: 340px;
   }
@@ -310,10 +298,6 @@
   }
 }
 
-.select2-dropdown {
-  border: 1px solid $border-grey;
-}
-
 .link {
   color: $blue;
 }

app/assets/stylesheets/forms.scss

@@ -260,8 +260,7 @@
     max-width: 180px;
   }
 
-  select,
-  .select2-selection {
+  select {
     // hack found here: https://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -327,41 +326,6 @@
     color: $white;
   }
 
-  .select2 {
-    min-width: 50%;
-  }
-
-  .select2-container {
-    display: block;
-    margin-bottom: $default-fields-spacer;
-
-    &.select2-container--focus {
-      .select2-selection {
-        border-color: $border-grey;
-      }
-    }
-
-    .select2-selection--single {
-      min-height: 62px;
-
-      // scss-lint:disable SelectorFormat
-      .select2-selection__arrow {
-        display: none;
-      }
-      // scss-lint:enable
-    }
-
-    // scss-lint:disable SelectorFormat
-    .select2-selection__rendered {
-      padding: $default-padding;
-    }
-
-    .select2-selection__choice {
-      background-color: #FFFFFF;
-    }
-    // scss-lint:enable
-  }
-
   .editable-champ {
     &:not(.editable-champ-carte) .algolia-autocomplete {
       margin-bottom: 2 * $default-padding;

app/assets/stylesheets/personnes_impliquees.scss

@@ -9,11 +9,6 @@
     margin-left: 16px;
   }
 
-  // scss-lint:disable SelectorFormat
-  .form .select2-container .select2-selection__rendered {
-    padding: 12px;
-  }
-  // scss-lint:enable
   [data-react-class="ComboMultipleDropdownList"] {
     margin-bottom: $default-fields-spacer;
 

app/javascript/new_design/select2.js

@@ -1,80 +0,0 @@
-import $ from 'jquery';
-import 'select2';
-
-const language = {
-  errorLoading: function () {
-    return 'Les résultats ne peuvent pas être chargés.';
-  },
-  inputTooLong: function (args) {
-    var overChars = args.input.length - args.maximum;
-
-    return 'Supprimez ' + overChars + ' caractère' + (overChars > 1 ? 's' : '');
-  },
-  inputTooShort: function (args) {
-    var remainingChars = args.minimum - args.input.length;
-
-    return (
-      'Saisissez au moins ' +
-      remainingChars +
-      ' caractère' +
-      (remainingChars > 1 ? 's' : '')
-    );
-  },
-  loadingMore: function () {
-    return 'Chargement de résultats supplémentaires…';
-  },
-  maximumSelected: function (args) {
-    return (
-      'Vous pouvez seulement sélectionner ' +
-      args.maximum +
-      ' élément' +
-      (args.maximum > 1 ? 's' : '')
-    );
-  },
-  noResults: function () {
-    return 'Aucun résultat trouvé';
-  },
-  searching: function () {
-    return 'Recherche en cours…';
-  },
-  removeAllItems: function () {
-    return 'Supprimer tous les éléments';
-  }
-};
-
-const baseOptions = {
-  language,
-  width: '100%'
-};
-
-const templateOption = ({ text }) =>
-  $(
-    `<span class="custom-select2-option"><span class="icon person"></span>${text}</span>`
-  );
-
-addEventListener('ds:page:update', () => {
-  $('select.select2').select2(baseOptions);
-
-  $('.columns-form select.select2-limited').select2({
-    width: '300px',
-    placeholder: 'Sélectionnez des colonnes',
-    maximumSelectionLength: '5'
-  });
-
-  $('.recipients-form select.select2-limited').select2({
-    language,
-    width: '300px',
-    placeholder: 'Sélectionnez des instructeurs',
-    maximumSelectionLength: '30'
-  });
-
-  $('select.select2-limited.select-instructeurs').select2({
-    language,
-    dropdownParent: $('.instructeur-wrapper'),
-    placeholder: 'Saisir l’adresse email de l’instructeur',
-    tags: true,
-    tokenSeparators: [',', ' '],
-    templateResult: templateOption,
-    templateSelection: templateOption
-  });
-});

app/javascript/packs/application.js

@@ -17,7 +17,6 @@ import '../new_design/dropdown';
 import '../new_design/form-validation';
 import '../new_design/procedure-context';
 import '../new_design/procedure-form';
-import '../new_design/select2';
 import '../new_design/spinner';
 import '../new_design/support';
 import '../new_design/dossiers/auto-save';