@sqrzro/ui 4.0.0-alpha.6 → 4.0.0-alpha.60

package/dist/components/utility/ClassNames/index.js

@@ -1,7 +0,0 @@
-'use client';
-import { registerClassNames } from '../../../styles/config';
-function ClassNames({ data }) {
-    registerClassNames(data);
-    return null;
-}
-export default ClassNames;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { NavigationObject } from '../../../navigation/interfaces';
-import type { NextPageProps } from '../../../utility/interfaces';
-interface PageTemplateProps {
-    children: React.ReactNode;
-    tabs: NavigationObject[] | null;
-    title: React.ReactNode;
-}
-export interface PageProps<T> {
-    readonly children: React.ReactNode | ((data: T) => React.ReactNode);
-    readonly fn?: (params?: Promise<Record<string, string>> | null) => Promise<T>;
-    readonly pageProps?: NextPageProps;
-    readonly tabs?: NavigationObject[] | ((data: T) => NavigationObject[] | null);
-    readonly template?: (props: PageTemplateProps) => React.ReactElement;
-    readonly title?: React.ReactNode | ((data: T) => React.ReactNode);
-}
-declare function Page<T>(props: PageProps<T>): React.ReactElement;
-export default Page;

package/dist/components/utility/Page/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Suspense } from 'react';
-function getChildren(props, data) {
-    if (typeof props.children === 'function') {
-        return data ? props.children(data) : null;
-    }
-    return props.children;
-}
-function getTabs(props, data) {
-    if (typeof props.tabs === 'function') {
-        return data ? props.tabs(data) : null;
-    }
-    return props.tabs ?? null;
-}
-function getTitle(props, data) {
-    if (typeof props.title === 'function') {
-        return data ? props.title(data) : null;
-    }
-    return props.title;
-}
-async function PageComponent(props) {
-    const data = props.fn ? await props.fn(props.pageProps?.params) : null;
-    const children = getChildren(props, data);
-    const tabs = getTabs(props, data);
-    const title = getTitle(props, data);
-    if (props.template) {
-        return props.template({ children, tabs, title });
-    }
-    return children;
-}
-function Page(props) {
-    return (_jsx(Suspense, { fallback: props.template?.({ children: null, tabs: null, title: '•••' }), children: _jsx(PageComponent, { ...props }) }));
-}
-export default Page;

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

@@ -1,12 +0,0 @@
-import { type RegisteredClassNames } from '../../../styles/config';
-import type { ClassNameProps } from '../../../styles/interfaces';
-export interface RootLayoutClassNames {
-    root: string;
-    content: string;
-}
-export interface RootLayoutProps extends ClassNameProps<RootLayoutClassNames> {
-    readonly children: React.ReactNode;
-    readonly classNameConfig?: RegisteredClassNames;
-}
-declare function RootLayout({ children, classNameConfig, classNameProps, classNames, }: RootLayoutProps): React.ReactElement;
-export default RootLayout;

package/dist/components/utility/RootLayout/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassNames, registerClassNames } from '../../../styles/config';
-import ClassNames from '../ClassNames';
-import Toaster from '../Toaster';
-function RootLayout({ children, classNameConfig, classNameProps, classNames, }) {
-    if (classNameConfig) {
-        registerClassNames(classNameConfig);
-    }
-    const componentClassNames = classNames || getClassNames('rootLayout')?.(classNameProps);
-    return (_jsxs("html", { lang: "en", children: [_jsx("head", { children: _jsx("link", { href: "/images/favicon.svg", rel: "icon" }) }), _jsxs("body", { className: componentClassNames?.root, 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))",
-                        } }), classNameConfig ? _jsx(ClassNames, { data: classNameConfig }) : null, _jsx("div", { className: componentClassNames?.content, children: children }), _jsx(Toaster, {})] })] }));
-}
-export default RootLayout;

package/dist/forms/components/MoneyInput/index.d.ts

@@ -1,5 +0,0 @@
-import type { NumberInputComponentProps, NumberInputProps } from '../NumberInput';
-export type MoneyInputComponentProps = NumberInputComponentProps;
-export type MoneyInputProps = NumberInputProps;
-declare function MoneyInput({ name, onChange, prefix, value, ...props }: Readonly<MoneyInputProps>): React.ReactElement;
-export default MoneyInput;

package/dist/styles/config.d.ts

