@loj-lang/rdsl-runtime 0.5.0

package/README.md

@@ -0,0 +1,19 @@
+# @loj-lang/rdsl-runtime
+
+Runtime package for generated frontend-family React output.
+
+Current surface includes:
+
+- data-table and form components
+- `useResource`
+- auth and toast hooks
+- policy evaluation helpers
+
+This package is consumed by generated output from `@loj-lang/rdsl-compiler`.
+
+Local workspace commands:
+
+```bash
+npm run build --workspace=@loj-lang/rdsl-runtime
+npm run test --workspace=@loj-lang/rdsl-runtime
+```

package/dist/components/Badge.d.ts

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

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

@@ -0,0 +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"}

package/dist/components/Badge.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export function Badge({ value, colors }) {
+    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));
+}

package/dist/components/ConfirmDialog.d.ts

@@ -0,0 +1,8 @@
+export interface ConfirmDialogProps {
+    open: boolean;
+    message: string;
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void;
+}
+export declare function ConfirmDialog({ open, message, onConfirm, onCancel }: ConfirmDialogProps): JSX.Element | null;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ConfirmDialog.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export function ConfirmDialog({ open, message, onConfirm, onCancel }) {
+    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" },
+            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")))));
+}

package/dist/components/DataTable.d.ts

@@ -0,0 +1,34 @@
+export interface DataTableColumn<T> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    format?: 'date';
+    render?: (value: unknown, record: T) => React.ReactNode;
+}
+export interface DataTableAction<T> {
+    label: string;
+    href?: (row: T) => string;
+    onClick?: (row: T) => void | Promise<void>;
+    variant?: 'default' | 'danger';
+}
+export interface SortState {
+    field: string;
+    direction: 'asc' | 'desc';
+}
+export interface DataTableProps<T extends {
+    id: string;
+}> {
+    columns: readonly DataTableColumn<T>[];
+    data: T[];
+    loading?: boolean;
+    sort?: SortState | null;
+    onSortChange?: (next: SortState | null) => void;
+    actions?: readonly DataTableAction<T>[];
+    selectedRowId?: string | null;
+    onSelectRow?: (row: T) => void;
+    selectionName?: string;
+}
+export declare function DataTable<T extends {
+    id: string;
+}>({ columns, data, loading, sort, onSortChange, actions, selectedRowId, onSelectRow, selectionName, }: DataTableProps<T>): JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/DataTable.js

@@ -0,0 +1,58 @@
+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();
+}
+function nextSortState(current, field) {
+    if (!current || current.field !== field) {
+        return { field, direction: 'asc' };
+    }
+    if (current.direction === 'asc') {
+        return { field, direction: 'desc' };
+    }
+    return null;
+}
+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" },
+        React.createElement("table", null,
+            React.createElement("thead", null,
+                React.createElement("tr", null,
+                    hasSelection ? React.createElement("th", null, "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)) },
+                            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,
+                    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) }, "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))));
+}

package/dist/components/FilterBar.d.ts

@@ -0,0 +1,13 @@
+export interface FilterField {
+    key: string;
+    label: string;
+    type: 'text' | 'select';
+    options?: readonly string[];
+}
+export interface FilterBarProps {
+    fields: readonly FilterField[];
+    values: Record<string, string>;
+    onChange: (nextValues: Record<string, string>) => void;
+}
+export declare function FilterBar({ fields, values, onChange }: FilterBarProps): JSX.Element;
+//# sourceMappingURL=FilterBar.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/FilterBar.js

@@ -0,0 +1,41 @@
+import React from 'react';
+export function FilterBar({ fields, values, onChange }) {
+    const [draftValues, setDraftValues] = React.useState(values);
+    const composingFieldKeyRef = React.useRef(null);
+    React.useEffect(() => {
+        if (composingFieldKeyRef.current) {
+            return;
+        }
+        setDraftValues(values);
+    }, [values]);
+    const commitChange = React.useCallback((fieldKey, value) => {
+        onChange({
+            ...values,
+            [fieldKey]: value,
+        });
+    }, [onChange, values]);
+    const updateDraftValue = React.useCallback((fieldKey, value) => {
+        setDraftValues((previous) => ({
+            ...previous,
+            [fieldKey]: value,
+        }));
+    }, []);
+    return (React.createElement("div", { className: "rdsl-filter-bar" }, fields.map((field) => (React.createElement("label", { key: field.key, className: "rdsl-filter-field" },
+        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: () => {
+                composingFieldKeyRef.current = field.key;
+            }, onCompositionEnd: (event) => {
+                const nextValue = String(event?.target?.value ?? '');
+                composingFieldKeyRef.current = null;
+                updateDraftValue(field.key, nextValue);
+                commitChange(field.key, nextValue);
+            }, onChange: (event) => {
+                const nextValue = String(event?.target?.value ?? '');
+                updateDraftValue(field.key, nextValue);
+                if (composingFieldKeyRef.current !== field.key) {
+                    commitChange(field.key, nextValue);
+                }
+            } })))))));
+}

