onekijs-ui 0.9.2 → 0.15.2

package/dist/components/field/hooks/useFieldLayout.d.ts

@@ -0,0 +1,4 @@
+import { AnonymousObject } from 'onekijs-framework';
+import { FieldComponentProps, FieldLayoutProps, UseFieldLayoutProps } from '../typings';
+declare const useFieldLayout: <T extends AnonymousObject<any>>(props: UseFieldLayoutProps<T>) => [FieldLayoutProps, FieldComponentProps<T>];
+export default useFieldLayout;

package/dist/components/field/style.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStyle } from '../../styles/typings';
+import { FieldDescriptionProps, FieldHelpProps, FieldLayoutProps } from './typings';
+export declare const fieldStyle: ComponentStyle<FieldLayoutProps>;
+export declare const fieldHelpStyle: ComponentStyle<FieldHelpProps>;
+export declare const fieldDescriptionStyle: ComponentStyle<FieldDescriptionProps>;

package/dist/components/field/typings.d.ts

@@ -0,0 +1,53 @@
+import { AnonymousObject, ContainerValidation, FieldValidation, FormFieldProps, FormLayout, ValidationStatus } from 'onekijs-framework';
+import React from 'react';
+import { TshirtSize } from '../../styles/typings';
+import { GridSize } from '../grid/typings';
+import { LabelProps } from '../label/typings';
+export declare type FieldComponentProps<T extends AnonymousObject> = T & {
+    name: string;
+    value?: T['value'];
+    onFocus?: T['onFocus'];
+    onBlur?: T['onBlur'];
+    onChange?: T['onChange'];
+    status?: ValidationStatus;
+    size?: T['size'];
+};
+export declare type FieldDescriptionProps = {
+    className?: string;
+    content: string | JSX.Element;
+    size?: TshirtSize;
+    layout?: FormLayout;
+};
+export declare type FieldHelpProps = {
+    className?: string;
+    content?: string | JSX.Element;
+    visible?: boolean;
+    size?: TshirtSize;
+    layout?: FormLayout;
+};
+export declare type FieldLayoutProps = {
+    className?: string;
+    description?: string | JSX.Element;
+    disabled?: boolean;
+    DescriptionComponent?: React.FC<FieldDescriptionProps>;
+    help?: string | JSX.Element;
+    HelpComponent?: React.FC<FieldHelpProps>;
+    id?: string | number;
+    label?: string;
+    LabelComponent?: React.FC<LabelProps>;
+    labelWidth?: GridSize;
+    xsLabelWidth?: GridSize;
+    smLabelWidth?: GridSize;
+    mdLabelWidth?: GridSize;
+    lgLabelWidth?: GridSize;
+    xlLabelWidth?: GridSize;
+    layout?: FormLayout;
+    required?: boolean;
+    size?: TshirtSize;
+    validation?: FieldValidation | ContainerValidation;
+    visible?: boolean;
+};
+export declare type UseFieldLayoutProps<T extends AnonymousObject> = T & FormFieldProps & FieldLayoutProps & {
+    defaultValue: T['value'];
+    FieldComponent?: React.FC<T>;
+};

package/dist/components/field/util.d.ts

@@ -0,0 +1,9 @@
+import { AnonymousObject, FieldOptions, Validator } from 'onekijs-framework';
+import { FieldLayoutProps } from './typings';
+export declare const extractFieldLayoutProps: (props: AnonymousObject) => {
+    validators: AnonymousObject<Validator>;
+    fieldLayoutProps: FieldLayoutProps;
+    name: string;
+    fieldOptions: FieldOptions;
+    fieldProps: AnonymousObject;
+};

package/dist/components/grid/Col.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { ColProps } from './typings';
+declare const Col: import("styled-components").StyledComponent<FCC<ColProps>, any, {}, never>;
+export default Col;

package/dist/components/grid/Row.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { RowProps } from './typings';
+declare const Row: import("styled-components").StyledComponent<FCC<RowProps>, any, {}, never>;
+export default Row;

package/dist/components/grid/style.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyle } from '../../styles/typings';
+import { ColProps, RowProps } from './typings';
+export declare const rowStyle: ComponentStyle<RowProps>;
+export declare const colStyle: ComponentStyle<ColProps>;