@@ -1,64 +0,0 @@
-import type { ButtonClassNames } from '../components/buttons/Button';
-import type { TextButtonClassNames } from '../components/buttons/TextButton';
-import type { EmptyMessageClassNames } from '../components/collections/EmptyMessage';
-import type { ListItemClassNames } from '../components/collections/ListItem';
-import type { ListItemMetaClassNames } from '../components/collections/ListItemMeta';
-import type { PaginationClassNames } from '../components/collections/Pagination';
-import type { TableClassNames } from '../components/collections/Table';
-import type { ModalClassNames } from '../components/modals/Modal';
-import type { ActionListClassNames } from '../components/utility/ActionList';
-import type { ContainerClassNames } from '../components/utility/Container';
-import type { LinkClassNames } from '../components/utility/Link';
-import type { LoaderClassNames } from '../components/utility/Loader';
-import type { PopoverClassNames } from '../components/utility/Popover';
-import type { RootLayoutClassNames } from '../components/utility/RootLayout';
-import type { ToastClassNames } from '../components/utility/Toast';
-import type { FilterBarClassNames } from '../filters/components/FilterBar';
-import type { FilterItemClassNames } from '../filters/components/FilterItem';
-import type { FilterPanelClassNames } from '../filters/components/FilterPanel';
-import type { DropdownClassNames } from '../forms/components/Dropdown';
-import type { EditableFormClassNames } from '../forms/components/EditableForm';
-import type { EditableFormFieldClassNames } from '../forms/components/EditableFormField';
-import type { FormClassNames } from '../forms/components/Form';
-import type { FormFieldClassNames } from '../forms/components/FormField';
-import type { PasswordInputClassNames } from '../forms/components/PasswordInput';
-import type { StaticTextInputClassNames } from '../forms/components/StaticTextInput';
-import type { SwitchClassNames } from '../forms/components/Switch';
-import type { TextInputClassNames } from '../forms/components/TextInput';
-import type { AppNavigationClassNames } from '../navigation/components/AppNavigation';
-import type { TabsClassNames } from '../navigation/components/Tabs';
-type ComponentClassNames<T> = Partial<T>;
-export interface RegisteredClassNames {
-    actionList?: ComponentClassNames<ActionListClassNames>;
-    appNavigation?: ComponentClassNames<AppNavigationClassNames>;
-    button?: ComponentClassNames<ButtonClassNames>;
-    container?: ComponentClassNames<ContainerClassNames>;
-    dropdown?: ComponentClassNames<DropdownClassNames>;
-    editableForm?: ComponentClassNames<EditableFormClassNames>;
-    editableFormField?: ComponentClassNames<EditableFormFieldClassNames>;
-    emptyMessage?: ComponentClassNames<EmptyMessageClassNames>;
-    filterBar?: ComponentClassNames<FilterBarClassNames>;
-    filterItem?: ComponentClassNames<FilterItemClassNames>;
-    filterPanel?: ComponentClassNames<FilterPanelClassNames>;
-    form?: ComponentClassNames<FormClassNames>;
-    formField?: ComponentClassNames<FormFieldClassNames>;
-    link?: ComponentClassNames<LinkClassNames>;
-    listItem?: ComponentClassNames<ListItemClassNames>;
-    listItemMeta?: ComponentClassNames<ListItemMetaClassNames>;
-    loader?: ComponentClassNames<LoaderClassNames>;
-    modal?: ComponentClassNames<ModalClassNames>;
-    pagination?: ComponentClassNames<PaginationClassNames>;
-    passwordInput?: ComponentClassNames<PasswordInputClassNames>;
-    popover?: ComponentClassNames<PopoverClassNames>;
-    rootLayout?: ComponentClassNames<RootLayoutClassNames>;
-    staticTextInput?: ComponentClassNames<StaticTextInputClassNames>;
-    switch?: ComponentClassNames<SwitchClassNames>;
-    table?: ComponentClassNames<TableClassNames>;
-    tabs?: ComponentClassNames<TabsClassNames>;
-    textButton?: ComponentClassNames<TextButtonClassNames>;
-    textInput?: ComponentClassNames<TextInputClassNames>;
-    toast?: ComponentClassNames<ToastClassNames>;
-}
-export declare function registerClassNames(data: RegisteredClassNames): void;
-export declare function getClassNames<K extends keyof RegisteredClassNames>(componentName: K): (props?: Record<string, unknown>) => RegisteredClassNames[K];
-export {};

package/dist/styles/config.js

