@sqrzro/admin 4.0.0-alpha.16 → 4.0.0-alpha.18

package/dist/components/AdminAppLayout/index.d.ts

@@ -1,9 +1,14 @@
-import type { AdminConfig, User } from '../../utility/interfaces';
+import { NavigationObject } from '@sqrzro/ui/navigation';
+import type { User } from '../../utility/interfaces';
 interface AdminAppLayoutProps {
     readonly children: React.ReactNode;
-    readonly config?: AdminConfig;
     readonly logo?: React.ReactNode;
+    readonly navigation?: NavigationObject[];
+    readonly site?: {
+        name: string;
+        url: string;
+    };
     readonly userFn?: () => Promise<User>;
 }
-declare function AdminAppLayout({ children, config, logo, userFn, }: AdminAppLayoutProps): React.ReactElement;
+declare function AdminAppLayout({ children, logo, navigation, site, userFn, }: AdminAppLayoutProps): React.ReactElement;
 export default AdminAppLayout;

package/dist/components/AdminAppLayout/index.js

@@ -3,7 +3,7 @@ import { Suspense } from 'react';
 import { Link } from '@sqrzro/ui/components';
 import { AppNavigation } from '@sqrzro/ui/navigation';
 import MePanel from '../MePanel';
-function AdminAppLayout({ children, config, logo, userFn, }) {
-    return (_jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx("header", { className: "relative bg-slate-800 shadow-lg", children: _jsxs("div", { className: "flex h-16 items-center border-b border-slate-700 px-4", children: [_jsxs(Link, { className: "h-9 w-9", href: "/", children: [logo, _jsx("span", { className: "sr-only", children: config?.site.name })] }), _jsx(AppNavigation, { data: config?.navigation || [] }), _jsx(Suspense, { children: _jsx(MePanel, { userFn: userFn }) })] }) }), _jsx("main", { className: "mb-10 flex flex-1 flex-col", children: children })] }));
+function AdminAppLayout({ children, logo, navigation, site, userFn, }) {
+    return (_jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx("header", { className: "relative bg-slate-800 shadow-lg", children: _jsxs("div", { className: "flex h-16 items-center border-b border-slate-700 px-4", children: [_jsxs(Link, { className: "h-9 w-9", href: "/", children: [logo, _jsx("span", { className: "sr-only", children: site?.name })] }), _jsx(AppNavigation, { data: navigation || [] }), _jsx(Suspense, { children: _jsx(MePanel, { userFn: userFn }) })] }) }), _jsx("main", { className: "mb-10 flex flex-1 flex-col", children: children })] }));
 }
 export default AdminAppLayout;

package/dist/styles/classnames.js

@@ -89,9 +89,10 @@ const classNameConfig = twx({
     },
     dropdown: {
         item: {
-            default: 'block border-b border-slate-100 p-3 text-sm text-slate-700',
+            default: 'flex flex-col items-start justify-center gap-1.5 border-b border-slate-100 p-3',
             states: { isSelected: 'bg-slate-100' },
         },
+        details: 'text-xs leading-none text-slate-500',
     },
     editableForm: {
         root: 'page-content-block grid grid-cols-[25%_1fr] gap-20 rounded bg-white p-8 shadow',
@@ -159,7 +160,10 @@ const classNameConfig = twx({
         },
         details: 'mb-2 text-xs font-normal text-slate-500',
         optional: 'pl-2 text-xs font-normal leading-none text-slate-500',
-        error: 'text-error mt-2 flex items-start gap-1.5 before:mt-0.5 before:h-4 before:w-4 before:flex-none before:rounded-full before:bg-[url(/admin/images/danger.svg)] before:bg-contain',
+        error: {
+            default: 'text-error mt-2 flex items-start gap-1.5',
+            props: { isEditable: 'col-start-2' },
+        },
     },
     infoPanel: {
         root: {
@@ -254,11 +258,11 @@ const classNameConfig = twx({
     },
     staticTextInput: {
         root: {
-            default: 'text-md flex min-h-10 flex-col justify-center rounded border border-slate-300 bg-white p-3',
+            default: 'text-md flex min-h-10 flex-col items-start justify-center gap-1.5 rounded border border-slate-300 bg-white p-3',
             states: { isError: 'border-red-500' },
         },
         label: 'block leading-none',
-        details: 'mt-1.5 block text-xs leading-none text-slate-500',
+        details: 'block text-xs leading-none text-slate-500',
         placeholder: 'block leading-none text-slate-400',
         icon: 'mr-2 h-4 w-4 rounded-full bg-slate-500 text-white',
         clear: 'mr-2 h-4 w-4 flex-none rounded-full border border-slate-500 text-slate-600',

package/dist/styles/icons.js

@@ -1,5 +1,5 @@
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, EyeIcon, EyeSlashIcon, XMarkIcon, } from '@heroicons/react/16/solid';
-import { ArrowUpTrayIcon, CheckCircleIcon, XCircleIcon } from '@heroicons/react/24/outline';
+import { ArrowUpTrayIcon, CheckCircleIcon, ExclamationCircleIcon, XCircleIcon, } from '@heroicons/react/24/outline';
 const iconConfig = {
     'appNavigation.menu': ChevronDownIcon,
     'calendar.next': ChevronRightIcon,
@@ -8,6 +8,7 @@ const iconConfig = {
     'csvInput.upload': ArrowUpTrayIcon,
     'dropdown.control': ChevronDownIcon,
     'filter.clear': XCircleIcon,
+    'formField.error': ExclamationCircleIcon,
     'passwordComplexity.invalid': XCircleIcon,
     'passwordComplexity.valid': CheckCircleIcon,
     'passwordInput.visible': EyeIcon,

package/dist/utility/interfaces.d.ts

@@ -1,8 +1,3 @@
-import { AppConfig } from '@sqrzro/config';
-import type { NavigationObject } from '@sqrzro/ui/navigation';
-export interface AdminConfig extends AppConfig {
-    navigation: NavigationObject[];
-}
 export interface User {
     id: string;
     name: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "4.0.0-alpha.16",
+  "version": "4.0.0-alpha.18",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
@@ -23,9 +23,8 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwindcss": "^4.2.1",
-    "@sqrzro/addon-auth": "^4.0.0-alpha.6",
-    "@sqrzro/config": "^4.0.0-alpha.3",
-    "@sqrzro/ui": "^4.0.0-alpha.41"
+    "@sqrzro/addon-auth": "^4.0.0-alpha.8",
+    "@sqrzro/ui": "^4.0.0-alpha.46"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",