package/dist/components/grid/typings.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { AlignItemsProperty, HeightProperty, MarginProperty, WidthProperty } from 'csstype';
+import { TLength } from '../../styles/typings';
+export declare type RowProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'width'> & {
+    alignItems?: AlignItemsProperty;
+    gap?: WidthProperty<TLength>;
+    gapX?: WidthProperty<TLength>;
+    gapY?: HeightProperty<TLength>;
+    width?: WidthProperty<TLength>;
+    xs?: WidthProperty<TLength>;
+    sm?: WidthProperty<TLength>;
+    md?: WidthProperty<TLength>;
+    lg?: WidthProperty<TLength>;
+    xl?: WidthProperty<TLength>;
+    reverse?: boolean;
+    marginLeft?: MarginProperty<TLength>;
+    marginRight?: MarginProperty<TLength>;
+    marginX?: MarginProperty<TLength>;
+    marginTop?: MarginProperty<TLength>;
+    marginBottom?: MarginProperty<TLength>;
+    marginY?: MarginProperty<TLength>;
+    margin?: MarginProperty<TLength>;
+};
+export declare type ColProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'size'> & {
+    size: GridSize;
+    xs?: GridSize;
+    sm?: GridSize;
+    md?: GridSize;
+    lg?: GridSize;
+    xl?: GridSize;
+    offset?: GridSize;
+};
+export declare type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/dist/components/icon/CloseAllIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/CrossIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CrossIcon: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, any, {}, never>;
+export default CrossIcon;

package/dist/components/icon/FileIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/FolderIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/LoadingIcon.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-declare const _default: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, any, {}, never>;
-export default _default;
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/MenuIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/RemoveIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/SearchIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+export default _default;

package/dist/components/icon/TogglerIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TogglerIconProps } from './typings';
+declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<TogglerIconProps>, any, {}, never>;
+export default TogglerIcon;

package/dist/components/icon/typings.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ColorProperty } from 'csstype';
+import { ColorPropertyTheme } from '../../styles/typings';
+export declare type IconProps = React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: ColorPropertyTheme | ColorProperty;
+};
+export declare type TogglerIconProps = IconProps & {
+    open?: boolean;
+    loading?: boolean;
+    visible?: boolean;
+    model?: 'arrow' | 'plus';
+    closeArrowPosition?: 'e' | 'w' | 'n' | 's';
+    openArrowPosition?: 'e' | 'w' | 'n' | 's';
+};

package/dist/components/input/FormInput.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FormInputProps } from './typings';
+declare const FormInput: FC<FormInputProps>;
+export default FormInput;

package/dist/components/input/components/InputComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { InputProps } from '../typings';
+declare const InputComponent: FC<InputProps>;
+export default InputComponent;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Input: import("styled-components").StyledComponent<import("react").FC<import("./typings").InputProps>, any, {}, never>;
+export default Input;

package/dist/components/input/style.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyle } from '../../styles/typings';
+import { InputProps } from './typings';
+declare const inputStyle: ComponentStyle<InputProps>;
+export default inputStyle;

package/dist/components/input/typings.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
+import { TshirtSize } from '../../styles/typings';
+import { FieldLayoutProps } from '../field/typings';
+export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    PrefixComponent?: React.FC<InputProps>;
+    SuffixComponent?: React.FC<InputProps>;
+    status?: ValidationStatus;
+    size?: TshirtSize;
+};
+export declare type FormInputProps = InputProps & FormFieldProps & FieldLayoutProps & {
+    defaultValue?: string;
+    FieldComponent?: React.FC<InputProps>;
+};

package/dist/components/label/components/LabelComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LabelProps } from '../typings';
+declare const LabelComponent: React.FC<LabelProps>;
+export default LabelComponent;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Label: import("styled-components").StyledComponent<import("react").FC<import("./typings").LabelProps>, any, {}, never>;
+export default Label;

package/dist/components/label/style.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyle } from '../../styles/typings';
+import { LabelProps } from './typings';
+declare const labelStyle: ComponentStyle<LabelProps>;
+export default labelStyle;

