@upstash/react-redis-browser 0.2.14-rc.3 → 0.2.14-rc.4

package/dist/index.css

@@ -792,6 +792,9 @@
 .ups-db .invisible {
   visibility: hidden;
 }
+.ups-db .collapse {
+  visibility: collapse;
+}
 .ups-db .static {
   position: static;
 }
@@ -918,6 +921,9 @@
 .ups-db .ml-2 {
   margin-left: 0.5rem;
 }
+.ups-db .ml-\[15px\] {
+  margin-left: 15px;
+}
 .ups-db .ml-auto {
   margin-left: auto;
 }
@@ -1031,6 +1037,9 @@
 .ups-db .h-\[26px\] {
   height: 26px;
 }
+.ups-db .h-\[300px\] {
+  height: 300px;
+}
 .ups-db .h-\[3px\] {
   height: 3px;
 }
@@ -1052,6 +1061,9 @@
 .ups-db .max-h-\[300px\] {
   max-height: 300px;
 }
+.ups-db .max-h-\[600px\] {
+  max-height: 600px;
+}
 .ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1061,6 +1073,9 @@
 .ups-db .min-h-0 {
   min-height: 0px;
 }
+.ups-db .min-h-\[150px\] {
+  min-height: 150px;
+}
 .ups-db .min-h-\[20px\] {
   min-height: 20px;
 }
@@ -1088,6 +1103,9 @@
 .ups-db .w-24 {
   width: 6rem;
 }
+.ups-db .w-3 {
+  width: 0.75rem;
+}
 .ups-db .w-3\.5 {
   width: 0.875rem;
 }
@@ -1263,9 +1281,17 @@
 .ups-db .resize-none {
   resize: none;
 }
+.ups-db .resize-y {
+  resize: vertical;
+}
 .ups-db .resize {
   resize: both;
 }
+.ups-db .appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
 .ups-db .grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
@@ -1416,6 +1442,10 @@
 .ups-db .rounded-xl {
   border-radius: 0.75rem;
 }
+.ups-db .rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
 .ups-db .rounded-l-lg {
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
@@ -1578,10 +1608,6 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));
 }
-.ups-db .bg-amber-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-amber-300) / var(--tw-bg-opacity));
-}
 .ups-db .bg-amber-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity));
@@ -1625,6 +1651,13 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-indigo-200) / var(--tw-bg-opacity));
 }
+.ups-db .bg-neutral-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
+}
+.ups-db .bg-neutral-900\/20 {
+  background-color: rgb(23 23 23 / 0.2);
+}
 .ups-db .bg-orange-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity));
@@ -1678,13 +1711,13 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
-.ups-db .bg-zinc-200\/70 {
-  background-color: rgb(var(--color-zinc-200) / 0.7);
-}
 .ups-db .bg-zinc-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity));
 }
+.ups-db .bg-zinc-400\/70 {
+  background-color: rgb(var(--color-zinc-400) / 0.7);
+}
 .ups-db .bg-zinc-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
@@ -1774,10 +1807,6 @@
   padding-top: 0px;
   padding-bottom: 0px;
 }
-.ups-db .py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
 .ups-db .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -2308,6 +2337,20 @@
       rgba(0, 0, 0, 0.08),
       rgba(0, 0, 0, 0));
 }
+.ups-db .scroll-shadow-top {
+  background:
+    linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.04),
+      rgba(0, 0, 0, 0));
+}
+.ups-db .scroll-shadow-bottom {
+  background:
+    linear-gradient(
+      to top,
+      rgba(0, 0, 0, 0.04),
+      rgba(0, 0, 0, 0));
+}
 .ups-db svg.tabler-icon {
   stroke-width: 2 !important;
 }
@@ -2735,14 +2778,17 @@
 .ups-db .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
   --tw-enter-translate-y: -100%;
 }
-.ups-db .dark\:border-zinc-700:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--color-zinc-700) / var(--tw-border-opacity));
-}
 .ups-db .dark\:border-b-zinc-200:is(.dark *) {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(var(--color-zinc-200) / var(--tw-border-opacity));
 }
+.ups-db .dark\:bg-neutral-50:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+.ups-db .dark\:bg-neutral-50\/20:is(.dark *) {
+  background-color: rgb(250 250 250 / 0.2);
+}
 .ups-db .dark\:bg-zinc-100:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-100) / var(--tw-bg-opacity));
@@ -2751,30 +2797,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
-.ups-db .dark\:bg-zinc-700:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-700) / var(--tw-bg-opacity));
-}
-.ups-db .dark\:bg-zinc-800:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity));
-}
 .ups-db .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(var(--color-red-400) / var(--tw-text-opacity));
 }
-.ups-db .dark\:text-zinc-100:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-100) / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-300:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-300) / var(--tw-text-opacity));
-}
-.ups-db .dark\:text-zinc-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(var(--color-zinc-400) / var(--tw-text-opacity));
-}
 .ups-db .dark\:text-zinc-500:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(var(--color-zinc-500) / var(--tw-text-opacity));
@@ -2827,6 +2853,14 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.ups-db .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  appearance: none;
+}
+.ups-db .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  appearance: none;
+}
 .ups-db .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
   display: none;
 }

package/dist/index.d.mts

@@ -20,7 +20,7 @@ type RedisBrowserStorage = {
     set: (value: string) => void;
     get: () => string | null;
 };
-declare const RedisBrowser: ({ url, token, hideTabs, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
+declare const RedisBrowser: ({ url, token, hideTabs, hideSearchTab, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
     /**
      * Whether to disable telemetry.
      *
@@ -34,6 +34,12 @@ declare const RedisBrowser: ({ url, token, hideTabs, storage, disableTelemetry,
      */
     disableTelemetry?: boolean;
     hideTabs?: boolean;
+    /**
+     * Whether to hide the Keys/Search segmented tab selector.
+     *
+     * @default false
+     */
+    hideSearchTab?: boolean;
     /**
      * If defined, the databrowser will have a full screen button in the tab bar.
      * Clicking on the button will call this function.

package/dist/index.d.ts

@@ -20,7 +20,7 @@ type RedisBrowserStorage = {
     set: (value: string) => void;
     get: () => string | null;
 };
-declare const RedisBrowser: ({ url, token, hideTabs, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
+declare const RedisBrowser: ({ url, token, hideTabs, hideSearchTab, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
     /**
      * Whether to disable telemetry.
      *
@@ -34,6 +34,12 @@ declare const RedisBrowser: ({ url, token, hideTabs, storage, disableTelemetry,
      */
     disableTelemetry?: boolean;
     hideTabs?: boolean;
+    /**
+     * Whether to hide the Keys/Search segmented tab selector.
+     *
+     * @default false
+     */
+    hideSearchTab?: boolean;
     /**
      * If defined, the databrowser will have a full screen button in the tab bar.
      * Clicking on the button will call this function.