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

package/dist/components/FilterBarItem/index.js

@@ -1,31 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { tw } from '@sqrzro/components';
-import BooleanFilter, { renderBooleanValue } from '../BooleanFilter';
-import DateFilter, { renderDateValue, transformDateValue } from '../DateFilter';
-import DropdownFilter, { renderDropdownValue } from '../DropdownFilter';
-const map = {
-    boolean: { component: BooleanFilter, renderValue: renderBooleanValue },
-    date: {
-        component: DateFilter,
-        renderValue: renderDateValue,
-        size: 'w-96',
-        transformValue: transformDateValue,
-    },
-    dropdown: { component: DropdownFilter, renderValue: renderDropdownValue },
-};
-const DEFAULT_SIZE = 'w-56';
-function FilterBarItem({ data, label, name, onChange, type, value, }) {
-    const panel = useRef(null);
-    function handleChange(event) {
-        onChange(name, event.target.value);
-        panel.current?.hidePopover();
-    }
-    function handleClear() {
-        onChange(name, '');
-    }
-    const { component: FilterComponent, renderValue, size, transformValue } = map[type];
-    return (_jsxs("li", { className: tw('relative inline-flex gap-2 rounded-full border px-5 py-2 text-xs text-white', value ? 'border-solid border-slate-400' : 'border-dashed border-slate-400', value ? 'bg-slate-700 pr-10' : 'text-slate-300'), children: [_jsx("p", { className: "", children: label }), value ? (_jsx("p", { className: "border-l border-l-slate-300 pl-2 font-semibold", children: renderValue(value, data) })) : null, _jsx("button", { className: tw('absolute left-0 top-0 h-full select-none text-transparent', value ? 'right-10' : 'right-0'), id: `${name}-control`, popovertarget: `${name}-target`, type: "button", children: "Edit" }), value ? (_jsxs("button", { className: "absolute right-0 top-0 flex h-full w-10 select-none items-center justify-center", onClick: handleClear, type: "button", children: [_jsx("span", { className: "sr-only", children: "Remove" }), _jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-white leading-none text-slate-800", children: "\u00D7" })] })) : null, _jsx("div", { ref: panel, anchor: `${name}-control`, className: tw('show left-[anchor(left)] top-[anchor(bottom)] -ml-px mt-2 origin-top-left origin-top-left rounded bg-white shadow-lg', size || DEFAULT_SIZE), id: `${name}-target`, popover: "auto", children: _jsx("div", { className: "py-1", role: "none", children: _jsx(FilterComponent, { data: data, name: name, onChange: handleChange, value: transformValue ? transformValue(value) : value }) }) })] }));
-}
-export default FilterBarItem;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ListProps } from '../List';
-export type GridListProps<Item, Params> = Omit<ListProps<Item, Params>, 'renderItem'>;
-declare function GridList<Item extends object, Params>(props: GridListProps<Item, Params>): React.ReactElement;
-export default GridList;

package/dist/components/GridList/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import GridListItem from '../GridListItem';
-import List from '../List';
-function GridList(props) {
-    return _jsx(List, { ...props, columns: 3, renderItem: GridListItem });
-}
-export default GridList;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { ListObject } from '../ListItem';
-declare function GridListItem({ actions: Actions, href, id, image, imageHref, meta, subtitle, title, }: Readonly<ListObject>): React.ReactElement;
-export default GridListItem;

package/dist/components/GridListItem/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { Link } from '@sqrzro/components';
-import { renderMeta } from '../ListItem';
-function GridListItem({ actions: Actions, href, id, image, imageHref, meta, subtitle, title, }) {
-    return (_jsx("li", { children: _jsxs("article", { className: "bg-panel overflow-hidden rounded p-4 shadow", children: [_jsx("div", { className: "relative mb-4 h-64 rounded border border border-slate-300 bg-slate-50 p-4", children: image ? (_jsxs(Fragment, { children: [_jsx("img", { alt: "", className: "h-full w-full object-contain", src: image }), imageHref ? (_jsx(Link, { className: "absolute inset-0", href: imageHref, scroll: false, children: _jsx("span", { className: "sr-only", children: "Edit Image" }) })) : null] })) : imageHref ? (_jsxs(Link, { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 font-semibold text-slate-500", href: imageHref, scroll: false, children: [_jsx("i", { className: "block h-12 w-12 rounded-full border-2 border-slate-300" }), "Add Image"] })) : null }), _jsx("h2", { className: "text-base font-semibold", children: href ? _jsx(Link, { href: href, children: title }) : title }), subtitle ? _jsx("p", { className: "text-xs text-slate-500", children: subtitle }) : null, meta ? (_jsxs(Fragment, { children: [_jsx("hr", { className: "my-4" }), _jsx("div", { className: "flex items-center justify-between", children: meta ? renderMeta(meta) : null })] })) : null, href ? (_jsxs(Fragment, { children: [_jsx("hr", { className: "my-4" }), _jsx(Link, { href: href, scroll: false, children: "Edit" })] })) : null] }) }));
-}
-export default GridListItem;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export type IconType = 'danger' | 'error' | 'info' | 'success' | 'warning';
-declare const icons: Record<IconType, () => React.ReactElement>;
-export interface IconProps {
-    type?: keyof typeof icons;
-}
-declare function Icon({ type }: Readonly<IconProps>): React.ReactElement | null;
-export default Icon;

package/dist/components/Icon/index.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ErrorIcon from '../../icons/ErrorIcon';
-import InfoIcon from '../../icons/InfoIcon';
-import SuccessIcon from '../../icons/SuccessIcon';
-import WarningIcon from '../../icons/WarningIcon';
-const icons = {
-    danger: ErrorIcon,
-    error: ErrorIcon,
-    info: InfoIcon,
-    success: SuccessIcon,
-    warning: WarningIcon,
-};
-function Icon({ type }) {
-    if (!type) {
-        return null;
-    }
-    const IconComponent = icons[type];
-    if (!IconComponent) {
-        return null;
-    }
-    return _jsx(IconComponent, {});
-}
-export default Icon;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { StyleVariant } from '@sqrzro/interfaces';
-export interface InfoPanelProps {
-    children: React.ReactNode;
-    variant?: StyleVariant;
-}
-declare function InfoPanel({ children, variant }: Readonly<InfoPanelProps>): React.ReactElement;
-export default InfoPanel;

package/dist/components/InfoPanel/index.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tw } from '@sqrzro/components';
-import Icon from '../Icon';
-const iconTypeMap = {
-    danger: 'danger',
-    info: 'info',
-    success: 'success',
-    warning: 'warning',
-};
-const classMap = {
-    danger: 'bg-red-50 text-red-700',
-    info: 'bg-sky-50 text-sky-700',
-    success: 'bg-green-50 text-green-700',
-    warning: 'bg-yellow-50 text-yellow-700',
-};
-function mapVariantToIconType(variant) {
-    return iconTypeMap[variant] || 'info';
-}
-function InfoPanel({ children, variant = 'info' }) {
-    return (_jsxs("aside", { className: tw('grid grid-cols-[1rem_auto] gap-4 rounded p-4', classMap[variant]), children: [_jsx(Icon, { type: mapVariantToIconType(variant) }), _jsx("div", { children: children })] }));
-}
-export default InfoPanel;

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import type { EmptyMessageProps } from '@sqrzro/components';
-import type { Errorable } from '@sqrzro/interfaces';
-import type { FilterObject } from '../FilterBar';
-import type { ListObject } from '../ListItem';
-export interface ListComponentProps {
-    params?: Record<string, string>;
-    searchParams?: Record<string, string>;
-}
-export interface ListProps<Item, Params> {
-    actions?: ({ id }: {
-        readonly id: number;
-    }) => React.ReactElement;
-    columns?: number;
-    emptyMessageProps?: EmptyMessageProps;
-    filters?: FilterObject[];
-    fn: (params?: Params, searchParams?: URLSearchParams) => Promise<Errorable<Item[]>>;
-    hasSearch?: boolean;
-    isMinimal?: boolean;
-    renderItem?: (props: ListObject) => React.ReactElement;
-    params?: Params;
-    transformer?: (item: Item) => ListObject;
-}
-declare function List<Item extends object, Params>({ actions, columns, emptyMessageProps, filters, fn, hasSearch, isMinimal, params, renderItem, transformer, }: Readonly<ListProps<Item, Params>>): Promise<React.ReactElement>;
-export default List;

package/dist/components/List/index.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { EmptyMessage, tw } from '@sqrzro/components';
-import FilterBar from '../FilterBar';
-import ListItem from '../ListItem';
-function defaultTransformer() {
-    return {
-        id: 0,
-        title: '',
-    };
-}
-const reservedSearchParams = ['action'];
-function checkHasFilters(searchParams) {
-    return Array.from(searchParams.entries()).some(([key, value]) => !reservedSearchParams.includes(key) && Boolean(value));
-}
-async function List({ actions, columns, emptyMessageProps, filters, fn, hasSearch, isMinimal, params, renderItem = ListItem, transformer, }) {
-    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" });
-    }
-    const data = response.map(transformer || defaultTransformer);
-    const hasFilters = checkHasFilters(searchParams);
-    const componentEmptyMessageProps = hasFilters
-        ? {
-            children: 'Try adjusting the filters above. If you think this is a mistake, please contact your site administrator.',
-            title: 'No results match the current filters',
-        }
-        : emptyMessageProps;
-    return (_jsxs(Fragment, { children: [(filters || hasSearch) && (data.length || hasFilters) ? (_jsx(FilterBar, { hasSearch: hasSearch, map: filters })) : null, data.length ? (_jsx("ul", { className: tw('relative', columns ? 'grid grid-cols-3 gap-6' : 'flex flex-col gap-4'), children: data.map((item) => renderItem({ actions, ...item })) })) : (_jsx(EmptyMessage, { ...componentEmptyMessageProps, classNameProps: { isMinimal } }))] }));
-}
-export default List;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { ConfirmableAction } from '@sqrzro/interfaces';
-interface ListActionProps extends ConfirmableAction<number> {
-    id: number;
-}
-declare function ListAction({ id, onClick, label, variant, }: Readonly<ListActionProps>): React.ReactElement;
-export default ListAction;

package/dist/components/ListAction/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ConfirmableButton } from '@sqrzro/components';
-function ListAction({ id, onClick, label, variant, }) {
-    function handleClick() {
-        onClick(id);
-    }
-    return (_jsx(ConfirmableButton, { onClick: handleClick, variant: variant, isText: true, children: label }));
-}
-export default ListAction;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { ConfirmableAction } from '@sqrzro/interfaces';
-export interface ListActionsProps {
-    actions: ConfirmableAction<number>[];
-    id: number;
-}
-declare function ListActions({ actions, id }: Readonly<ListActionsProps>): React.ReactElement;
-export default ListActions;

package/dist/components/ListActions/index.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useClickOutside } from '@sqrzro/hooks';
-import ListAction from '../ListAction';
-function ListActions({ actions, id }) {
-    const [isOpen, setIsOpen, ref] = useClickOutside();
-    function toggleIsOpen() {
-        setIsOpen(!isOpen);
-    }
-    return (_jsxs("div", { ref: ref, className: "flex flex-row-reverse items-center gap-4", children: [_jsxs("button", { className: "h-4 rotate-90 text-xs leading-[1em] tracking-tighter text-slate-500", onClick: toggleIsOpen, type: "button", children: ["\u2022\u2022\u2022", _jsxs("span", { className: "sr-only", children: [isOpen ? 'Close' : 'Open', " Actions"] })] }), isOpen ? (_jsx("ul", { className: "show relative flex origin-right gap-4 bg-white before:absolute before:left-[-999em] before:right-full before:h-full before:bg-white/80", children: actions.map(({ label, onClick, variant }) => (_jsx("li", { children: _jsx(ListAction, { id: id, label: label, onClick: onClick, variant: variant }) }, label))) })) : null] }));
-}
-export default ListActions;

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export interface ListObject {
-    actions?: ({ id }: {
-        id: number | string;
-    }) => React.ReactElement;
-    description?: React.ReactNode | null;
-    href?: string;
-    id: number | string;
-    image?: string | null;
-    imageHref?: string | null;
-    meta?: React.ReactNode[] | Record<string, React.ReactNode>;
-    subtitle?: React.ReactNode | null;
-    title?: string;
-}
-export declare function renderMeta(meta: ListObject['meta']): React.ReactElement | null;
-declare function ListItem({ actions: Actions, // eslint-disable-line @typescript-eslint/naming-convention
-description, href, id, meta, title, }: Readonly<ListObject>): React.ReactElement;
-export default ListItem;

package/dist/components/ListItem/index.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from '@sqrzro/components';
-export function renderMeta(meta) {
-    if (!meta) {
-        return null;
-    }
-    if (Array.isArray(meta)) {
-        return (_jsx("ul", { className: "flex items-center gap-4 text-xs text-slate-600", children: meta.map((item, index) => (_jsx("li", { children: item }, index))) }));
-    }
-    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: Actions, // eslint-disable-line @typescript-eslint/naming-convention
-description, href, id, meta, title, }) {
-    return (_jsx("li", { children: _jsxs("article", { className: "bg-panel overflow-hidden rounded p-4 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [title ? (_jsx("h2", { className: "border-b border-slate-200 pb-3 text-lg font-semibold", children: href ? _jsx(Link, { href: href, children: title }) : title })) : null, description ? (_jsx("div", { className: "border-b border-slate-200 pb-3 ", children: description })) : null, _jsxs("div", { className: "mt-4 flex items-center justify-between", children: [meta ? renderMeta(meta) : null, Actions ? _jsx(Actions, { id: id }) : null] })] }) }));
-}
-export default ListItem;

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

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

package/dist/components/MeActions/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link, LogoutButton } 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", { children: _jsx(LogoutButton, {}) })] }));
-}
-export default MeActions;

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

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

package/dist/components/MePanel/index.js

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

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

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

package/dist/components/Page/index.js

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

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

@@ -1,6 +0,0 @@
-/// <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

@@ -1,13 +0,0 @@
-'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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface PanelProps {
-    children: React.ReactNode;
-    title?: string;
-}
-declare function Panel({ children, title }: Readonly<PanelProps>): React.ReactElement;
-export default Panel;

package/dist/components/Panel/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Panel({ children, title }) {
-    return (_jsxs("article", { className: "bg-panel relative overflow-hidden 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 ? (_jsx("h3", { className: "mb-4 border-b border-slate-200 pb-3 text-lg font-semibold leading-none", children: title })) : null, children] }));
-}
-export default Panel;

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

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

package/dist/components/RootLayout/index.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-danger */
-import { Suspense } from 'react';
-import { Inter as getInter } from 'next/font/google';
-import { ClassNames, Toaster, tw } from '@sqrzro/components';
-import { setConfig } from '../../services/ConfigService';
-import classNames from '../../styles/config';
-import Config from '../Config';
-const inter = getInter({
-    subsets: ['latin'],
-    variable: '--font-inter',
-});
-function RootLayout({ children, config, logo }) {
-    if (config) {
-        setConfig(config, logo);
-    }
-    return (_jsxs("html", { lang: "en", children: [_jsx("head", {}), _jsxs("body", { className: tw(inter.variable, '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(Suspense, { fallback: null, children: _jsx(Toaster, {}) })] })] }));
-}
-export default RootLayout;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface SettingsFormFields {
-    layout: string;
-}
-interface SettingsFormProps {
-    defaults: Partial<SettingsFormFields>;
-}
-declare function SettingsForm({ defaults }: Readonly<SettingsFormProps>): JSX.Element;
-export default SettingsForm;

package/dist/components/SettingsForm/index.js

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

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

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

package/dist/components/SettingsPage/index.js

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

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

@@ -1,9 +0,0 @@
-/// <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

@@ -1,17 +0,0 @@
-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

@@ -1,16 +0,0 @@
-/// <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

@@ -1,57 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Link, tw } from '@sqrzro/components';
-import { usePathname, useSearchParams } from 'next/navigation';
-function toggleArrayItem(array, item) {
-    if (array.includes(item)) {
-        return array.filter((itm) => itm !== item);
-    }
-    return [...array, item];
-}
-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 [selected, setSelected] = useState([]);
-    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

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

package/dist/components/Tabs/index.js

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

package/dist/components/index.d.ts

@@ -1,33 +0,0 @@
-export { Autocomplete, AutocompleteFormField, Button, CalendarInput, ConnectedDropdown, ConfirmableButton, DateFormField, DateInput, Dropdown, DropdownFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, ModalForm, MultiFormField, NumberFormField, NumberInput, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
-export type { DropdownItem } from '@sqrzro/components';
-export type { AppLayoutProps } from './AppLayout';
-export { default as AppLayout } from './AppLayout';
-export type { AuthProps } from './Auth';
-export { default as Auth } from './Auth';
-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 { ListComponentProps, ListProps } from './List';
-export { default as List } from './List';
-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';