@marimo-team/islands 0.20.5-dev4 → 0.20.5-dev5

package/dist/main.js

@@ -59258,6 +59258,7 @@ Defaulting to \`null\`.`;
       description: "message" in e ? e.message : String(e)
     }), e;
   }
+  var MAX_PAGES_BEFORE_CLAMPING = 100;
   const DataTablePagination = ({ table: e, selection: r, onSelectAllRowsChange: c, totalColumns: d, tableLoading: f, showPageSizeSelector: _ }) => {
     let { locale: v } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), y = () => {
       let { rowSelection: f2, cellSelection: _2 } = e.getState(), y2 = Object.keys(f2).length, S2 = e.getIsAllPageRowsSelected(), w2 = e.getRowCount(), E2 = y2 === w2, O2 = r === "single-cell" || r === "multi-cell";
@@ -59514,29 +59515,33 @@ Defaulting to \`null\`.`;
                 children: r2.page
               }, r2.page))
             }),
-            (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
-            (0, import_jsx_runtime.jsxs)("div", {
-              className: "px-2 pt-0.5 shrink-0",
-              onKeyDown: (e2) => e2.stopPropagation(),
+            r > MAX_PAGES_BEFORE_CLAMPING && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
               children: [
-                (0, import_jsx_runtime.jsx)("label", {
-                  htmlFor: y,
-                  className: "text-xs text-muted-foreground block mb-1",
-                  children: "Jump to page"
-                }),
-                (0, import_jsx_runtime.jsx)(Input, {
-                  id: y,
-                  type: "number",
-                  min: 1,
-                  max: r,
-                  placeholder: `1-${r}`,
-                  value: _,
-                  onChange: (e2) => v(e2.target.value),
-                  onKeyDown: (e2) => {
-                    e2.key === "Enter" && w(), e2.stopPropagation();
-                  },
-                  className: "h-6 text-xs",
-                  "data-testid": "page-jump-input"
+                (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
+                (0, import_jsx_runtime.jsxs)("div", {
+                  className: "px-2 pt-0.5 shrink-0",
+                  onKeyDown: (e2) => e2.stopPropagation(),
+                  children: [
+                    (0, import_jsx_runtime.jsx)("label", {
+                      htmlFor: y,
+                      className: "text-xs text-muted-foreground block mb-1",
+                      children: "Jump to page"
+                    }),
+                    (0, import_jsx_runtime.jsx)(Input, {
+                      id: y,
+                      type: "number",
+                      min: 1,
+                      max: r,
+                      placeholder: `1-${r}`,
+                      value: _,
+                      onChange: (e2) => v(e2.target.value),
+                      onKeyDown: (e2) => {
+                        e2.key === "Enter" && w(), e2.stopPropagation();
+                      },
+                      className: "h-6 text-xs",
+                      "data-testid": "page-jump-input"
+                    })
+                  ]
                 })
               ]
             })
@@ -59546,7 +59551,7 @@ Defaulting to \`null\`.`;
     });
   };
   function getPageRanges(e, r) {
-    if (r <= 100) return range_default(r).map((e2) => ({
+    if (r <= MAX_PAGES_BEFORE_CLAMPING) return range_default(r).map((e2) => ({
       type: "page",
       page: e2 + 1
     }));
@@ -70397,7 +70402,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.5-dev4"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.5-dev5"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$88 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.20.5-dev4",
+  "version": "0.20.5-dev5",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/pagination.tsx

@@ -37,6 +37,8 @@ import {
 } from "../ui/select";
 import type { DataTableSelection, PageRange } from "./types";
 
+const MAX_PAGES_BEFORE_CLAMPING = 100;
+
 interface DataTablePaginationProps<TData> {
   table: Table<TData>;
   selection?: DataTableSelection;
@@ -325,35 +327,39 @@ export const PageSelector = ({
             ),
           )}
         </div>
-        <DropdownMenuSeparator />
-        <div
-          className="px-2 pt-0.5 shrink-0"
-          onKeyDown={(e) => e.stopPropagation()}
-        >
-          <label
-            htmlFor={jumpInputId}
-            className="text-xs text-muted-foreground block mb-1"
-          >
-            Jump to page
-          </label>
-          <Input
-            id={jumpInputId}
-            type="number"
-            min={1}
-            max={totalPages}
-            placeholder={`1-${totalPages}`}
-            value={jumpValue}
-            onChange={(e) => setJumpValue(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter") {
-                handleJump();
-              }
-              e.stopPropagation();
-            }}
-            className="h-6 text-xs"
-            data-testid="page-jump-input"
-          />
-        </div>
+        {totalPages > MAX_PAGES_BEFORE_CLAMPING && (
+          <>
+            <DropdownMenuSeparator />
+            <div
+              className="px-2 pt-0.5 shrink-0"
+              onKeyDown={(e) => e.stopPropagation()}
+            >
+              <label
+                htmlFor={jumpInputId}
+                className="text-xs text-muted-foreground block mb-1"
+              >
+                Jump to page
+              </label>
+              <Input
+                id={jumpInputId}
+                type="number"
+                min={1}
+                max={totalPages}
+                placeholder={`1-${totalPages}`}
+                value={jumpValue}
+                onChange={(e) => setJumpValue(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === "Enter") {
+                    handleJump();
+                  }
+                  e.stopPropagation();
+                }}
+                className="h-6 text-xs"
+                data-testid="page-jump-input"
+              />
+            </div>
+          </>
+        )}
       </DropdownMenuContent>
     </DropdownMenu>
   );
@@ -363,7 +369,7 @@ export function getPageRanges(
   currentPage: number,
   totalPages: number,
 ): PageRange[] {
-  if (totalPages <= 100) {
+  if (totalPages <= MAX_PAGES_BEFORE_CLAMPING) {
     return range(totalPages).map((i) => ({ type: "page", page: i + 1 }));
   }