package/dist/components/label/typings.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FormLayout } from 'onekijs-framework';
+import { FieldDescriptionProps, FieldHelpProps } from '../field/typings';
+import { TshirtSize } from '../../styles/typings';
+export interface LabelProps {
+    className?: string;
+    description?: string | JSX.Element;
+    DescriptionComponent?: React.FC<FieldDescriptionProps>;
+    htmlFor?: string | number;
+    help?: string | JSX.Element;
+    HelpComponent?: React.FC<FieldHelpProps>;
+    layout?: FormLayout;
+    required?: boolean;
+    text: string;
+    size?: TshirtSize;
+}

package/dist/components/list/components/ArrayListComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ArrayListProps } from '../typings';
+declare const ArrayListComponent: FC<ArrayListProps>;
+export default ArrayListComponent;

package/dist/components/list/components/CollectionListComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CollectionListProps } from '../typings';
+declare const CollectionListComponent: FC<CollectionListProps>;
+export default CollectionListComponent;

package/dist/components/list/components/ListBodyComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ListBodyProps } from '../typings';
+declare const ListBodyComponent: React.FC<ListBodyProps<any, any>>;
+export default ListBodyComponent;

package/dist/components/list/components/ListComponent.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ListProps } from '../typings';
-declare const ListComponent: FC<ListProps>;
-export default ListComponent;
+import React from 'react';
+import { ListProps } from '../typings';
+declare const ListComponent: React.FC<ListProps>;
+export default ListComponent;

package/dist/components/list/components/ListItemComponent.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
-import { ListItemProps } from '../typings';
-declare const ListItemComponent: FC<ListItemProps>;
-export default ListItemComponent;
+import { Item } from 'onekijs-framework';
+import { FC } from 'react';
+import { ListItemProps } from '../typings';
+export declare const ListItemContent: FC<ListItemProps<any, Item<any>>>;
+declare const ListItemComponent: FC<ListItemProps<any, Item<any>>>;
+export default ListItemComponent;

package/dist/components/list/components/LoadingItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: import("styled-components").StyledComponent<React.FC<{
+    className?: string | undefined;
+}>, any, {}, never>;
+export default _default;

package/dist/components/list/components/StandardListComponent.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { StandardListProps } from '../typings';
-declare const StandardListComponent: FC<StandardListProps>;
-export default StandardListComponent;
+import React from 'react';
+import { StandardListProps } from '../typings';
+declare const StandardListComponent: React.FC<StandardListProps<any, any>>;
+export default StandardListComponent;

package/dist/components/list/components/VirtualListComponent.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { VirtualListProps } from '../typings';
-declare const VirtualistComponent: FC<VirtualListProps>;
-export default VirtualistComponent;
+import React from 'react';
+import { VirtualListProps } from '../typings';
+declare const VirtualListComponent: React.FC<VirtualListProps<any, any>>;
+export default VirtualListComponent;

package/dist/components/list/hooks/useListController.d.ts

@@ -0,0 +1,4 @@
+import { CollectionProxy, CollectionService } from 'onekijs-framework';
+import { ListItem, ListState, UseListOptions } from '../typings';
+declare const useListController: <T = any>(dataSource: string | T[], options?: UseListOptions<T, ListItem<T>>) => CollectionProxy<T, ListItem<T>, ListState<T, ListItem<T>>, CollectionService<T, ListItem<T>, ListState<T, ListItem<T>>>>;
+export default useListController;

package/dist/components/list/hooks/useListService.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ListCollection, ListItem, ListState } from '../typings';
+export declare const ListServiceContext: React.Context<unknown>;
+declare const useListService: <T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>>() => ListCollection<T, I, S>;
+export default useListService;

package/dist/components/list/hooks/useListState.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ListItem, ListState } from '../typings';
+export declare const ListStateContext: React.Context<unknown>;
+declare const useListState: <T = any, I extends ListItem<T> = ListItem<T>>() => ListState<T, I>;
+export default useListState;

package/dist/components/list/hooks/useListView.d.ts