package/dist/components/FormField.d.ts

@@ -0,0 +1,22 @@
+export interface FieldSchema {
+    required?: true;
+    pattern?: RegExp;
+    minLength?: number;
+    unique?: true;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface FormFieldProps {
+    label: string;
+    name: string;
+    type: 'text' | 'number' | 'checkbox' | 'datetime' | 'select';
+    value: unknown;
+    onChange: (value: unknown) => void;
+    schema?: FieldSchema;
+    options?: readonly (string | SelectOption)[];
+    disabled?: boolean;
+}
+export declare function FormField({ label, name, type, value, onChange, schema, options, disabled, }: FormFieldProps): JSX.Element;
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/FormField.js

@@ -0,0 +1,66 @@
+import React from 'react';
+function coerceValue(type, event) {
+    const target = event?.target;
+    if (type === 'checkbox')
+        return Boolean(target?.checked);
+    if (type === 'number') {
+        const nextValue = String(target?.value ?? '').trim();
+        return nextValue === '' ? '' : Number(nextValue);
+    }
+    return target?.value ?? '';
+}
+function describeSchema(schema) {
+    if (!schema)
+        return null;
+    const hints = [];
+    if (schema.required)
+        hints.push('Required');
+    if (typeof schema.minLength === 'number')
+        hints.push(`Min length ${schema.minLength}`);
+    if (schema.pattern)
+        hints.push('Pattern validated');
+    if (schema.unique)
+        hints.push('Must be unique');
+    return hints.length > 0 ? hints.join(' • ') : null;
+}
+export function FormField({ label, name, type, value, onChange, schema, options, disabled = false, }) {
+    const hint = describeSchema(schema);
+    const isTextLikeInput = type === 'text';
+    const externalValue = String(value ?? '');
+    const [draftValue, setDraftValue] = React.useState(externalValue);
+    const isComposingRef = React.useRef(false);
+    React.useEffect(() => {
+        if (!isTextLikeInput || isComposingRef.current) {
+            return;
+        }
+        setDraftValue(externalValue);
+    }, [externalValue, isTextLikeInput]);
+    return (React.createElement("label", { className: "rdsl-form-field" },
+        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 }
+                    : 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 ? (() => {
+                isComposingRef.current = true;
+            }) : undefined, onCompositionEnd: isTextLikeInput ? ((event) => {
+                const nextValue = String(event?.target?.value ?? '');
+                isComposingRef.current = false;
+                setDraftValue(nextValue);
+                onChange(nextValue);
+            }) : undefined, onChange: (event) => {
+                if (!isTextLikeInput) {
+                    onChange(coerceValue(type, event));
+                    return;
+                }
+                const nextValue = String(event?.target?.value ?? '');
+                setDraftValue(nextValue);
+                if (!isComposingRef.current) {
+                    onChange(nextValue);
+                }
+            } })),
+        hint ? React.createElement("small", { className: "rdsl-form-hint" }, hint) : null));
+}

package/dist/components/GroupedDataTable.d.ts

@@ -0,0 +1,26 @@
+import type { DataTableAction, DataTableColumn, SortState } from './DataTable.js';
+export interface GroupedDataTableGroup<T extends {
+    id: string;
+}> {
+    id: string;
+    values: Record<string, unknown>;
+    rows: T[];
+}
+export interface GroupedDataTableProps<T extends {
+    id: string;
+}> {
+    columns: readonly DataTableColumn<T>[];
+    groupBy: readonly string[];
+    groups: Array<GroupedDataTableGroup<T>>;
+    loading?: boolean;
+    sort?: SortState | null;
+    onSortChange?: (next: SortState | null) => void;
+    actions?: readonly DataTableAction<T>[];
+    selectedRowId?: string | null;
+    onSelectRow?: (row: T) => void;
+    selectionName?: string;
+}
+export declare function GroupedDataTable<T extends {
+    id: string;
+}>({ columns, groupBy, groups, loading, sort, onSortChange, actions, selectedRowId, onSelectRow, selectionName, }: GroupedDataTableProps<T>): JSX.Element;
+//# sourceMappingURL=GroupedDataTable.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/GroupedDataTable.js

