@sqrzro/admin 2.1.0-r19.39 → 2.1.0-r19.41

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface ConfigNavigationObject {
+    children?: ConfigNavigationObject[];
+    href: string;
+    label: string;
+    permission?: string;
+}
+interface AppNavigationItemProps extends ConfigNavigationObject {
+    isActive?: boolean;
+    layout?: string;
+}
+declare function AppNavigationItem({ children, href, isActive, label, layout, }: Readonly<AppNavigationItemProps>): React.ReactElement;
+export default AppNavigationItem;

package/dist/components/AppNavigationItem/index.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, tw } from '@sqrzro/components';
+import { useClickOutside } from '@sqrzro/hooks';
+import Menu from '../Menu';
+function getActiveClassNames(layout) {
+    if (layout === 'sidebar') {
+        return 'bg-slate-700 text-white';
+    }
+    return 'before:bg-primary text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-1';
+}
+function AppNavigationItem({ children, href, isActive, label, layout, }) {
+    const [isOpen, setIsOpen, node] = useClickOutside();
+    return (_jsxs("li", { ref: node, className: tw('relative', layout === 'sidebar' ? 'w-full' : 'h-full'), children: [_jsx(Link, { className: tw(layout === 'sidebar'
+                    ? 'block px-4 py-3'
+                    : 'relative flex h-full items-center px-1 font-semibold', isActive ? getActiveClassNames(layout) : 'text-white/80 hover:text-white'), href: children?.length ? undefined : href, onClick: children?.length ? () => setIsOpen(!isOpen) : undefined, children: label }), children?.length && isOpen ? _jsx(Menu, { actions: children, align: "left" }) : null] }, href));
+}
+export default AppNavigationItem;

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

@@ -0,0 +1,6 @@
+export interface BooleanBadgeProps {
+    condition: boolean;
+    labels?: [string, string];
+}
+declare function BooleanBadge({ condition, labels, }: Readonly<BooleanBadgeProps>): React.ReactElement;
+export default BooleanBadge;

package/dist/components/BooleanBadge/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Badge from '../Badge';
+const DEFAULT_LABELS = ['Yes', 'No'];
+function BooleanBadge({ condition, labels = DEFAULT_LABELS, }) {
+    return (_jsx(Badge, { variant: condition ? 'success' : 'error', children: condition ? labels[0] : labels[1] }));
+}
+export default BooleanBadge;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StyleVariant } from '@sqrzro/interfaces';
 type InfoPanelVariant = StyleVariant | 'mail';
 export interface InfoPanelProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ConfirmableAction } from '@sqrzro/interfaces';
 interface ListActionProps extends ConfirmableAction<number> {
     id: number;

package/dist/components/ListComponent copy/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { Errorable } from '@sqrzro/interfaces';
+import type { ListObject } from '../ListItem';
+import type { ListClientComponentProps } from '../ListClientComponent';
+export interface ListComponentProps<Item, Params> extends Omit<ListClientComponentProps, 'data' | 'hasFilters'> {
+    fn: (params?: Params, searchParams?: URLSearchParams) => Promise<Errorable<Item[]>>;
+    hasFilters?: boolean;
+    hasSearch?: boolean;
+    params?: Params;
+    searchParams?: URLSearchParams;
+    transformer?: (item: Item) => ListObject;
+}
+declare function ListComponent<Item extends object, Params>({ fn, hasFilters, params, searchParams, transformer, ...clientProps }: Readonly<ListComponentProps<Item, Params>>): Promise<React.ReactElement>;
+export default ListComponent;

package/dist/components/ListComponent copy/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterList } from '../../services/PermissionService';
+import ListClientComponent from '../ListClientComponent';
+function defaultTransformer() {
+    return {
+        id: '',
+        title: '',
+    };
+}
+async function ListComponent({ fn, hasFilters, params, searchParams, transformer, ...clientProps }) {
+    const [response, error] = await fn(params, searchParams);
+    if (!Array.isArray(response)) {
+        throw new Error('Response is not an array. Did you forget to return an Errorable object in the function?');
+    }
+    if (error) {
+        return _jsx("div", { children: "Error" });
+    }
+    const data = await filterList(response.map(transformer || defaultTransformer));
+    return _jsx(ListClientComponent, { data: data, hasFilters: hasFilters, ...clientProps });
+}
+export default ListComponent;

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

