Improved search filtering (#940)

* Filter search by collectionId

* Improve spec, remove recursive import

* Add userId filter for documents.search

* 💚

* Search filter UI

* WIP UI

* Date filtering
Prevent dupe menu

* Refactor

* button

* Added year option, improved hover states

* Add new indexes

* Remove manual string interpolation in SQL construction

* Move dateFilter validation to controller

* Fixes: Double query when changing filter
Fixes: Visual jump between filters in dropdown

* Add option to clear filters

* More clearly define dropdowns in dark mode

* Checkbox -> Checkmark

shared/components/Time.js

@@ -1,5 +1,6 @@
 // @flow
 import * as React from 'react';
+import Tooltip from 'components/Tooltip';
 import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
 import format from 'date-fns/format';
 
@@ -11,9 +12,9 @@ type Props = {
 function Time({ dateTime, children }: Props) {
   const date = new Date(dateTime);
   return (
-    <time dateTime={dateTime} title={format(date, 'MMMM Do, YYYY h:mm a')}>
-      {children || distanceInWordsToNow(date)}
-    </time>
+    <Tooltip tooltip={format(date, 'MMMM Do, YYYY h:mm a')} placement="bottom">
+      <time dateTime={dateTime}>{children || distanceInWordsToNow(date)}</time>
+    </Tooltip>
   );
 }
 

shared/styles/theme.js

@@ -110,12 +110,12 @@ export const dark = {
 
   menuBackground: lighten(0.015, colors.almostBlack),
   menuShadow:
-    '0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08)',
+    '0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.2)',
   divider: darken(0.2, colors.slate),
   inputBorder: colors.slateDark,
   inputBorderFocused: colors.slate,
 
-  listItemHoverBackground: colors.black10,
+  listItemHoverBackground: colors.black50,
   listItemHoverBorder: colors.black50,
 
   toolbarBackground: colors.white,