@@ -0,0 +1,67 @@
+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();
+}
+function nextSortState(current, field) {
+    if (!current || current.field !== field) {
+        return { field, direction: 'asc' };
+    }
+    if (current.direction === 'asc') {
+        return { field, direction: 'desc' };
+    }
+    return null;
+}
+export function GroupedDataTable({ columns, groupBy, groups, loading = false, sort = null, onSortChange, actions = [], selectedRowId = null, onSelectRow, selectionName = 'rdsl-grouped-table-selection', }) {
+    const groupColumns = columns.filter((column) => groupBy.includes(column.key));
+    const rowColumns = columns.filter((column) => !groupBy.includes(column.key));
+    const hasSelection = Boolean(onSelectRow);
+    return (React.createElement("div", { className: "rdsl-grouped-data-table" },
+        loading ? React.createElement("div", { className: "rdsl-empty" }, "Loading...") : null,
+        !loading && groups.length === 0 ? React.createElement("div", { className: "rdsl-empty" }, "No records") : null,
+        !loading
+            ? groups.map((group) => {
+                const firstRow = group.rows[0];
+                return (React.createElement("section", { key: group.id, className: "rdsl-grouped-data-table-group" },
+                    React.createElement("div", { className: "rdsl-grouped-data-table-summary" }, groupColumns.map((column) => {
+                        const value = group.values[column.key];
+                        return (React.createElement("div", { key: column.key, className: "rdsl-grouped-data-table-summary-item" },
+                            React.createElement("strong", null, column.label),
+                            React.createElement("span", null, column.render ? column.render(value, firstRow) : formatValue(value, column.format))));
+                    })),
+                    React.createElement("table", null,
+                        React.createElement("thead", null,
+                            React.createElement("tr", null,
+                                hasSelection ? React.createElement("th", null, "Select") : null,
+                                rowColumns.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)) },
+                                        column.label,
+                                        activeSort ? ` ${activeSort === 'asc' ? '↑' : '↓'}` : '')) : (column.label)));
+                                }),
+                                actions.length > 0 ? React.createElement("th", null, "Actions") : null)),
+                        React.createElement("tbody", null, group.rows.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,
+                            rowColumns.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));
+}

package/dist/components/Pagination.d.ts

@@ -0,0 +1,7 @@
+export interface PaginationProps {
+    current: number;
+    total: number;
+    onChange: (page: number) => void;
+}
+export declare function Pagination({ current, total, onChange }: PaginationProps): JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAMD,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,eAyBvE"}

package/dist/components/Pagination.js

@@ -0,0 +1,12 @@
+import React from 'react';
+function clampPage(page, total) {
+    return Math.min(Math.max(page, 1), Math.max(total, 1));
+}
+export function Pagination({ current, total, onChange }) {
+    const totalPages = Math.max(total, 1);
+    const currentPage = clampPage(current, totalPages);
+    return (React.createElement("nav", { className: "rdsl-pagination", "aria-label": "Pagination" },
+        React.createElement("button", { type: "button", disabled: currentPage <= 1, onClick: () => onChange(currentPage - 1) }, "Previous"),
+        Array.from({ length: totalPages }, (_, index) => index + 1).map((page) => (React.createElement("button", { key: page, type: "button", "aria-current": page === currentPage ? 'page' : undefined, disabled: page === currentPage, onClick: () => onChange(page) }, page))),
+        React.createElement("button", { type: "button", disabled: currentPage >= totalPages, onClick: () => onChange(currentPage + 1) }, "Next")));
+}

package/dist/components/PivotDataTable.d.ts

