@loj-lang/rdsl-runtime 0.5.0 → 0.6.1

package/dist/components/Badge.d.ts

@@ -1,6 +1,7 @@
 export interface BadgeProps {
     value: string;
     colors: Record<string, string>;
+    displayValue?: string;
 }
-export declare function Badge({ value, colors }: BadgeProps): JSX.Element;
+export declare function Badge({ value, colors, displayValue }: BadgeProps): JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,eAOlD"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,UAAU,eAOhE"}

package/dist/components/Badge.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export function Badge({ value, colors }) {
+export function Badge({ value, colors, displayValue }) {
     const color = colors[value] ?? 'gray';
-    return (React.createElement("span", { className: "rdsl-badge", style: { border: `1px solid ${color}`, color, padding: '0.125rem 0.5rem', borderRadius: '0.375rem' } }, value));
+    return (React.createElement("span", { className: "rdsl-badge", style: { border: `1px solid ${color}`, color, padding: '0.125rem 0.5rem', borderRadius: '0.375rem' } }, displayValue ?? value));
 }

package/dist/components/ConfirmDialog.d.ts

@@ -3,6 +3,11 @@ export interface ConfirmDialogProps {
     message: string;
     onConfirm: () => void | Promise<void>;
     onCancel: () => void;
+    intent?: 'default' | 'delete' | 'archive';
+    confirmLabel?: string;
 }
-export declare function ConfirmDialog({ open, message, onConfirm, onCancel }: ConfirmDialogProps): JSX.Element | null;
+export declare function resolveConfirmDialogIntent(props: Pick<ConfirmDialogProps, 'intent'>): 'default' | 'delete' | 'archive';
+export declare function resolveConfirmDialogConfirmLabel(props: Pick<ConfirmDialogProps, 'intent' | 'confirmLabel'>): string;
+export declare function resolveConfirmDialogConfirmClassName(props: Pick<ConfirmDialogProps, 'intent'>): string | undefined;
+export declare function ConfirmDialog({ open, message, onConfirm, onCancel, intent, confirmLabel }: ConfirmDialogProps): JSX.Element | null;
 //# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/components/ConfirmDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,sBAkBvF"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GACxC,SAAS,GAAG,QAAQ,GAAG,SAAS,CAElC;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,cAAc,CAAC,GACzD,MAAM,CAER;AAED,wBAAgB,oCAAoC,CAClD,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GACxC,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,kBAAkB,sBAqC7G"}

package/dist/components/ConfirmDialog.js

@@ -1,11 +1,40 @@
 import React from 'react';
-export function ConfirmDialog({ open, message, onConfirm, onCancel }) {
+import { resolveConfirmClassName, resolveConfirmIntent, resolveConfirmLabel, } from '../../../runtime-core/dist/tableUi.js';
+export function resolveConfirmDialogIntent(props) {
+    return resolveConfirmIntent(props);
+}
+export function resolveConfirmDialogConfirmLabel(props) {
+    return resolveConfirmLabel(props);
+}
+export function resolveConfirmDialogConfirmClassName(props) {
+    return resolveConfirmClassName(props);
+}
+export function ConfirmDialog({ open, message, onConfirm, onCancel, intent, confirmLabel }) {
+    const [confirmInFlight, setConfirmInFlight] = React.useState(false);
+    React.useEffect(() => {
+        if (!open) {
+            setConfirmInFlight(false);
+        }
+    }, [open]);
+    const handleConfirm = React.useCallback(() => {
+        if (confirmInFlight) {
+            return;
+        }
+        setConfirmInFlight(true);
+        void Promise.resolve(onConfirm())
+            .catch(() => undefined)
+            .finally(() => {
+            setConfirmInFlight(false);
+        });
+    }, [confirmInFlight, onConfirm]);
     if (!open)
         return null;
-    return (React.createElement("div", { className: "rdsl-dialog-backdrop", role: "presentation" },
-        React.createElement("div", { className: "rdsl-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Confirmation dialog" },
+    const resolvedIntent = resolveConfirmDialogIntent({ intent });
+    const resolvedConfirmLabel = resolveConfirmDialogConfirmLabel({ intent, confirmLabel });
+    return (React.createElement("div", { role: "presentation" },
+        React.createElement("div", { role: "dialog", "aria-modal": "true", "aria-label": "Confirmation dialog" },
             React.createElement("p", null, message),
-            React.createElement("div", { className: "rdsl-dialog-actions" },
-                React.createElement("button", { type: "button", className: "rdsl-btn rdsl-btn-secondary", onClick: onCancel }, "Cancel"),
-                React.createElement("button", { type: "button", className: "rdsl-btn rdsl-btn-danger", onClick: () => void onConfirm() }, "Confirm")))));
+            React.createElement("div", null,
+                React.createElement("button", { type: "button", "data-intent": "default", onClick: onCancel, disabled: confirmInFlight }, "Cancel"),
+                React.createElement("button", { type: "button", "data-intent": resolvedIntent, onClick: handleConfirm, disabled: confirmInFlight }, resolvedConfirmLabel)))));
 }

package/dist/components/DataTable.d.ts

@@ -2,7 +2,9 @@ export interface DataTableColumn<T> {
     key: string;
     label: string;
     sortable?: boolean;
-    format?: 'date';
+    format?: 'date' | 'number' | 'decimal';
+    enumKeyPrefix?: string;
+    enumLabels?: Record<string, string>;
     render?: (value: unknown, record: T) => React.ReactNode;
 }
 export interface DataTableAction<T> {
@@ -10,6 +12,7 @@ export interface DataTableAction<T> {
     href?: (row: T) => string;
     onClick?: (row: T) => void | Promise<void>;
     variant?: 'default' | 'danger';
+    intent?: 'default' | 'delete' | 'archive';
 }
 export interface SortState {
     field: string;
@@ -26,9 +29,39 @@ export interface DataTableProps<T extends {
     actions?: readonly DataTableAction<T>[];
     selectedRowId?: string | null;
     onSelectRow?: (row: T) => void;
+    selectedRowIds?: string[];
+    onToggleRowSelection?: (row: T, checked: boolean) => void;
+    onToggleAllRowsSelection?: (checked: boolean) => void;
     selectionName?: string;
 }
+export declare function resolveDataTableActionIntent<T extends {
+    id: string;
+}>(action: DataTableAction<T>): 'default' | 'delete' | 'archive';
+export declare function resolveDataTableActionClassName<T extends {
+    id: string;
+}>(action: DataTableAction<T>): string | undefined;
+export declare function buildDeleteTableAction<T extends {
+    id: string;
+}>(options: {
+    label: string;
+    onClick: (row: T) => void | Promise<void>;
+    softDelete: boolean;
+}): DataTableAction<T>;
+export declare function buildResourceTableActions<T extends {
+    id: string;
+}>(resourceName: string, options?: {
+    includeView?: boolean;
+    includeEdit?: boolean;
+    includeWorkflow?: boolean;
+    returnTo?: string | null;
+    deleteAction?: {
+        label: string;
+        onClick: (row: T) => void | Promise<void>;
+        softDelete: boolean;
+    };
+}): DataTableAction<T>[];
+export declare function formatDataTableValue(value: unknown, format?: 'date' | 'number' | 'decimal', enumKeyPrefix?: string, enumLabels?: Record<string, string>): React.ReactNode;
 export declare function DataTable<T extends {
     id: string;
-}>({ columns, data, loading, sort, onSortChange, actions, selectedRowId, onSelectRow, selectionName, }: DataTableProps<T>): JSX.Element;
+}>({ columns, data, loading, sort, onSortChange, actions, selectedRowId, onSelectRow, selectedRowIds, onToggleRowSelection, onToggleAllRowsSelection, selectionName, }: DataTableProps<T>): JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACtD,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmBD,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EAClD,OAAO,EACP,IAAI,EACJ,OAAe,EACf,IAAW,EACX,YAAY,EACZ,OAAY,EACZ,aAAoB,EACpB,WAAW,EACX,aAAsC,GACvC,EAAE,cAAc,CAAC,CAAC,CAAC,eAmGnB"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/components/DataTable.js

@@ -1,58 +1,84 @@
 import React from 'react';
-function formatValue(value, format) {
-    if (value === null || value === undefined || value === '')
-        return '—';
-    if (format !== 'date')
-        return String(value);
-    const date = new Date(String(value));
-    return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString();
+import { nextTableSortState, resolveTableActionClassName, resolveTableActionIntent, } from '../../../runtime-core/dist/tableUi.js';
+import { buildAppHrefWithSearchEntries, prefixAppBasePath } from '../hooks/navigation.js';
+import { formatReadValue } from './readFormatting.js';
+export function resolveDataTableActionIntent(action) {
+    return resolveTableActionIntent(action);
 }
-function nextSortState(current, field) {
-    if (!current || current.field !== field) {
-        return { field, direction: 'asc' };
+export function resolveDataTableActionClassName(action) {
+    return resolveTableActionClassName(action);
+}
+export function buildDeleteTableAction(options) {
+    return {
+        label: options.label,
+        onClick: options.onClick,
+        variant: options.softDelete ? 'default' : 'danger',
+        intent: options.softDelete ? 'archive' : 'delete',
+    };
+}
+export function buildResourceTableActions(resourceName, options = {}) {
+    const actions = [];
+    const buildHref = (rowId, suffix = '') => {
+        const path = `/${resourceName}/${rowId}${suffix}`;
+        return options.returnTo
+            ? buildAppHrefWithSearchEntries(path, [['returnTo', options.returnTo]])
+            : prefixAppBasePath(path);
+    };
+    if (options.includeView) {
+        actions.push({ label: 'View', href: (row) => buildHref(String(row.id)) });
+    }
+    if (options.includeEdit) {
+        actions.push({ label: 'Edit', href: (row) => buildHref(String(row.id), '/edit') });
+    }
+    if (options.includeWorkflow) {
+        actions.push({ label: 'Workflow', href: (row) => buildHref(String(row.id), '/workflow') });
     }
-    if (current.direction === 'asc') {
-        return { field, direction: 'desc' };
+    if (options.deleteAction) {
+        actions.push(buildDeleteTableAction(options.deleteAction));
     }
-    return null;
+    return actions;
 }
-export function DataTable({ columns, data, loading = false, sort = null, onSortChange, actions = [], selectedRowId = null, onSelectRow, selectionName = 'rdsl-table-selection', }) {
-    const hasSelection = Boolean(onSelectRow);
-    return (React.createElement("div", { className: "rdsl-data-table" },
+export function formatDataTableValue(value, format, enumKeyPrefix, enumLabels) {
+    return formatReadValue(value, format, enumKeyPrefix, enumLabels);
+}
+export function DataTable({ columns, data, loading = false, sort = null, onSortChange, actions = [], selectedRowId = null, onSelectRow, selectedRowIds = [], onToggleRowSelection, onToggleAllRowsSelection, selectionName = 'rdsl-table-selection', }) {
+    const hasSingleSelection = Boolean(onSelectRow);
+    const hasMultiSelection = Boolean(onToggleRowSelection);
+    const hasSelection = hasSingleSelection || hasMultiSelection;
+    const selectedIdSet = React.useMemo(() => new Set(selectedRowIds.map((id) => String(id))), [selectedRowIds]);
+    const allRowsSelected = hasMultiSelection && data.length > 0 && data.every((record) => selectedIdSet.has(String(record.id)));
+    return (React.createElement("div", null,
         React.createElement("table", null,
             React.createElement("thead", null,
                 React.createElement("tr", null,
-                    hasSelection ? React.createElement("th", null, "Select") : null,
+                    hasSelection ? (React.createElement("th", null, hasMultiSelection ? (React.createElement("input", { type: "checkbox", "aria-label": "Select all rows", checked: allRowsSelected, onChange: (event) => onToggleAllRowsSelection?.(event.currentTarget.checked) })) : ('Select'))) : null,
                     columns.map((column) => {
                         const sortable = Boolean(column.sortable && onSortChange);
                         const activeSort = sort?.field === column.key ? sort.direction : null;
-                        return (React.createElement("th", { key: column.key }, sortable ? (React.createElement("button", { type: "button", className: "rdsl-table-sort", onClick: () => onSortChange?.(nextSortState(sort, column.key)) },
+                        return (React.createElement("th", { key: column.key }, sortable ? (React.createElement("button", { type: "button", onClick: () => onSortChange?.(nextTableSortState(sort, column.key)) },
                             column.label,
                             activeSort ? ` ${activeSort === 'asc' ? '↑' : '↓'}` : '')) : (column.label)));
                     }),
                     actions.length > 0 ? React.createElement("th", null, "Actions") : null)),
             React.createElement("tbody", null,
-                loading ? (React.createElement("tr", null,
+                loading && data.length === 0 ? (React.createElement("tr", null,
                     React.createElement("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0) + (hasSelection ? 1 : 0) }, "Loading..."))) : null,
+                loading && data.length > 0 ? (React.createElement("tr", null,
+                    React.createElement("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0) + (hasSelection ? 1 : 0) }, "Refreshing..."))) : null,
                 !loading && data.length === 0 ? (React.createElement("tr", null,
                     React.createElement("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0) + (hasSelection ? 1 : 0) }, "No records"))) : null,
-                !loading
-                    ? data.map((record) => (React.createElement("tr", { key: record.id },
-                        hasSelection ? (React.createElement("td", null,
-                            React.createElement("input", { type: "radio", name: selectionName, checked: selectedRowId === String(record.id), onChange: () => onSelectRow?.(record) }))) : null,
-                        columns.map((column) => {
-                            const value = record[column.key];
-                            return (React.createElement("td", { key: column.key }, column.render ? column.render(value, record) : formatValue(value, column.format)));
-                        }),
-                        actions.length > 0 ? (React.createElement("td", null,
-                            React.createElement("div", { className: "rdsl-table-actions" }, actions.map((action) => {
-                                const className = action.variant === 'danger'
-                                    ? 'rdsl-btn rdsl-btn-danger'
-                                    : 'rdsl-btn rdsl-btn-secondary';
-                                if (action.href) {
-                                    return (React.createElement("a", { key: action.label, className: className, href: action.href(record) }, action.label));
-                                }
-                                return (React.createElement("button", { key: action.label, type: "button", className: className, onClick: () => action.onClick?.(record) }, action.label));
-                            })))) : null)))
-                    : null))));
+                data.map((record) => (React.createElement("tr", { key: record.id },
+                    hasSelection ? (React.createElement("td", null, hasMultiSelection ? (React.createElement("input", { type: "checkbox", checked: selectedIdSet.has(String(record.id)), onChange: (event) => onToggleRowSelection?.(record, event.currentTarget.checked) })) : (React.createElement("input", { type: "radio", name: selectionName, checked: selectedRowId === String(record.id), onChange: () => onSelectRow?.(record) })))) : null,
+                    columns.map((column) => {
+                        const value = record[column.key];
+                        return (React.createElement("td", { key: column.key }, column.render ? column.render(value, record) : formatDataTableValue(value, column.format, column.enumKeyPrefix, column.enumLabels)));
+                    }),
+                    actions.length > 0 ? (React.createElement("td", null,
+                        React.createElement("div", null, actions.map((action) => {
+                            const intent = resolveDataTableActionIntent(action);
+                            if (action.href) {
+                                return (React.createElement("a", { key: action.label, "data-intent": intent, href: action.href(record) }, action.label));
+                            }
+                            return (React.createElement("button", { key: action.label, type: "button", "data-intent": intent, onClick: () => action.onClick?.(record) }, action.label));
+                        })))) : null)))))));
 }

package/dist/components/DropdownButton.d.ts

@@ -0,0 +1,11 @@
+export interface DropdownButtonProps {
+    label: React.ReactNode;
+    children?: React.ReactNode;
+}
+export interface MenuItemProps {
+    children?: React.ReactNode;
+    onClick?: () => void | Promise<void>;
+}
+export declare function DropdownButton({ label, children }: DropdownButtonProps): JSX.Element;
+export declare function MenuItem({ children, onClick }: MenuItemProps): JSX.Element;
+//# sourceMappingURL=DropdownButton.d.ts.map

package/dist/components/DropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/components/DropdownButton.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,eAStE;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,aAAa,eAM5D"}

package/dist/components/DropdownButton.js

@@ -0,0 +1,9 @@
+import React from 'react';
+export function DropdownButton({ label, children }) {
+    return (React.createElement("details", null,
+        React.createElement("summary", { "data-intent": "default" }, label),
+        React.createElement("div", { role: "menu" }, children)));
+}
+export function MenuItem({ children, onClick }) {
+    return (React.createElement("button", { type: "button", "data-intent": "default", role: "menuitem", onClick: () => void onClick?.() }, children));
+}

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface ErrorBoundaryProps {
+    children?: any;
+    message?: string;
+}
+interface ErrorBoundaryState {
+    readonly hasError: boolean;
+    readonly error?: Error;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    props: ErrorBoundaryProps;
+    state: ErrorBoundaryState;
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    render(): any;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;CACxB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACxF,KAAK,EAAE,kBAAkB,CAAC;IAC1B,KAAK,EAAE,kBAAkB,CAAuB;gBAEpC,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,MAAM;CAMP"}

package/dist/components/ErrorBoundary.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ErrorState } from './ErrorState.js';
+export class ErrorBoundary extends React.Component {
+    props;
+    state = { hasError: false };
+    constructor(props) {
+        super(props);
+        this.props = props;
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    render() {
+        if (this.state.hasError) {
+            return React.createElement(ErrorState, { error: this.state.error, message: this.props.message ?? 'Something went wrong' });
+        }
+        return this.props.children;
+    }
+}

package/dist/components/ErrorState.d.ts

@@ -0,0 +1,6 @@
+export interface ErrorStateProps {
+    error?: unknown;
+    message?: string;
+}
+export declare function ErrorState({ error, message }: ErrorStateProps): JSX.Element;
+//# sourceMappingURL=ErrorState.d.ts.map

package/dist/components/ErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../src/components/ErrorState.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAoBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,eAAe,eAK7D"}

package/dist/components/ErrorState.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ResourceClientError } from '../hooks/resourceClient.js';
+function resolveFallbackMessage(error) {
+    if (error instanceof ResourceClientError) {
+        if (error.offline) {
+            return 'You appear to be offline. Check your connection and try again.';
+        }
+        if (error.status === 429 && typeof error.retryAfterSeconds === 'number') {
+            return `Too many requests. Try again in ${error.retryAfterSeconds} seconds.`;
+        }
+        if (error.message.trim() !== '') {
+            return error.message;
+        }
+    }
+    if (error instanceof Error && error.message.trim() !== '') {
+        return error.message;
+    }
+    return 'Something went wrong. Please try again.';
+}
+export function ErrorState({ error, message }) {
+    const resolvedMessage = typeof message === 'string' && message.trim() !== ''
+        ? message
+        : resolveFallbackMessage(error);
+    return React.createElement("div", null, resolvedMessage);
+}

package/dist/components/FilterBar.d.ts

@@ -3,6 +3,8 @@ export interface FilterField {
     label: string;
     type: 'text' | 'select';
     options?: readonly string[];
+    optionKeyPrefix?: string;
+    optionLabels?: Record<string, string>;
 }
 export interface FilterBarProps {
     fields: readonly FilterField[];

package/dist/components/FilterBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../src/components/FilterBar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,cAAc,eAoErE"}
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../src/components/FilterBar.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,cAAc,eAoErE"}

package/dist/components/FilterBar.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { resolveEnumValueText } from '../hooks/useI18n.js';
 export function FilterBar({ fields, values, onChange }) {
     const [draftValues, setDraftValues] = React.useState(values);
     const composingFieldKeyRef = React.useRef(null);
@@ -20,11 +21,11 @@ export function FilterBar({ fields, values, onChange }) {
             [fieldKey]: value,
         }));
     }, []);
-    return (React.createElement("div", { className: "rdsl-filter-bar" }, fields.map((field) => (React.createElement("label", { key: field.key, className: "rdsl-filter-field" },
+    return (React.createElement("div", null, fields.map((field) => (React.createElement("label", { key: field.key },
         React.createElement("span", null, field.label),
         field.type === 'select' ? (React.createElement("select", { value: values[field.key] ?? '', onChange: (event) => commitChange(field.key, String(event?.target?.value ?? '')) },
             React.createElement("option", { value: "" }, "All"),
-            (field.options ?? []).map((option) => (React.createElement("option", { key: option, value: option }, option))))) : (React.createElement("input", { type: "text", value: draftValues[field.key] ?? values[field.key] ?? '', onCompositionStart: () => {
+            (field.options ?? []).map((option) => (React.createElement("option", { key: option, value: option }, resolveEnumValueText(option, field.optionKeyPrefix, field.optionLabels)))))) : (React.createElement("input", { type: "text", value: draftValues[field.key] ?? values[field.key] ?? '', onCompositionStart: () => {
                 composingFieldKeyRef.current = field.key;
             }, onCompositionEnd: (event) => {
                 const nextValue = String(event?.target?.value ?? '');

package/dist/components/FormField.d.ts

@@ -3,6 +3,7 @@ export interface FieldSchema {
     pattern?: RegExp;
     minLength?: number;
     unique?: true;
+    displayAs?: 'number' | 'decimal';
 }
 export interface SelectOption {
     value: string;
@@ -11,12 +12,16 @@ export interface SelectOption {
 export interface FormFieldProps {
     label: string;
     name: string;
-    type: 'text' | 'number' | 'checkbox' | 'datetime' | 'select';
+    type: 'text' | 'number' | 'checkbox' | 'date' | 'datetime' | 'select';
     value: unknown;
     onChange: (value: unknown) => void;
     schema?: FieldSchema;
     options?: readonly (string | SelectOption)[];
+    optionKeyPrefix?: string;
+    optionLabels?: Record<string, string>;
     disabled?: boolean;
+    error?: string | null;
 }
-export declare function FormField({ label, name, type, value, onChange, schema, options, disabled, }: FormFieldProps): JSX.Element;
+export declare function resolveFieldTextInputMode(schema?: FieldSchema): 'numeric' | 'decimal' | undefined;
+export declare function FormField({ label, name, type, value, onChange, schema, options, optionKeyPrefix, optionLabels, disabled, error, }: FormFieldProps): JSX.Element;
 //# sourceMappingURL=FormField.d.ts.map

package/dist/components/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/components/FormField.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,IAAI,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7D,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsBD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAgB,GACjB,EAAE,cAAc,eA2EhB"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/components/FormField.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtE,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAsBD,wBAAgB,yBAAyB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAQjG;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,eAAe,EACf,YAAY,EACZ,QAAgB,EAChB,KAAY,GACb,EAAE,cAAc,eA6EhB"}

package/dist/components/FormField.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { resolveEnumValueText } from '../hooks/useI18n.js';
 function coerceValue(type, event) {
     const target = event?.target;
     if (type === 'checkbox')
@@ -23,7 +24,16 @@ function describeSchema(schema) {
         hints.push('Must be unique');
     return hints.length > 0 ? hints.join(' • ') : null;
 }
-export function FormField({ label, name, type, value, onChange, schema, options, disabled = false, }) {
+export function resolveFieldTextInputMode(schema) {
+    if (schema?.displayAs === 'number') {
+        return 'numeric';
+    }
+    if (schema?.displayAs === 'decimal') {
+        return 'decimal';
+    }
+    return undefined;
+}
+export function FormField({ label, name, type, value, onChange, schema, options, optionKeyPrefix, optionLabels, disabled = false, error = null, }) {
     const hint = describeSchema(schema);
     const isTextLikeInput = type === 'text';
     const externalValue = String(value ?? '');
@@ -35,16 +45,16 @@ export function FormField({ label, name, type, value, onChange, schema, options,
         }
         setDraftValue(externalValue);
     }, [externalValue, isTextLikeInput]);
-    return (React.createElement("label", { className: "rdsl-form-field" },
+    return (React.createElement("label", null,
         React.createElement("span", null, label),
         type === 'select' ? (React.createElement("select", { name: name, value: String(value ?? ''), disabled: disabled, onChange: (event) => onChange(event?.target?.value ?? '') },
             React.createElement("option", { value: "" }, "Select..."),
             (options ?? []).map((option) => {
                 const normalized = typeof option === 'string'
-                    ? { value: option, label: option }
+                    ? { value: option, label: resolveEnumValueText(option, optionKeyPrefix, optionLabels) }
                     : option;
                 return (React.createElement("option", { key: normalized.value, value: normalized.value }, normalized.label));
-            }))) : type === 'checkbox' ? (React.createElement("input", { name: name, type: "checkbox", checked: Boolean(value), disabled: disabled, onChange: (event) => onChange(coerceValue(type, event)) })) : (React.createElement("input", { name: name, type: type === 'datetime' ? 'datetime-local' : type, value: isTextLikeInput ? draftValue : type === 'number' ? String(value ?? '') : String(value ?? ''), disabled: disabled, onCompositionStart: isTextLikeInput ? (() => {
+            }))) : type === 'checkbox' ? (React.createElement("input", { name: name, type: "checkbox", checked: Boolean(value), disabled: disabled, onChange: (event) => onChange(coerceValue(type, event)) })) : (React.createElement("input", { name: name, type: type === 'datetime' ? 'datetime-local' : type, value: isTextLikeInput ? draftValue : type === 'number' ? String(value ?? '') : String(value ?? ''), inputMode: isTextLikeInput ? resolveFieldTextInputMode(schema) : undefined, disabled: disabled, onCompositionStart: isTextLikeInput ? (() => {
                 isComposingRef.current = true;
             }) : undefined, onCompositionEnd: isTextLikeInput ? ((event) => {
                 const nextValue = String(event?.target?.value ?? '');
@@ -62,5 +72,6 @@ export function FormField({ label, name, type, value, onChange, schema, options,
                     onChange(nextValue);
                 }
             } })),
-        hint ? React.createElement("small", { className: "rdsl-form-hint" }, hint) : null));
+        hint ? React.createElement("small", null, hint) : null,
+        error ? React.createElement("small", null, error) : null));
 }

package/dist/components/GroupedDataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedDataTable.d.ts","sourceRoot":"","sources":["../../src/components/GroupedDataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,EAAE,CAAC,EAAE,CAAC;CACX;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC7D,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmBD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACzD,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAe,EACf,IAAW,EACX,YAAY,EACZ,OAAY,EACZ,aAAoB,EACpB,WAAW,EACX,aAA8C,GAC/C,EAAE,qBAAqB,CAAC,CAAC,CAAC,eA+G1B"}
+{"version":3,"file":"GroupedDataTable.d.ts","sourceRoot":"","sources":["../../src/components/GroupedDataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,EAAE,CAAC,EAAE,CAAC;CACX;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC7D,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACzD,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAe,EACf,IAAW,EACX,YAAY,EACZ,OAAY,EACZ,aAAoB,EACpB,WAAW,EACX,aAA8C,GAC/C,EAAE,qBAAqB,CAAC,CAAC,CAAC,eA0G1B"}