@adecore/database 0.17.0 → 0.18.0

package/dist/locales/nl.json

@@ -17,7 +17,8 @@
         "test": {
             "action": "Verbinding testen",
             "success": "Verbonden met {{server}}.",
-            "failed": "De verbinding is mislukt."
+            "failed": "De verbinding is mislukt.",
+            "dismiss": "Sluiten"
         },
         "delete": {
             "action": "Verwijderen",
@@ -116,6 +117,18 @@
         "views": "Views",
         "primaryKey": "Primaire sleutel",
         "foreignKey": "Refererende sleutel",
+        "primaryAndForeignKey": "Primaire en refererende sleutel",
+        "parts": {
+            "columns": "Kolommen",
+            "keys": "Sleutels",
+            "foreignKeys": "Refererende sleutels",
+            "indexes": "Indexen",
+            "checks": "Checks",
+            "triggers": "Triggers"
+        },
+        "references": "{{columns}} → {{table}} ({{referenced}})",
+        "unique": "uniek",
+        "check": "Check",
         "readOnly": "Alleen lezen",
         "schemaCount": "{{shown}} van {{total}}",
         "schemaCountHint_one": "{{shown}} van {{total}} schema getoond, systeemschema's zijn verborgen",
@@ -272,7 +285,6 @@
         },
         "cloneRows": "Geselecteerde rijen klonen",
         "revertRows": "Geselecteerde rijen terugdraaien",
-        "valuePanel": "Waardeneditor",
         "firstPage": "Eerste pagina",
         "lastPage": "Laatste pagina",
         "lastPageCounts": "Telt eerst de rijen",
@@ -295,7 +307,10 @@
             "next": "Volgende rij",
             "newRow": "Nieuwe rij",
             "row": "Rij {{number}}",
-            "position": "{{index}} van {{count}} op deze pagina"
+            "position": "{{index}} van {{count}} op deze pagina",
+            "close": "Recordweergave sluiten",
+            "expand": "Hele waarde tonen",
+            "collapse": "Hele waarde verbergen"
         },
         "aggregates": {
             "sum": "Som",
@@ -313,7 +328,8 @@
             "running": "Exporteren als {{format}}",
             "cancel": "Annuleren",
             "done_one": "{{rows}} rij geëxporteerd.",
-            "done_other": "{{rows}} rijen geëxporteerd."
+            "done_other": "{{rows}} rijen geëxporteerd.",
+            "failed": "Exporteren is mislukt"
         },
         "import": {
             "menu": "Importeren uit bestand",
@@ -329,7 +345,8 @@
             "skip": "Overslaan",
             "preview": "Eerste {{count}} rijen van het bestand",
             "cancel": "Annuleren",
-            "confirm": "Importeren"
+            "confirm": "Importeren",
+            "readFailed": "Het bestand kon niet worden gelezen"
         },
         "more": "Meer acties",
         "of": "van",
@@ -357,6 +374,8 @@
         "running": "Bezig",
         "cancelled": "De opdracht is geannuleerd.",
         "result": "Resultaat",
+        "results": "Resultaten",
+        "closeResults": "Resultaten sluiten",
         "noRows": "De opdracht gaf geen rijen terug.",
         "rows": "Rijen: {{rows}}",
         "hasMore": "Er zijn meer rijen, maar die worden niet getoond.",
@@ -369,10 +388,6 @@
         "runAll": "Alles uitvoeren",
         "loading": "Laden",
         "dismiss": "Sluiten",
-        "ranStatement": "Uitgevoerd: {{statement}}",
-        "ranSelection": "De selectie is uitgevoerd",
-        "ranAll_one": "{{formatted}} opdracht uitgevoerd",
-        "ranAll_other": "Alle {{formatted}} opdrachten uitgevoerd",
         "rowRange": "Rijen: {{from}} tot {{to}}",
         "page": "Pagina {{page}}",
         "previousPage": "Vorige pagina",
