[FIX] web: Support widgets in search view

Since the refactor of the control panel, support of "widgets" attributes
in the search view archs has been inadvertently dropped.

Now, they are once again supported.

Task 2061795

closes odoo/odoo#54066

X-original-commit: f33b0bc7a93e60bd0ed00b40d7459225ec0b749a
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
Signed-off-by: Julien Mougenot (jum) <jum@odoo.com>

4 files changed, 69 insertions, 14 deletions

diff --git a/addons/web/static/src/js/control_panel/control_panel_model.js b/addons/web/static/src/js/control_panel/control_panel_model.js
index a9500999793..d09c6eeaa58 100644
--- a/addons/web/static/src/js/control_panel/control_panel_model.js
+++ b/addons/web/static/src/js/control_panel/control_panel_model.js
@@ -959,6 +959,9 @@ odoo.define('web.ControlPanelModel', function (require) {
                         filter.defaultRank = -10;
                         filter.defaultAutocompleteValue = attrs.defaultAutocompleteValue;
                     }
+                    if (attrs.widget) { // FIXME: drop support in master
+                        filter.widget = attrs.widget;
+                    }
                     break;
                 }
             }
diff --git a/addons/web/static/src/js/control_panel/search_bar.js b/addons/web/static/src/js/control_panel/search_bar.js
index a86e22a10b8..3082c38c055 100644
--- a/addons/web/static/src/js/control_panel/search_bar.js
+++ b/addons/web/static/src/js/control_panel/search_bar.js
@@ -92,34 +92,41 @@ odoo.define('web.SearchBar', function (require) {
          * @returns {Object}
          */
         _createSource(filter) {
+            const field = this.props.fields[filter.fieldName];
+            const type = filter.widget || field.type;
             const source = {
                 active: true,
                 description: filter.description,
-                fieldName: filter.fieldName,
                 filterId: filter.id,
                 filterOperator: filter.operator,
                 id: sourceId ++,
-                operator: CHAR_FIELDS.includes(filter.fieldType) ? 'ilike' : '=',
+                operator: CHAR_FIELDS.includes(type) ? 'ilike' : '=',
                 parent: false,
+                type,
             };
-            switch (filter.fieldType) {
-                case 'selection':
+            switch (type) {
+                case 'selection': {
                     source.active = false;
-                    source.selection = this.props.fields[filter.fieldName].selection;
+                    source.selection = field.selection || [];
                     break;
-                case 'boolean':
+                }
+                case 'boolean': {
                     source.active = false;
                     source.selection = [
                         [true, this.env._t("Yes")],
                         [false, this.env._t("No")],
                     ];
                     break;
-                case 'many2one':
+                }
+                case 'many2one': {
                     source.expand = true;
                     source.expanded = false;
+                    source.context = field.context;
+                    source.relation = field.relation;
                     if (filter.domain) {
                         source.domain = filter.domain;
                     }
+                }
             }
             return source;
         }
@@ -133,7 +140,6 @@ odoo.define('web.SearchBar', function (require) {
         _createSubSource(source, [value, label], active = true) {
             const subSource = {
                 active,
-                fieldName: source.fieldName,
                 filterId: source.filterId,
                 filterOperator: source.filterOperator,
                 id: sourceId ++,
@@ -161,16 +167,15 @@ odoo.define('web.SearchBar', function (require) {
                         args = [];
                     }
                 }
-                const { context, relation } = this.props.fields[source.fieldName];
                 const results = await this.rpc({
                     kwargs: {
                         args,
-                        context,
+                        context: source.context,
                         limit: 8,
                         name: this.state.inputValue.trim(),
                     },
                     method: 'name_search',
-                    model: relation,
+                    model: source.relation,
                 });
                 const options = results.map(result => this._createSubSource(source, result));
                 const parentIndex = this.state.sources.indexOf(source);
@@ -235,8 +240,7 @@ odoo.define('web.SearchBar', function (require) {
          * @param {Object} source
          * @returns {string}
          */
-        _parseWithSource(rawValue, source) {
-            const { type } = this.props.fields[source.fieldName];
+        _parseWithSource(rawValue, { type }) {
             const parser = field_utils.parse[type];
             let parsedValue;
             switch (type) {
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index fab3018fb46..abe3856b91e 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -604,7 +604,7 @@
                 </a>
                 <a href="#" t-on-click.prevent="">
                     <t t-if="src.label" t-esc="src.label"/>
-                    <t t-elif="['date', 'datetime'].includes(props.fields[src.fieldName].type)">
+                    <t t-elif="['date', 'datetime'].includes(src.type)">
                         <t>Search <em t-esc="src.description"/> at: <strong t-esc="state.inputValue"/></t>
                     </t>
                     <t t-else="">Search <em t-esc="src.description"/> for: <strong t-esc="state.inputValue"/></t>
diff --git a/addons/web/static/tests/control_panel/search_bar_tests.js b/addons/web/static/tests/control_panel/search_bar_tests.js
index e58c2c3ae6d..412688aa52c 100644
--- a/addons/web/static/tests/control_panel/search_bar_tests.js
+++ b/addons/web/static/tests/control_panel/search_bar_tests.js
@@ -528,5 +528,53 @@ odoo.define('web.search_bar_tests', function (require) {
 
             actionManager.destroy();
         });
+
+        QUnit.test("widgets are supported in search view", async function (assert) {
+            assert.expect(7);
+
+            this.data.partner.fields.ref = { type: 'reference', string: "Reference" };
+            this.data.partner.records.forEach((record, i) => {
+                record.ref = `ref${String(i).padStart(3, "0")}`;
+            });
+            const archs = Object.assign({}, this.archs, {
+                'partner,false,search': `
+                    <search>
+                        <field name="ref" widget="char"/>
+                    </search>`,
+            });
+            const actionManager = await createActionManager({
+                actions: this.actions,
+                archs,
+                data: this.data,
+                async mockRPC(route, { domain }) {
+                    if (route === '/web/dataset/search_read') {
+                        assert.step(JSON.stringify(domain));
+                    }
+                    return this._super(...arguments);
+
+                }
+            });
+            await actionManager.doAction(1);
+
+            await cpHelpers.editSearch(actionManager, "ref");
+            await cpHelpers.validateSearch(actionManager);
+
+            assert.containsN(actionManager, ".o_data_row", 5);
+
+            await cpHelpers.removeFacet(actionManager, 0);
+            await cpHelpers.editSearch(actionManager, "ref002");
+            await cpHelpers.validateSearch(actionManager);
+
+            assert.containsOnce(actionManager, ".o_data_row");
+
+            assert.verifySteps([
+                '[]',
+                '[["ref","ilike","ref"]]',
+                '[]',
+                '[["ref","ilike","ref002"]]',
+            ]);
+
+            actionManager.destroy();
+        });
     });
 });