@mittwald/flow-react-components 0.1.0-alpha.173 → 0.1.0-alpha.175

package/dist/types/components/List/components/Header/FilterPicker/FilterPicker.d.ts

@@ -1,9 +1,8 @@
 import { FC } from 'react';
 import { Filter } from '../../../model/filter/Filter';
-import { AnyData } from '../../../model/item/types';
 
 interface Props {
-    filter: Filter<AnyData>;
+    filter: Filter<never, never, never>;
 }
 export declare const FilterPicker: FC<Props>;
 export {};

package/dist/types/components/List/components/Header/ListFilter.d.ts

@@ -1,5 +1,8 @@
-import { FilterShape } from '../../model/filter/types';
+import { FilterShape, FilterValue } from '../../model/filter/types';
+import { ReactNode } from 'react';
+import { PropertyName } from '../../model/types';
 
-type Props<T> = Omit<FilterShape<T>, "type">;
-export declare function ListFilter<T = never>(ignoredProps: Props<T>): null;
+type Props<T, TProp extends PropertyName<T>, TMatcherValue> = Omit<FilterShape<T, TProp, TMatcherValue>, "type">;
+export declare const ListFilter: <T, const TProp extends PropertyName<T> = PropertyName<T>, TMatcherValue = FilterValue<T, TProp>>(ignoredProps: Props<T, TProp, TMatcherValue>) => null;
+export declare const TypedListFilter: <T>() => <const TProp extends PropertyName<T>, TMatcherValue = FilterValue<T, TProp>>(props: Props<T, TProp, TMatcherValue>) => ReactNode;
 export {};

package/dist/types/components/List/components/Header/ListSorting.d.ts

@@ -1,7 +1,7 @@
 import { SortingShape } from '../../model/sorting/types';
+import { ComponentType } from 'react';
 
-interface Props<T> extends SortingShape<T> {
-    defaultEnabled?: boolean;
-}
-export declare function ListSorting<T = never>(ignoredProps: Props<T>): null;
+type Props<T> = SortingShape<T>;
+export declare const ListSorting: <T>(ignoredProps: Props<T>) => null;
+export declare const TypedListSorting: <T>() => ComponentType<Props<T>>;
 export {};

package/dist/types/components/List/components/Header/SortingPickerItem/SortingPickerItem.d.ts

@@ -1,9 +1,8 @@
 import { FC } from 'react';
-import { AnyData } from '../../../model/item/types';
 import { Sorting } from '../../../model/sorting/Sorting';
 
 interface Props {
-    sorting: Sorting<AnyData>;
+    sorting: Sorting<never>;
 }
 export declare const SortingPickerItem: FC<Props>;
 export {};

package/dist/types/components/List/components/Items/ListItem/FallbackRenderer.d.ts

@@ -1,8 +1,7 @@
-import { AnyData } from '../../../model/item/types';
 import { FC } from 'react';
 
 interface Props {
-    data: AnyData;
+    data: unknown;
 }
 export declare const FallbackRenderer: FC<Props>;
 export {};

package/dist/types/components/List/components/Items/ListItemView.d.ts

@@ -1,7 +1,9 @@
-import { RenderItemFn } from '../../model/item/Item';
+import { ComponentType } from 'react';
+import { RenderItemFn } from '../../model/item/types';
 
-interface Props<T> {
+type Props<T> = {} & {
     children: RenderItemFn<T>;
-}
-export declare function ListItemView<T = never>(ignoredProps: Props<T>): null;
+};
+export declare const ListItemView: <T>(ignoredProps: Props<T>) => null;
+export declare const TypedListItemView: <T>() => ComponentType<Props<T>>;
 export {};

package/dist/types/components/List/components/ListLoaderAsync.d.ts

@@ -1,7 +1,9 @@
 import { AsyncDataLoaderShape } from '../model/loading/types';
+import { ComponentType } from 'react';
 
-interface Props<T> extends Omit<AsyncDataLoaderShape<T>, "asyncLoader"> {
+type Props<T> = Omit<AsyncDataLoaderShape<T>, "asyncLoader"> & {
     children: AsyncDataLoaderShape<T>["asyncLoader"];
-}
-export declare function ListLoaderAsync<T = never>(ignoredProps: Props<T>): null;
+};
+export declare const ListLoaderAsync: <T>(ignoredProps: Props<T>) => null;
+export declare const TypedListLoaderAsync: <T>() => ComponentType<Props<T>>;
 export {};

package/dist/types/components/List/components/ListLoaderAsyncResource.d.ts

@@ -1,7 +1,9 @@
 import { AsyncResourceFactoryDataLoaderShape } from '../model/loading/types';
+import { ComponentType } from 'react';
 
-interface Props<T> extends Omit<AsyncResourceFactoryDataLoaderShape<T>, "asyncResourceFactory"> {
+type Props<T> = Omit<AsyncResourceFactoryDataLoaderShape<T>, "asyncResourceFactory"> & {
     children: AsyncResourceFactoryDataLoaderShape<T>["asyncResourceFactory"];
-}
-export declare function ListLoaderAsyncResource<T = never>(ignoredProps: Props<T>): null;
+};
+export declare const ListLoaderAsyncResource: <T>(ignoredProps: Props<T>) => null;
+export declare const TypedListLoaderAsyncResource: <T>() => ComponentType<Props<T>>;
 export {};