@@ -0,0 +1,25 @@
+import type { DataTableAction, DataTableColumn } from './DataTable.js';
+export interface PivotDataTableGroup<T extends {
+    id: string;
+}> {
+    id: string;
+    values: Record<string, unknown>;
+    rows: T[];
+}
+export interface PivotDataTableProps<T extends {
+    id: string;
+}> {
+    columns: readonly DataTableColumn<T>[];
+    groupBy: readonly string[];
+    pivotBy: string;
+    groups: Array<PivotDataTableGroup<T>>;
+    loading?: boolean;
+    actions?: readonly DataTableAction<T>[];
+    selectedRowId?: string | null;
+    onSelectRow?: (row: T) => void;
+    selectionName?: string;
+}
+export declare function PivotDataTable<T extends {
+    id: string;
+}>({ columns, groupBy, pivotBy, groups, loading, actions, selectedRowId, onSelectRow, selectionName, }: PivotDataTableProps<T>): JSX.Element;
+//# sourceMappingURL=PivotDataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PivotDataTable.d.ts","sourceRoot":"","sources":["../../src/components/PivotDataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC3D,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,EAAE,CAAC,EAAE,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC3D,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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;AA0BD,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACvD,OAAO,EACP,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAe,EACf,OAAY,EACZ,aAAoB,EACpB,WAAW,EACX,aAA4C,GAC7C,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA+GxB"}

package/dist/components/PivotDataTable.js

