feat: rollback filter bar changes

nlatipov · nlatipov · commit cc20fdd9743a · 2022-04-28T17:57:55.000+05:00
diff --git a/src/plugins/unified_search/public/filter_bar/index.tsx b/src/plugins/unified_search/public/filter_bar/index.tsx
@@ -7,51 +7,26 @@
  */
 
 import React from 'react';
-import { withSuspense } from '@kbn/shared-ux-utility';
 
 const Fallback = () => <div />;
 
-/**
- * The Lazily-loaded `FilterBar` component.  Consumers should use `React.Suspense` or
- * the withSuspense` HOC to load this component.
- */
-
 const LazyFilterBar = React.lazy(() => import('./filter_bar'));
 export const FilterBar = (props: React.ComponentProps<typeof LazyFilterBar>) => (
   <React.Suspense fallback={<Fallback />}>
     <LazyFilterBar {...props} />
   </React.Suspense>
 );
 
-/**
- * A `FilterBar` component that is wrapped by the `withSuspense` HOC.  This component can
- * be used directly by consumers and will load the `FilterBarLazy` component lazily with
- * a predefined fallback and error boundary.
- */
-// export const FilterBar = withSuspense(FilterBarLazy);
-
-/**
- * The Lazily-loaded `FilterLabel` component.  Consumers should use `React.Suspense` or
- * the withSuspense` HOC to load this component.
- */
-const FilterLabelLazy = React.lazy(() => import('./filter_editor/lib/filter_label'));
-
-/**
- * A `FilterLabel` component that is wrapped by the `withSuspense` HOC.  This component can
- * be used directly by consumers and will load the `FilterLabelLazy` component lazily with
- * a predefined fallback and error boundary.
- */
-export const FilterLabel = withSuspense(FilterLabelLazy);
-
-/**
- * The Lazily-loaded `FilterItem` component.  Consumers should use `React.Suspense` or
- * the withSuspense` HOC to load this component.
- */
-const FilterItemLazy = React.lazy(() => import('./filter_item'));
+const LazyFilterLabel = React.lazy(() => import('./filter_editor/lib/filter_label'));
+export const FilterLabel = (props: React.ComponentProps<typeof LazyFilterLabel>) => (
+  <React.Suspense fallback={<Fallback />}>
+    <LazyFilterLabel {...props} />
+  </React.Suspense>
+);
 
-/**
- * A `FilterItem` component that is wrapped by the `withSuspense` HOC.  This component can
- * be used directly by consumers and will load the `FilterItemLazy` component lazily with
- * a predefined fallback and error boundary.
- */
-export const FilterItem = withSuspense(FilterItemLazy);
+const LazyFilterItem = React.lazy(() => import('./filter_item'));
+export const FilterItem = (props: React.ComponentProps<typeof LazyFilterItem>) => (
+  <React.Suspense fallback={<Fallback />}>
+    <LazyFilterItem {...props} />
+  </React.Suspense>
+);