@@ -0,0 +1,22 @@
+import { Item } from 'onekijs-framework';
+import { RefObject } from 'react';
+import { CollectionListProps, ListCollection, VirtualItem } from '../typings';
+declare const useListView: <T = any, I extends Item<T> = Item<T>>(props: Pick<CollectionListProps<T, I>, 'height' | 'itemHeight' | 'overscan' | 'preload' | 'increment' | 'virtual'> & {
+    ref: RefObject<HTMLDivElement>;
+    controller: ListCollection<T, I>;
+    scrollToFn?: (offset: number, defaultScrollToFn?: (offset: number) => void) => void;
+    keyExtractor?: (index: number) => number | string;
+}) => {
+    isVirtual: boolean;
+    items: (I | undefined)[];
+    scrollToIndex: (index: number, options?: {
+        align: 'start' | 'center' | 'end' | 'auto';
+    }) => void;
+    scrollToOffset: (offsetInPixels: number, options?: {
+        align: 'start' | 'center' | 'end' | 'auto';
+    }) => void;
+    totalSize: number;
+    virtualItems: VirtualItem[];
+    measure: () => void;
+};
+export default useListView;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const List: import("styled-components").StyledComponent<import("react").FC<import("./typings").ListProps<any, import("onekijs-core").ItemMeta>>, any, {}, never>;
-export default List;
+/// <reference types="react" />
+declare const List: import("styled-components").StyledComponent<import("react").FC<import("./typings").ListProps<any, import("./typings").ListItem<any>, import("./typings").ListState<any, import("./typings").ListItem<any>>, import("./typings").ListCollection<any, import("./typings").ListItem<any>, import("./typings").ListState<any, import("./typings").ListItem<any>>>>>, any, {}, never>;
+export default List;

package/dist/components/list/style.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyle } from '../../styles/typings';
-import { ListProps } from './typings';
-declare const listStyle: ComponentStyle<ListProps>;
-export default listStyle;
+import { ComponentStyle } from '../../styles/typings';
+import { ListProps } from './typings';
+declare const listStyle: ComponentStyle<ListProps>;
+export default listStyle;

package/dist/components/list/typings.d.ts

