@airoom/nextmin-react 0.1.0

package/dist/views/list/ListHeader.js

@@ -0,0 +1,7 @@
+'use client';
+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 && (_jsx(Link, { href: createHref, children: _jsx(Button, { size: "sm", color: "primary", isDisabled: loading, children: "Create" }) })) })] }), _jsx(Divider, { className: "my-3" })] }));
+}

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

@@ -0,0 +1,8 @@
+type Props = {
+    page: number;
+    pageCount: number;
+    onPrev: () => void;
+    onNext: () => void;
+};
+export declare function Pagination({ page, pageCount, onPrev, onNext }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/views/list/Pagination.js

@@ -0,0 +1,5 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Pagination({ page, pageCount, onPrev, onNext }) {
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { onClick: onPrev, disabled: page === 0, children: "Prev" }), _jsxs("span", { children: ["Page ", page + 1, " / ", pageCount] }), _jsx("button", { onClick: onNext, disabled: page + 1 >= pageCount, children: "Next" })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function formatAtom(v: any): string;
+export declare function formatCell(val: any, key?: string): string;

package/dist/views/list/formatters.js

@@ -0,0 +1,62 @@
+function isCreatedOrUpdated(key) {
+    const k = (key || '').toLowerCase().replace(/[^a-z]/g, '');
+    return k === 'createdat' || k === 'updatedat';
+}
+function tryParseDate(val) {
+    if (val == null)
+        return null;
+    // Handle numeric timestamps (ms or s)
+    if (typeof val === 'number') {
+        const ms = val < 1e11 ? val * 1000 : val; // heuristic: 10/13-digit
+        const d = new Date(ms);
+        return isNaN(d.getTime()) ? null : d;
+    }
+    // ISO string / Date
+    const d = new Date(val);
+    return isNaN(d.getTime()) ? null : d;
+}
+function formatLongDate(d) {
+    const day = d.getDate(); // no leading zero: "1 August, 2025"
+    const month = d.toLocaleString('en', { month: 'long' });
+    const year = d.getFullYear();
+    return `${day} ${month}, ${year}`; // "13 August, 2025"
+}
+export function formatAtom(v) {
+    if (v == null)
+        return '';
+    if (typeof v === 'string')
+        return v;
+    if (typeof v === 'number' || typeof v === 'boolean')
+        return String(v);
+    if (v && typeof v === 'object') {
+        // Common cases: show human-friendly fields if present
+        if (typeof v.name === 'string')
+            return v.name;
+        if (typeof v.title === 'string')
+            return v.title;
+        if (typeof v.id === 'string')
+            return v.id;
+        try {
+            return JSON.stringify(v);
+        }
+        catch {
+            return String(v);
+        }
+    }
+    return String(v);
+}
+export function formatCell(val, key) {
+    if (val == null)
+        return '';
+    // Only format dates for createdAt / updatedAt columns
+    if (isCreatedOrUpdated(key)) {
+        const d = tryParseDate(val);
+        if (d)
+            return formatLongDate(d);
+    }
+    if (Array.isArray(val))
+        return val.map(formatAtom).join(', ');
+    if (typeof val === 'object')
+        return formatAtom(val);
+    return String(val);
+}

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

@@ -0,0 +1,10 @@
+import { type ListParams } from '../../lib/api';
+export type ListState<T = unknown> = {
+    rows: T[];
+    total: number;
+    loading: boolean;
+    forbidden: boolean;
+    err: string | null;
+};
+export declare function useListData<T = unknown>(model: string, page: number, // 1-based
+pageSize: number, filters?: ListParams): [ListState<T>, () => Promise<void>];

package/dist/views/list/useListData.js

@@ -0,0 +1,79 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { api, ApiError } from '../../lib/api';
+export function useListData(model, page, // 1-based
+pageSize, filters = {}) {
+    const [state, setState] = useState({
+        rows: [],
+        total: 0,
+        loading: true,
+        forbidden: false,
+        err: null,
+    });
+    const cancelledRef = useRef(false);
+    const filtersKey = JSON.stringify(filters);
+    const load = useCallback(async () => {
+        setState((s) => ({ ...s, loading: true, forbidden: false, err: null }));
+        try {
+            const res = await api.list(model, Math.max(0, page - 1), pageSize, filters);
+            if (cancelledRef.current)
+                return;
+            // Support both {data, pagination} and {rows, total}
+            const rows = res?.data ??
+                (Array.isArray(res?.rows) ? res.rows : []) ??
+                [];
+            const totalServer = res?.pagination?.totalRows ??
+                (typeof res?.total === 'number'
+                    ? res.total
+                    : undefined);
+            const total = typeof totalServer === 'number'
+                ? totalServer
+                : Array.isArray(rows)
+                    ? rows.length
+                    : 0;
+            setState({
+                rows: Array.isArray(rows) ? rows : [],
+                total,
+                loading: false,
+                forbidden: false,
+                err: null,
+            });
+        }
+        catch (e) {
+            if (cancelledRef.current)
+                return;
+            if (e instanceof ApiError && (e.status === 401 || e.status === 403)) {
+                setState({
+                    rows: [],
+                    total: 0,
+                    loading: false,
+                    forbidden: true,
+                    err: e.message ||
+                        (e.status === 401 ? 'Not authenticated' : 'Not permitted'),
+                });
+            }
+            else {
+                const msg = e?.message?.toString() ??
+                    'Failed to load data';
+                setState({
+                    rows: [],
+                    total: 0,
+                    loading: false,
+                    forbidden: false,
+                    err: msg,
+                });
+            }
+        }
+    }, [model, page, pageSize, filtersKey]);
+    useEffect(() => {
+        cancelledRef.current = false;
+        void load();
+        return () => {
+            cancelledRef.current = true;
+        };
+    }, [load]);
+    const refetch = useCallback(async () => {
+        await load();
+    }, [load]);
+    return [state, refetch];
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@airoom/nextmin-react",
+  "version": "0.1.0",
+  "license": "SEE LICENSE IN LICENSE",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/nextmin.css"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "tsconfig.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.json && npm run build: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$')"
+  },
+  "dependencies": {
+    "@googlemaps/js-api-loader": "^1.16.10",
+    "@heroui/react": "^2.8.2",
+    "@heroui/use-infinite-scroll": "^2.2.10",
+    "@internationalized/date": "^3.9.0",
+    "@reduxjs/toolkit": "^2.8.2",
+    "framer-motion": "^12.23.12",
+    "react": "*",
+    "react-dom": "*",
+    "react-redux": ">=9",
+    "socket.io-client": "^4.7.5"
+  },
+  "devDependencies": {
+    "@types/google.maps": "^3.58.1",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.17"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020",
+    "types": ["google.maps", "node"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "sourceMap": false
+  },
+  "include": ["src"]
+}