@sqrzro/admin 2.1.0-bz.14 → 2.1.0-bz.15

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 export interface AppLayoutProps {
     children: React.ReactNode;
+    layout?: string;
     user?: {
         name: string;
     } | null;
 }
-declare function AppLayout({ children, user }: Readonly<AppLayoutProps>): React.ReactElement;
+declare function AppLayout({ children, layout, user }: Readonly<AppLayoutProps>): React.ReactElement;
 export default AppLayout;

package/dist/components/AppLayout/index.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container, Link, tw } from '@sqrzro/components';
-import { cookies } from 'next/headers';
 import { getConfig } from '../../services/ConfigService';
 import AppNavigation from '../AppNavigation';
 import MePanel from '../MePanel';
-function AppLayout({ children, user }) {
+function AppLayout({ children, layout, user }) {
     const config = getConfig();
-    const layout = cookies().get('layout')?.value || 'topbar';
     return (_jsxs("div", { className: tw('', layout === 'sidebar' ? 'grid grid-cols-[12rem_1fr]' : null), children: [_jsx("header", { className: "bg-slate-800", children: _jsx(Container, { isFullWidth: true, children: _jsxs("div", { className: tw('flex h-16 items-center border-b border-slate-700', layout === 'sidebar' ? 'h-screen flex-col' : null), children: [_jsxs(Link, { className: "h-9 w-9", href: "/", children: [config.logo?.(), _jsx("span", { className: "sr-only", children: config.app.name })] }), _jsx(AppNavigation, {}), _jsx(MePanel, { user: user })] }) }) }), _jsx("main", { className: "mb-10 block", children: children })] }));
 }
 export default AppLayout;

package/dist/components/Auth/index.js

@@ -3,8 +3,11 @@ import { Auth as AuthComponent } from '@sqrzro/components';
 const classNames = {
     root: 'bg-slate-800 gap-8',
     logo: 'mx-auto flex h-12 w-32 items-end',
-    panel: 'rounded bg-white p-8 shadow-lg',
-    title: 'text-lg font-semibold mb-4 leading-none',
+    panel: 'rounded bg-white p-8 shadow-lg pb-10',
+    title: 'text-lg font-semibold mb-6 leading-none',
+    link: 'font-semibold text-link',
+    actions: 'pt-2 w-full',
+    footer: '-mb-2',
 };
 function Auth(props) {
     return _jsx(AuthComponent, { ...props, classNames: classNames });

package/dist/components/List/index.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
 import { EmptyMessage, tw } from '@sqrzro/components';
-import { headers } from 'next/headers';
 import FilterBar from '../FilterBar';
 import ListItem from '../ListItem';
 function defaultTransformer() {
@@ -11,7 +10,14 @@ function defaultTransformer() {
     };
 }
 async function List({ actions, columns, emptyMessageProps, filters, fn, hasSearch, params, renderItem = ListItem, transformer, }) {
-    const searchParams = new URLSearchParams(headers().get('x-search-params') || '');
+    let searchParams;
+    try {
+        const { headers } = await import('next/headers');
+        searchParams = new URLSearchParams(headers().get('x-search-params') || '');
+    }
+    catch (err) {
+        searchParams = new URLSearchParams();
+    }
     const [response, error] = await fn(params || {}, searchParams);
     if (error) {
         return _jsx("div", { children: "Error" });

package/dist/styles/config.js

@@ -8,7 +8,7 @@ const classNames = twx({
         root: {
             danger: 'border-red-500 bg-red-500 text-white',
             default: tw('text-md h-10 rounded border border-slate-300 bg-white px-5 text-slate-600', props?.isFullWidth ? 'w-full' : null),
-            primary: 'bg-button-bg text-button-text border-none font-semibold', // shadow-[inset_rgba(255,255,255,0.2)_0_20px]
+            primary: 'bg-button-bg text-button-text border-none font-semibold',
         },
     }),
     calendar: () => ({
@@ -30,7 +30,7 @@ const classNames = twx({
     codeInput: () => ({
         input: {
             default: 'focus:border-primary h-10 rounded border border-slate-300 text-center',
-            error: 'border-red-700',
+            error: 'border-red-500',
         },
     }),
     editableFieldset: () => ({
@@ -69,7 +69,7 @@ const classNames = twx({
         label: tw('flex font-semibold leading-none', props?.isEditable ? 'items-center' : 'mb-2 justify-between'),
         details: 'mb-2 text-xs font-normal leading-none text-slate-500',
         optional: 'pl-2 text-xs font-normal leading-none text-slate-500',
-        error: 'mt-2 flex items-center gap-2 text-red-700 before:h-4 before:w-4 before:rounded-full before:bg-[url(/images/icons/error.svg)]',
+        error: 'mt-2 flex items-center gap-2 text-red-700 before:h-4 before:w-4 before:rounded-full before:bg-[url(/admin/images/error.svg)]',
     }),
     imageInput: () => ({
         root: 'h-64 rounded border border-slate-300 bg-slate-50 p-8',
@@ -99,7 +99,7 @@ const classNames = twx({
     staticTextInput: () => ({
         root: {
             default: 'text-md h-10 rounded border border-slate-300 bg-white px-3',
-            error: 'border-red-700',
+            error: 'border-red-500',
         },
     }),
     switch: () => ({
@@ -118,7 +118,7 @@ const classNames = twx({
     textArea: () => ({
         root: {
             default: 'text-md focus:border-primary rounded border border-slate-300 px-3 py-2',
-            error: 'border-red-700',
+            error: 'border-red-500',
         },
     }),
     textButton: () => ({
@@ -127,7 +127,7 @@ const classNames = twx({
     textInput: () => ({
         root: {
             default: 'text-md focus:border-primary h-10 rounded border border-slate-300 px-3',
-            error: 'border-red-700',
+            error: 'border-red-500',
         },
     }),
     toast: () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqrzro/admin",
-  "version": "2.1.0-bz.14",
+  "version": "2.1.0-bz.15",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",