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

package/dist/components/index.js

@@ -1,17 +0,0 @@
-// Exported from @sqrzro/components
-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 { default as AppLayout } from './AppLayout';
-export { default as Auth } from './Auth';
-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 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/icons/ErrorIcon/index.d.ts

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

package/dist/icons/ErrorIcon/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function ErrorIcon() {
-    return (_jsx("svg", { "aria-hidden": "true", className: "h-5 w-5 text-red-400", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z", fillRule: "evenodd" }) }));
-}
-export default ErrorIcon;

package/dist/icons/InfoIcon/index.d.ts

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

package/dist/icons/InfoIcon/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function InfoIcon() {
-    return (_jsx("svg", { "aria-hidden": "true", className: "h-5 w-5 text-blue-400", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", fillRule: "evenodd" }) }));
-}
-export default InfoIcon;

package/dist/icons/SuccessIcon/index.d.ts

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

package/dist/icons/SuccessIcon/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function SuccessIcon() {
-    return (_jsx("svg", { "aria-hidden": "true", className: "h-5 w-5 text-green-400", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", fillRule: "evenodd" }) }));
-}
-export default SuccessIcon;

package/dist/icons/WarningIcon/index.d.ts

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

package/dist/icons/WarningIcon/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function WarningIcon() {
-    return (_jsx("svg", { "aria-hidden": "true", className: "h-5 w-5 text-yellow-400", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { clipRule: "evenodd", d: "M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z", fillRule: "evenodd" }) }));
-}
-export default WarningIcon;

package/dist/interfaces.d.ts

@@ -1,4 +0,0 @@
-import type { InputProps, SimpleObject } from '@sqrzro/interfaces';
-export type FilterComponentProps = InputProps<string> & {
-    data?: SimpleObject[];
-};

package/dist/interfaces.js

@@ -1 +0,0 @@
-export {};

package/dist/services/ConfigService.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface Config {
-    app: {
-        name: string;
-        url: string;
-    };
-    logo?: () => React.ReactElement;
-    navigation: Record<string, string>;
-}
-export declare function setConfig(cfg: Config, logo?: () => React.ReactElement): Config;
-export declare function getConfig(): Config;

package/dist/services/ConfigService.js

@@ -1,14 +0,0 @@
-let config = {
-    app: {
-        name: 'Square Zero',
-        url: 'http://localhost:8080',
-    },
-    navigation: {},
-};
-export function setConfig(cfg, logo) {
-    config = { ...cfg, logo };
-    return config;
-}
-export function getConfig() {
-    return config;
-}

package/dist/services/LayoutService.d.ts

@@ -1,7 +0,0 @@
-import type { SerializedErrorable } from '@sqrzro/interfaces';
-type Layout = 'sidebar' | 'topbar';
-export declare function getLayout(): Promise<string>;
-export declare function submitLayoutForm(formData: {
-    layout: Layout;
-}): Promise<SerializedErrorable<boolean>>;
-export {};

package/dist/services/LayoutService.js

@@ -1,9 +0,0 @@
-'use server';
-import { cookies } from 'next/headers';
-export async function getLayout() {
-    return Promise.resolve(cookies().get('layout')?.value || 'topbar');
-}
-export async function submitLayoutForm(formData) {
-    cookies().set('layout', formData.layout);
-    return Promise.resolve([true, null]);
-}

package/dist/styles/config.d.ts

@@ -1,3 +0,0 @@
-import type { RegisteredClassNames } from '@sqrzro/components';
-declare const classNames: RegisteredClassNames;
-export default classNames;

package/dist/styles/config.js

@@ -1,148 +0,0 @@
-'use client';
-import { tw, twx } from '@sqrzro/components';
-const classNames = twx({
-    actionList: () => ({
-        root: 'flex gap-2',
-    }),
-    button: (props) => ({
-        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',
-        },
-    }),
-    calendar: () => ({
-        root: 'p-4 pb-3 text-sm text-slate-600',
-        head: 'pb-2 text-center text-xs text-slate-400',
-        month: 'w-full table-fixed',
-        day: {
-            default: 'h-10 border border-slate-200',
-            highlighted: 'bg-slate-100',
-            selected: 'bg-slate-200',
-        },
-    }),
-    calendarNavigation: () => ({
-        root: 'mb-6 flex items-center justify-between',
-        title: 'text-base font-semibold',
-        control: 'h-6 w-6 rounded-full border border-slate-300',
-        previous: '-order-1',
-    }),
-    codeInput: () => ({
-        input: {
-            default: 'focus:border-primary h-10 rounded border border-slate-300 text-center',
-            error: 'border-red-500',
-        },
-    }),
-    editableFieldset: () => ({
-        root: 'bg-panel grid grid-cols-[30%_1fr] gap-8 rounded p-8 shadow',
-        title: 'mb-8 text-lg font-semibold leading-none text-slate-700',
-        description: 'text-slate-600',
-        actions: 'flex justify-end gap-2 border-t border-slate-200 pt-4',
-    }),
-    editableFormField: () => ({
-        root: 'grid grid-cols-[25%_1fr] border-t border-slate-200 py-4',
-        label: 'flex items-center font-semibold leading-none',
-        field: 'flex min-h-10 items-center',
-    }),
-    emptyMessage: (props) => ({
-        root: tw('relative mx-auto mt-4 w-full max-w-2xl p-16 text-center text-slate-500', props?.isMinimal
-            ? null
-            : 'rounded bg-white shadow before:pointer-events-none before:absolute before:inset-2 before:border-2 before:border-dashed'),
-        title: 'mb-2 text-pretty text-xl font-semibold leading-tight',
-        description: 'text-pretty',
-        action: 'mt-6 flex justify-center',
-    }),
-    dropdown: () => ({
-        item: { default: 'block p-3 text-sm text-slate-700', selected: 'bg-slate-100' },
-        title: 'block leading-none',
-        meta: 'mt-0.5 block text-xs leading-none text-slate-500',
-    }),
-    fieldset: () => ({
-        root: 'rounded bg-white p-8 shadow',
-        title: 'mb-8 text-lg font-semibold leading-none text-slate-700',
-    }),
-    form: () => ({
-        root: 'flex flex-col gap-6',
-    }),
-    formField: (props) => ({
-        root: {
-            default: props?.isEditable
-                ? 'grid grid-cols-[25%_1fr] border-t border-slate-200 py-4'
-                : '',
-        },
-        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: tw('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)]', props?.isEditable ? 'col-start-2' : ''),
-    }),
-    imageInput: () => ({
-        root: 'h-64 rounded border border-slate-300 bg-slate-50 p-8',
-        icon: 'mx-auto mb-2 block h-12 w-12 rounded-full border-2 border-slate-300',
-        title: 'mb-1 font-semibold',
-        description: 'text-xs italic text-slate-700',
-    }),
-    inputPanel: () => ({
-        root: 'show mt-1 origin-top rounded border border-slate-300 bg-white shadow-md',
-    }),
-    modal: () => ({
-        root: 'open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm',
-        panel: 'show bg-panel row-start-2 mx-auto w-full max-w-lg rounded p-6 text-left shadow-xl',
-        title: 'mb-6 text-lg font-semibold',
-        actions: 'flex justify-end',
-    }),
-    multiInput: () => ({
-        root: 'flex flex-col gap-2',
-        row: 'grid grid-cols-[1fr_auto] has-[>_button]:gap-2',
-    }),
-    objectInput: () => ({
-        root: 'flex flex-col gap-2',
-    }),
-    passwordInput: () => ({
-        action: {
-            default: 'mr-2 h-6 w-6 overflow-hidden bg-[url(/admin/images/eye.svg)] bg-no-repeat indent-12',
-            selected: 'bg-bottom',
-        },
-    }),
-    staticTextInput: () => ({
-        root: {
-            default: 'text-md h-10 rounded border border-slate-300 bg-white px-3',
-            error: 'border-red-500',
-        },
-    }),
-    switch: () => ({
-        root: 'flex gap-4',
-        input: {
-            default: 'h-6 w-10 flex-none cursor-pointer rounded-full bg-slate-300 p-1 transition-colors',
-            checked: 'bg-green-500',
-        },
-        control: {
-            default: 'h-4 w-4 translate-x-0 transform rounded-full bg-white shadow-md transition-transform',
-            checked: 'translate-x-full',
-        },
-        label: 'font-semibold',
-        details: 'block text-xs text-slate-500',
-    }),
-    textArea: () => ({
-        root: {
-            default: 'text-md focus:border-primary rounded border border-slate-300 px-3 py-2',
-            error: 'border-red-500',
-        },
-    }),
-    textButton: () => ({
-        root: { danger: 'text-red-600' },
-    }),
-    textInput: () => ({
-        root: {
-            default: 'text-md focus:border-primary h-10 rounded border border-slate-300 px-3',
-            error: 'border-red-500',
-        },
-    }),
-    toast: () => ({
-        root: {
-            default: 'rounded border px-4 py-2',
-            success: 'border-green-300 bg-green-100 text-green-700',
-            error: 'border-red-300 bg-red-100 text-red-700',
-        },
-    }),
-});
-export default classNames;

package/dist/styles/postcss.d.ts

@@ -1,6 +0,0 @@
-declare const config: {
-    plugins: {
-        tailwindcss: {};
-    };
-};
-export default config;

package/dist/styles/postcss.js

@@ -1,4 +0,0 @@
-const config = {
-    plugins: { tailwindcss: {} },
-};
-export default config;

package/dist/styles/tailwind.d.ts

@@ -1,10 +0,0 @@
-interface Theme {
-    colors?: Partial<{
-        'button-bg': string;
-        'button-text': string;
-        link: string;
-        primary: string;
-    }>;
-}
-declare function config(resolves: string[], customization?: Theme): Record<string, unknown>;
-export default config;

package/dist/styles/tailwind.js

@@ -1,72 +0,0 @@
-import path from 'path';
-import plugin from 'tailwindcss/plugin';
-function config(resolves, customization) {
-    return {
-        content: [
-            './app/**/*.tsx',
-            './src/**/*.tsx',
-            ...resolves.map((item) => path.join(item, '**/*.js')),
-        ],
-        darkMode: 'class',
-        mode: 'jit',
-        theme: {
-            extend: {
-                colors: {
-                    'button-bg': 'var(--color-button-bg)',
-                    'button-text': 'var(--color-button-text)',
-                    link: 'var(--color-link)',
-                    panel: 'var(--color-panel)',
-                    primary: 'var(--color-primary)',
-                },
-                fontFamily: {
-                    sans: ['var(--font-inter)'],
-                },
-            },
-        },
-        plugins: [
-            plugin(({ addBase, addUtilities, theme }) => {
-                addBase({
-                    body: {
-                        '--color-button-bg': customization?.colors?.['button-bg'] ||
-                            customization?.colors?.primary ||
-                            theme('colors.indigo.800'),
-                        '--color-button-text': customization?.colors?.['button-text'] || theme('colors.white'),
-                        '--color-link': customization?.colors?.link || theme('colors.indigo.800'),
-                        '--color-panel': theme('colors.white'),
-                        '--color-primary': customization?.colors?.primary || theme('colors.indigo.800'),
-                    },
-                    'body.dark': {
-                        '--color-panel': theme('colors.gray.700'),
-                    },
-                });
-                addUtilities({
-                    '@keyframes show': {
-                        from: {
-                            opacity: '0',
-                            transform: 'scale3d(.9,.9,.9)',
-                        },
-                        to: {
-                            opacity: '1',
-                            transform: 'scale3d(1,1,1)',
-                        },
-                    },
-                    '.show': {
-                        animation: 'show 0.1s ease-in-out',
-                    },
-                    '@keyframes fade': {
-                        from: {
-                            opacity: '0',
-                        },
-                        to: {
-                            opacity: '1',
-                        },
-                    },
-                    '.fade': {
-                        animation: 'fade 0.2s ease-in-out',
-                    },
-                });
-            }),
-        ],
-    };
-}
-export default config;