@airoom/nextmin-react 0.1.2 → 0.1.3

package/dist/providers/NextMinProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../../dist/nextmin.css';
-export declare function NextMinProvider({ children }: {
+export declare function NextMinProvider({ children, navigate }: {
     children: React.ReactNode;
+    navigate?: (url: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/providers/NextMinProvider.js

@@ -1,9 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import '../../dist/nextmin.css';
 import { HeroUIProvider } from '@heroui/react';
-import { useRouter } from 'next/navigation';
 import { Provider, useDispatch, useSelector } from 'react-redux';
 import { nextminstore } from '../state/store';
 import { fetchSchemas } from '../state/schemasSlice';
@@ -24,7 +22,6 @@ function Bootstrapper() {
     }, [status, dispatch]);
     return null;
 }
-export function NextMinProvider({ children }) {
-    const router = useRouter();
-    return (_jsx(Provider, { store: nextminstore, children: _jsxs(HeroUIProvider, { navigate: router.push, children: [_jsx(Bootstrapper, {}), children] }) }));
+export function NextMinProvider({ children, navigate }) {
+    return (_jsx(Provider, { store: nextminstore, children: _jsxs(HeroUIProvider, { navigate: navigate, children: [_jsx(Bootstrapper, {}), children] }) }));
 }

package/dist/views/DashboardPage.js

@@ -4,56 +4,21 @@ import { useEffect, useMemo, useState } from 'react';
 import { useSelector } from 'react-redux';
 import { api } from '../lib/api';
 import { Divider, Card, CardBody } from '@heroui/react';
-function ArrowUpRightIcon(props) {
-    return (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, children: _jsx("path", { d: "M7 17L17 7M17 7H9M17 7v8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-function UsersIcon(props) {
-    return (_jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, children: [_jsx("path", { d: "M16 21v-2a4 4 0 00-4-4H7a4 4 0 00-4 4v2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("circle", { cx: "9", cy: "7", r: "4", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M22 21v-2a3 3 0 00-3-3h-2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16 3.13a4 4 0 010 7.75", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
-}
-function DoctorIcon(props) {
-    return (_jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, children: [_jsx("path", { d: "M12 12a5 5 0 100-10 5 5 0 000 10z", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M4 22v-1a7 7 0 017-7h2a7 7 0 017 7v1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M12 7v3M10.5 8.5h3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-function HospitalIcon(props) {
-    return (_jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M12 7v10M7 12h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
-function CalendarIcon(props) {
-    return (_jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "17", rx: "2", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M8 2v4M16 2v4M3 10h18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }));
-}
 export function DashboardPage() {
     const schemas = useSelector((s) => s.schemas.items);
     const status = useSelector((s) => s.schemas.status);
+    // Build cards dynamically for schemas with showCount === true
     const cards = useMemo(() => {
-        const byName = (name) => schemas.some((s) => s.modelName?.toLowerCase() === name);
-        return [
-            {
-                key: 'users',
-                label: 'Total users',
-                icon: _jsx(UsersIcon, { className: "text-primary" }),
-                colorClass: 'bg-primary/10 text-primary',
-                model: byName('users') ? 'users' : undefined,
-            },
-            {
-                key: 'doctors',
-                label: 'Total doctors',
-                icon: _jsx(DoctorIcon, { className: "text-success" }),
-                colorClass: 'bg-success/10 text-success',
-                model: byName('doctors') ? 'doctors' : undefined,
-            },
-            {
-                key: 'hospitals',
-                label: 'Total hospitals',
-                icon: _jsx(HospitalIcon, { className: "text-warning" }),
-                colorClass: 'bg-warning/10 text-warning',
-                model: byName('hospitals') ? 'hospitals' : undefined,
-            },
-            {
-                key: 'appointments',
-                label: 'Total appointments',
-                icon: _jsx(CalendarIcon, { className: "text-secondary" }),
-                colorClass: 'bg-secondary/10 text-secondary',
-                model: byName('appointments') ? 'appointments' : undefined,
-            },
-        ];
+        return (schemas || [])
+            .filter((s) => s && s.showCount === true && typeof s.modelName === 'string')
+            .map((s) => {
+            const model = s.modelName.toLowerCase();
+            return {
+                key: model,
+                label: `Total ${s.modelName}`,
+                model,
+            };
+        });
     }, [schemas]);
     const [counts, setCounts] = useState({});
     const [loading, setLoading] = useState(false);
@@ -100,8 +65,10 @@ export function DashboardPage() {
         };
     }, [cards, status]);
     return (_jsxs("div", { className: "grid gap-4 px-4", children: [_jsx("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: "Dashboard" }) }), _jsx(Divider, { className: "my-3" }), (error || loading) && (_jsx("div", { className: 'rounded-md px-3 py-2 ' +
-                    (error ? 'bg-red-100 text-red-700' : 'bg-default-100 text-default-700'), children: error || 'Loading summary…' })), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4", children: cards.map((c) => {
+                    (error
+                        ? 'bg-red-100 text-red-700'
+                        : 'bg-default-100 text-default-700'), children: error || 'Loading summary…' })), _jsx("div", { className: "rounded-md px-3 py-2 text-2xl text-center bg-default-50 text-foreground/80", children: "Welcome to your dashboard!" }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4", children: cards.map((c) => {
                     const value = counts[c.key];
-                    return (_jsx(Card, { className: "shadow-sm border border-default-200", children: _jsxs(CardBody, { className: "flex flex-row items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm text-foreground/60", children: c.label }), _jsx("div", { className: "text-2xl font-semibold mt-1", children: value == null ? '—' : value })] }), _jsx("div", { className: `h-10 w-10 rounded-md flex items-center justify-center ${c.colorClass}`, children: c.icon })] }) }, c.key));
+                    return (_jsx(Card, { className: "shadow-sm border border-default-200", children: _jsx(CardBody, { className: "flex flex-row items-center justify-start gap-3", children: _jsxs("div", { children: [_jsx("div", { className: "text-sm text-foreground/60", children: c.label }), _jsx("div", { className: "text-2xl font-semibold mt-1", children: value == null ? '—' : value })] }) }) }, c.key));
                 }) })] }));
 }

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

@@ -1,6 +1,6 @@
 type Props = {
     title: string;
-    createHref: string;
+    createHref?: string;
     hideCreate?: boolean;
     loading?: boolean;
 };

package/dist/views/list/ListHeader.js

@@ -3,5 +3,5 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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" })] }));
+    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" })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@airoom/nextmin-react",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
   "main": "./dist/index.js",