feat(react): refactor filterable multi select to function

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -3108,7 +3108,6 @@ Map {
       "selectionFeedback": "top-after-reopen",
       "sortItems": [Function],
     },
-    "displayName": "MultiSelect.Filterable",
     "propTypes": Object {
       "ariaLabel": Object {
         "type": "string",
@@ -4074,7 +4073,6 @@ Map {
         "selectionFeedback": "top-after-reopen",
         "sortItems": [Function],
       },
-      "displayName": "MultiSelect.Filterable",
       "propTypes": Object {
         "ariaLabel": Object {
           "type": "string",

packages/react/src/components/FilterableMultiSelect/index.js

@@ -1 +1 @@
-export default from '../MultiSelect/FilterableMultiSelect';
+export { FilterableMultiSelect } from '../MultiSelect';

packages/react/src/components/MultiSelect/index.js

@@ -4,13 +4,20 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
+import * as FeatureFlags from '@carbon/feature-flags';
 import { deprecateFieldOnObject } from '../../internal/deprecateFieldOnObject';
 
 import MultiSelect from './MultiSelect';
-import FilterableMultiSelect from './FilterableMultiSelect';
+import { default as FilterableMultiSelectClassic } from './FilterableMultiSelect';
+import { default as FilterableMultiSelectNext } from './next/FilterableMultiSelect';
+
+FilterableMultiSelectNext.displayName = 'MultiSelect.Filterable';
+MultiSelect.Filterable = FilterableMultiSelectClassic;
 
-FilterableMultiSelect.displayName = 'MultiSelect.Filterable';
-MultiSelect.Filterable = FilterableMultiSelect;
+export const FilterableMultiSelect = FeatureFlags.enabled('enable-v11-release')
+  ? FilterableMultiSelectNext
+  : FilterableMultiSelectClassic;
 
 if (__DEV__) {
   deprecateFieldOnObject(MultiSelect, 'Filterable', FilterableMultiSelect);