[Logs UI] Use the Unified Search Bar for date range selection

src/plugins/kibana_utils/public/index.ts

@@ -93,6 +93,7 @@ export {
   replaceUrlHashQuery,
 } from './state_management/url';
 export type {
+  IStateStorage,
   IStateSyncConfig,
   ISyncStateRef,
   IKbnUrlStateStorage,

x-pack/plugins/infra/common/time/time_key.ts

@@ -6,14 +6,20 @@
  */
 
 import { ascending, bisector } from 'd3-array';
+import * as rt from 'io-ts';
 import { pick } from 'lodash';
 
-export interface TimeKey {
-  time: number;
-  tiebreaker: number;
-  gid?: string;
-  fromAutoReload?: boolean;
-}
+export const timeKeyRT = rt.intersection([
+  rt.type({
+    time: rt.number,
+    tiebreaker: rt.number,
+  }),
+  rt.partial({
+    gid: rt.string,
+    fromAutoReload: rt.boolean,
+  }),
+]);
+export type TimeKey = rt.TypeOf<typeof timeKeyRT>;
 
 export interface UniqueTimeKey extends TimeKey {
   gid: string;

x-pack/plugins/infra/public/apps/logs_app.tsx

@@ -19,6 +19,7 @@ import { LogsPage } from '../pages/logs';
 import { InfraClientStartDeps, InfraClientStartExports } from '../types';
 import { CommonInfraProviders, CoreProviders } from './common_providers';
 import { prepareMountElement } from './common_styles';
+import { KbnUrlStateStorageFromRouterProvider } from '../utils/kbn_url_state_context';
 
 export const renderApp = (
   core: CoreStart,
@@ -69,11 +70,16 @@ const LogsApp: React.FC<{
         triggersActionsUI={plugins.triggersActionsUi}
       >
         <Router history={history}>
-          <Switch>
-            <Route path="/link-to" component={LinkToLogsPage} />
-            {uiCapabilities?.logs?.show && <Route path="/" component={LogsPage} />}
-            <Route component={NotFoundPage} />
-          </Switch>
+          <KbnUrlStateStorageFromRouterProvider
+            history={history}
+            toastsService={core.notifications.toasts}
+          >
+            <Switch>
+              <Route path="/link-to" component={LinkToLogsPage} />
+              {uiCapabilities?.logs?.show && <Route path="/" component={LogsPage} />}
+              <Route component={NotFoundPage} />
+            </Switch>
+          </KbnUrlStateStorageFromRouterProvider>
         </Router>
       </CommonInfraProviders>
     </CoreProviders>

x-pack/plugins/infra/public/containers/logs/log_position/index.ts

@@ -6,4 +6,6 @@
  */
 
 export * from './log_position_state';
-export * from './with_log_position_url_state';
+export * from './replace_log_position_in_query_string';
+export * from './use_log_position';
+export { LogPositionUrlState } from './use_log_position_url_state_sync';