package/dist/types/components/List/components/ListStaticData.d.ts

@@ -1,5 +1,8 @@
-interface Props<T> {
+import { ComponentType } from 'react';
+
+type Props<T> = {} & {
     data: T[];
-}
-export declare function ListStaticData<T = never>(ignoredProps: Props<T>): null;
+};
+export declare const ListStaticData: <T>(ignoredProps: Props<T>) => null;
+export declare const TypedListStaticData: <T>() => ComponentType<Props<T>>;
 export {};

package/dist/types/components/List/hooks/useList.d.ts

@@ -1 +1 @@
-export declare const useList: () => import('../model/List').List<any>;
+export declare const useList: () => import('../model/List').List<never>;

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

@@ -1,6 +1,7 @@
 import { List } from './List';
 
 export * from './List';
+export * from './typedList';
 export * from './components/Header/ListFilter';
 export * from './components/Header/ListSorting';
 export * from './components/Items/ListItemView';

package/dist/types/components/List/listContext.d.ts

@@ -1,8 +1,7 @@
 import { default as List } from './model/List';
-import { AnyData } from './model/item/types';
 
 interface ListContext {
-    list: List<AnyData>;
+    list: List<never>;
 }
 export declare const listContext: import('react').Context<ListContext>;
 export {};

package/dist/types/components/List/model/List.d.ts

@@ -1,14 +1,14 @@
 import { ItemCollection } from './item/ItemCollection';
 import { BatchesController } from './pagination/BatchesController';
-import { PropertyName, RenderItemFn } from './item/Item';
 import { Filter } from './filter/Filter';
 import { Sorting } from './sorting/Sorting';
 import { default as ReactTable } from './ReactTable';
 import { ListShape } from './types';
 import { IncrementalLoader } from './loading/IncrementalLoader';
