@sqrzro/admin 2.1.0-bz.18 → 2.1.0-bz.19

package/dist/components/ListItem/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isValidElement } from 'react';
+import { Link, tw } from '@sqrzro/components';
+import { filterNull } from '@sqrzro/utility';
+import ListActions from '../ListActions';
+function getKey(item) {
+    if (isValidElement(item)) {
+        return item.key;
+    }
+    return String(item);
+}
+export function renderMeta(id, meta) {
+    if (!meta) {
+        return null;
+    }
+    if (Array.isArray(meta)) {
+        return (_jsx("ul", { className: "flex items-center gap-4 text-xs text-slate-500", "data-testid": `list-item-meta--${id}`, children: filterNull(meta).map((item) => (_jsx("li", { children: item }, getKey(item)))) }));
+    }
+    return (_jsx("table", { className: "w-full text-xs", children: _jsx("tbody", { children: Object.entries(meta).map(([key, value]) => (_jsxs("tr", { className: "odd:bg-slate-100", children: [_jsx("th", { className: "p-2 font-semibold", children: key }), _jsx("td", { className: "p-2 text-right", children: value || '-' })] }, key))) }) }));
+}
+function ListItem({ actions, description, href, id, isMinimal, meta, secondary, tertiary, title, }) {
+    return (_jsx("li", { children: _jsx("article", { className: tw('@container', isMinimal
+                ? 'border-b border-slate-200 pb-4'
+                : 'bg-panel rounded p-4 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]'), "data-testid": `list-item-root--${id}`, children: _jsxs("div", { className: "grid grid-cols-[3fr_2fr_2fr_auto]", children: [_jsxs("div", { children: [title ? (_jsx("h2", { className: "text-base font-semibold", "data-testid": `list-item-title--${id}`, children: href ? _jsx(Link, { href: href, children: title }) : title })) : null, description, meta ? (_jsx("div", { className: tw(isMinimal ? 'mt-1' : 'mt-2 flex items-center justify-between'), children: meta ? renderMeta(id, meta) : null })) : null] }), tertiary ? (_jsx("div", { className: "flex h-full flex-col justify-center", children: tertiary })) : null, secondary ? (_jsxs("div", { className: "col-start-3 text-right", children: [secondary.title ? (_jsx("p", { className: "text-base font-semibold", children: secondary.title })) : null, secondary.description ? (_jsx("div", { className: "text-xs text-slate-500", children: secondary.description })) : null, secondary.meta ? (_jsx("ul", { className: "flex items-center justify-end gap-4 text-xs text-slate-500", children: filterNull(secondary.meta).map((item) => (_jsx("li", { children: item }, getKey(item)))) })) : null] })) : null, actions ? (_jsx("div", { className: "h-5 self-center pl-6", children: _jsx(ListActions, { actions: actions, id: id }) })) : null] }) }) }));
+}
+export default ListItem;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+interface ListSkeletonProps {
+}
+declare function ListSkeleton({}: Readonly<ListSkeletonProps>): React.ReactElement;
+export default ListSkeleton;