@@ -0,0 +1,72 @@
+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();
+}
+function collectPivotValues(groups, pivotBy) {
+    const values = [];
+    for (const group of groups) {
+        for (const row of group.rows) {
+            const value = row[pivotBy];
+            const key = value == null ? '—' : String(value);
+            if (!values.includes(key)) {
+                values.push(key);
+            }
+        }
+    }
+    return values;
+}
+export function PivotDataTable({ columns, groupBy, pivotBy, groups, loading = false, actions = [], selectedRowId = null, onSelectRow, selectionName = 'rdsl-pivot-table-selection', }) {
+    const groupColumns = columns.filter((column) => groupBy.includes(column.key));
+    const pivotColumns = columns.filter((column) => !groupBy.includes(column.key) && column.key !== pivotBy);
+    const pivotValues = React.useMemo(() => collectPivotValues(groups, pivotBy), [groups, pivotBy]);
+    const hasSelection = Boolean(onSelectRow);
+    return (React.createElement("div", { className: "rdsl-pivot-data-table" },
+        loading ? React.createElement("div", { className: "rdsl-empty" }, "Loading...") : null,
+        !loading && groups.length === 0 ? React.createElement("div", { className: "rdsl-empty" }, "No records") : null,
+        !loading
+            ? groups.map((group) => {
+                const firstRow = group.rows[0];
+                return (React.createElement("section", { key: group.id, className: "rdsl-pivot-data-table-group" },
+                    React.createElement("div", { className: "rdsl-pivot-data-table-summary" }, groupColumns.map((column) => {
+                        const value = group.values[column.key];
+                        return (React.createElement("div", { key: column.key, className: "rdsl-pivot-data-table-summary-item" },
+                            React.createElement("strong", null, column.label),
+                            React.createElement("span", null, column.render ? column.render(value, firstRow) : formatValue(value, column.format))));
+                    })),
+                    React.createElement("table", null,
+                        React.createElement("thead", null,
+                            React.createElement("tr", null, pivotValues.map((value) => (React.createElement("th", { key: value }, value))))),
+                        React.createElement("tbody", null,
+                            React.createElement("tr", null, pivotValues.map((value) => {
+                                const rows = group.rows.filter((row) => {
+                                    const rowValue = row[pivotBy];
+                                    return (rowValue == null ? '—' : String(rowValue)) === value;
+                                });
+                                return (React.createElement("td", { key: value }, rows.length === 0 ? (React.createElement("div", { className: "rdsl-empty" }, "\u2014")) : (React.createElement("div", { className: "rdsl-pivot-data-table-cell" }, rows.map((record) => (React.createElement("div", { key: record.id, className: "rdsl-pivot-data-table-entry" },
+                                    hasSelection ? (React.createElement("label", { className: "rdsl-pivot-data-table-entry-field" },
+                                        React.createElement("strong", null, "Select"),
+                                        React.createElement("input", { type: "radio", name: selectionName, checked: selectedRowId === String(record.id), onChange: () => onSelectRow?.(record) }))) : null,
+                                    pivotColumns.map((column) => {
+                                        const columnValue = record[column.key];
+                                        return (React.createElement("div", { key: column.key, className: "rdsl-pivot-data-table-entry-field" },
+                                            React.createElement("strong", null, column.label),
+                                            React.createElement("span", null, column.render ? column.render(columnValue, record) : formatValue(columnValue, column.format))));
+                                    }),
+                                    actions.length > 0 ? (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));
+}

package/dist/components/Tag.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/components/Tag.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,eAO9C"}

package/dist/components/Tag.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export function Tag({ value, colors }) {
+    const color = colors[value] ?? 'gray';
+    return (React.createElement("span", { className: "rdsl-tag", style: { backgroundColor: color, color: 'white', padding: '0.125rem 0.5rem', borderRadius: '999px' } }, value));
+}

package/dist/components/WorkflowSummary.d.ts

@@ -0,0 +1,5 @@
+import type { WorkflowProgressDescriptor, WorkflowSummaryStepDescriptor } from '@loj-lang/shared-contracts';
+export type WorkflowSummaryStep = WorkflowSummaryStepDescriptor;
+export type WorkflowSummaryProps = WorkflowProgressDescriptor;
+export declare function WorkflowSummary({ stateHeading, stateLabel, currentStepName, nextStepName, steps, }: WorkflowSummaryProps): JSX.Element;
+//# sourceMappingURL=WorkflowSummary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowSummary.d.ts","sourceRoot":"","sources":["../../src/components/WorkflowSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAE5G,MAAM,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;AAE9D,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,UAAU,EACV,eAAe,EACf,YAAY,EACZ,KAAK,GACN,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA6BpC"}

package/dist/components/WorkflowSummary.js

@@ -0,0 +1,17 @@
+import React from 'react';
+export function WorkflowSummary({ stateHeading, stateLabel, currentStepName, nextStepName, steps, }) {
+    return (React.createElement("section", { className: "rdsl-workflow-summary" },
+        React.createElement("div", { className: "rdsl-read-actions" },
+            React.createElement("strong", null, stateHeading),
+            React.createElement("span", { className: "rdsl-btn rdsl-btn-secondary" }, stateLabel)),
+        React.createElement("div", { className: "rdsl-read-actions" },
+            React.createElement("strong", null, "Current step"),
+            React.createElement("span", null, currentStepName ?? '—')),
+        nextStepName ? (React.createElement("div", { className: "rdsl-read-actions" },
+            React.createElement("strong", null, "Next step"),
+            React.createElement("span", null, nextStepName))) : null,
+        steps.length > 0 ? (React.createElement("ol", { className: "rdsl-related-list" }, steps.map((step) => (React.createElement("li", { key: step.name },
+            React.createElement("strong", null, step.name),
+            ' ',
+            React.createElement("span", null, step.status)))))) : null));
+}

package/dist/hooks/navigation.d.ts

@@ -0,0 +1,20 @@
+export declare function normalizeAppBasePath(value: string | null | undefined): string;
+export declare function configureAppBasePath(value: string | null | undefined): void;
+export declare function getConfiguredAppBasePath(): string;
+export declare function prefixAppBasePath(path: string): string;
+export declare function stripAppBasePath(pathname: string): string;
+export declare function getCurrentAppPathname(): string;
+export declare function getCurrentAppHref(): string;
+export declare function getLocationSearchParams(): URLSearchParams | null;
+export declare function shiftDateInputValue(value: string, days: number): string;
+export declare function getLocationSearchValues<T extends Record<string, string>>(defaultValues: T, options?: {
+    prefix?: string;
+    searchParams?: URLSearchParams | null;
+}): T;
+export declare function replaceLocationSearchValues(values: Record<string, string>, options?: {
+    prefix?: string;
+    keys?: readonly string[];
+}): void;
+export declare function sanitizeAppLocalHref(candidate: string | null | undefined): string | null;
+export declare function getSanitizedReturnTo(searchParams?: URLSearchParams | null): string | null;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/hooks/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/hooks/navigation.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAU7E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAE3E;AAED,wBAAgB,wBAAwB,IAAI,MAAM,CAEjD;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAetD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAazD;AAED,wBAAgB,qBAAqB,IAAI,MAAM,CAG9C;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAG1C;AAED,wBAAgB,uBAAuB,IAAI,eAAe,GAAG,IAAI,CAGhE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CA2BvE;AAMD,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACtE,aAAa,EAAE,CAAC,EAChB,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,GACL,CAAC,CAUH;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACrB,GACL,IAAI,CAuBN;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAGxF;AAED,wBAAgB,oBAAoB,CAAC,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAGzF"}