@@ -1,35 +1,121 @@
-import { FC } from 'react';
-import { Collection, ItemMeta, Item } from 'onekijs-core';
-export declare type ListItems<T = any, M extends ItemMeta = ItemMeta> = T[] | Collection<T, M>;
-export declare type ListItemHandler<T = any, M extends ItemMeta = ItemMeta> = (item: Item<T, M>, index: number) => void;
-export interface ListItemProps<T = any, M extends ItemMeta = ItemMeta> {
-    index: number;
-    item: Item<T, M>;
-    onClick?: ListItemHandler<T, M>;
-    onMouseOver?: ListItemHandler<T, M>;
-}
-export interface ListProps<T = any, M extends ItemMeta = ItemMeta> {
-    className?: string;
-    items: ListItems<T, M>;
-    height?: number | string;
-    ItemComponent?: FC<ListItemProps<T, M>>;
-    itemHeight?: number | ((index: number) => number);
-    preload?: number;
-    increment?: number;
-    onItemClick?: ListItemHandler<T, M>;
-    onItemMouseOver?: ListItemHandler<T, M>;
-}
-export declare type ListInternalProps<T = any, M extends ItemMeta = ItemMeta> = Omit<ListProps, 'items'> & {
-    collection: Collection<T, M>;
-};
-export declare enum ListStatus {
-    NotInitialized = "not initialized",
-    NotLoaded = "not loaded",
-    Loading = "loading",
-    Deprecated = "deprecate",
-    PartialDeprecated = "partial deprecated",
-    PartialLoading = "partial loading",
-    Loaded = "loaded"
-}
-export declare type StandardListProps<T = any, M extends ItemMeta = ItemMeta> = Omit<ListInternalProps<T, M>, 'height' | 'itemHeight'>;
-export declare type VirtualListProps<T = any, M extends ItemMeta = ItemMeta> = ListInternalProps<T, M>;
+import { Collection, CollectionProxy, CollectionState, Item, ItemAdaptee, ItemAdapter, UseCollectionOptions } from 'onekijs-framework';
+import React, { FC } from 'react';
+export declare type ArrayListProps<T = any, I extends ListItem<T> = ListItem<T>> = ListConfig<T, I> & {
+    adapter?: ListItemAdapter<T>;
+    dataSource: T[] | string;
+    fetchOnce?: boolean;
+};
+export declare type ListBodyProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = Pick<CollectionListProps<T, I>, 'onItemSelect' | 'onItemUnselect' | 'onItemActivate' | 'onItemDeactivate' | 'onItemHighlight' | 'onItemUnhighlight' | 'multiSelect' | 'ItemComponent' | 'NotFoundComponent' | 'height' | 'keyboardNavigable'> & {
+    bodyRef?: React.RefObject<HTMLDivElement>;
+    className?: string;
+    ItemLoadingComponent?: FC;
+    ItemComponent?: FC<ListItemProps<T, I>>;
+    ItemContentComponent?: FC<ListItemProps<T, I>>;
+    items: (I | undefined)[];
+    ListComponent?: FC<StandardListProps<T, I>>;
+    parentRef?: React.RefObject<HTMLDivElement>;
+    service: C;
+    state: S;
+    style?: React.CSSProperties;
+    totalSize?: number;
+    scrollToIndex?: (index: number, options?: {
+        align: 'start' | 'center' | 'end' | 'auto';
+    }) => void;
+    virtualItems?: VirtualItem[];
+    VirtualListComponent?: FC<VirtualListProps<T, I>>;
+};
+export declare type CollectionListProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = ListConfig<T, I> & {
+    controller: CollectionProxy<T, I, S, C>;
+};
+export declare type ListCollection<T, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>> = Collection<T, I, S>;
+export declare type ListFooterProps = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare type ListHeaderProps = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare type ListItem<T = any> = Item<T>;
+export declare type ListItemAdaptee = ItemAdaptee;
+export declare type ListItemAdapter<T = any> = ItemAdapter<T>;
+export declare type ListItemHandler<T = any, I extends ListItem<T> = ListItem<T>> = (item: I, index: number) => void;
+export interface ListItemProps<T = any, I extends ListItem<T> = ListItem<T>> {
+    index: number;
+    item: I;
+    data: T;
+    ItemContentComponent?: FC<ListItemProps<T, I>>;
+    onClick?: ListItemHandler<T, I>;
+    onMouseEnter?: ListItemHandler<T, I>;
+    onMouseLeave?: ListItemHandler<T, I>;
+}
+export declare type ListItems<T = any, I extends ListItem<T> = ListItem<T>> = T[] | ListCollection<T, I>;
+export declare type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
+    className?: string;
+    height?: number | string;
+    increment?: number;
+    ItemLoadingComponent?: FC;
+    ItemComponent?: FC<ListItemProps<T, I>>;
+    ItemContentComponent?: FC<ListItemProps<T, I>>;
+    NotFoundComponent?: FC<ListNotFoundProps>;
+    itemHeight?: number | ((index: number) => number);
+    keyboardNavigable?: boolean;
+    multiSelect?: boolean;
+    onItemActivate?: ListItemHandler<T, I>;
+    onItemDeactivate?: ListItemHandler<T, I>;
+    onItemHighlight?: ListItemHandler<T, I>;
+    onItemUnhighlight?: ListItemHandler<T, I>;
+    onItemSelect?: ListItemHandler<T, I>;
+    onItemUnselect?: ListItemHandler<T, I>;
+    overscan?: number;
+    preload?: number;
+    style?: React.CSSProperties;
+    virtual?: boolean;
+};
+export declare type ListNotFoundProps = {
+    text?: string;
+};
+export declare type ListProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = ListConfig<T, I> & {
+    adapter?: ListItemAdapter<T>;
+    controller?: CollectionProxy<T, I, S, C>;
+    dataSource?: T[] | string;
+    fetchOnce?: boolean;
+};
+export declare type ListState<T, I extends ListItem<T> = ListItem<T>> = CollectionState<T, I>;
+export declare enum ListStatus {
+    NotInitialized = "not initialized",
+    NotLoaded = "not loaded",
+    Loading = "loading",
+    Fetching = "fetching",
+    PartialFetching = "partial fetching",
+    PartialLoading = "partial loading",
+    Loaded = "loaded"
+}
+export declare type StandardListProps<T = any, I extends ListItem<T> = ListItem<T>> = Pick<ListBodyProps<T, I>, 'items' | 'ItemComponent' | 'ItemLoadingComponent' | 'ItemContentComponent'> & {
+    onItemClick?: ListItemHandler<T, I>;
+    onItemMouseEnter?: ListItemHandler<T, I>;
+    onItemMouseLeave?: ListItemHandler<T, I>;
+};
+export declare type UseListOptions<T, I extends ListItem<T> = ListItem<T>> = UseCollectionOptions<T, I> & {
+    adapter?: ListItemAdapter<T>;
+};
+export declare type VirtualItem = {
+    end: number;
+    index: number;
+    start: number;
+    size: number;
+    measureRef: (el: HTMLElement | null) => void;
+};
+export declare type VirtualListProps<T = any, I extends ListItem<T> = ListItem<T>> = StandardListProps<T, I> & {
+    virtualItems: VirtualItem[];
+};
+export declare type VirtualItemWrapperProps<T = any, I extends ListItem<T> = ListItem<T>> = {
+    ItemLoadingComponent?: FC;
+    ItemComponent?: FC<ListItemProps<T, I>>;
+    ItemContentComponent?: FC<ListItemProps<T, I>>;
+    listItem: any;
+    onItemClick?: ListItemHandler<T, I>;
+    onItemMouseEnter?: ListItemHandler<T, I>;
+    onItemMouseLeave?: ListItemHandler<T, I>;
+    virtualItem: VirtualItem;
+};