package/dist/components/ListSkeleton/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ListSkeleton({}) {
+    return (_jsx("div", { className: "relative flex flex-col gap-4", children: Array.from({ length: 4 }).map((item, index) => (_jsxs("div", { className: "grid grid-cols-[auto_auto] grid-rows-[auto_auto] gap-2 rounded bg-white p-4 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [_jsx("div", { className: "h-7 w-64 bg-slate-200" }), _jsx("div", { className: "row-start-2 h-4 w-24 bg-slate-200" }), _jsx("div", { className: "col-start-2 flex justify-end", children: _jsx("div", { className: "col-start-2 h-7 w-24 bg-slate-200" }) }), _jsx("div", { className: "col-start-2 row-start-2 flex justify-end", children: _jsx("div", { className: "h-4 w-36 bg-slate-200" }) })] }, index))) }));
+}
+export default ListSkeleton;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function MeActions(): React.ReactElement;
+export default MeActions;

package/dist/components/MeActions/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from '@sqrzro/components';
+function MeActions() {
+    return (_jsxs("ul", { className: "flex gap-2 text-xs text-slate-300", children: [_jsx("li", { children: _jsx(Link, { href: "/settings", children: "Settings" }) }), _jsx("li", {})] }));
+}
+export default MeActions;

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

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

package/dist/components/MePanel/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tw } from '@sqrzro/components';
+import MeActions from '../MeActions';
+function MePanel({ layout, user }) {
+    return (_jsxs("div", { className: tw('flex gap-3', layout === 'sidebar' ? 'w-full p-4' : 'ml-auto items-center'), children: [_jsxs("div", { className: tw('flex flex-col gap-0.5 text-white', layout === 'sidebar' ? '' : 'items-end'), children: [_jsx("strong", { children: user?.name }), _jsx(MeActions, {})] }), layout === 'sidebar' ? null : (_jsx("div", { className: "h-9 w-9 flex-none rounded-full border-4 border-slate-500" }))] }));
+}
+export default MePanel;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ConfirmableAction, LinkableAction } from '@sqrzro/interfaces';
+interface MenuProps {
+    actions: (ConfirmableAction & LinkableAction)[];
+    align: 'left' | 'right';
+}
+declare function Menu({ actions, align }: Readonly<MenuProps>): React.ReactElement;
+export default Menu;

package/dist/components/Menu/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputPanel } from '@sqrzro/components';
+import MenuItem from '../MenuItem';
+function Menu({ actions, align }) {
+    return (_jsx(InputPanel, { align: align, children: _jsx("ul", { children: actions.map((item) => (_jsx("li", { children: _jsx(MenuItem, { ...item }) }, item.label))) }) }));
+}
+export default Menu;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ConfirmableAction, LinkableAction } from '@sqrzro/interfaces';
+type MenuItemProps = ConfirmableAction & LinkableAction;
+declare function MenuItem({ href, isConfirmable, label, onClick, variant, }: Readonly<MenuItemProps>): React.ReactElement;
+export default MenuItem;

package/dist/components/MenuItem/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfirmableButton, Link, tw } from '@sqrzro/components';
+const classMap = {
+    danger: 'text-red-700',
+    error: 'text-red-700',
+    info: 'text-sky-700',
+    warning: 'text-yellow-700',
+    success: 'text-green-700',
+};
+function MenuItem({ href, isConfirmable, label, onClick, variant, }) {
+    const classNames = tw('whitespace-nowrap p-2 px-3 text-sm text-slate-700', variant ? classMap[variant] : null);
+    if (!href) {
+        if (isConfirmable) {
+            return (_jsx(ConfirmableButton, { classNames: { root: { default: classNames } }, onClick: onClick, type: "button", children: label }));
+        }
+        return (_jsx("button", { className: classNames, onClick: onClick, type: "button", children: label }));
+    }
+    return (_jsx(Link, { className: classNames, href: href, onClick: onClick, children: label }));
+}
+export default MenuItem;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { LinkableAction } from '@sqrzro/interfaces';
+import type { NavigationAction } from '../../interfaces';
+export interface PageProps {
+    actions?: LinkableAction[];
+    basePath?: string;
+    children: React.ReactNode;
+    icon?: string;
+    isFullWidth?: boolean;
+    tabs?: (NavigationAction | null)[];
+    title: string;
+}
+declare function Page({ basePath, children, icon, isFullWidth, tabs, title, }: Readonly<PageProps>): Promise<React.ReactElement>;
+export default Page;

package/dist/components/Page/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Container, tw } from '@sqrzro/components';
+import { filterNull } from '@sqrzro/utility';
+import { getLayout } from '../../services/SettingsService';
+import Tabs from '../Tabs';
+async function Page({ basePath, children, icon, isFullWidth, tabs, title, }) {
+    const layout = await getLayout();
+    return (_jsxs(Fragment, { children: [_jsx("header", { className: tw(layout === 'sidebar' ? 'bg-slate-200' : 'bg-slate-800 pb-16 text-white'), children: _jsxs(Container, { isFullWidth: layout === 'sidebar' || isFullWidth, children: [_jsxs("div", { className: tw('flex items-center justify-between', layout === 'sidebar' ? 'py-8' : 'py-10'), children: [_jsxs("h1", { className: "flex min-h-10 items-center text-3xl font-semibold", children: [icon ? (_jsx("i", { className: tw('mr-3 h-10 w-10 rounded-full border-4 border-blue-300/50 bg-blue-300 bg-clip-padding', icon) })) : null, title] }), _jsx("div", { className: "flex gap-2", id: "page-actions" })] }), tabs ? (_jsx("div", { className: tw('', layout === 'sidebar' ? '' : '-mt-4 mb-8 border-b border-slate-700'), children: _jsx(Tabs, { basePath: basePath, data: filterNull(tabs) }) })) : null] }) }), _jsx(Container, { isFullWidth: layout === 'sidebar' || isFullWidth, children: _jsx("div", { className: tw('@container flex flex-col gap-8', layout === 'sidebar' ? 'mt-8' : '-mt-16'), children: children }) })] }));
+}
+export default Page;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface PageActionsProps {
+    children: React.ReactNode;
+}
+declare function PageActions({ children }: Readonly<PageActionsProps>): React.ReactElement | null;
+export default PageActions;

package/dist/components/PageActions/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+function PageActions({ children }) {
+    const ref = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        ref.current = document.getElementById('page-actions');
+        setMounted(true);
+    }, []);
+    return mounted && ref.current ? createPortal(children, ref.current) : null;
+}
+export default PageActions;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { LinkableAction } from '@sqrzro/interfaces';
+export interface PanelProps {
+    action?: LinkableAction;
+    children: React.ReactNode;
+    title?: string;
+}
+declare function Panel({ action, children, title }: Readonly<PanelProps>): React.ReactElement;
+export default Panel;