@@ -3,9 +3,8 @@ export interface RootLayoutProps {
     bodyClass?: string;
     children: React.ReactNode;
     config?: ConfigObject;
-    font?: string;
     logo?: () => React.ReactElement;
     message?: React.ReactNode;
 }
-declare function RootLayout({ bodyClass, children, config, font, logo, message, }: Readonly<RootLayoutProps>): React.ReactElement;
+declare function RootLayout({ bodyClass, children, config, logo, message, }: Readonly<RootLayoutProps>): React.ReactElement;
 export default RootLayout;

package/dist/components/RootLayout/index.js

@@ -1,14 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-danger */
 import { ClassNames, Toaster, tw } from '@sqrzro/components';
+import { Inter as getFont } from 'next/font/google';
 import { setConfig } from '../../services/ConfigService';
 import classNames from '../../styles/config';
 import Config from '../Config';
-function RootLayout({ bodyClass, children, config, font, logo, message, }) {
+const font = getFont({
+    subsets: ['latin'],
+    variable: '--font-sans',
+});
+function RootLayout({ bodyClass, children, config, logo, message, }) {
     if (config) {
         setConfig(config, logo);
     }
-    return (_jsxs("html", { lang: "en", children: [_jsx("head", { children: _jsx("link", { href: "/images/favicon.svg", rel: "icon" }) }), _jsxs("body", { className: tw(font, 'overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden', bodyClass), children: [_jsx("script", { dangerouslySetInnerHTML: {
+    return (_jsxs("html", { className: font.variable, lang: "en", children: [_jsx("head", { children: _jsx("link", { href: "/images/favicon.svg", rel: "icon" }) }), _jsxs("body", { className: tw('overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden', bodyClass), children: [_jsx("script", { dangerouslySetInnerHTML: {
                             __html: "(function(d){var v=d.createElement('div'),t=d.createElement('style'),s=v.style;s.overflowY='scroll';s.width='50';s.height='50';d.body.append(v);t.innerHTML='body:has([data-modal][open]){padding-right:'+(v.offsetWidth-v.clientWidth)+'px}';d.body.append(t);v.remove()}(document))",
                         } }), _jsx(Config, { data: config }), _jsx(ClassNames, { data: classNames }), _jsxs("div", { className: "flex min-h-screen flex-col", children: [message ? (_jsxs("div", { className: "sticky left-0 right-0 top-0 z-50 flex gap-2 bg-amber-500 px-4 py-2", children: [_jsx("i", { className: "h-5 w-5 bg-[url(/admin/images/warning-dark.svg)] bg-contain" }), message] })) : null, children] }), _jsx(Toaster, {})] })] }));
 }

package/dist/components/index.d.ts

@@ -7,6 +7,8 @@ export { default as AppLayout } from './AppLayout';
 export { default as AppPageNotFound } from './AppPageNotFound';
 export type { BadgeProps } from './Badge';
 export { default as Badge } from './Badge';
+export type { BooleanBadgeProps } from './BooleanBadge';
+export { default as BooleanBadge } from './BooleanBadge';
 export type { DashboardProps } from './Dashboard';
 export { default as Dashboard } from './Dashboard';
 export type { DataTableProps } from './DataTable';

package/dist/components/index.js

@@ -4,6 +4,7 @@ export { default as AppError } from './AppError';
 export { default as AppLayout } from './AppLayout';
 export { default as AppPageNotFound } from './AppPageNotFound';
 export { default as Badge } from './Badge';
+export { default as BooleanBadge } from './BooleanBadge';
 export { default as Dashboard } from './Dashboard';
 export { default as DataTable } from './DataTable';
 export { default as FilterBar } from './FilterBar';