package/dist/components/list/utils.d.ts

@@ -1,4 +1,3 @@
-import { Collection, CollectionStatus, ItemMeta, Item } from 'onekijs-core';
-export declare const emptyListItem: Item<any, ItemMeta>;
-export declare const canFetchMore: (collection: any[] | Collection<unknown, ItemMeta>) => boolean;
-export declare const getListStatus: (collection: any[] | Collection<unknown, ItemMeta>) => CollectionStatus;
+import { Collection, CollectionProxy, CollectionState, CollectionStatus, Item } from 'onekijs-framework';
+export declare const canFetchMore: <T, I extends Item<T>, S extends CollectionState<T, I>>(collection: Collection<T, I, S> | T[]) => boolean;
+export declare const getListStatus: <T, I extends Item<T>, S extends CollectionState<T, I>>(collection: CollectionProxy<T, I, S, Collection<T, I, S>> | T[]) => CollectionStatus;

package/dist/components/modal/components/ModalComponent.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { ModalProps } from '../typings';
+declare const ModalComponent: FCC<ModalProps>;
+export default ModalComponent;

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

@@ -0,0 +1,2 @@
+declare const Modal: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").ModalProps>, any, {}, never>;
+export default Modal;

package/dist/components/modal/style.d.ts

@@ -0,0 +1,3 @@
+import { ComponentStyle } from '../../styles/typings';
+import { ModalProps } from './typings';
+export declare const modalStyle: ComponentStyle<ModalProps>;

package/dist/components/modal/typings.d.ts

@@ -0,0 +1,19 @@
+import { HeightProperty, WidthProperty } from 'csstype';
+import { ReactNode } from 'react';
+import { SizePropertyTheme, TLength, TshirtSize } from '../../styles/typings';
+export declare type ModalProps = {
+    attachToBody?: boolean;
+    className?: string;
+    size?: TshirtSize;
+    width?: TshirtSize | SizePropertyTheme | WidthProperty<TLength>;
+    height?: TshirtSize | SizePropertyTheme | HeightProperty<TLength>;
+    animationDuration?: number;
+    open?: boolean;
+    closeIcon?: boolean;
+    closeOnEscape?: boolean;
+    closeOnClickOutside?: boolean;
+    onClose: () => void;
+    onClosed: () => void;
+    buttons?: ReactNode[];
+    title?: ReactNode;
+};

package/dist/components/properties/components/PropertiesComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PropertiesProps } from '../typings';
+declare const PropertiesComponent: FC<PropertiesProps>;
+export default PropertiesComponent;