package/dist/components/Panel/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@sqrzro/components';
+function Panel({ action, children, title }) {
+    return (_jsxs("article", { className: "@container bg-panel relative rounded p-6 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [title ? (_jsxs("header", { className: "mb-4 flex justify-between border-b border-slate-200", children: [_jsx("h3", { className: "pb-3 text-lg font-semibold leading-none", children: title }), action ? _jsx(Button, { href: action.href, children: action.label }) : null] })) : null, children] }));
+}
+export default Panel;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { Config as ConfigObject } from '../../services/ConfigService';
+export interface RootLayoutProps {
+    children: React.ReactNode;
+    config?: ConfigObject;
+    font?: string;
+    logo?: () => React.ReactElement;
+}
+declare function RootLayout({ children, config, font, logo, }: Readonly<RootLayoutProps>): React.ReactElement;
+export default RootLayout;

package/dist/components/RootLayout/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/no-danger */
+import { ClassNames, Toaster, tw } from '@sqrzro/components';
+import { setConfig } from '../../services/ConfigService';
+import classNames from '../../styles/config';
+import Config from '../Config';
+function RootLayout({ children, config, font, logo, }) {
+    if (config) {
+        setConfig(config, logo);
+    }
+    return (_jsxs("html", { lang: "en", children: [_jsx("head", {}), _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'), 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 }), children, _jsx(Toaster, {})] })] }));
+}
+export default RootLayout;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { SettingsFormFields } from '../../services/SettingsService';
+interface SettingsFormProps {
+    defaults: Partial<SettingsFormFields>;
+}
+declare function SettingsForm({ defaults }: Readonly<SettingsFormProps>): JSX.Element;
+export default SettingsForm;

package/dist/components/SettingsForm/index.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableForm, EditableRadioFormField, EditableSwitchFormField } from '@sqrzro/components';
+import { useEditableForm } from '@sqrzro/hooks';
+import { submitSettingsForm } from '../../services/SettingsService';
+const options = { sidebar: 'Side bar', topbar: 'Top bar' };
+function SettingsForm({ defaults }) {
+    const { fieldProps, formProps } = useEditableForm({
+        defaults,
+        onSubmit: submitSettingsForm,
+    });
+    return (_jsxs(EditableForm, { title: "Appearance", ...formProps, children: [_jsx(EditableRadioFormField, { ...fieldProps('layout'), options: options, renderValue: (value) => (value ? options[value] || '-' : '-') }), _jsx(EditableSwitchFormField, { ...fieldProps('isDark'), label: "Dark mode" })] }));
+}
+export default SettingsForm;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SettingsPage(): Promise<React.ReactElement>;
+export default SettingsPage;

package/dist/components/SettingsPage/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getLayout } from '../../services/SettingsService';
+import Page from '../Page';
+import SettingsForm from '../SettingsForm';
+async function SettingsPage() {
+    const layout = await getLayout();
+    return (_jsx(Page, { title: "Settings", children: _jsx("div", { className: "flex flex-col gap-6", children: _jsx(SettingsForm, { defaults: { layout } }) }) }));
+}
+export default SettingsPage;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Errorable } from '@sqrzro/interfaces';
+import type { TableClientComponentProps } from '../TableClientComponent';
+export interface TableProps<T> extends Omit<TableClientComponentProps, 'data'> {
+    fn: (filters?: Record<string, string>) => Promise<Errorable<T[]>>;
+    searchParams?: Record<string, string>;
+}
+declare function Table<T>({ columns, fn, searchParams, }: Readonly<TableProps<T>>): Promise<React.ReactElement>;
+export default Table;

package/dist/components/Table/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TableClientComponent from '../TableClientComponent';
+function defaultTransformer(item) {
+    return {
+        id: item.id,
+        ...item,
+    };
+}
+async function Table({ columns, fn, searchParams, }) {
+    const [response, error] = await fn(searchParams);
+    if (error) {
+        return _jsx("div", { children: "Error" });
+    }
+    const data = response.map(defaultTransformer);
+    return _jsx(TableClientComponent, { columns: columns, data: data });
+}
+export default Table;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface TableItemObject {
+    [key: string]: string;
+    id: string;
+}
+export interface TableColumnObject {
+    key: string;
+    title?: string;
+    type?: 'number' | 'string';
+}
+export interface TableClientComponentProps {
+    columns: string[] | TableColumnObject[];
+    data: TableItemObject[];
+}
+declare function TableClientComponent({ columns, data, }: Readonly<TableClientComponentProps>): React.ReactElement;
+export default TableClientComponent;

package/dist/components/TableClientComponent/index.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Link, tw } from '@sqrzro/components';
+import { usePathname, useSearchParams } from 'next/navigation';
+function createFilterLink(pathname, searchParams, filters) {
+    const updatedSearchParams = new URLSearchParams({
+        ...Object.fromEntries(searchParams),
+        ...filters,
+    });
+    return `${pathname}?${updatedSearchParams.toString()}`;
+}
+function getDir(currentDir, isSortActive) {
+    if (isSortActive) {
+        return currentDir === 'asc' ? 'desc' : 'asc';
+    }
+    return 'asc';
+}
+function createSortLink(pathname, searchParams, sort) {
+    const dir = getDir(searchParams.get('dir'), searchParams.get('sort') === sort);
+    return createFilterLink(pathname, searchParams, { sort, dir });
+}
+function getSortIconProps(searchParams, sort) {
+    if (searchParams.get('sort') === sort) {
+        return { dir: searchParams.get('dir') };
+    }
+    return { dir: null };
+}
+function isStringArray(array) {
+    return array.every((item) => typeof item === 'string');
+}
+function parseColumns(columns) {
+    if (columns.length === 0) {
+        return [];
+    }
+    if (isStringArray(columns)) {
+        return columns.map((key) => ({ key }));
+    }
+    return columns;
+}
+function TableClientComponent({ columns, data, }) {
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const parsedColumns = parseColumns(columns);
+    const hasTitles = parsedColumns.some((column) => column.title);
+    return (_jsx("div", { className: "bg-white shadow-sm", children: _jsxs("table", { className: "w-full", children: [hasTitles ? (_jsx("thead", { children: _jsx("tr", { children: parsedColumns.map((column) => (_jsx("th", { className: tw('p-4', column.type === 'number' ? 'text-right' : 'text-left'), children: column.title ? (_jsxs(Link, { href: createSortLink(pathname, searchParams, column.key), children: [column.title, ' '] })) : null }, column.key))) }) })) : null, _jsx("tbody", { children: data.map((item) => (_jsx("tr", { className: "odd:bg-slate-100", children: parsedColumns.map((column) => (_jsx("td", { className: tw('border-x border-transparent p-4', getSortIconProps(searchParams, column.key).dir
+                                ? 'border-sky-300 bg-sky-300/10'
+                                : '', column.type === 'number' ? 'text-right' : 'text-left'), children: item[column.key] }, column.key))) }, item.id))) })] }) }));
+}
+export default TableClientComponent;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TabsComponentProps } from '../TabsComponent';
+declare function Tabs({ basePath, data }: Readonly<TabsComponentProps>): Promise<React.ReactElement>;
+export default Tabs;

package/dist/components/Tabs/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterNull } from '@sqrzro/utility';
+import { filterList } from '../../services/PermissionService';
+import TabsComponent from '../TabsComponent';
+async function Tabs({ basePath, data }) {
+    return _jsx(TabsComponent, { basePath: basePath, data: await filterList(filterNull(data)) });
+}
+export default Tabs;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { NavigationAction } from '../../interfaces';
+export interface TabsComponentProps {
+    basePath?: string;
+    data: NavigationAction[];
+}
+declare function TabsComponent({ basePath, data }: Readonly<TabsComponentProps>): React.ReactElement;
+export default TabsComponent;

package/dist/components/TabsComponent/index.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link, tw } from '@sqrzro/components';
+import useNavigation from '../../hooks/useNavigation';
+function TabsComponent({ basePath = '', data }) {
+    const navigation = useNavigation(data, { basePath });
+    return (_jsx("nav", { children: _jsx("ul", { className: "flex gap-4", children: navigation.map(({ href, isActive, label }) => (_jsx("li", { children: _jsx(Link, { className: tw('block border-b-4 border-transparent px-1 pb-2 font-semibold', isActive ? 'border-primary' : 'opacity-80 hover:opacity-100'), href: href, children: label }) }, href))) }) }));
+}
+export default TabsComponent;

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+export { Autocomplete, AutocompleteFormField, Button, CalendarInput, CheckboxInput, ConfirmableButton, ConfirmableForm, ContentFormField, DateFormField, DateInput, DefinitionList, Dropdown, DropdownFormField, EditableAutocompleteFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, LoadingModal, Modal, ModalActions, ModalForm, MoneyFormField, MoneyInput, MultiFormField, NumberFormField, NumberInput, ObjectFormField, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
+export type { DropdownItem, EditableFormFieldProps, FormFieldProps, LinkProps, NumberInputProps, } from '@sqrzro/components';
+export type { AppLayoutProps } from './AppLayout';
+export { default as AppLayout } from './AppLayout';
+export type { BadgeProps } from './Badge';
+export { default as Badge } from './Badge';
+export type { DashboardProps } from './Dashboard';
+export { default as Dashboard } from './Dashboard';
+export type { FilterBarProps, FilterObject } from './FilterBar';
+export { default as FilterBar } from './FilterBar';
+export type { GridListProps } from './GridList';
+export { default as GridList } from './GridList';
+export type { InfoPanelProps } from './InfoPanel';
+export { default as InfoPanel } from './InfoPanel';
+export type { ListProps } from './List';
+export { default as List } from './List';
+export type { ListClientComponentProps } from './ListClientComponent';
+export { default as ListClientComponent } from './ListClientComponent';
+export type { ListObject } from './ListItem';
+export type { ListActionsProps } from './ListActions';
+export { default as ListActions } from './ListActions';
+export type { PageProps } from './Page';
+export { default as Page } from './Page';
+export type { PanelProps } from './Panel';
+export { default as Panel } from './Panel';
+export type { PageActionsProps } from './PageActions';
+export { default as PageActions } from './PageActions';
+export type { RootLayoutProps } from './RootLayout';
+export { default as RootLayout } from './RootLayout';
+export { default as SettingsPage } from './SettingsPage';
+export type { TableColumnObject } from './TableClientComponent';
+export type { TableProps } from './Table';
+export { default as Table } from './Table';

package/dist/components/index.js

@@ -0,0 +1,17 @@
+// Exported from @sqrzro/components
+export { Autocomplete, AutocompleteFormField, Button, CalendarInput, CheckboxInput, ConfirmableButton, ConfirmableForm, ContentFormField, DateFormField, DateInput, DefinitionList, Dropdown, DropdownFormField, EditableAutocompleteFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, LoadingModal, Modal, ModalActions, ModalForm, MoneyFormField, MoneyInput, MultiFormField, NumberFormField, NumberInput, ObjectFormField, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
+export { default as AppLayout } from './AppLayout';
+export { default as Badge } from './Badge';
+export { default as Dashboard } from './Dashboard';
+export { default as FilterBar } from './FilterBar';
+export { default as GridList } from './GridList';
+export { default as InfoPanel } from './InfoPanel';
+export { default as List } from './List';
+export { default as ListClientComponent } from './ListClientComponent';
+export { default as ListActions } from './ListActions';
+export { default as Page } from './Page';
+export { default as Panel } from './Panel';
+export { default as PageActions } from './PageActions';
+export { default as RootLayout } from './RootLayout';
+export { default as SettingsPage } from './SettingsPage';
+export { default as Table } from './Table';

package/dist/hooks/useNavigation.d.ts

@@ -0,0 +1,11 @@
+import type { NavigationAction } from '../interfaces';
+interface NavigationObject {
+    href: string;
+    isActive: boolean;
+    label: string;
+}
+interface UseNavigationOptions {
+    basePath?: string;
+}
+declare function useNavigation(data: NavigationAction[], options?: UseNavigationOptions): NavigationObject[];
+export default useNavigation;

package/dist/hooks/useNavigation.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from 'react';
+import { joinUrl } from '@sqrzro/utility';
+import { usePathname } from 'next/navigation';
+function getActiveHref(pathname, hrefs) {
+    return (hrefs
+        .filter((href) => href && pathname.startsWith(`/${href.replace(/^\//u, '')}`))
+        .sort((first, second) => {
+        if (!first || !second) {
+            return 0;
+        }
+        return second.length - first.length;
+    })[0] || '');
+}
+function useNavigation(data, options) {
+    const [activeHref, setActiveHref] = useState('');
+    const pathname = usePathname();
+    const hrefs = data.map(({ href }) => joinUrl(options?.basePath, href));
+    useEffect(() => {
+        setActiveHref(getActiveHref(pathname, hrefs));
+    }, [pathname]);
+    return data.map(({ href, label }) => ({
+        href: joinUrl(options?.basePath, href),
+        isActive: joinUrl(options?.basePath, href) === activeHref,
+        label,
+    }));
+}
+export default useNavigation;