@@ -1,43 +0,0 @@
-// import type { ActionListClassNames } from '../elements/ActionList';
-// import type { AppNavigationClassNames } from '../navigation/components/AppNavigation';
-// import type { BadgeClassNames } from '../elements/Badge';
-// import type { CalendarClassNames } from '../forms/Calendar';
-// import type { CalendarInputClassNames } from '../forms/CalendarInput';
-// import type { CalendarNavigationClassNames } from '../forms/CalendarNavigation';
-// import type { CheckboxInputClassNames } from '../forms/CheckboxInput';
-// import type { CodeInputClassNames } from '../forms/CodeInput';
-// import type { ColorInputClassNames } from '../forms/ColorInput';
-// import type { CSVInputClassNames } from '../forms/CSVInput';
-// import type { DefinitionListClassNames } from '../elements/DefinitionList';
-// import type { DropdownClassNames } from '../forms/Dropdown';
-// import type { EditableFormClassNames } from '../forms/EditableForm';
-// import type { EditableFormFieldClassNames } from '../forms/EditableFormField';
-// import type { FieldsetClassNames } from '../forms/Fieldset';
-// import type { FilterBarClassNames } from '../filters/components/FilterBar';
-// import type { FilterItemClassNames } from '../filters/components/FilterItem';
-// import type { FilterPanelClassNames } from '../filters/components/FilterPanel';
-// import type { FormClassNames } from '../forms/Form';
-// import type { ImageInputClassNames } from '../forms/ImageInput';
-// import type { InfoPanelClassNames } from '../elements/InfoPanel';
-// import type { ListMenuClassNames } from '../lists/ListMenu';
-// import type { ListMenuButtonClassNames } from '../lists/ListMenuButton';
-// import type { LoadingModalClassNames } from '../modals/LoadingModal';
-// import type { ModalClassNames } from '../modals/Modal';
-// import type { MultiInputClassNames } from '../forms/MultiInput';
-// import type { ObjectInputClassNames } from '../forms/ObjectInput';
-// import type { RadioInputClassNames } from '../forms/RadioInput';
-// import type { StaticTextInputClassNames } from '../forms/StaticTextInput';
-// import type { SwitchClassNames } from '../forms/Switch';
-// import type { PasswordInputClassNames } from '../forms/PasswordInput';
-// import type { TableClassNames } from '../tables/Table';
-// import type { TextAreaClassNames } from '../forms/TextArea';
-// import type { TextInputClassNames } from '../forms/TextInput';
-// import type { ToastClassNames } from '../elements/Toast';
-// import type { TooltipClassNames } from '../elements/Tooltip';
-let registeredClassNames = {};
-export function registerClassNames(data) {
-    registeredClassNames = { ...registeredClassNames, ...data };
-}
-export function getClassNames(componentName) {
-    return () => registeredClassNames[componentName];
-}

package/dist/styles/icons.d.ts

@@ -1,15 +0,0 @@
-type IconComponent = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & {
-    title?: string;
-    titleId?: string;
-} & React.RefAttributes<SVGSVGElement>>;
-export interface RegisteredIcons {
-    'collection.empty'?: IconComponent;
-    'filter.panel'?: IconComponent;
-    'filter.search'?: IconComponent;
-    password?: IconComponent;
-    'utility.success'?: IconComponent;
-    'utility.error'?: IconComponent;
-}
-export declare function registerIcons(data: RegisteredIcons): void;
-export declare function getIcon(componentName: keyof RegisteredIcons): IconComponent | null;
-export {};

package/dist/styles/icons.js

@@ -1,7 +0,0 @@
-let registeredIcons = {};
-export function registerIcons(data) {
-    registeredIcons = { ...registeredIcons, ...data };
-}
-export function getIcon(componentName) {
-    return registeredIcons[componentName] ?? null;
-}

package/dist/styles/interfaces.d.ts

@@ -1,41 +0,0 @@
-import type { ButtonVariant, StyleVariant } from "../utility/interfaces";
-export interface ClassNameProps<T> {
-    classNames?: Partial<T>;
-    classNameProps?: Record<string, unknown>;
-}
-export interface CheckableClassName {
-    default?: string;
-    checked?: string;
-}
-export interface ErrorableClassName {
-    default?: string;
-    error?: string;
-}
-export interface FocusableClassName {
-    default?: string;
-    focused?: string;
-}
-export interface HighlightableClassName {
-    default?: string;
-    highlighted?: string;
-}
-export interface LoadableClassName {
-    default?: string;
-    loading?: string;
-}
-export interface SelectableClassName {
-    default?: string;
-    selected?: string;
-}
-export interface SizableClassName {
-    default?: string;
-    lg?: string;
-    md?: string;
-    sm?: string;
-}
-export type StylableClassName = Partial<Record<StyleVariant, string>> & {
-    default?: string;
-};
-export type StylableButtonClassName = Partial<Record<ButtonVariant, string>> & {
-    default?: string;
-};