@@ -384,15 +399,15 @@
         "schema": "Schema",
         "schemaPlaceholder": "Schema",
         "transaction": {
-            "mode": "Transactiemodus",
-            "auto": "Automatisch",
-            "manual": "Handmatig",
-            "hint": "Automatisch legt elke uitvoering vast. Handmatig houdt een transactie open tot je vastlegt of terugdraait.",
+            "autoCommit": "Automatisch vastleggen",
+            "hint": "Aan legt elke uitvoering vast. Uit houdt een transactie open tot je vastlegt of terugdraait.",
             "open": "Transactie open",
             "commit": "Vastleggen",
             "rollback": "Terugdraaien",
             "endTitle": "De transactie afsluiten?",
-            "endDescription": "Er staat nog een transactie open. Leg haar vast om de wijzigingen te bewaren, of draai haar terug om ze weg te gooien."
+            "endDescription": "Er staat nog een transactie open. Leg haar vast om de wijzigingen te bewaren, of draai haar terug om ze weg te gooien.",
+            "commitFailed": "Vastleggen is mislukt",
+            "rollbackFailed": "Terugdraaien is mislukt"
         },
         "destructive": {
             "title": "Destructieve opdrachten uitvoeren?",
@@ -414,7 +429,9 @@
             "hint": "Klik om te bewerken, dubbelklik om uit te voeren.",
             "rows_one": "{{formatted}} rij",
             "rows_other": "{{formatted}} rijen"
-        }
+        },
+        "pageFailed": "De pagina kon niet worden gelezen",
+        "exportFailed": "Exporteren is mislukt"
     },
     "value": {
         "title": "Waarde",

package/dist/protocol/index.d.ts

@@ -1,5 +1,5 @@
 export type { ConnectionConfig, DockerContainer, DockerTunnel, Engine, MysqlConnectionConfig, MysqlTlsMode, ServerInfo, SqliteConnectionConfig, SshTunnel, Tunnel } from './connection.ts';
 export type { DatabaseError, DatabaseErrorCode } from './errors.ts';
 export { PROTOCOL_VERSION, type DatabaseMethod, type DatabaseMethods, type DatabaseParams, type DatabaseRequest, type DatabaseResponse, type DatabaseResult, type ExportSource, type FileFormat, type HelperReady, type RowChange, type RowKey, type RowsResult, type StatementResult } from './messages.ts';
-export type { ColumnInfo, ForeignKeyInfo, IndexInfo, ResultColumn, SchemaInfo, TableInfo, TableKind, TableStructure } from './schema.ts';
+export type { CheckInfo, ColumnInfo, ColumnSource, ForeignKeyInfo, IndexInfo, ResultColumn, SchemaInfo, TableInfo, TableKind, TableStructure, TriggerInfo } from './schema.ts';
 export { valueOfCell, type BinaryCell, type BinaryValue, type Cell, type EditValue, type LongTextCell, type Value, type ValueKind } from './values.ts';

package/dist/protocol/messages.d.ts

@@ -2,7 +2,7 @@ import type { ConnectionConfig, DockerContainer, ServerInfo } from './connection
 import type { DatabaseError } from './errors.ts';
 import type { ResultColumn, SchemaInfo, TableInfo, TableStructure } from './schema.ts';
 import type { Cell, EditValue, Value } from './values.ts';
-export declare const PROTOCOL_VERSION = 2;
+export declare const PROTOCOL_VERSION = 3;
 export type RowKey = Readonly<Record<string, Value>>;
 export type RowChange = {
     readonly kind: 'insert';

package/dist/protocol/messages.js

@@ -1,2 +1,2 @@
 /* Raised whenever a message changes shape, so a host refuses a helper from another release. */
-export const PROTOCOL_VERSION = 2;
+export const PROTOCOL_VERSION = 3;

package/dist/protocol/schema.d.ts

@@ -35,6 +35,15 @@ export interface ForeignKeyInfo {
     readonly onUpdate: string | null;
     readonly onDelete: string | null;
 }
+export interface CheckInfo {
+    readonly name: string | null;
+    readonly expression: string;
+}
+export interface TriggerInfo {
+    readonly name: string;
+    readonly timing: string;
+    readonly event: string;
+}
 export interface TableStructure {
     readonly schema: string;
     readonly name: string;
@@ -44,10 +53,18 @@ export interface TableStructure {
     readonly rowKey: readonly string[] | null;
     readonly indexes: readonly IndexInfo[];
     readonly foreignKeys: readonly ForeignKeyInfo[];
+    readonly checks?: readonly CheckInfo[];
+    readonly triggers?: readonly TriggerInfo[];
     readonly ddl: string | null;
 }
+export interface ColumnSource {
+    readonly schema: string;
+    readonly table: string;
+    readonly column: string;
+}
 export interface ResultColumn {
     readonly name: string;
     readonly type: string;
     readonly kind: ValueKind;
+    readonly source?: ColumnSource;
 }

package/dist/structure/StructureView.d.ts

@@ -1,14 +1,16 @@
-import { type Ref } from 'react';
+import { type ReactNode, type Ref } from 'react';
 import type { Connection } from '../client/types.ts';
 import type { TableStructure } from '../protocol/index.ts';
 export interface StructureViewProps {
     connection: Connection;
     schema: string;
     table: string;
+    toolbarStart?: ReactNode;
     className?: string;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function StructureView({ connection, schema, table, className, ref }: StructureViewProps): import("react").JSX.Element;
-export declare function StructureTabs({ structure }: {
+export declare function StructureView({ connection, schema, table, toolbarStart, className, ref }: StructureViewProps): import("react").JSX.Element;
+export declare function StructureTabs({ structure, start }: {
     structure: TableStructure;
+    start?: ReactNode;
 }): import("react").JSX.Element;

package/dist/structure/StructureView.js

@@ -3,15 +3,16 @@ import { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { CircleAlert, Copy, KeyRound, Link2 } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { Banner, Button, EmptyState, Icon, Pill, Spinner, Tabs, copyText, messageOf } from '@adecore/ui';
+import { Banner, Button, EmptyState, Icon, Pill, Separator, Spinner, Tabs, copyText, messageOf } from '@adecore/ui';
 import { useDatabaseClient } from '../client-context.js';
+import { CODE_TEXT } from '../code-text.js';
 import { useSchemaChange } from '../use-schema-change.js';
 import { referenceOf } from './structure-text.js';
 const TH = 'sticky top-0 h-7 bg-surface px-3 text-left text-xs font-medium whitespace-nowrap text-text-faint';
 const TD = 'h-7 border-t border-border-soft px-3 text-xs whitespace-nowrap text-text select-text';
-const MONO = 'font-mono text-code';
+const MONO = CODE_TEXT;
 /* The columns, indexes, foreign keys and DDL of one table or view. */
-export function StructureView({ connection, schema, table, className, ref }) {
+export function StructureView({ connection, schema, table, toolbarStart, className, ref }) {
     const { t } = useTranslation('database');
     const client = useDatabaseClient();
     const [answer, setAnswer] = useState(null);
@@ -36,11 +37,12 @@ export function StructureView({ connection, schema, table, className, ref }) {
             current = false;
         };
     }, [client, connection, schema, table, attempt, reloads, t]);
-    return (_jsxs("div", { ref: ref, className: clsx('flex min-h-0 min-w-0 flex-col', className), children: [load.status === 'loading' && (_jsx("div", { className: "grid grow place-items-center py-8 text-text-muted", children: _jsx(Spinner, { size: 20, label: t('structure.loading') }) })), load.status === 'error' && (_jsx("div", { className: "p-3", children: _jsx(Banner, { icon: CircleAlert, tone: "error", className: "w-full", message: load.message, children: _jsx(Button, { variant: "secondary", size: "sm", onClick: () => setAttempt(attempt + 1), children: t('structure.retry') }) }) })), load.status === 'ready' && _jsx(StructureTabs, { structure: load.structure })] }));
+    return (_jsxs("div", { ref: ref, className: clsx('flex min-h-0 min-w-0 flex-col', className), children: [load.status === 'loading' && (_jsx("div", { className: "grid grow place-items-center py-8 text-text-muted", children: _jsx(Spinner, { size: 20, label: t('structure.loading') }) })), load.status === 'error' && (_jsx("div", { className: "p-3", children: _jsx(Banner, { icon: CircleAlert, tone: "error", className: "w-full", message: load.message, children: _jsx(Button, { variant: "secondary", size: "sm", onClick: () => setAttempt(attempt + 1), children: t('structure.retry') }) }) })), load.status === 'ready' && _jsx(StructureTabs, { structure: load.structure, start: toolbarStart })] }));
 }
-export function StructureTabs({ structure }) {
+export function StructureTabs({ structure, start }) {
     const { t } = useTranslation('database');
-    return (_jsxs(Tabs.Root, { defaultValue: "columns", className: "flex min-h-0 grow flex-col", children: [_jsxs(Tabs.List, { className: "shrink-0 px-3", children: [_jsxs(Tabs.Tab, { value: "columns", children: [t('structure.columns'), _jsx(Tabs.Count, { value: structure.columns.length })] }), _jsxs(Tabs.Tab, { value: "indexes", children: [t('structure.indexes'), _jsx(Tabs.Count, { value: structure.indexes.length })] }), _jsxs(Tabs.Tab, { value: "foreignKeys", children: [t('structure.foreignKeys'), _jsx(Tabs.Count, { value: structure.foreignKeys.length })] }), _jsx(Tabs.Tab, { value: "ddl", children: t('structure.ddl') })] }), _jsx(Tabs.Panel, { value: "columns", className: "min-h-0 grow overflow-auto", children: _jsx(ColumnsTable, { structure: structure }) }), _jsx(Tabs.Panel, { value: "indexes", className: "min-h-0 grow overflow-auto", children: _jsx(IndexesTable, { indexes: structure.indexes }) }), _jsx(Tabs.Panel, { value: "foreignKeys", className: "min-h-0 grow overflow-auto", children: _jsx(ForeignKeysTable, { foreignKeys: structure.foreignKeys }) }), _jsx(Tabs.Panel, { value: "ddl", className: "min-h-0 grow overflow-auto", children: _jsx(Ddl, { ddl: structure.ddl }) })] }));
+    const head = start === undefined || start === null || start === false ? undefined : (_jsxs("span", { className: "flex items-center gap-4", children: [start, _jsx(Separator, {})] }));
+    return (_jsxs(Tabs.Root, { defaultValue: "columns", className: "flex min-h-0 grow flex-col", children: [_jsxs(Tabs.List, { className: "shrink-0 px-3", start: head, children: [_jsxs(Tabs.Tab, { value: "columns", children: [t('structure.columns'), _jsx(Tabs.Count, { value: structure.columns.length })] }), _jsxs(Tabs.Tab, { value: "indexes", children: [t('structure.indexes'), _jsx(Tabs.Count, { value: structure.indexes.length })] }), _jsxs(Tabs.Tab, { value: "foreignKeys", children: [t('structure.foreignKeys'), _jsx(Tabs.Count, { value: structure.foreignKeys.length })] }), _jsx(Tabs.Tab, { value: "ddl", children: t('structure.ddl') })] }), _jsx(Tabs.Panel, { value: "columns", className: "min-h-0 grow overflow-auto", children: _jsx(ColumnsTable, { structure: structure }) }), _jsx(Tabs.Panel, { value: "indexes", className: "min-h-0 grow overflow-auto", children: _jsx(IndexesTable, { indexes: structure.indexes }) }), _jsx(Tabs.Panel, { value: "foreignKeys", className: "min-h-0 grow overflow-auto", children: _jsx(ForeignKeysTable, { foreignKeys: structure.foreignKeys }) }), _jsx(Tabs.Panel, { value: "ddl", className: "min-h-0 grow overflow-auto", children: _jsx(Ddl, { ddl: structure.ddl }) })] }));
 }
 function Grid({ heads, children }) {
     return (_jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { children: _jsx("tr", { children: heads.map((head) => (_jsx("th", { scope: "col", className: TH, children: head }, head))) }) }), _jsx("tbody", { children: children })] }));

package/dist/table/CommandField.js

@@ -3,7 +3,7 @@ import { useId, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { ArrowDown, ArrowDownWideNarrow, ArrowRightToLine, ArrowUp, Code, Filter, Search, X } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { Icon, IconButton, Kbd, KEY_SHORTCUTS, Menu, shortcut } from '@adecore/ui';
+import { Icon, IconButton, Kbd, KEY_SHORTCUTS, Keys, Menu, shortcut } from '@adecore/ui';
 import { addChip, filterStartText, removeChipAt, replaceChipAt, suggest, toggleSort } from './command-field.js';
 const FOCUS_SHORTCUT = shortcut('Mod+F');
 const SUGGESTION_ICON = {
@@ -126,7 +126,7 @@ export function CommandField({ chips, columns, engine, onChipsChange, onJumpToCo
             clear();
         }
     };
-    return (_jsxs("div", { ref: ref, className: clsx('field field-sm focus-ring-within relative flex h-auto min-h-7 min-w-0 flex-1 flex-wrap items-center gap-1 py-0.5', className), onClick: (event) => event.target === event.currentTarget && input.current?.focus(), children: [_jsx(Icon, { icon: Search, size: 14, className: "shrink-0 text-text-faint" }), chips.map((chip, index) => index === editing ? null : (_jsx(ChipView, { chip: chip, onActivate: () => activate(index, chip), onRemove: () => onChipsChange(removeChipAt(chips, index)) }, `${chip.kind}:${chip.kind === 'sort' ? chip.column : chip.text}`))), _jsx("input", { ref: input, role: "combobox", "aria-label": t('table.command.label'), "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-activedescendant": open ? optionId(active) : undefined, "aria-autocomplete": "list", value: text, placeholder: chips.length === 0 ? t('table.command.placeholder') : undefined, spellCheck: false, autoComplete: "off", className: "min-w-24 flex-1 bg-transparent font-mono text-code text-text outline-none placeholder:font-sans placeholder:text-text-faint", onChange: (event) => change(event.target.value), onKeyDown: handleKeyDown, onFocus: () => setFocused(true), onBlur: handleBlur }), _jsx(Kbd, { shortcut: FOCUS_SHORTCUT, variant: "inline", className: "shrink-0" }), open && (_jsx("div", { id: listId, role: "listbox", "aria-label": t('table.command.suggestions'), className: "menu-popup absolute top-full left-0 z-(--z-popup) mt-1.5 max-h-80 w-full max-w-xl", 
+    return (_jsxs("div", { ref: ref, className: clsx('field field-sm focus-ring-within relative flex h-auto min-h-7 min-w-0 flex-1 flex-wrap items-center gap-1 py-0.5', className), onClick: (event) => event.target === event.currentTarget && input.current?.focus(), children: [_jsx(Icon, { icon: Search, size: 14, className: "shrink-0 text-text-faint" }), chips.map((chip, index) => index === editing ? null : (_jsx(ChipView, { chip: chip, onActivate: () => activate(index, chip), onRemove: () => onChipsChange(removeChipAt(chips, index)) }, `${chip.kind}:${chip.kind === 'sort' ? chip.column : chip.text}`))), _jsx("input", { ref: input, role: "combobox", "aria-label": t('table.command.label'), "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-activedescendant": open ? optionId(active) : undefined, "aria-autocomplete": "list", value: text, placeholder: chips.length === 0 ? t('table.command.placeholder') : undefined, spellCheck: false, autoComplete: "off", className: "min-w-24 flex-1 bg-transparent font-mono text-code text-text outline-none placeholder:font-sans placeholder:text-text-faint", onChange: (event) => change(event.target.value), onKeyDown: handleKeyDown, onFocus: () => setFocused(true), onBlur: handleBlur }), _jsx(Keys, { shortcut: FOCUS_SHORTCUT, size: "sm", className: "shrink-0" }), open && (_jsx("div", { id: listId, role: "listbox", "aria-label": t('table.command.suggestions'), className: "menu-popup absolute top-full left-0 z-(--z-popup) mt-1.5 max-h-80 w-full max-w-xl", 
                 // The input keeps the focus, or the popup would close under the pointer.
                 onPointerDown: (event) => event.preventDefault(), children: suggestions.map((suggestion, index) => {
                     const column = columnOf(suggestion);

package/dist/table/TableStatusBar.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import clsx from 'clsx';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { Button, IconButton, Spinner, Tooltip } from '@adecore/ui';
+import { Button, ButtonGroup, IconButton, Spinner, Tooltip } from '@adecore/ui';
 import { formatDecimal, formatNumber, formatRounded } from '@adecore/ui/format';
 import { useNumberNotation } from '../client-context.js';
 import { numeralText } from '../grid/display.js';
@@ -10,7 +10,7 @@ import { numeralText } from '../grid/display.js';
 export function TableStatusBar({ elapsedMs, bounds, counting, selection, onCount, onPrevious, onNext, className, ref }) {
     const { t } = useTranslation('database');
     return (_jsxs("footer", { ref: ref, className: clsx('flex h-9 shrink-0 items-center gap-3 border-t border-border px-3 text-xs text-text-muted', className), children: [_jsxs("span", { className: "flex items-center gap-1 tabular-nums", children: [bounds.to === 0 ? t('table.noRows') : t('table.range', { from: formatNumber(bounds.from), to: formatNumber(bounds.to) }), bounds.to > 0 &&
-                        (bounds.exact ? (_jsx("span", { children: t('table.total', { total: formatNumber(bounds.total) }) })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: t('table.of') }), _jsxs(Button, { size: "xs", "aria-label": t('table.count'), disabled: counting, onClick: onCount, children: [counting && _jsx(Spinner, { size: 12 }), t('table.atLeast', { total: formatNumber(bounds.total) })] })] })))] }), _jsxs("span", { className: "flex items-center", children: [_jsx(IconButton, { icon: ChevronLeft, size: "sm", label: t('table.previousPage'), disabled: !bounds.hasPrevious, onClick: onPrevious }), _jsx(IconButton, { icon: ChevronRight, size: "sm", label: t('table.nextPage'), disabled: !bounds.hasNext, onClick: onNext })] }), _jsx(Tooltip, { label: t('table.queryTime'), children: _jsx("span", { className: "text-text-faint tabular-nums", children: t('table.elapsed', { value: formatDecimal(elapsedMs) }) }) }), selection != null && _jsx(SelectionSummary, { selection: selection })] }));
+                        (bounds.exact ? (_jsx("span", { children: t('table.total', { total: formatNumber(bounds.total) }) })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: t('table.of') }), _jsxs(Button, { size: "xs", "aria-label": t('table.count'), disabled: counting, onClick: onCount, children: [counting && _jsx(Spinner, { size: 12 }), t('table.atLeast', { total: formatNumber(bounds.total) })] })] })))] }), _jsxs(ButtonGroup, { children: [_jsx(IconButton, { icon: ChevronLeft, size: "sm", label: t('table.previousPage'), disabled: !bounds.hasPrevious, onClick: onPrevious }), _jsx(IconButton, { icon: ChevronRight, size: "sm", label: t('table.nextPage'), disabled: !bounds.hasNext, onClick: onNext })] }), _jsx(Tooltip, { label: t('table.queryTime'), children: _jsx("span", { className: "text-text-faint tabular-nums", children: t('table.elapsed', { value: formatDecimal(elapsedMs) }) }) }), selection != null && _jsx(SelectionSummary, { selection: selection })] }));
 }
 function SelectionSummary({ selection }) {
     const { t } = useTranslation('database');

package/dist/table/TableToolbar.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from 'react';
+import type { ReactNode, Ref } from 'react';
 import type { Engine, FileFormat } from '../protocol/index.ts';
 import type { Chip, CommandColumn } from './command-field.ts';
 import { type PageBounds } from './paging.ts';
@@ -8,11 +8,11 @@ export interface TransferMenu {
     onImport?(): void;
 }
 export interface TableToolbarProps {
+    start?: ReactNode;
     refreshing: boolean;
     readOnlyReason: string | null;
     hasSelection: boolean;
     canRevertSelection: boolean;
-    valuePanelOpen: boolean;
     recordViewOpen?: boolean;
     transfer?: TransferMenu;
     pendingCount: number;
@@ -30,7 +30,6 @@ export interface TableToolbarProps {
     onDeleteRows(): void;
     onCloneRows(): void;
     onRevertRows(): void;
-    onToggleValuePanel(): void;
     onToggleRecordView?(): void;
     onPageSizeChange(size: number): void;
     onFirstPage(): void;
@@ -40,4 +39,4 @@ export interface TableToolbarProps {
     className?: string;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function TableToolbar({ refreshing, readOnlyReason, hasSelection, canRevertSelection, valuePanelOpen, recordViewOpen, transfer, pendingCount, submitting, engine, chips, columns, pageSize, bounds, commandRef, onChipsChange, onJumpToColumn, onRefresh, onAddRow, onDeleteRows, onCloneRows, onRevertRows, onToggleValuePanel, onToggleRecordView, onPageSizeChange, onFirstPage, onLastPage, onSubmit, onRevert, className, ref }: TableToolbarProps): import("react").JSX.Element;
+export declare function TableToolbar({ start, refreshing, readOnlyReason, hasSelection, canRevertSelection, recordViewOpen, transfer, pendingCount, submitting, engine, chips, columns, pageSize, bounds, commandRef, onChipsChange, onJumpToColumn, onRefresh, onAddRow, onDeleteRows, onCloneRows, onRevertRows, onToggleRecordView, onPageSizeChange, onFirstPage, onLastPage, onSubmit, onRevert, className, ref }: TableToolbarProps): import("react").JSX.Element;

package/dist/table/TableToolbar.js

@@ -2,15 +2,16 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import clsx from 'clsx';
 import { ChevronsLeft, ChevronsRight, CopyPlus, Download, Ellipsis, FileInput, PanelRight, Plus, RefreshCw, Rows3, TableProperties, Trash2, Undo2 } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { Button, Icon, IconButton, Menu } from '@adecore/ui';
+import { Button, ButtonGroup, Icon, IconButton, Menu, Separator } from '@adecore/ui';
 import { formatNumber } from '@adecore/ui/format';
 import { CommandField } from './CommandField.js';
 import { PAGE_SIZES } from './paging.js';
 const EXPORT_FORMATS = ['csv', 'tsv', 'json', 'sql'];
 /* The command field for filtering, sorting and jumping to a column, refresh, add row, the submit of pending changes, and a menu of the rest. */
-export function TableToolbar({ refreshing, readOnlyReason, hasSelection, canRevertSelection, valuePanelOpen, recordViewOpen = false, transfer, pendingCount, submitting, engine, chips, columns, pageSize, bounds, commandRef, onChipsChange, onJumpToColumn, onRefresh, onAddRow, onDeleteRows, onCloneRows, onRevertRows, onToggleValuePanel, onToggleRecordView, onPageSizeChange, onFirstPage, onLastPage, onSubmit, onRevert, className, ref }) {
+export function TableToolbar({ start, refreshing, readOnlyReason, hasSelection, canRevertSelection, recordViewOpen = false, transfer, pendingCount, submitting, engine, chips, columns, pageSize, bounds, commandRef, onChipsChange, onJumpToColumn, onRefresh, onAddRow, onDeleteRows, onCloneRows, onRevertRows, onToggleRecordView, onPageSizeChange, onFirstPage, onLastPage, onSubmit, onRevert, className, ref }) {
     const { t } = useTranslation('database');
     const readOnly = readOnlyReason !== null;
+    const hasStart = start !== undefined && start !== null && start !== false;
     const tooltipOf = (label) => (readOnly ? t('table.unavailable', { action: label, reason: readOnlyReason }) : label);
-    return (_jsxs("div", { ref: ref, className: clsx('flex shrink-0 items-center gap-2 border-b border-border px-3 py-2', className), children: [_jsx(CommandField, { chips: chips, columns: columns, engine: engine, inputRef: commandRef, onChipsChange: onChipsChange, onJumpToColumn: onJumpToColumn }), pendingCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "primary", size: "sm", disabled: submitting, onClick: onSubmit, children: t('table.submit', { changes: formatNumber(pendingCount) }) }), _jsx(Button, { size: "sm", disabled: submitting, onClick: onRevert, children: t('table.revert') })] })), _jsx(IconButton, { icon: RefreshCw, size: "sm", label: t('table.refresh'), busy: refreshing, onClick: onRefresh }), _jsx(IconButton, { icon: Plus, size: "sm", label: t('table.addRow'), tooltip: tooltipOf(t('table.addRow')), "aria-disabled": readOnly || undefined, onClick: () => !readOnly && onAddRow() }), _jsxs(Menu.Root, { children: [_jsx(IconButton, { icon: Ellipsis, size: "sm", label: t('table.more'), render: _jsx(Menu.Trigger, {}) }), _jsxs(Menu.Popup, { align: "end", children: [_jsxs(Menu.SubmenuRoot, { children: [_jsxs(Menu.SubmenuTrigger, { children: [_jsx(Icon, { icon: Rows3, size: 14 }), t('table.pageSize')] }), _jsx(Menu.Popup, { children: _jsx(Menu.RadioGroup, { value: String(pageSize), onValueChange: (value) => onPageSizeChange(Number(value)), children: PAGE_SIZES.map((size) => (_jsx(Menu.RadioItem, { value: String(size), children: t('table.perPage', { size: formatNumber(size) }) }, size))) }) })] }), _jsxs(Menu.Item, { disabled: !bounds.hasPrevious, onClick: onFirstPage, children: [_jsx(Icon, { icon: ChevronsLeft, size: 14 }), t('table.firstPage')] }), _jsxs(Menu.Item, { disabled: !bounds.hasNext, onClick: onLastPage, children: [_jsx(Icon, { icon: ChevronsRight, size: 14 }), t('table.lastPage'), !bounds.exact && _jsx(Menu.Hint, { children: t('table.lastPageCounts') })] }), _jsx(Menu.Separator, {}), onToggleRecordView !== undefined && (_jsxs(Menu.CheckboxItem, { checked: recordViewOpen, onCheckedChange: onToggleRecordView, children: [_jsx(Icon, { icon: TableProperties, size: 14 }), t('table.recordView')] })), _jsxs(Menu.CheckboxItem, { checked: valuePanelOpen, onCheckedChange: onToggleValuePanel, children: [_jsx(Icon, { icon: PanelRight, size: 14 }), t('table.valuePanel')] }), _jsx(Menu.Separator, {}), readOnly && _jsx(Menu.Label, { children: readOnlyReason }), _jsxs(Menu.Item, { disabled: readOnly || !hasSelection, onClick: onCloneRows, children: [_jsx(Icon, { icon: CopyPlus, size: 14 }), t('table.cloneRows')] }), _jsxs(Menu.Item, { disabled: !canRevertSelection, onClick: onRevertRows, children: [_jsx(Icon, { icon: Undo2, size: 14 }), t('table.revertRows')] }), _jsxs(Menu.Item, { disabled: readOnly || !hasSelection, onClick: onDeleteRows, children: [_jsx(Icon, { icon: Trash2, size: 14 }), t('table.deleteRows')] }), transfer !== undefined && (_jsxs(_Fragment, { children: [_jsx(Menu.Separator, {}), _jsxs(Menu.SubmenuRoot, { children: [_jsxs(Menu.SubmenuTrigger, { disabled: transfer.busy, children: [_jsx(Icon, { icon: Download, size: 14 }), t('table.export.label')] }), _jsx(Menu.Popup, { children: EXPORT_FORMATS.map((format) => (_jsx(Menu.Item, { onClick: () => transfer.onExport(format), children: t('table.export.as', { format: format.toUpperCase() }) }, format))) })] }), transfer.onImport !== undefined && (_jsxs(Menu.Item, { onClick: transfer.onImport, children: [_jsx(Icon, { icon: FileInput, size: 14 }), t('table.import.menu')] }))] }))] })] })] }));
+    return (_jsxs("div", { ref: ref, className: clsx('flex shrink-0 items-center gap-2 border-b border-border px-3 py-2', className), children: [hasStart && (_jsxs(_Fragment, { children: [start, _jsx(Separator, {})] })), _jsx(CommandField, { chips: chips, columns: columns, engine: engine, inputRef: commandRef, onChipsChange: onChipsChange, onJumpToColumn: onJumpToColumn }), hasStart && _jsx(Separator, {}), pendingCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "primary", size: "sm", disabled: submitting, onClick: onSubmit, children: t('table.submit', { changes: formatNumber(pendingCount) }) }), _jsx(Button, { size: "sm", disabled: submitting, onClick: onRevert, children: t('table.revert') })] })), _jsxs(ButtonGroup, { children: [_jsx(IconButton, { icon: RefreshCw, size: "sm", label: t('table.refresh'), busy: refreshing, onClick: onRefresh }), _jsx(IconButton, { icon: Plus, size: "sm", label: t('table.addRow'), tooltip: tooltipOf(t('table.addRow')), "aria-disabled": readOnly || undefined, onClick: () => !readOnly && onAddRow() }), onToggleRecordView !== undefined && (_jsx(IconButton, { icon: PanelRight, size: "sm", label: t('table.recordView'), "aria-pressed": recordViewOpen, active: recordViewOpen, onClick: onToggleRecordView })), _jsxs(Menu.Root, { children: [_jsx(IconButton, { icon: Ellipsis, size: "sm", label: t('table.more'), render: _jsx(Menu.Trigger, {}) }), _jsxs(Menu.Popup, { align: "end", children: [_jsxs(Menu.SubmenuRoot, { children: [_jsxs(Menu.SubmenuTrigger, { children: [_jsx(Icon, { icon: Rows3, size: 14 }), t('table.pageSize')] }), _jsx(Menu.Popup, { children: _jsx(Menu.RadioGroup, { value: String(pageSize), onValueChange: (value) => onPageSizeChange(Number(value)), children: PAGE_SIZES.map((size) => (_jsx(Menu.RadioItem, { value: String(size), children: t('table.perPage', { size: formatNumber(size) }) }, size))) }) })] }), _jsxs(Menu.Item, { disabled: !bounds.hasPrevious, onClick: onFirstPage, children: [_jsx(Icon, { icon: ChevronsLeft, size: 14 }), t('table.firstPage')] }), _jsxs(Menu.Item, { disabled: !bounds.hasNext, onClick: onLastPage, children: [_jsx(Icon, { icon: ChevronsRight, size: 14 }), t('table.lastPage'), !bounds.exact && _jsx(Menu.Hint, { children: t('table.lastPageCounts') })] }), _jsx(Menu.Separator, {}), onToggleRecordView !== undefined && (_jsxs(Menu.CheckboxItem, { checked: recordViewOpen, onCheckedChange: onToggleRecordView, children: [_jsx(Icon, { icon: TableProperties, size: 14 }), t('table.recordView')] })), _jsx(Menu.Separator, {}), readOnly && _jsx(Menu.Label, { children: readOnlyReason }), _jsxs(Menu.Item, { disabled: readOnly || !hasSelection, onClick: onCloneRows, children: [_jsx(Icon, { icon: CopyPlus, size: 14 }), t('table.cloneRows')] }), _jsxs(Menu.Item, { disabled: !canRevertSelection, onClick: onRevertRows, children: [_jsx(Icon, { icon: Undo2, size: 14 }), t('table.revertRows')] }), _jsxs(Menu.Item, { disabled: readOnly || !hasSelection, onClick: onDeleteRows, children: [_jsx(Icon, { icon: Trash2, size: 14 }), t('table.deleteRows')] }), transfer !== undefined && (_jsxs(_Fragment, { children: [_jsx(Menu.Separator, {}), _jsxs(Menu.SubmenuRoot, { children: [_jsxs(Menu.SubmenuTrigger, { disabled: transfer.busy, children: [_jsx(Icon, { icon: Download, size: 14 }), t('table.export.label')] }), _jsx(Menu.Popup, { children: EXPORT_FORMATS.map((format) => (_jsx(Menu.Item, { onClick: () => transfer.onExport(format), children: t('table.export.as', { format: format.toUpperCase() }) }, format))) })] }), transfer.onImport !== undefined && (_jsxs(Menu.Item, { onClick: transfer.onImport, children: [_jsx(Icon, { icon: FileInput, size: 14 }), t('table.import.menu')] }))] }))] })] })] })] }));
 }

package/dist/table/TableView.d.ts

@@ -1,13 +1,15 @@
-import { type Ref } from 'react';
+import { type ReactNode, type Ref } from 'react';
 import { type Connection } from '../client/types.ts';
+export declare const RECORD_WIDTH_KEY = "database:record-view";
 export interface TableViewProps {
     connection: Connection;
     schema: string;
     table: string;
+    toolbarStart?: ReactNode;
     defaultWhere?: string;
     defaultOrderBy?: string;
     onDirtyChange?(dirty: boolean): void;
     className?: string;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function TableView({ connection, schema, table, defaultWhere, defaultOrderBy, onDirtyChange, className, ref }: TableViewProps): import("react").JSX.Element;
+export declare function TableView({ connection, schema, table, toolbarStart, defaultWhere, defaultOrderBy, onDirtyChange, className, ref }: TableViewProps): import("react").JSX.Element;