upgrades & fixes

- upgraded lib fixing the category suggestions query trigger issue - added focusshortcut icon
awesome-reactivesearch · Mar 12, 2022 · 01bfe70 · 01bfe70
1 parent 22eb80b
commit 01bfe70
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 34 deletions.
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "prettier": "^1.18.2"
   },
   "dependencies": {
-    "@appbaseio/reactivesearch": "^3.28.0",
+    "@appbaseio/reactivesearch": "^3.29.0-gamma.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-scripts": "5.0.0"

diff --git a/src/App.css b/src/App.css
@@ -37,6 +37,7 @@ hr {
   justify-content: flex-start;
   padding-left: 0px;
   padding-right: 0px;
+  margin: 10px auto 19px;
 }
 
 .logo-container {
@@ -56,6 +57,9 @@ hr {
   border: 2px solid #86ddf8;
   border-radius: 3px;
 }
+.search-bar input {
+  border: none;
+}
 
 /* styling for left-sidebar */
 
@@ -79,6 +83,7 @@ hr {
   left: 0;
   margin-top: 4px;
   margin-bottom: 10px;
+  height: max-content;
 }
 
 .list-input {
@@ -403,7 +408,33 @@ hr {
   border-top: 1px solid #666;
   border-left: 1px solid #666;
 }
-
+.input-addon {
+  border-radius: 0 !important;
+  border: none !important;
+  background: white;
+}
+.focus-shortcut {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
+  border-radius: 0;
+  box-shadow: inset 0px -2px 0px 1px #cdcde6, inset 0 0 1px 1px #fff,
+    0 1px 2px 1px rgb(30 35 90 / 40%);
+  color: #969faf;
+  height: 24px;
+  margin-right: 0.4em;
+  padding-bottom: 2px;
+  position: relative;
+  top: -1px;
+  min-width: 24px;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 20px;
+  cursor: default;
+  border: none;
+  padding-bottom: 4px;
+}
 /* Responsive styling */
 @media (max-width: 768px) {
   .toggle-button {
@@ -471,8 +502,11 @@ hr {
     width: 207px;
     height: 30px;
   }
+  .input-addon {
+    display: none !important;
+  }
 }
 
 .selected-filters > * {
   color: #cdcdcd !important;
-}
+}
diff --git a/src/App.js b/src/App.js
@@ -85,6 +85,11 @@ class App extends Component {
                 index="movies-demo-app"
                 size={10}
                 innerClass={{ list: "list-class" }}
+                addonAfter={
+              <span tabIndex="1" className="focus-shortcut">
+                /
+              </span>
+            }
               />
             </div>
           </div>

diff --git a/yarn.lock b/yarn.lock
@@ -18,26 +18,26 @@
     jsonpointer "^5.0.0"
     leven "^3.1.0"
 
-"@appbaseio/reactivecore@9.13.3":
-  version "9.13.3"
-  resolved "https://registry.yarnpkg.com/@appbaseio/reactivecore/-/reactivecore-9.13.3.tgz#df80decf802fff45b210eef80db0e717c534bbb4"
-  integrity sha512-E912fZPt3eQGpjg6tY17wwqkTZ3pEipjfRNkOIL8aCIW99G3FRPclMz2968XKEKKuooiEH8+TKzHW2gn1dazMA==
+"@appbaseio/reactivecore@9.14.0":
+  version "9.14.0"
+  resolved "https://registry.yarnpkg.com/@appbaseio/reactivecore/-/reactivecore-9.14.0.tgz#8369ab003456ba6180adb8dc0486d9b6c176ed36"
+  integrity sha512-bCHa+UHBskKM2iIrXc7iqpT64P/b8jm4gg1je5TuW9padxxFVoXP6V91Lfj9OYd1ih6++7xttoXBIso8x4+0vw==
   dependencies:
     cross-fetch "^3.0.4"
     prop-types "^15.6.0"
     redux "^4.0.0"
     redux-thunk "^2.3.0"
     xdate "^0.8.2"
 
-"@appbaseio/reactivesearch@^3.28.0":
-  version "3.28.0"
-  resolved "https://registry.yarnpkg.com/@appbaseio/reactivesearch/-/reactivesearch-3.28.0.tgz#af72656008c9a692772102e6afce4acbfb251704"
-  integrity sha512-C6TW5/FPUQAzKfjQeNkt8ouQnPfr4jLXJVHJ69Q/i/eLUSbTCHuFMIorSXCS60aqiofGpDhO55sYQRec6ePl/Q==
+"@appbaseio/reactivesearch@^3.29.0-gamma.1":
+  version "3.29.0-gamma.1"
+  resolved "https://registry.yarnpkg.com/@appbaseio/reactivesearch/-/reactivesearch-3.29.0-gamma.1.tgz#8ec6d637dfcfda489f34723e554d086473740d0e"
+  integrity sha512-ZTdmkUX3fIGCAHnppLX3d6vE3tNNA8S2ryQ3B6cxy3NRQus5exAHUgjY1+hbD6e1+MTN1J8KyDY9ZCIf8Q0nww==
   dependencies:
-    "@appbaseio/reactivecore" "9.13.3"
+    "@appbaseio/reactivecore" "9.14.0"
     "@emotion/core" "^10.0.28"
     "@emotion/styled" "^10.0.27"
-    appbase-js "4.5.1"
+    appbase-js "5.0.0"
     cross-env "^5.2.0"
     downshift "^1.31.2"
     emotion-theming "^10.0.27"
@@ -2376,12 +2376,12 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-appbase-js@4.5.1:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/appbase-js/-/appbase-js-4.5.1.tgz#0b9eb0bcb6fdb8655b38066d3f21ef24427e3b9f"
-  integrity sha512-IYShIL3J9PlyMcTEm35iPFSeQZBUW6pCJEwXKvUVjx89p/npA4UVlmYfEfRWweAJEaercbq3zhRskouEJLw2BA==
+appbase-js@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/appbase-js/-/appbase-js-5.0.0.tgz#9f3e25ad718251e153593f7559cfac7b4d4ac961"
+  integrity sha512-TOvBaXEpRd85Oo118X+NNQq7CMtZE3eyp7zYWZ7LO2o9mrdTQRUk+ADE0P8xFkga2c4WHHRyBhoeJglux12LZg==
   dependencies:
-    cross-fetch "^2.2.2"
+    cross-fetch "^3.1.5"
     querystring "^0.2.0"
     url-parser-lite "^0.1.0"
 
@@ -3157,15 +3157,7 @@ cross-env@^5.2.0:
   dependencies:
     cross-spawn "^6.0.5"
 
-cross-fetch@^2.2.2:
-  version "2.2.5"
-  resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-2.2.5.tgz#afaf5729f3b6c78d89c9296115c9f142541a5705"
-  integrity sha512-xqYAhQb4NhCJSRym03dwxpP1bYXpK3y7UN83Bo2WFi3x1Zmzn0SL/6xGoPr+gpt4WmNrgCCX3HPysvOwFOW36w==
-  dependencies:
-    node-fetch "2.6.1"
-    whatwg-fetch "2.0.4"
-
-cross-fetch@^3.0.4:
+cross-fetch@^3.0.4, cross-fetch@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
   integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==
@@ -6088,11 +6080,6 @@ no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
-node-fetch@2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
-  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
-
 node-fetch@2.6.7:
   version "2.6.7"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
@@ -7040,6 +7027,11 @@ prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
 
+prettier@^1.18.2:
+  version "1.19.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
+  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
+
 pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
@@ -8689,7 +8681,7 @@ whatwg-encoding@^1.0.5:
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-fetch@2.0.4, whatwg-fetch@>=0.10.0:
+whatwg-fetch@>=0.10.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
 
@@ -9020,4 +9012,4 @@ yargs@^16.2.0:
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==