d1s 0.2.11 → 0.2.13

package/src/components/table-error-dialog.jsx

@@ -1,65 +0,0 @@
-// components/table-error-dialog.jsx
-'use client';
-
-import React from 'react';
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { AlertCircle } from 'lucide-react';
-
-// Simple function that focuses on just message display
-function getErrorInfo(error) {
-  if (!error) {
-    return {
-      message: 'An unknown error occurred.',
-      icon: AlertCircle,
-    };
-  }
-  return {
-    message: error.message,
-    icon: AlertCircle,
-  };
-}
-
-export function DatabaseErrorDialog({ isOpen, onClose, error }) {
-  if (!error || !isOpen) return null;
-
-  const { message, icon: Icon } = getErrorInfo(error);
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="sm:max-w-md font-sans">
-        <DialogHeader>
-          <div className="flex items-center gap-2">
-            <Icon className="h-4 w-4 text-red-500" />
-            <DialogTitle>Error</DialogTitle>
-          </div>
-        </DialogHeader>
-        <div className="space-y-4">
-          <p className="bg-neutral-100 p-2 rounded-md text-neutral-900">
-            {message}
-          </p>
-          {error.details?.suggestions && (
-            <div className="text-sm space-y-1">
-              <p className="font-medium">Suggestions:</p>
-              <ul className="list-disc pl-4 space-y-1">
-                {error.details.suggestions.map((suggestion, index) => (
-                  <li key={index}>{suggestion}</li>
-                ))}
-              </ul>
-            </div>
-          )}
-        </div>
-        <div className="flex justify-end gap-2 mt-4">
-          <Button variant="default" onClick={onClose}>
-            Got it
-          </Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/table-toolbar.jsx

@@ -1,285 +0,0 @@
-// components/table-toolbar.jsx
-'use client';
-
-import React, { memo } from 'react';
-import { Button } from "@/components/ui/button";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import {
-  ArrowLeft,
-  ArrowRight,
-  SlidersHorizontal,
-  Columns,
-  Loader2
-} from 'lucide-react';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import RefreshButton from './refresh-button';
-import SyncMigrationsButton from './sync-migrations-button';
-import DownloadButton from './download-button';
-import ColumnSelector from './column-selector';
-
-const StaticControls = memo(({ 
-  onAdd, 
-  onDelete, 
-  selectedCount, 
-  disabled, 
-  newRecordsCount,
-  schema,             
-  visibleColumns,
-  onColumnToggle
-}) => (
-  <div className="flex items-center space-x-2">
-     <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          {/* Wrapping the disabled button in a span so the tooltip can trigger */}
-          <span>
-            <Button 
-              size="sm"
-              variant="outline"
-              className="font-semibold opacity-50 cursor-not-allowed"
-              disabled
-            >
-              <SlidersHorizontal className="h-4 w-4" />
-              Filters
-            </Button>
-          </span>
-        </TooltipTrigger>
-        <TooltipContent>
-          <p>Filters are not available yet. Coming soon!</p>
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-
-    <ColumnSelector 
-      schema={schema}
-      visibleColumns={visibleColumns}
-      onColumnToggle={onColumnToggle}
-    />
-
-    <div className="h-4 border-r mx-2" />
-
-    <Button
-      size="sm"
-      variant="default"
-      className="font-semibold"
-      onClick={onAdd}
-    >
-      Add record
-    </Button>
-
-    {selectedCount > 0 && (
-      <Button 
-        size="sm"
-        className="font-semibold"
-        onClick={onDelete} 
-        variant="destructive"
-        disabled={disabled || newRecordsCount > 0}
-      >
-        Delete {selectedCount} {selectedCount === 1 ? 'record' : 'records'}
-      </Button>
-    )}
-  </div>
-));
-
-const RowCount = memo(({ totalRows }) => (
-  <span className="text-sm text-neutral-600">
-    {totalRows} {totalRows === 1 ? 'row' : 'rows'}
-  </span>
-));
-
-const PaginationControls = memo(({ 
-  currentPage, 
-  totalPages, 
-  onPageChange, 
-  disabled,
-  newRecordsCount 
-}) => (
-  <div className="flex items-center space-x-2">
-    <Button 
-      variant="ghost" 
-      size="icon"
-      onClick={() => {
-        console.log("Pagination: navigating to previous page", currentPage - 1);
-        onPageChange(currentPage - 1);
-      }}
-      disabled={currentPage === 1 || disabled || newRecordsCount > 0}
-      className="h-8"
-    >
-      <ArrowLeft className="h-4 w-4" />
-    </Button>
-    <span className="text-sm">
-      Page {currentPage} of {totalPages}
-    </span>
-    <Button 
-      variant="ghost" 
-      size="icon"
-      onClick={() => {
-        console.log("Pagination: navigating to next page", currentPage + 1);
-        onPageChange(currentPage + 1);
-      }}
-      disabled={currentPage === totalPages || disabled || newRecordsCount > 0}
-      className="h-8"
-    >
-      <ArrowRight className="h-4 w-4" />
-    </Button>
-  </div>
-));
-
-const RowsPerPageSelect = memo(({ value, onValueChange, disabled, newRecordsCount }) => (
-  <Select
-    value={value.toString()}
-    onValueChange={onValueChange}
-    disabled={disabled || newRecordsCount > 0}
-  >
-    <SelectTrigger className="w-20 h-8">
-      <SelectValue />
-    </SelectTrigger>
-    <SelectContent>
-      <SelectItem value="50">50</SelectItem>
-      <SelectItem value="100">100</SelectItem>
-      <SelectItem value="250">250</SelectItem>
-    </SelectContent>
-  </Select>
-));
-
-const SaveDiscardButtons = memo(({ onSave, onDiscard, totalChanges, isSaving }) => (
-  <div className="flex items-center gap-2">
-    <Button
-      size="sm"
-      variant="ghost"
-      className="font-semibold"
-      onClick={onDiscard}
-      disabled={isSaving}
-    >
-      Discard changes
-    </Button>
-    <Button
-      size="sm"
-      className="font-semibold bg-green-600 hover:bg-green-700"
-      variant="default"
-      onClick={onSave}
-      disabled={isSaving}
-    >
-      {isSaving ? (
-        <>
-          <Loader2 className="h-4 w-4 animate-spin" />
-          Saving...
-        </>
-      ) : (
-        `Save ${totalChanges} ${totalChanges === 1 ? 'change' : 'changes'}`
-      )}
-    </Button>
-  </div>
-));
-
-const TableToolbar = ({
-  selectedCount = 0,
-  onAdd,
-  onDelete,
-  onRefresh,
-  totalRows = 0,
-  currentPage = 1,
-  totalPages = 1,
-  onPageChange,
-  rowsPerPage = 50,
-  onRowsPerPageChange,
-  tableName,
-  onDownloadStart,
-  onDownloadComplete,
-  disabled = false,
-  editCount = 0,
-  newRecordsCount = 0,
-  onSaveChanges,
-  onDiscardChanges,
-  isSaving = false,
-  schema,              
-  visibleColumns,
-  onColumnToggle,
-}) => {
-  const handleRowsPerPageChange = (value) => {
-    const newRowsPerPage = parseInt(value, 10);
-    onRowsPerPageChange(newRowsPerPage);
-    onPageChange(1); // Reset to first page when rows per page changes
-  };
-
-  const totalChanges = editCount + newRecordsCount;
-
-  return (
-    <div className="flex items-center justify-between p-3 border-b bg-background font-sans">
-      <div className="flex items-center justify-between w-full">
-        <StaticControls
-          onAdd={onAdd}
-          onDelete={onDelete}
-          selectedCount={selectedCount}
-          disabled={disabled || isSaving}
-          newRecordsCount={newRecordsCount}
-          schema={schema}              
-          visibleColumns={visibleColumns}
-          onColumnToggle={onColumnToggle}
-        />
-
-        <div className="flex items-center gap-4">
-          {totalChanges > 0 ? (
-            <SaveDiscardButtons
-              onSave={onSaveChanges}
-              onDiscard={onDiscardChanges}
-              totalChanges={totalChanges}
-              isSaving={isSaving}
-            />
-          ) : (
-            <div className="flex items-center space-x-2">
-              <RowCount totalRows={totalRows} />
-
-              <PaginationControls
-                currentPage={currentPage}
-                totalPages={totalPages}
-                onPageChange={onPageChange}
-                disabled={disabled}
-                newRecordsCount={newRecordsCount}
-              />
-
-              <RowsPerPageSelect
-                value={rowsPerPage}
-                onValueChange={handleRowsPerPageChange}
-                disabled={disabled}
-                newRecordsCount={newRecordsCount}
-              />
-
-              <RefreshButton 
-                onRefresh={onRefresh}
-                disabled={disabled}
-              />
-
-              <SyncMigrationsButton
-                tableName={tableName}
-                onSync={onRefresh}
-                disabled={disabled}
-              />
-
-              <DownloadButton
-                tableName={tableName}
-                onDownloadStart={onDownloadStart}
-                onDownloadComplete={onDownloadComplete}
-                disabled={disabled}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-TableToolbar.displayName = 'TableToolbar';
-export default memo(TableToolbar);