@airoom/nextmin-react 1.4.5 → 2.0.1

package/dist/components/RefMultiSelect.js

@@ -1,113 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Select, SelectItem, Input, Chip } from '@heroui/react';
-import { api } from '../lib/api';
-export const RefMultiSelect = ({ name, label, refModel, showKey = 'name', value, onChange, description, disabled, required, pageSize = 10000, error, errorMessage, }) => {
-    const modelSlug = React.useMemo(() => String(refModel).trim().toLowerCase(), [refModel]);
-    // normalize an option to always have string `id`
-    const normalize = React.useCallback((it) => {
-        const { id: rawId, _id: raw_Id, ...rest } = it || {};
-        const id = (typeof rawId === 'string' && rawId) ||
-            (typeof raw_Id === 'string' && raw_Id) ||
-            String(rawId ?? raw_Id ?? '');
-        return { id, ...rest };
-    }, []);
-    // from props.value (objects or ids) build selected ids + pre-seeded options
-    const preselected = React.useMemo(() => {
-        if (Array.isArray(value) && value.length && typeof value[0] === 'object') {
-            return value.map(normalize);
-        }
-        return [];
-    }, [value, normalize]);
-    const selectedIds = React.useMemo(() => {
-        if (preselected.length)
-            return preselected.map((o) => o.id);
-        return (value ?? []).map(String);
-    }, [value, preselected]);
-    // options start with preselected objects so chips show immediately & no warning
-    const [options, setOptions] = React.useState(preselected);
-    // keep options in sync if parent passes new objects later
-    React.useEffect(() => {
-        if (!preselected.length)
-            return;
-        setOptions((prev) => {
-            const map = new Map(prev.map((o) => [o.id, o]));
-            preselected.forEach((o) => map.set(o.id, o));
-            return Array.from(map.values());
-        });
-    }, [preselected]);
-    const selectedKeys = React.useMemo(() => new Set(selectedIds), [selectedIds]);
-    const labelOf = React.useCallback((opt) => String(opt?.[showKey] ??
-        opt?.name ??
-        opt?.title ??
-        opt?.key ??
-        opt?.id ??
-        opt?._id ??
-        ''), [showKey]);
-    const [open, setOpen] = React.useState(false);
-    const [query, setQuery] = React.useState('');
-    const [loading, setLoading] = React.useState(false);
-    // fetch list (large page) and merge with preseeded
-    const load = React.useCallback(async (q) => {
-        setLoading(true);
-        try {
-            const params = {
-                limit: pageSize,
-                sort: showKey,
-                sortType: 'asc',
-                ...(q ? { q, searchKey: showKey } : {}),
-            };
-            const res = await api.list?.(modelSlug, 0, pageSize, params);
-            const payload = res?.data ?? res;
-            const list = payload?.items ??
-                payload?.docs ??
-                payload?.results ??
-                payload?.list ??
-                (Array.isArray(payload) ? payload : []);
-            const normalized = list.map(normalize);
-            // merge by id (keep preselected if present)
-            setOptions((prev) => {
-                const map = new Map(prev.map((o) => [o.id, o]));
-                normalized.forEach((o) => map.set(o.id, { ...(map.get(o.id) || {}), ...o }));
-                return Array.from(map.values());
-            });
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [modelSlug, pageSize, showKey, normalize]);
-    // load on open + debounced search
-    React.useEffect(() => {
-        if (open)
-            void load(query);
-    }, [open]); // eslint-disable-line react-hooks/exhaustive-deps
-    React.useEffect(() => {
-        if (!open)
-            return;
-        const t = setTimeout(() => void load(query), 250);
-        return () => clearTimeout(t);
-    }, [query, open, load]);
-    const topSearch = (_jsx("div", { className: "p-2", children: _jsx(Input, { size: "sm", variant: "bordered", "aria-label": `Search ${refModel}`, placeholder: `Search ${refModel}…`, value: query, onChange: (e) => setQuery(e.target.value), autoFocus: true }) }));
-    return (_jsx("div", { className: "w-full", children: _jsx(Select, { name: name, label: label, "aria-label": label, isDisabled: disabled, selectionMode: "multiple", selectedKeys: selectedKeys, onSelectionChange: (keys) => {
-                if (keys === 'all')
-                    return;
-                onChange(Array.from(keys).map(String));
-            }, isClearable: true, items: options, isVirtualized: true, isMultiline: true, isInvalid: !!error, errorMessage: errorMessage || '', variant: "bordered", maxListboxHeight: 288, itemHeight: 36, className: "w-full", placeholder: `Select ${refModel}`, onOpenChange: setOpen, isLoading: loading, description: description || null, listboxProps: {
-                topContent: topSearch,
-                emptyContent: loading ? undefined : 'No results',
-                className: '',
-            }, scrollShadowProps: {
-                isEnabled: false,
-            }, 
-            // chips like docs; items is an array (SelectedItems<T>)
-            renderValue: (items) => {
-                const arr = Array.isArray(items) ? items : [];
-                // first render: items may be empty → fall back to selectedIds mapped from preseeded options
-                if (!arr.length && selectedIds.length) {
-                    const byId = new Map(options.map((o) => [String(o.id), o]));
-                    return (_jsx("div", { className: "flex flex-wrap gap-1", children: selectedIds.map((id) => (_jsx(Chip, { size: "sm", variant: "flat", children: labelOf(byId.get(String(id))) }, id))) }));
-                }
-                return (_jsx("div", { className: "flex flex-wrap gap-1", children: arr.map((it) => (_jsx(Chip, { size: "sm", variant: "flat", children: String(it?.props?.textValue ?? it?.props?.children ?? '') }, String(it?.key)))) }));
-            }, children: (item) => (_jsx(SelectItem, { textValue: labelOf(item), children: labelOf(item) }, item.id)) }) }));
-};

package/dist/components/RefSingleSelect.d.ts

@@ -1,17 +0,0 @@
-export type RefSingleSelectProps = {
-    name: string;
-    label: string;
-    refModel: string;
-    showKey?: string;
-    description?: string;
-    value?: string | null;
-    onChange: (id: string | null) => void;
-    disabled?: boolean;
-    required?: boolean;
-    className?: string;
-    classNames?: {
-        trigger?: string;
-    };
-    pageSize?: number;
-};
-export declare function RefSingleSelect({ name, label, refModel, showKey, description, value, onChange, disabled, required, className, classNames, pageSize, }: RefSingleSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/RefSingleSelect.js

@@ -1,110 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Select, SelectItem, Input } from '@heroui/react';
-import { api } from '../lib/api';
-function stripPointerNone(cls) {
-    return (cls ?? '').replace(/\bpointer-events-none\b/g, '').trim();
-}
-export function RefSingleSelect({ name, label, refModel, showKey = 'name', description, value, onChange, disabled, required, className, classNames, pageSize = 50, }) {
-    const [loading, setLoading] = React.useState(false);
-    const [items, setItems] = React.useState([]);
-    const [error, setError] = React.useState(null);
-    const [query, setQuery] = React.useState('');
-    const [open, setOpen] = React.useState(false);
-    const refModelLC = React.useMemo(() => refModel.toLowerCase(), [refModel]);
-    // normalize an option to always have string `id`
-    const normalize = React.useCallback((it) => {
-        const { id: rawId, _id: raw_Id, ...rest } = it || {};
-        const id = (typeof rawId === 'string' && rawId) ||
-            (typeof raw_Id === 'string' && raw_Id) ||
-            String(rawId ?? raw_Id ?? '');
-        return { id, ...rest };
-    }, []);
-    const load = React.useCallback(async (q) => {
-        try {
-            setLoading(true);
-            setError(null);
-            const params = {
-                limit: pageSize,
-                sort: showKey,
-                sortType: 'asc',
-                ...(q ? { q, searchKey: showKey } : {}),
-            };
-            const res = await api.list(refModelLC, 0, pageSize, params);
-            const payload = res?.data ?? res;
-            const list = Array.isArray(payload)
-                ? payload
-                : payload?.items ?? payload?.docs ?? [];
-            const normalized = list.map(normalize);
-            setItems((prev) => {
-                // Find currently selected item in previous list to ensure we don't lose it
-                // (which would break the label display)
-                const selectedId = value ? String(value) : null;
-                const selectedItem = selectedId
-                    ? prev.find((p) => String(p.id) === selectedId)
-                    : null;
-                // Start with the new list/search results
-                const newItems = [...normalized];
-                // If we have a selected item and it's not in the new results, add it back
-                if (selectedItem &&
-                    !newItems.some((i) => String(i.id) === String(selectedItem.id))) {
-                    newItems.push(selectedItem);
-                }
-                return newItems;
-            });
-        }
-        catch (e) {
-            setError(e?.message || 'Failed to load options');
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [refModelLC, pageSize, showKey, normalize]);
-    // load on open
-    React.useEffect(() => {
-        if (open)
-            void load(query);
-    }, [open]); // eslint-disable-line react-hooks/exhaustive-deps
-    // debounced search
-    React.useEffect(() => {
-        if (!open)
-            return;
-        const t = setTimeout(() => void load(query), 250);
-        return () => clearTimeout(t);
-    }, [query, open, load]);
-    // If we have a value but no items, try to load once to get the label
-    React.useEffect(() => {
-        if (value && items.length === 0 && !loading) {
-            void load('');
-        }
-    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
-    const getId = (r) => (typeof r.id === 'string' && r.id) ||
-        (typeof r._id === 'string' && r._id) ||
-        '';
-    const getLabel = (r) => {
-        const v = r?.[showKey];
-        return v == null ? getId(r) : String(v);
-    };
-    const topSearch = (_jsx("div", { className: "p-2", children: _jsx(Input, { size: "sm", variant: "bordered", "aria-label": `Search ${refModel}`, placeholder: `Search ${refModel}…`, value: query, onChange: (e) => setQuery(e.target.value), isClearable: true, onClear: () => setQuery(''), autoFocus: true, onKeyDown: (e) => e.stopPropagation() }) }));
-    return (_jsx("div", { className: "w-full", children: _jsx(Select, { name: name, label: label, placeholder: label, labelPlacement: "outside", className: className, classNames: {
-                // Make sure the whole trigger is clickable
-                trigger: `cursor-pointer ${stripPointerNone(classNames?.trigger)}`,
-            }, variant: "bordered", isDisabled: disabled || (loading && !items.length), isLoading: loading, isRequired: required, description: error || description, items: items, selectionMode: "single", selectedKeys: value ? new Set([String(value)]) : new Set(), onSelectionChange: (keys) => {
-                if (keys === 'all')
-                    return;
-                const v = Array.from(keys)[0];
-                onChange(v ?? null);
-            }, scrollShadowProps: {
-                isEnabled: false,
-            }, onOpenChange: setOpen, listboxProps: {
-                topContent: topSearch,
-                emptyContent: loading ? undefined : 'No results',
-            }, renderValue: (items) => {
-                return items.map((item) => (_jsx("span", { children: item.textValue }, item.key)));
-            }, children: (opt) => {
-                const key = getId(opt);
-                const text = getLabel(opt);
-                return (_jsx(SelectItem, { textValue: text, children: text }, key));
-            } }) }));
-}

package/dist/lib/schemaService.d.ts

@@ -1,2 +0,0 @@
-import { type Socket } from 'socket.io-client';
-export declare function getSchemaService(): Socket | null;

package/dist/lib/schemaService.js

@@ -1,39 +0,0 @@
-import { Manager, } from 'socket.io-client';
-const SOCKET_PATH = '/__nextmin__/schema';
-const NAMESPACE = '/schema';
-let schemaSocket = null;
-export function getSchemaService() {
-    if (typeof window === 'undefined')
-        return null; // SSR guard
-    const urlStr = process.env.NEXT_PUBLIC_NEXTMIN_API_URL || 'http://localhost:8081/rest';
-    let origin = 'http://localhost:8081';
-    try {
-        const u = new URL(urlStr);
-        origin = u.origin;
-    }
-    catch {
-        // keep default
-    }
-    // Keep a single Manager across HMR / route changes
-    const MGR_KEY = '__NM_SCHEMA_MGR__';
-    let mgr = window[MGR_KEY];
-    if (!mgr) {
-        const mgrOpts = {
-            path: SOCKET_PATH,
-            transports: ['websocket'], // avoid polling aborts on nav
-            reconnection: true,
-            reconnectionAttempts: Infinity,
-            reconnectionDelay: 500,
-            reconnectionDelayMax: 4000,
-        };
-        mgr = new Manager(origin, mgrOpts);
-        window[MGR_KEY] = mgr;
-    }
-    if (!schemaSocket) {
-        const sockOpts = {
-            auth: { apiKey: process.env.NEXT_PUBLIC_NEXTMIN_API_KEY || '' }, // <-- auth goes here
-        };
-        schemaSocket = mgr.socket(NAMESPACE, sockOpts);
-    }
-    return schemaSocket;
-}

package/dist/state/schemaLive.d.ts

@@ -1,2 +0,0 @@
-import { NextMinStore } from './store';
-export declare function startSchemaLive(store: NextMinStore): void;

package/dist/state/schemaLive.js

@@ -1,19 +0,0 @@
-'use client';
-import { setSchemas } from './schemasSlice';
-import { getSchemaService } from '../lib/schemaService';
-export function startSchemaLive(store) {
-    const sock = getSchemaService();
-    if (!sock)
-        return;
-    if (sock.__nm_bound)
-        return;
-    sock.__nm_bound = true;
-    const push = (all) => {
-        const data = Array.isArray(all) ? all : Object.values(all || {});
-        store.dispatch(setSchemas(data));
-    };
-    sock.on('schemasData', push);
-    sock.on('schemasUpdated', push);
-    sock.on('connect', () => console.log('[nextmin] schema service connected', sock.id));
-    sock.on('connect_error', (e) => console.warn('[nextmin] schema service connect_error:', e?.message));
-}