+import { RenderItemFn } from './item/types';
 
 export declare class List<T> {
-    readonly filters: Filter<T>[];
+    readonly filters: Filter<T, never, never>[];
     readonly sorting: Sorting<T>[];
     readonly items: ItemCollection<T>;
     readonly render?: RenderItemFn<T>;
@@ -18,7 +18,7 @@ export declare class List<T> {
     private constructor();
     static useNew<T>(shape: ListShape<T>): List<T>;
     isFiltered(): boolean;
-    getSorting(property: PropertyName<T>): Sorting<T>;
+    getSorting(id: string): Sorting<T>;
     clearSorting(): void;
     clearFilters(): void;
     useIsEmpty(): boolean;

package/dist/types/components/List/model/ReactTable.d.ts

@@ -1,6 +1,6 @@
 import { Column, Table, TableOptions } from '@tanstack/react-table';
 import { default as List } from './List';
-import { PropertyName } from './item/Item';
+import { PropertyName } from './types';
 
 export declare class ReactTable<T> {
     readonly list: List<T>;

package/dist/types/components/List/model/filter/Filter.d.ts

@@ -1,17 +1,17 @@
 import { Column, ColumnDef, ColumnFilter } from '@tanstack/react-table';
 import { default as List } from '../List';
-import { PropertyName } from '../item/Item';
 import { FilterMatcher, FilterMode, FilterShape } from './types';
+import { PropertyName } from '../types';
 
-export declare class Filter<T> {
+export declare class Filter<T, TProp extends PropertyName<T>, TMatchValue> {
     private readonly _values?;
     readonly list: List<T>;
     readonly property: PropertyName<T>;
     readonly mode: FilterMode;
-    readonly matcher: FilterMatcher;
+    readonly matcher: FilterMatcher<T, never, never>;
     readonly name?: string;
     private onFilterUpdateCallbacks;
-    constructor(list: List<T>, shape: FilterShape<T>);
+    constructor(list: List<T>, shape: FilterShape<T, TProp, TMatchValue>);
     updateTableColumnDef(def: ColumnDef<T>): void;
     private getReactTableFilterFn;
     private checkFilterMatches;

package/dist/types/components/List/model/filter/types.d.ts

@@ -1,11 +1,13 @@
-import { PropertyName } from '../item/Item';
+import { ItemType } from '../../../../lib/types/array';
+import { PropertyName, PropertyValue } from '../types';
 
 export type FilterMode = "all" | "some" | "one";
-export type FilterMatcher = (filterValue: unknown, property: unknown) => boolean;
-export interface FilterShape<T> {
-    property: PropertyName<T>;
+export type FilterValue<T, P> = ItemType<NonNullable<PropertyValue<T, P>>>;
+export type FilterMatcher<T, P, TMatcherValue> = (filterBy: FilterValue<T, P>, filterFrom: TMatcherValue[]) => boolean;
+export interface FilterShape<T, TProp extends PropertyName<T>, TMatcherValue> {
+    property: TProp;
     mode?: FilterMode;
-    matcher?: FilterMatcher;
-    values?: unknown[];
+    matcher?: FilterMatcher<T, TProp, TMatcherValue>;
+    values?: TMatcherValue[];
     name?: string;
 }

package/dist/types/components/List/model/item/Item.d.ts

@@ -1,9 +1,7 @@
 import { ItemCollection } from './ItemCollection';
 import { ReactNode } from 'react';
-import { DeepKeys, Row } from '@tanstack/react-table';
+import { Row } from '@tanstack/react-table';
 
-export type PropertyName<T> = DeepKeys<T>;
-export type RenderItemFn<T> = (data: T) => ReactNode;
 export declare class Item<T> {
     readonly id: string;
     readonly data: T;

package/dist/types/components/List/model/item/types.d.ts

@@ -1,5 +1,3 @@
-export type AnyData = any;
-export interface ListDataLoaderResult<T> {
-    data: T[];
-    itemTotalCount?: number;
-}
+import { ReactNode } from 'react';
+
+export type RenderItemFn<T> = (data: T) => ReactNode;

package/dist/types/components/List/model/sorting/Sorting.d.ts

@@ -1,7 +1,7 @@
 import { Column, ColumnDef, SortDirection } from '@tanstack/react-table';
 import { default as List } from '../List';
-import { PropertyName } from '../item/Item';
 import { SortingShape } from './types';
+import { PropertyName } from '../types';
 
 export declare class Sorting<T> {
     readonly list: List<T>;
@@ -15,4 +15,5 @@ export declare class Sorting<T> {
     getTableColumn(): Column<T>;
     enable(): void;
     clear(): void;
+    get id(): string;
 }

package/dist/types/components/List/model/sorting/types.d.ts

@@ -1,5 +1,5 @@
-import { PropertyName } from '../item/Item';
 import { SortDirection } from '@tanstack/react-table';
+import { PropertyName } from '../types';
 
 export interface SortingShape<T> {
     property: PropertyName<T>;

package/dist/types/components/List/model/types.d.ts

@@ -1,13 +1,16 @@
-import { PropertyName, RenderItemFn } from './item/Item';
+import { DeepKeys, DeepValue } from '@tanstack/react-table';
 import { SortingShape } from './sorting/types';
 import { BatchesControllerShape } from './pagination/types';
 import { FilterShape } from './filter/types';
 import { IncrementalLoaderShape } from './loading/types';
+import { RenderItemFn } from './item/types';
 
+export type PropertyName<T> = never extends T ? string : DeepKeys<T>;
+export type PropertyValue<T, TProp> = DeepValue<T, TProp>;
 export interface ListShape<T> {
     loader?: IncrementalLoaderShape<T>;
     render?: RenderItemFn<T>;
-    filters?: FilterShape<T>[];
+    filters?: FilterShape<T, never, never>[];
     sorting?: SortingShape<T>[];
     batchesController?: BatchesControllerShape;
 }

package/dist/types/components/List/typedList.d.ts

@@ -0,0 +1,25 @@
+import { default as List } from './List';
+
+export declare const typedList: <T>() => {
+    List: typeof List;
+    Filter: <const TProp extends import('./model/types').PropertyName<T>, TMatcherValue = import('../../lib/types/array').ItemType<NonNullable<import('@tanstack/table-core').DeepValue<T, TProp>>>>(props: {
+        name?: string;
+        property: TProp;
+        mode?: import('./model/filter/types').FilterMode;
+        values?: TMatcherValue[] | undefined;
+        matcher?: import('./model/filter/types').FilterMatcher<T, TProp, TMatcherValue> | undefined;
+    }) => import('react').ReactNode;
+    Sorting: import('react').ComponentType<import('./model/sorting/types').SortingShape<T>>;
+    ItemView: import('react').ComponentType<{
+        children: import('./model/item/types').RenderItemFn<T>;
+    }>;
+    StaticData: import('react').ComponentType<{
+        data: T[];
+    }>;
+    LoaderAsync: import('react').ComponentType<Omit<import('./model/loading/types').AsyncDataLoaderShape<T>, "asyncLoader"> & {
+        children: import('./model/loading/types').AsyncDataLoader<T>;
+    }>;
+    LoaderAsyncResource: import('react').ComponentType<Omit<import('./model/loading/types').AsyncResourceFactoryDataLoaderShape<T>, "asyncResourceFactory"> & {
+        children: (options?: import('./model/loading/types').DataLoaderOptions<T> | undefined) => import('@mittwald/react-use-promise').AsyncResource<import('./model/loading/types').DataLoaderResult<T>>;
+    }>;
+};

package/dist/types/lib/types/array.d.ts

@@ -0,0 +1 @@
+export type ItemType<T> = T extends (infer TItem)[] ? TItem : T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.173",
+  "version": "0.1.0-alpha.175",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.173",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.175",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.173",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.175",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.4.0",
     "@storybook/addon-a11y": "^8.1.11",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "382ff60cf43672d7d822a503da4d7a61b775314c"
+  "gitHead": "d574568700b63fa336578f7ac2454fdd3add2720"
 }