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

package/dist/index.css

@@ -1031,15 +1031,15 @@
 .ups-db .h-\[18px\] {
   height: 18px;
 }
+.ups-db .h-\[200px\] {
+  height: 200px;
+}
 .ups-db .h-\[20px\] {
   height: 20px;
 }
 .ups-db .h-\[26px\] {
   height: 26px;
 }
-.ups-db .h-\[300px\] {
-  height: 300px;
-}
 .ups-db .h-\[3px\] {
   height: 3px;
 }
@@ -1061,8 +1061,8 @@
 .ups-db .max-h-\[300px\] {
   max-height: 300px;
 }
-.ups-db .max-h-\[600px\] {
-  max-height: 600px;
+.ups-db .max-h-\[40vh\] {
+  max-height: 40vh;
 }
 .ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
@@ -1639,6 +1639,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-emerald-500) / var(--tw-bg-opacity));
 }
+.ups-db .bg-emerald-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-800) / var(--tw-bg-opacity));
+}
 .ups-db .bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1839,6 +1843,10 @@
   padding-top: 3px;
   padding-bottom: 3px;
 }
+.ups-db .py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
 .ups-db .pb-5 {
   padding-bottom: 1.25rem;
 }
@@ -1969,6 +1977,10 @@
   --tw-text-opacity: 1;
   color: rgb(var(--color-blue-600) / var(--tw-text-opacity));
 }
+.ups-db .text-emerald-100 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--color-emerald-100) / var(--tw-text-opacity));
+}
 .ups-db .text-emerald-600 {
   --tw-text-opacity: 1;
   color: rgb(var(--color-emerald-600) / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -20,7 +20,8 @@ type RedisBrowserStorage = {
     set: (value: string) => void;
     get: () => string | null;
 };
-declare const RedisBrowser: ({ url, token, hideTabs, hideSearchTab, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
+type TabType = "keys" | "search" | "all";
+declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
     /**
      * Whether to disable telemetry.
      *
@@ -35,11 +36,14 @@ declare const RedisBrowser: ({ url, token, hideTabs, hideSearchTab, storage, dis
     disableTelemetry?: boolean;
     hideTabs?: boolean;
     /**
-     * Whether to hide the Keys/Search segmented tab selector.
+     * Which tab(s) to show in the databrowser.
+     * - "keys": Only show the Keys tab
+     * - "search": Only show the Search tab
+     * - "all": Show both tabs with a segmented selector
      *
-     * @default false
+     * @default "all"
      */
-    hideSearchTab?: boolean;
+    tabType?: TabType;
     /**
      * 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,8 @@ type RedisBrowserStorage = {
     set: (value: string) => void;
     get: () => string | null;
 };
-declare const RedisBrowser: ({ url, token, hideTabs, hideSearchTab, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
+type TabType = "keys" | "search" | "all";
+declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
     /**
      * Whether to disable telemetry.
      *
@@ -35,11 +36,14 @@ declare const RedisBrowser: ({ url, token, hideTabs, hideSearchTab, storage, dis
     disableTelemetry?: boolean;
     hideTabs?: boolean;
     /**
-     * Whether to hide the Keys/Search segmented tab selector.
+     * Which tab(s) to show in the databrowser.
+     * - "keys": Only show the Keys tab
+     * - "search": Only show the Search tab
+     * - "all": Show both tabs with a segmented selector
      *
-     * @default false
+     * @default "all"
      */
-    hideSearchTab?: boolean;
+    tabType?: TabType;
     /**
      * If defined, the databrowser will have a full screen button in the tab bar.
      * Clicking on the button will call this function.