@airoom/nextmin-react 1.4.5 → 2.0.1

package/dist/views/list/DataTableHero.js

@@ -1,8 +1,10 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import Link from 'next/link';
-import { Table, TableHeader, TableBody, TableColumn, TableRow, TableCell, Pagination, Select, SelectItem, Skeleton, Button, Tooltip, Spinner, } from '@heroui/react';
+import { Table, TableHeader, TableBody, TableColumn, TableRow, TableCell, Pagination, PaginationItem, Select, SelectItem, Skeleton, Button, Tooltip, Spinner, } from '@heroui/react';
+import * as LucideIcons from 'lucide-react';
+const { ChevronLeft, ChevronRight } = LucideIcons;
 import { formatCell } from './formatters';
 import { summarizeAny } from './jsonSummary';
 import { api } from '../../lib/api';
@@ -13,61 +15,63 @@ const IMG_COLUMN_RE = /(image|photo|avatar|logo|picture|thumbnail|icon)/i;
 function isUrlLike(s) {
     return /^https?:\/\//i.test(s) || s.startsWith('/') || s.startsWith('data:');
 }
-function isLikelyImageUrl(s) {
+function isLikelyImageUrl(s, columnKey, attr) {
     if (!isUrlLike(s))
         return false;
     if (s.startsWith('data:image/'))
         return true;
-    try {
-        const url = new URL(s, 'http://x'); // base for relative paths
-        const pathname = url.pathname || '';
-        if (IMG_EXT_RE.test(pathname))
-            return true;
-    }
-    catch {
-        if (IMG_EXT_RE.test(s.split('?')[0]))
-            return true;
-    }
+    // 1) Explicit column name hint
+    if (columnKey && IMG_COLUMN_RE.test(columnKey))
+        return true;
+    // 2) Schema attribute hint
+    const a = Array.isArray(attr) ? attr[0] : attr;
+    const fmt = String(a?.format || '').toLowerCase();
+    const type = String(a?.type || '').toLowerCase();
+    if (fmt === 'file' || type === 'file' || fmt === 'image' || type === 'image')
+        return true;
+    // 3) Extension check (permissive like DynamicViewer)
+    const pure = s.split('?')[0].split('#')[0];
+    if (IMG_EXT_RE.test(pure))
+        return true;
     return false;
 }
-function extractUrl(v) {
+function extractUrl(v, columnKey, attr) {
     if (!v)
         return null;
-    if (typeof v === 'string' && isLikelyImageUrl(v))
+    if (typeof v === 'string' && isLikelyImageUrl(v, columnKey, attr))
         return v;
     if (typeof v === 'object') {
         const u = (typeof v.url === 'string' && v.url) ||
             (typeof v.src === 'string' && v.src) ||
             (typeof v.value === 'string' && v.value) ||
             null;
-        return u && isLikelyImageUrl(u) ? u : null;
+        return u && isLikelyImageUrl(u, columnKey, attr) ? u : null;
     }
     return null;
 }
-function extractAllImageUrls(val) {
+function extractAllImageUrls(val, columnKey, attr) {
     if (Array.isArray(val)) {
-        const list = val.map(extractUrl).filter(Boolean);
+        const list = val.map((v) => extractUrl(v, columnKey, attr)).filter(Boolean);
         if (!list.length) {
-            return (val.filter((s) => typeof s === 'string' && isLikelyImageUrl(s)) ??
+            return (val.filter((s) => typeof s === 'string' && isLikelyImageUrl(s, columnKey, attr)) ??
                 []);
         }
         return list;
     }
-    const one = extractUrl(val);
+    const one = extractUrl(val, columnKey, attr);
     return one ? [one] : [];
 }
 function ImageCell({ urls, alt, size = 40, }) {
     const shown = urls.slice(0, 1);
     const rest = urls.length - shown.length;
-    return (_jsxs("div", { className: "flex items-center justify-center gap-1", children: [shown.map((u, i) => (_jsx("img", { src: u, alt: alt, width: size, height: size, className: "h-10 w-10 rounded-md object-cover border border-default-200 bg-default-100", loading: "lazy" }, `${u}-${i}`))), rest > 0 ? (_jsxs("div", { className: "h-10 w-10 rounded-md border border-default-200 bg-default-50 text-xs flex items-center justify-center", children: ["+", rest] })) : null] }));
+    return (_jsxs("div", { className: "flex items-center justify-start gap-1", children: [shown.map((u, i) => (_jsx("img", { src: u, alt: alt, width: size, height: size, className: "h-10 w-10 rounded-md object-cover border border-default-200 bg-default-100 shadow-sm", loading: "lazy" }, `${u}-${i}`))), rest > 0 ? (_jsxs("div", { className: "h-10 w-10 rounded-md border border-default-200 bg-default-50 text-xs flex items-center justify-center font-semibold text-foreground/70", children: ["+", rest] })) : null] }));
 }
 /** decide if a column should be treated as image by header hint or value */
-function maybeRenderImageCell(item, columnKey) {
-    const val = item?.[columnKey];
-    const urls = extractAllImageUrls(val);
-    if (urls.length || IMG_COLUMN_RE.test(String(columnKey))) {
-        if (!urls.length)
-            return null;
+function maybeRenderImageCell(val, columnKey, attr) {
+    if (val == null)
+        return null;
+    const urls = extractAllImageUrls(val, columnKey, attr);
+    if (urls.length) {
         return _jsx(ImageCell, { urls: urls, alt: `${columnKey}` });
     }
     return null;
@@ -199,24 +203,31 @@ function getByPath(obj, path) {
     }
     return cur;
 }
-function extractShowFromObject(o) {
+function extractShowFromObject(o, showKey) {
     if (!o || typeof o !== 'object')
         return null;
-    // explicit hints
-    const showKey = (typeof o.show === 'string' && o.show) ||
-        (typeof o.showKey === 'string' && o.showKey) ||
-        null;
+    // 1) Explicit showKey from schema (top priority)
     if (showKey) {
         const v = getByPath(o, showKey);
         if (v != null && (typeof v === 'string' || typeof v === 'number')) {
             return String(v);
         }
-        const vv = o[showKey];
+    }
+    // 2) explicit hints within the object itself
+    const internalShowKey = (typeof o.show === 'string' && o.show) ||
+        (typeof o.showKey === 'string' && o.showKey) ||
+        null;
+    if (internalShowKey) {
+        const v = getByPath(o, internalShowKey);
+        if (v != null && (typeof v === 'string' || typeof v === 'number')) {
+            return String(v);
+        }
+        const vv = o[internalShowKey];
         if (vv != null && (typeof vv === 'string' || typeof vv === 'number')) {
             return String(vv);
         }
     }
-    // smart fallbacks (domain-aware)
+    // 3) smart fallbacks (domain-aware)
     const first = o.firstName;
     const last = o.lastName;
     if (typeof first === 'string' && typeof last === 'string') {
@@ -243,19 +254,20 @@ function extractShowFromObject(o) {
     }
     return null;
 }
-function formatShowValue(val) {
+function formatShowValue(val, attr) {
     if (val == null)
         return null;
     // If it's a JSON-like string, parse first
     const parsed = maybeParseJson(val);
+    const showKey = (Array.isArray(attr) ? attr[0] : attr)?.show;
     if (Array.isArray(parsed)) {
         const parts = parsed
-            .map((x) => (typeof x === 'object' ? extractShowFromObject(x) : null))
+            .map((x) => (typeof x === 'object' ? extractShowFromObject(x, showKey) : null))
             .filter((s) => !!s);
         return parts.length ? parts.join(', ') : null;
     }
     if (typeof parsed === 'object') {
-        return extractShowFromObject(parsed);
+        return extractShowFromObject(parsed, showKey);
     }
     return null;
 }
@@ -330,11 +342,27 @@ export function DataTableHero({ modelName, columns, rows, total, page, pageSize,
             setIsDialogOpen(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(Table, { "aria-label": "Model table", removeWrapper: true, bottomContent: _jsxs("div", { className: "flex items-center justify-between px-2 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-foreground/70", children: "Rows per page:" }), _jsx(Select, { size: "sm", "aria-label": "Rows per page", selectedKeys: new Set([String(pageSize)]), onSelectionChange: (keys) => {
+    return (_jsxs("div", { className: "flex-grow overflow-hidden flex flex-col min-h-0", children: [_jsxs(Table, { "aria-label": "Model table", isHeaderSticky: true, removeWrapper: false, classNames: {
+                    base: 'max-h-full flex flex-col min-h-0 overflow-visible',
+                    wrapper: 'flex-grow min-h-0 overflow-auto !p-0 !bg-transparent !shadow-none !rounded-none relative',
+                    table: 'min-w-full', // Allow auto-sizing to prevent clipping
+                    thead: '[&>tr]:first:rounded-none',
+                    th: 'bg-default-100 text-default-600',
+                }, bottomContent: _jsxs("div", { className: "flex items-center justify-between px-2 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-foreground/70", children: "Rows per page:" }), _jsx(Select, { size: "sm", "aria-label": "Rows per page", selectedKeys: new Set([String(pageSize)]), onSelectionChange: (keys) => {
                                         const val = Array.from(keys)[0];
                                         if (val)
                                             onPageSizeChange(Number(val));
-                                    }, className: "w-24", children: [10, 20, 50, 100].map((n) => (_jsx(SelectItem, { textValue: String(n), children: n }, String(n)))) })] }), _jsx(Pagination, { size: "sm", total: pageCount, page: Math.min(page, pageCount), onChange: onPageChange, showControls: true })] }), topContent: topContent, children: [_jsx(TableHeader, { columns: headerItems, children: (col) => (_jsx(TableColumn, { className: "text-xs uppercase tracking-wide", children: col.label }, col.key)) }), _jsx(TableBody, { items: bodyItems, emptyContent: loading ? undefined : error || 'No data', children: (item) => (_jsx(TableRow, { children: (columnKey) => {
+                                    }, className: "w-24", children: [10, 20, 50, 100].map((n) => (_jsx(SelectItem, { textValue: String(n), children: n }, String(n)))) })] }), _jsx(Pagination, { size: "sm", total: pageCount, page: page, onChange: onPageChange, showControls: true, variant: "flat", renderItem: (props) => {
+                                if (props.value === 'prev') {
+                                    return (_jsx(Button, { isIconOnly: true, size: "sm", variant: "flat", onPress: props.onPress, isDisabled: props.isDisabled, children: _jsx(ChevronLeft, { size: 16 }) }));
+                                }
+                                if (props.value === 'next') {
+                                    return (_jsx(Button, { isIconOnly: true, size: "sm", variant: "flat", onPress: props.onPress, isDisabled: props.isDisabled, children: _jsx(ChevronRight, { size: 16 }) }));
+                                }
+                                return _jsx(PaginationItem, { ...props });
+                            } })] }), bottomContentPlacement: "outside", topContent: topContent, topContentPlacement: "outside", children: [_jsx(TableHeader, { columns: headerItems, children: (col) => (_jsx(TableColumn, { className: `text-xs uppercase tracking-wide ${col.key === 'actions'
+                                ? 'sticky right-0 bg-default-100 z-30 shadow-[-1px_0_2px_rgba(0,0,0,0.05)] border-l border-default-200 text-center'
+                                : ''}`, width: col.key === 'actions' ? 130 : 200, children: col.label }, col.key)) }), _jsx(TableBody, { items: bodyItems, emptyContent: loading ? undefined : error || 'No data', children: (item) => (_jsx(TableRow, { children: (columnKey) => {
                                 const key = String(columnKey);
                                 if (loading) {
                                     return (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-3 w-3/4 rounded-md" }) }, `${item.id}-${key}`));
@@ -350,7 +378,27 @@ export function DataTableHero({ modelName, columns, rows, total, page, pageSize,
                                                 ? typeVal.name
                                                 : '';
                                     const isSystemRow = String(typeString ?? '').toLowerCase() === 'system';
-                                    return (_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Tooltip, { content: "View", children: _jsx(Button, { isIconOnly: true, size: "sm", variant: "light", "aria-label": "View", onPress: () => onRequestView?.(item), children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] }) }) }), _jsx(Tooltip, { content: isSystemRow
+                                    return (_jsx(TableCell, { className: "sticky right-0 !bg-background dark:!bg-content1 z-20 shadow-[-1px_0_2px_rgba(0,0,0,0.05)] border-l border-default-200", children: _jsxs("div", { className: "flex items-center justify-center gap-1", children: [schema?.actions?.map((action, idx) => {
+                                                    let href = action.href;
+                                                    href = href.replace('{id}', String(item.id || item._id || ''));
+                                                    const relatedId = item._actionsData?.[action.relatedModel || ''];
+                                                    if (relatedId) {
+                                                        href = href.replace('{relatedId}', relatedId);
+                                                    }
+                                                    // Condition: if {relatedId} placeholder is used but NO relatedId found, hide it
+                                                    if (action.href.includes('{relatedId}') &&
+                                                        !relatedId) {
+                                                        return null;
+                                                    }
+                                                    // Or if strictly specified relatedModel but no data
+                                                    if (action.relatedModel && !relatedId) {
+                                                        return null;
+                                                    }
+                                                    const IconComponent = action.icon
+                                                        ? LucideIcons[action.icon]
+                                                        : null;
+                                                    return (_jsx(Tooltip, { content: action.label, children: _jsx(Button, { as: Link, href: href, size: "sm", variant: action.variant || 'light', color: action.color || 'default', isIconOnly: !!IconComponent, className: IconComponent ? '' : 'min-w-fit h-8 px-3', children: IconComponent ? (_jsx(IconComponent, { size: 18 })) : (action.label) }) }, `custom-action-${idx}`));
+                                                }), _jsx(Tooltip, { content: "View", children: _jsx(Button, { isIconOnly: true, size: "sm", variant: "light", "aria-label": "View", onPress: () => onRequestView?.(item), children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] }) }) }), _jsx(Tooltip, { content: isSystemRow
                                                         ? 'System record — editing disabled'
                                                         : 'Edit', children: _jsx(Button, { as: isSystemRow ? undefined : Link, href: isSystemRow ? undefined : `${baseHref}/${item.id}`, isIconOnly: true, size: "sm", variant: "light", isDisabled: isSystemRow, "aria-disabled": isSystemRow, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M12 20h9" }), _jsx("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" })] }) }) }), _jsx(Tooltip, { content: isSystemRow
                                                         ? 'System record — deletion disabled'
@@ -361,11 +409,18 @@ export function DataTableHero({ modelName, columns, rows, total, page, pageSize,
                                                         // Trash icon
                                                         _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: [_jsx("polyline", { points: "3 6 5 6 21 6" }), _jsx("path", { d: "M19 6l-1 14H6L5 6" }), _jsx("path", { d: "M10 11v6" }), _jsx("path", { d: "M14 11v6" })] })) }) })] }) }, `${item.id}-actions`));
                                 }
-                                // Image-aware cell; fallback to formatter
-                                const maybeImg = maybeRenderImageCell(item, key);
                                 // Prepare raw value (parse JSON-like strings first)
-                                const rawRawVal = item[key];
+                                let rawRawVal = item[key];
+                                if (rawRawVal === undefined && item.baseId && typeof item.baseId === 'object') {
+                                    rawRawVal = item.baseId[key];
+                                }
                                 const rawVal = maybeParseJson(rawRawVal);
+                                // Image-aware cell; PRIORITY check
+                                const attributes = (schema?.attributes ?? {});
+                                const maybeImg = maybeRenderImageCell(rawVal, key, attributes[key]);
+                                if (maybeImg) {
+                                    return (_jsx(TableCell, { children: maybeImg }, `${item.id ?? item._id}-${key}`));
+                                }
                                 // 0) Date fields (createdAt, updatedAt, deletedAt)
                                 if (isDateField(key)) {
                                     const d = tryParseDate(rawVal);
@@ -373,18 +428,20 @@ export function DataTableHero({ modelName, columns, rows, total, page, pageSize,
                                         return (_jsx(TableCell, { children: formatDateLocal(d) }, `${item.id ?? item._id}-${key}`));
                                     }
                                 }
+                                // ... the rest of the formatters ...
                                 // 1) Time-only ranges like "15:00..00:00 17:00..23:00"
                                 const timeRangePretty = formatTimeOnlyRanges(rawVal);
                                 if (timeRangePretty) {
                                     return (_jsx(TableCell, { children: timeRangePretty }, `${item.id ?? item._id}-${key}`));
                                 }
                                 // 2) Object/array with "show"/"showKey" or common label fields
-                                const showPretty = formatShowValue(rawVal);
+                                const showPretty = formatShowValue(rawVal, attributes[key]);
                                 if (showPretty) {
                                     return (_jsx(TableCell, { children: truncateText(showPretty, 35) }, `${item.id ?? item._id}-${key}`));
                                 }
                                 // 3) Generic JSON/array/object summarizer (supports raw JSON string too)
-                                const jsonSummary = summarizeAny(rawVal);
+                                const showKey = (Array.isArray(attributes[key]) ? attributes[key][0] : attributes[key])?.show;
+                                const jsonSummary = summarizeAny(rawVal, showKey);
                                 if (typeof jsonSummary === 'string' && jsonSummary.length) {
                                     return (_jsx(TableCell, { children: truncateText(jsonSummary, 35) }, `${item.id ?? item._id}-${key}`));
                                 }
@@ -395,6 +452,6 @@ export function DataTableHero({ modelName, columns, rows, total, page, pageSize,
                                 const displayValue = isSimple
                                     ? truncateText(String(formatted), 35)
                                     : formatted;
-                                return (_jsx(TableCell, { children: maybeImg ?? displayValue }, `${item.id ?? item._id}-${key}`));
+                                return (_jsx(TableCell, { children: displayValue }, `${item.id ?? item._id}-${key}`));
                             } }, item.id)) })] }), _jsx(ConfirmDialog, { isOpen: isDialogOpen, onClose: () => setIsDialogOpen(false), onConfirm: handleConfirmDelete, isLoading: isDeleting, title: "Delete this record?", description: "This action cannot be undone. The record will be permanently removed.", confirmText: "Delete", cancelText: "Cancel" })] }));
 }

package/dist/views/list/ListHeader.d.ts

@@ -1,8 +1,10 @@
+import React from 'react';
 type Props = {
     title: string;
     createHref?: string;
     hideCreate?: boolean;
     loading?: boolean;
+    children?: React.ReactNode;
 };
-export declare function ListHeader({ title, createHref, hideCreate, loading, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ListHeader({ title, createHref, hideCreate, loading, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/list/ListHeader.js

@@ -2,6 +2,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from 'next/link';
 import { Button, Divider } from '@heroui/react';
-export function ListHeader({ title, createHref, hideCreate = false, loading, }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("h2", { className: "m-0 text-xl font-semibold", children: title }), _jsx("div", { className: "flex items-center gap-3", children: !hideCreate && createHref ? (_jsx(Link, { href: createHref, children: _jsx(Button, { size: "sm", color: "primary", isDisabled: loading, children: "Create" }) })) : null })] }), _jsx(Divider, { className: "my-3" })] }));
+export function ListHeader({ title, createHref, hideCreate = false, loading, children, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("h2", { className: "m-0 text-xl font-semibold", children: title }), _jsxs("div", { className: "flex items-center gap-3", children: [!hideCreate && createHref ? (_jsx(Link, { href: createHref, children: _jsx(Button, { size: "sm", color: "primary", isDisabled: loading, children: "Create" }) })) : null, children] })] }), _jsx(Divider, { className: "my-3" })] }));
 }

package/dist/views/list/jsonSummary.d.ts

@@ -1,6 +1,6 @@
-export declare function summarizeObject(obj: any): {
+export declare function summarizeObject(obj: any, showKey?: string): {
     text: string;
     primary?: string;
 } | null;
-export declare function summarizeArrayOfObjects(arr: any[], maxItems?: number): string | null;
-export declare function summarizeAny(val: any): string | null;
+export declare function summarizeArrayOfObjects(arr: any[], maxItems?: number, showKey?: string): string | null;
+export declare function summarizeAny(val: any, showKey?: string): string | null;

package/dist/views/list/jsonSummary.js

@@ -12,7 +12,7 @@ function isSecretKey(k) {
         n.includes('passcode') ||
         n.includes('secret'));
 }
-function toLabel(v) {
+function toLabel(v, showKey) {
     if (v == null)
         return null;
     if (typeof v === 'string')
@@ -20,14 +20,20 @@ function toLabel(v) {
     if (typeof v === 'number' || typeof v === 'boolean')
         return String(v);
     if (typeof v === 'object') {
-        // common label keys
+        // 1) Explicit showKey from schema (top priority)
+        if (showKey) {
+            const val = v[showKey];
+            if (val != null)
+                return String(val).trim() || null;
+        }
+        // 2) common label keys
         const candidates = ['name', 'title', 'label', 'display', 'show', 'value'];
         for (const k of candidates) {
             const val = v[k];
             if (typeof val === 'string' && val.trim())
                 return val;
         }
-        // keys ending with "name" (e.g., chamberName, specialityName)
+        // 3) keys ending with "name" (e.g., chamberName, specialityName)
         for (const [k, val] of Object.entries(v)) {
             if (typeof val !== 'string')
                 continue;
@@ -35,17 +41,17 @@ function toLabel(v) {
             if (nk.endsWith('name') && val.trim())
                 return val;
         }
-        // id last
+        // 4) id last
         if (typeof v.id === 'string')
             return v.id;
     }
     return null;
 }
-function listLabels(arr) {
+function listLabels(arr, showKey) {
     if (!Array.isArray(arr))
         return null;
     const labels = arr
-        .map((it) => toLabel(it))
+        .map((it) => toLabel(it, showKey))
         .filter((s) => !!s && !!s.trim());
     return labels.length ? labels : null;
 }
@@ -89,12 +95,33 @@ function pickSupportingValues(obj, primaryKey) {
         const nk = normKey(k);
         const pri = SUPPORT_PRIORITY.findIndex((p) => nk.includes(p));
         const score = pri >= 0 ? 100 - pri : 0; // higher better
-        const str = Array.isArray(v)
-            ? (listLabels(v) || []).join(', ')
-            : typeof v === 'object'
-                ? toLabel(v) || ''
-                : String(v);
-        return { k, str: str.trim(), score, len: str.length };
+        let str = '';
+        if (Array.isArray(v)) {
+            str = (listLabels(v) || []).join(', ');
+        }
+        else if (typeof v === 'object') {
+            str = toLabel(v) || '';
+        }
+        else {
+            str = String(v);
+        }
+        str = str.trim();
+        // Universally block bad candidates from being used as supporting string text
+        if (Array.isArray(v) || typeof v === 'object')
+            return { k, str: '', score: -1, len: 0 };
+        if (str.length > 50)
+            return { k, str: '', score: -1, len: 0 };
+        if (str.startsWith('http'))
+            return { k, str: '', score: -1, len: 0 };
+        if (/^[a-fA-F0-9]{24}$/.test(str))
+            return { k, str: '', score: -1, len: 0 };
+        if (str.includes(',') && str.length > 30)
+            return { k, str: '', score: -1, len: 0 };
+        // If it doesn't match a known priority, limit accepted strings
+        if (score === 0 && str.length > 25) {
+            return { k, str: '', score: -1, len: 0 };
+        }
+        return { k, str, score, len: str.length };
     })
         .filter((x) => !!x.str);
     scored.sort((a, b) => {
@@ -109,10 +136,10 @@ function pickSupportingValues(obj, primaryKey) {
     }
     return out;
 }
-export function summarizeObject(obj) {
+export function summarizeObject(obj, showKey) {
     if (!obj || typeof obj !== 'object')
         return null;
-    const primary = toLabel(obj);
+    const primary = toLabel(obj, showKey);
     if (!primary)
         return null;
     // try to find the actual key that produced primary
@@ -127,12 +154,12 @@ export function summarizeObject(obj) {
     const text = supports.length ? `${primary} — ${supports.join(', ')}` : primary;
     return { text, primary: primaryKey };
 }
-export function summarizeArrayOfObjects(arr, maxItems = 10) {
+export function summarizeArrayOfObjects(arr, maxItems = 10, showKey) {
     const parts = [];
     for (const it of arr) {
         if (!it || typeof it !== 'object')
             return null; // not uniform
-        const s = summarizeObject(it);
+        const s = summarizeObject(it, showKey);
         if (!s)
             return null;
         parts.push(s.text);
@@ -144,21 +171,21 @@ export function summarizeArrayOfObjects(arr, maxItems = 10) {
     const extra = arr.length - parts.length;
     return extra > 0 ? `${parts.join(', ')}, +${extra} more` : parts.join(', ');
 }
-export function summarizeAny(val) {
+export function summarizeAny(val, showKey) {
     if (val == null)
         return null;
     if (Array.isArray(val)) {
         if (val.length === 0)
             return '';
         if (typeof val[0] === 'object') {
-            return summarizeArrayOfObjects(val);
+            return summarizeArrayOfObjects(val, 10, showKey);
         }
         // primitives
-        const labels = val.map((v) => (typeof v === 'object' ? toLabel(v) : String(v))).filter(Boolean);
+        const labels = val.map((v) => (typeof v === 'object' ? toLabel(v, showKey) : String(v))).filter(Boolean);
         return labels.length ? summarizeList(labels) : null;
     }
     if (typeof val === 'object') {
-        const s = summarizeObject(val);
+        const s = summarizeObject(val, showKey);
         return s?.text ?? null;
     }
     return null;

package/dist/views/list/useListData.js

@@ -19,7 +19,11 @@ pageSize, filters = {}) {
             return;
         }
         try {
-            const res = await api.list(model, Math.max(0, page - 1), pageSize, filters);
+            const res = await api.list(model, {
+                page,
+                limit: pageSize,
+                ...filters,
+            });
             if (cancelledRef.current)
                 return;
             // Support both {data, pagination} and {rows, total}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@airoom/nextmin-react",
-  "version": "1.4.5",
+  "version": "2.0.1",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,8 +11,12 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/nextmin.css",
-    "./editor.css": "./dist/editor.css"
+    "./styles.css": {
+      "default": "./dist/nextmin.css"
+    },
+    "./editor.css": {
+      "default": "./dist/components/editor/editor.css"
+    }
   },
   "files": [
     "dist",
@@ -22,7 +26,7 @@
     "README.md"
   ],
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.json && npm run build:css && cp src/components/editor/editor.css dist/editor.css",
+    "build": "rm -rf dist && tsc -p tsconfig.json && npm run build:css && mkdir -p dist/components/editor && cp src/components/editor/editor.css dist/components/editor/editor.css",
     "build:css": "tailwindcss -c tailwind.config.js -i ./src/styles.css -o ./dist/nextmin.css --minify",
     "dev": "tsc -w -p tsconfig.json",
     "prepublishOnly": "npm run build && npm pack --dry-run | (! grep -E '\\bsrc/|\\.map$')"

package/dist/components/RefMultiSelect.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-type RefOption = {
-    id?: string;
-    _id?: string;
-    [k: string]: any;
-};
-export type RefMultiSelectProps = {
-    name: string;
-    label: string;
-    refModel: string;
-    showKey?: string;
-    value: RefOption[] | string[];
-    onChange: (ids: string[]) => void;
-    description?: string;
-    disabled?: boolean;
-    required?: boolean;
-    pageSize?: number | undefined;
-    error?: boolean | undefined;
-    errorMessage?: string | undefined;
-};
-export declare const RefMultiSelect: React.FC<RefMultiSelectProps>;
-export {};