Implement ComboRegionsSearch

app/javascript/components/ComboRegionsSearch.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ReactQueryCacheProvider } from 'react-query';
+
+import ComboSearch from './ComboSearch';
+import { queryCache } from './shared/queryCache';
+
+function ComboRegionsSearch(params) {
+  return (
+    <ReactQueryCacheProvider queryCache={queryCache}>
+      <ComboSearch
+        required={params.mandatory}
+        hiddenFieldId={params.hiddenFieldId}
+        scope="regions"
+        minimumInputLength={0}
+        transformResult={({ code, nom }) => [code, nom]}
+      />
+    </ReactQueryCacheProvider>
+  );
+}
+
+export default ComboRegionsSearch;

app/javascript/loaders/ComboRegionsSearch.js

@@ -0,0 +1,3 @@
+import Loadable from '../components/Loadable';
+
+export default Loadable(() => import('../components/ComboRegionsSearch'));

app/views/shared/dossiers/editable_champs/_regions.html.haml

@@ -1,4 +1,3 @@
-= form.select :value, [champ.value].compact,
+- hidden_field_id = SecureRandom.uuid
-  { include_blank: true },
+= form.hidden_field :value, { data: { uuid: hidden_field_id } }
-  required: champ.mandatory?,
+= react_component("ComboRegionsSearch", mandatory: champ.mandatory?, hiddenFieldId: hidden_field_id)
-  class: 'select2 regions'