@sqrzro/ui 4.0.0-alpha.5 → 4.0.0-alpha.7

package/dist/components/collections/Collection/index.d.ts

@@ -2,14 +2,16 @@ import type { FilterMap } from '../../../filters/interfaces';
 import type { NextPageProps } from '../../../utility/interfaces';
 import type { EmptyMessageProps } from '../EmptyMessage';
 import type { ListFunctionConfig, Paginated } from '../interfaces';
-export interface CollectionProps<Item, Transformed, Filters = null> {
+export interface CollectionComponentProps<Item, Transformed, Filters = null> {
     readonly data?: Item[] | Paginated<Item>;
     readonly emptyMessageProps?: EmptyMessageProps;
     readonly filterMap?: FilterMap<Filters>;
     readonly fn?: (config: ListFunctionConfig<Filters>) => Promise<Item[]> | Promise<Paginated<Item>>;
     readonly pageProps?: NextPageProps;
-    readonly render: (data: Transformed[]) => React.ReactElement;
     readonly transformer: (item: Item) => Transformed;
 }
+export interface CollectionProps<Item, Transformed, Filters = null> extends CollectionComponentProps<Item, Transformed, Filters> {
+    readonly render: (data: Transformed[]) => React.ReactElement;
+}
 declare function Collection<Item extends object, Transformed, Filters>({ filterMap, ...props }: CollectionProps<Item, Transformed, Filters>): React.ReactElement;
 export default Collection;

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

@@ -1,6 +1,5 @@
-import { CollectionProps } from '../Collection';
+import { CollectionComponentProps } from '../Collection';
 import type { ListItemObject } from '../interfaces';
-export interface ListProps<Item, Filters = null, Data extends object | null = null> extends Omit<CollectionProps<Item, ListItemObject<Data>, Filters>, 'render'> {
-}
+export type ListProps<Item, Filters = null, Data extends object | null = null> = CollectionComponentProps<Item, ListItemObject<Data>, Filters>;
 declare function List<Item extends object, Filters, Data extends object | null = null>(props: ListProps<Item, Filters, Data>): React.ReactElement;
 export default List;

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

@@ -1,7 +1,7 @@
-import { CollectionProps } from '../Collection';
+import { CollectionComponentProps } from '../Collection';
 import type { TableColumnObject, TableItemObject } from '../interfaces';
 export type { TableClassNames } from '../TableClientComponent';
-export interface TableProps<Item, Filters = null> extends CollectionProps<Item, TableItemObject, Filters> {
+export interface TableProps<Item, Filters = null> extends CollectionComponentProps<Item, TableItemObject, Filters> {
     readonly columns: TableColumnObject[];
     readonly isSelectable?: boolean;
 }

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

@@ -7,6 +7,9 @@ export interface RootLayoutClassNames {
 export interface RootLayoutProps extends ClassNameProps<RootLayoutClassNames> {
     readonly children: React.ReactNode;
     readonly classNameConfig?: RegisteredClassNames;
+    readonly font?: {
+        variable: string;
+    };
 }
-declare function RootLayout({ children, classNameConfig, classNameProps, classNames, }: RootLayoutProps): React.ReactElement;
+declare function RootLayout({ children, classNameConfig, classNameProps, classNames, font, }: RootLayoutProps): React.ReactElement;
 export default RootLayout;

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

@@ -2,12 +2,12 @@ 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, }) {
+function RootLayout({ children, classNameConfig, classNameProps, classNames, font, }) {
     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: {
+    return (_jsxs("html", { lang: "en", className: font?.variable, 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, {})] })] }));
 }

package/dist/filters/interfaces.d.ts

@@ -21,8 +21,8 @@ export type ClientFilterMap<T> = {
     [K in keyof T]?: ClientFilterObject<FilterType>;
 };
 export interface FilterObject<T, F extends FilterType> extends ClientFilterObject<F> {
-    transformer: (value: string) => T;
+    transformer: (value: string | null) => T | null;
 }
 export type FilterMap<T> = {
-    [K in keyof T]?: FilterObject<T[K], FilterType>;
+    [K in keyof T]?: FilterObject<T[K] | null, FilterType>;
 };

package/dist/filters/utility/parse-filters.d.ts

@@ -1,3 +1,3 @@
-import type { FilterMap } from "../interfaces";
+import type { FilterMap } from '../interfaces';
 declare function parseFilters<T>(searchParams: Record<string, string> | null, map?: FilterMap<T> | null): Partial<T> | null;
 export default parseFilters;

package/dist/filters/utility/parse-filters.js

@@ -6,8 +6,9 @@ function parseFilters(searchParams, map) {
     for (const key in map) {
         if (Object.hasOwn(map, key) && typeof map[key] !== 'undefined') {
             const value = searchParams[key];
-            if (value) {
-                out[key] = map[key].transformer(value);
+            const transformed = map[key].transformer(value);
+            if (transformed) {
+                out[key] = transformed;
             }
         }
     }

package/dist/filters/utility/transform-boolean.d.ts

@@ -1,2 +1,2 @@
 export declare function transformFromBoolean(value?: boolean): string;
-export declare function transformToBoolean(value?: string): boolean;
+export declare function transformToBoolean(value?: string | null): boolean;

package/dist/filters/utility/transform-date.d.ts

@@ -1,2 +1,2 @@
 export declare function transformFromDate(value?: [Date, Date] | null): string;
-export declare function transformToDate(value?: string): [Date, Date] | null;
+export declare function transformToDate(value?: string | null): [Date, Date] | null;

package/dist/filters/utility/transform-multi.d.ts

@@ -1,2 +1,2 @@
 export declare function transformFromMulti(value?: string[] | null): string;
-export declare function transformToMulti(value?: string): string[] | null;
+export declare function transformToMulti(value?: string | null): string[] | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/ui",
   "type": "module",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-alpha.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",