onekijs-ui 0.15.2 → 0.15.3

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
 import { FieldLayoutProps } from '../field/typings';
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value' | 'checked'> {
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value' | 'checked' | 'defaultValue'> {
     label?: string;
     onChange?: (checked: boolean) => void;
     value?: boolean;

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

@@ -1,5 +1,5 @@
 import { AnonymousObject, ContainerValidation, FieldValidation, FormFieldProps, FormLayout, ValidationStatus } from 'onekijs-framework';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { TshirtSize } from '../../styles/typings';
 import { GridSize } from '../grid/typings';
 import { LabelProps } from '../label/typings';
@@ -14,23 +14,23 @@ export declare type FieldComponentProps<T extends AnonymousObject> = T & {
 };
 export declare type FieldDescriptionProps = {
     className?: string;
-    content: string | JSX.Element;
+    content: ReactNode;
     size?: TshirtSize;
     layout?: FormLayout;
 };
 export declare type FieldHelpProps = {
     className?: string;
-    content?: string | JSX.Element;
+    content?: ReactNode;
     visible?: boolean;
     size?: TshirtSize;
     layout?: FormLayout;
 };
 export declare type FieldLayoutProps = {
     className?: string;
-    description?: string | JSX.Element;
+    description?: ReactNode;
     disabled?: boolean;
     DescriptionComponent?: React.FC<FieldDescriptionProps>;
-    help?: string | JSX.Element;
+    help?: ReactNode;
     HelpComponent?: React.FC<FieldHelpProps>;
     id?: string | number;
     label?: string;

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

@@ -1,13 +1,13 @@
-import React from 'react';
+import React, { ReactNode } 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;
+    description?: ReactNode;
     DescriptionComponent?: React.FC<FieldDescriptionProps>;
     htmlFor?: string | number;
-    help?: string | JSX.Element;
+    help?: ReactNode;
     HelpComponent?: React.FC<FieldHelpProps>;
     layout?: FormLayout;
     required?: boolean;

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

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

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

@@ -1,11 +1,12 @@
 import { Collection, CollectionProxy, CollectionState, Item, ItemAdaptee, ItemAdapter, UseCollectionOptions } from 'onekijs-framework';
-import React, { FC } from 'react';
+import React, { FC, ReactNode } from 'react';
+import { StylableProps } from '../../styles/typings';
 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'> & {
+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' | 'LoadingComponent' | 'height' | 'keyboardNavigable'> & {
     bodyRef?: React.RefObject<HTMLDivElement>;
     className?: string;
     ItemLoadingComponent?: FC;
@@ -58,6 +59,7 @@ export declare type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
     ItemComponent?: FC<ListItemProps<T, I>>;
     ItemContentComponent?: FC<ListItemProps<T, I>>;
     NotFoundComponent?: FC<ListNotFoundProps>;
+    LoadingComponent?: FC<StylableProps>;
     itemHeight?: number | ((index: number) => number);
     keyboardNavigable?: boolean;
     multiSelect?: boolean;
@@ -73,7 +75,7 @@ export declare type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
     virtual?: boolean;
 };
 export declare type ListNotFoundProps = {
-    text?: string;
+    text?: ReactNode | ReactNode[];
 };
 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>;
@@ -91,7 +93,7 @@ export declare enum ListStatus {
     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'> & {
+export declare type StandardListProps<T = any, I extends ListItem<T> = ListItem<T>> = Pick<ListBodyProps<T, I>, 'items' | 'ItemComponent' | 'ItemLoadingComponent' | 'ItemContentComponent' | 'LoadingComponent'> & {
     onItemClick?: ListItemHandler<T, I>;
     onItemMouseEnter?: ListItemHandler<T, I>;
     onItemMouseLeave?: ListItemHandler<T, I>;

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

@@ -12,8 +12,8 @@ export declare type ModalProps = {
     closeIcon?: boolean;
     closeOnEscape?: boolean;
     closeOnClickOutside?: boolean;
-    onClose: () => void;
-    onClosed: () => void;
+    onClose?: () => void;
+    onClosed?: () => void;
     buttons?: ReactNode[];
     title?: ReactNode;
 };

package/dist/components/select/SelectBroker.d.ts

@@ -0,0 +1,6 @@
+import { DefaultCollectionBroker } from 'onekijs-framework';
+import { SelectBroker, SelectController, SelectItem, SelectState } from './typings';
+export default class DefaultSelectBroker<T = any, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>, C extends SelectController<T, I, S> = SelectController<T, I, S>> extends DefaultCollectionBroker<T, I, S, C> implements SelectBroker<T, I, S, C> {
+    protected defaultValue: T | T[] | null | undefined;
+    setDefaultValue(defaultValue: T | T[] | null | undefined, subscriberId?: string): void;
+}

package/dist/components/select/SelectService.d.ts

@@ -1,5 +1,19 @@
-import { CollectionService } from 'onekijs-framework';
-import { SelectController, SelectItem, SelectState } from './typings';
+import { AnonymousObject, CollectionFetcherResult, CollectionService, Query } from 'onekijs-framework';
+import { SelectConfig, SelectController, SelectItem, SelectState } from './typings';
 declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>> extends CollectionService<T, I, S> implements SelectController<T, I> {
+    config: SelectConfig<T, I> | undefined;
+    protected lastCheckQuery: Query | undefined;
+    get defaultValue(): T | T[] | null | undefined;
+    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<Generator<void | AnonymousObject<any>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<Generator<void | AnonymousObject<any>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, CollectionFetcherResult<T>>>, void, (I | undefined)[]>;
+    setData(data: T[]): void;
+    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<Generator<void | AnonymousObject<any>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<Generator<void | AnonymousObject<any>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, CollectionFetcherResult<T>>>, void, (I | undefined)[]>, void, unknown>;
+    setValue(value: null | T | T[]): void;
+    setUrl(url: string): void;
+    protected _buildItem(data: T | undefined, adaptee: unknown, context?: AnonymousObject): I;
+    protected _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<Generator<void | AnonymousObject<any>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, CollectionFetcherResult<T>>;
+    _setDefaultValue(value: T | T[] | null | undefined): void;
+    _setValidDefaultValue(value: T | T[] | null): void;
+    _setInvalidItems(invalidItems: I[]): void;
+    protected _setItems(items: (I | undefined)[]): void;
 }
 export default SelectService;

package/dist/components/select/components/SelectOptionComponent.d.ts

@@ -2,5 +2,6 @@ import { FC } from 'react';
 import { SelectOptionProps } from '../typings';
 export declare const MultiSelectOptionComponent: FC<SelectOptionProps>;
 export declare const SelectOptionContent: FC<SelectOptionProps>;
+export declare const SelectOptionGroup: FC<SelectOptionProps>;
 declare const SelectOptionComponent: FC<SelectOptionProps>;
 export default SelectOptionComponent;

package/dist/components/select/hooks/useSelectController.d.ts

@@ -2,5 +2,5 @@ import { CollectionProxy } from 'onekijs-framework';
 import { UseListOptions } from '../../list/typings';
 import SelectService from '../SelectService';
 import { SelectItem, SelectState } from '../typings';
-declare const useSelectController: <T = any>(dataSource: string | T[], options?: UseListOptions<T, SelectItem<T>>) => CollectionProxy<T, SelectItem<T>, SelectState<T, SelectItem<T>>, SelectService<T, SelectItem<T>, SelectState<T, SelectItem<T>>>>;
+declare const useSelectController: <T = any, I extends SelectItem<T> = SelectItem<T>>(dataSource: string | T[] | undefined, options?: UseListOptions<T, I>) => CollectionProxy<T, I, SelectState<T, I>, SelectService<T, I, SelectState<T, I>>>;
 export default useSelectController;

package/dist/components/select/hooks/useSelectService.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectController, SelectItem } from '../typings';
+export declare const SelectServiceContext: React.Context<SelectController<any, any, import("../typings").SelectState<any, any>>>;
+export declare const useSelectService: <T = any, I extends SelectItem<T> = SelectItem<T>>() => SelectController<T, I, import("../typings").SelectState<T, I>>;

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

@@ -1,4 +1,4 @@
-import { AnyFunction, ChangeHandler, Collection, CollectionProxy, FormFieldProps, ValidationStatus } from 'onekijs-framework';
+import { AnyFunction, ChangeHandler, Collection, CollectionBroker, CollectionProxy, FormFieldProps, ValidationStatus } from 'onekijs-framework';
 import React, { FC } from 'react';
 import { TshirtSize } from '../../styles/typings';
 import { DropdownWidthModifier } from '../dropdown/typings';
@@ -16,7 +16,12 @@ export declare type FormSelectProps<T = any, I extends SelectItem<T> = SelectIte
     defaultValue?: T | T[] | null;
     FieldComponent?: React.FC<SelectProps>;
 };
-export declare type SelectController<T, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>> = Collection<T, I, S>;
+export declare type SelectController<T, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>> = Collection<T, I, S> & {
+    config?: SelectConfig<T, I>;
+    check: () => void;
+    defaultValue: T | T[] | null | undefined;
+    setDefaultValue: (defaultValue: T | T[] | null | undefined) => void;
+};
 export interface SelectIconProps {
     open: boolean;
     loading: boolean;
@@ -37,11 +42,20 @@ export interface SelectInputProps<T = any, I extends SelectItem<T> = SelectItem<
     onRemove: SelectOptionHandler<T, I>;
     style?: React.CSSProperties;
     nullable?: boolean;
+    searchable: boolean;
     clickable: boolean;
     minChars: number;
 }
-export declare type SelectItem<T = any> = ListItem<T>;
-export declare type SelectItemAdaptee = ListItemAdaptee;
+export declare type SelectGroup = string | {
+    text: string;
+    [k: string]: any;
+};
+export declare type SelectItem<T = any> = ListItem<T> & {
+    group?: SelectGroup;
+};
+export declare type SelectItemAdaptee = ListItemAdaptee & {
+    group?: SelectGroup;
+};
 export declare type SelectItemAdapter<T = any> = ListItemAdapter<T>;
 export declare type SelectNotFoundProps = ListNotFoundProps;
 export declare type SelectOptionHandler<T = any, I extends SelectItem<T> = SelectItem<T>> = ListItemHandler<T, I>;
@@ -55,6 +69,9 @@ export declare type SelectProps<T = any, I extends SelectItem<T> = SelectItem<T>
     dataSource?: T[] | string;
     fetchOnce?: boolean;
 };
+export declare type SelectBroker<T, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>, C extends SelectController<T, I, S> = SelectController<T, I, S>> = CollectionBroker<T, I, S, C> & {
+    setDefaultValue: (defaultValue: T | T[] | null | undefined, subscriberId?: string) => void;
+};
 export declare type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T>> = Omit<ListConfig<T, I>, 'ItemComponent'> & {
     attachDropdownToBody?: boolean;
     InputComponent?: FC<SelectInputProps<T, I>>;
@@ -62,7 +79,7 @@ export declare type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T
     NotFoundComponent?: FC<SelectNotFoundProps>;
     placeholder?: string;
     value?: T | T[] | null;
-    onChange?: ChangeHandler<T>;
+    onChange?: ChangeHandler<T | T[] | null>;
     onFocus?: () => void;
     onBlur?: () => void;
     autoFocus?: boolean;
@@ -75,15 +92,24 @@ export declare type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T
     minChars?: number;
     openOnFocus?: boolean;
     clickable?: boolean;
+    searchable?: boolean;
     dropdownWidthModifier?: DropdownWidthModifier;
     OptionComponent?: FC<SelectOptionProps>;
+    OptionGroupComponent?: FC<SelectOptionProps>;
     OptionContentComponent?: FC<SelectOptionProps>;
     OptionLoadingComponent?: FC;
     MultiOptionsComponent?: FC<SelectOptionProps>;
     animationMs?: number;
     disabled?: boolean;
+    defaultValue?: T | T[] | null;
+    required?: boolean;
+    sameWidth?: boolean;
+};
+export declare type SelectState<T = any, I extends SelectItem<T> = SelectItem<T>> = ListState<T, I> & {
+    invalidItems?: I[];
+    validDefaultValue?: T | T[] | null;
+    defaultValue?: T | T[] | null;
 };
-export declare type SelectState<T = any, I extends SelectItem<T> = SelectItem<T>> = ListState<T, I>;
 export interface SelectTokensProps<T = any, I extends SelectItem<T> = SelectItem<T>> {
     tokens?: I[];
     onRemove: SelectOptionHandler<T, I>;

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

@@ -0,0 +1,6 @@
+import { Collection, Item, Query } from 'onekijs-framework';
+import { SelectItem } from './typings';
+export declare const findSelectItem: (controller: Collection<any, SelectItem<any>>, pattern: string) => SelectItem<any> | undefined;
+export declare const findSelectItemIndex: (controller: Collection<any, SelectItem<any>>, item?: Item<any>) => number;
+export declare const shouldCheckSelect: (currentQuery: Query, lastCheckQuery?: Query) => boolean;
+export declare const getGroupText: (item: SelectItem<unknown> | undefined) => string | undefined;

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

@@ -9,6 +9,7 @@ export declare type TabProps = {
     disabled?: boolean;
     icon?: ReactNode;
     uid?: string;
+    className?: string;
 };
 export declare type TabTitleProps<M extends TabState = TabState> = {
     member: M;

package/dist/components/table/columns/useSelectColumn.d.ts

@@ -1,3 +1,4 @@
+import { SelectItem } from '../../select/typings';
 import { SelectColumn, TableItem, UseSelectColumnOptions } from '../typings';
-declare const useSelectColumn: <T = any>(options: UseSelectColumnOptions<T, TableItem<T>, any, import("../../..").SelectItem<any>>) => SelectColumn<T, TableItem<T>>;
+declare const useSelectColumn: <T = any, S = any, TI extends TableItem<T> = TableItem<T>, SI extends SelectItem<S> = SelectItem<S>>(options: UseSelectColumnOptions<T, S, TI, SI>) => SelectColumn<T, S, TI, SI>;
 export default useSelectColumn;

package/dist/components/table/columns/useTextareaColumn.d.ts

@@ -0,0 +1,3 @@
+import { TextareaColumn, UseTextareaColumnOptions, TableItem } from '../typings';
+declare const useTextareaColumn: <T = any, I extends TableItem<T> = TableItem<T>>(options: UseTextareaColumnOptions<T, I>) => TextareaColumn<T, I>;
+export default useTextareaColumn;

package/dist/components/table/components/cells/SelectCellComponent.d.ts

@@ -1,6 +1,5 @@
-import { CollectionBroker } from 'onekijs-framework';
 import React from 'react';
-import { SelectItem } from '../../../select/typings';
-import { TableBodyCellProps, UseSelectColumnOptions } from '../../typings';
-declare const SelectCellComponent: (options: UseSelectColumnOptions<any, SelectItem<any>>, broker: CollectionBroker<any, SelectItem<any>>) => React.FC<TableBodyCellProps>;
+import { SelectBroker, SelectItem } from '../../../select/typings';
+import { TableBodyCellProps, TableItem, UseSelectColumnOptions } from '../../typings';
+declare const SelectCellComponent: (options: UseSelectColumnOptions<any, any, TableItem<any>, SelectItem<any>>, broker: SelectBroker<any, SelectItem<any>>) => React.FC<TableBodyCellProps>;
 export default SelectCellComponent;

package/dist/components/table/components/cells/TextareaCellComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableBodyCellProps, UseTextareaColumnOptions } from '../../typings';
+declare const TextareaCellComponent: (options: UseTextareaColumnOptions<any, any>) => React.FC<TableBodyCellProps<any, any>>;
+export default TextareaCellComponent;

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

@@ -1,11 +1,12 @@
-import { Collection, CollectionBroker, CollectionBy, CollectionProxy, FormFieldProps, Item, ItemAdaptee, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
-import React, { FC } from 'react';
+import { Collection, CollectionBy, CollectionProxy, FormFieldProps, Item, ItemAdaptee, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
+import React, { FC, ReactNode } from 'react';
 import { TshirtSize } from '../../styles/typings';
 import { CheckboxProps } from '../checkbox/typings';
 import { FieldLayoutProps } from '../field/typings';
 import { InputProps } from '../input/typings';
 import { ListItemProps, ListItems, ListNotFoundProps, ListState, UseListOptions } from '../list/typings';
-import { SelectItem, SelectProps } from '../select/typings';
+import { SelectBroker, SelectItem, SelectProps } from '../select/typings';
+import { TextareaProps } from '../textarea/typings';
 export declare type ArrayTableProps<T = any, I extends TableItem<T> = TableItem<T>> = TableConfig<T, I> & {
     adapter?: TableItemAdapter<T>;
     columns?: TableColumn<T, I>[];
@@ -125,6 +126,7 @@ export declare type TableColumnSpec<T, I extends TableItem<T> = TableItem<T>> =
     TitleComponent?: React.FC<TableHeaderCellProps<T, I>>;
     weight?: number;
     width?: string;
+    help?: ReactNode;
 };
 export declare type TableColumnWidth = {
     auto?: boolean;
@@ -195,9 +197,10 @@ export declare type TableColumnsState<T = any, I extends TableItem<T> = TableIte
 };
 export declare type CheckboxColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I>;
 export declare type InputColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I>;
-export declare type SelectColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I> & {
-    broker: CollectionBroker<T, I>;
+export declare type SelectColumn<T = any, F = any, I extends TableItem<T> = TableItem<T>, FI extends SelectItem<F> = SelectItem<F>> = TableColumn<T, I> & {
+    broker: SelectBroker<F, FI>;
 };
+export declare type TextareaColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I>;
 export declare type UseLinkColumnOptions<T = any, I extends TableItem<T> = TableItem<T>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & {
     href: string | ((item: I) => string);
 };
@@ -208,10 +211,13 @@ export declare type UseCheckboxColumnOptions<T = any, I extends TableItem<T> = T
 export declare type UseInputColumnOptions<T = any, I extends TableItem<T> = TableItem<T>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & Omit<FormFieldProps, 'name'> & Omit<InputProps, 'className' | 'onFocus' | 'onChange' | 'onBlur'> & {
     CellComponent?: (options: UseInputColumnOptions<T, I>) => React.FC<TableBodyCellProps<T, I>>;
 };
-export declare type UseSelectColumnOptions<T = any, I extends TableItem<T> = TableItem<T>, F = any, FI extends SelectItem<F> = SelectItem<F>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & Omit<SelectProps, 'className' | 'onFocus' | 'onChange' | 'onBlur' | 'items'> & Omit<FormFieldProps, 'name'> & UseCollectionOptions<F, FI> & {
-    dataSource: string | F[];
-    CellComponent?: (options: UseSelectColumnOptions<F, FI>, broker: CollectionBroker<F, FI>) => React.FC<TableBodyCellProps<T, I>>;
+export declare type UseSelectColumnOptions<T = any, S = any, TI extends TableItem<T> = TableItem<T>, SI extends SelectItem<S> = SelectItem<S>> = Omit<TableColumnSpec<T, TI>, 'CellComponent'> & Omit<SelectProps<S, SI>, 'className' | 'onFocus' | 'onChange' | 'onBlur' | 'items'> & Omit<FormFieldProps, 'name'> & UseCollectionOptions<S, SI> & {
+    CellComponent?: SelectCell<T, S, TI, SI>;
 };
+export declare type UseTextareaColumnOptions<T = any, I extends TableItem<T> = TableItem<T>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & Omit<FormFieldProps, 'name'> & Omit<TextareaProps, 'className' | 'onFocus' | 'onChange' | 'onBlur'> & {
+    CellComponent?: (options: UseTextareaColumnOptions<T, I>) => React.FC<TableBodyCellProps<T, I>>;
+};
+export declare type SelectCell<T = any, S = any, TI extends TableItem<T> = TableItem<T>, SI extends SelectItem<S> = SelectItem<S>> = (options: UseSelectColumnOptions<T, S, TI, SI>, broker: SelectBroker<S, SI>) => React.FC<TableBodyCellProps<T, TI>>;
 export declare type UseTableOptions<T = any, I extends TableItem<T> = TableItem<T>> = UseListOptions<T, I> & {
     adapter?: TableItemAdapter<T>;
     selected?: T[];

package/dist/components/textarea/FormTextarea.d.ts

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

package/dist/components/textarea/components/TextareaComponent.d.ts

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
+import { TshirtSize } from '../../styles/typings';
+import { FieldLayoutProps } from '../field/typings';
+export declare type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
+    status?: ValidationStatus;
+    size?: TshirtSize;
+};
+export declare type FormTextareaProps = TextareaProps & FormFieldProps & FieldLayoutProps & {
+    defaultValue?: string;
+    FieldComponent?: React.FC<TextareaProps>;
+};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Config, PopperOptions } from 'react-popper-tooltip';
 import { ColorPropertyTheme } from '../../styles/typings';
 export interface TooltipProps extends Config {
-    content?: string | JSX.Element;
+    content?: ReactNode;
     className?: string;
     popperOptions?: PopperOptions;
     kind?: ColorPropertyTheme;

package/dist/components/tree/TreeService.d.ts

@@ -1,4 +1,4 @@
-import { AnonymousObject, CollectionFetcherResult, CollectionService, LocalQuery, QuerySortComparator } from 'onekijs-framework';
+import { AnonymousObject, CollectionFetcherResult, CollectionService, LocalQuery, QuerySearcher, QuerySortComparator } from 'onekijs-framework';
 import { Task } from 'redux-saga';
 import { TreeController, TreeItem, TreeState } from './typings';
 declare class TreeService<T = any, I extends TreeItem<T> = TreeItem<T>, S extends TreeState<T, I> = TreeState<T, I>> extends CollectionService<T, I, S> implements TreeController<T, I> {
@@ -6,17 +6,17 @@ declare class TreeService<T = any, I extends TreeItem<T> = TreeItem<T>, S extend
     collapse(item: I): void;
     collpased(item: I): void;
     collapsing(item: I): void;
-    expand(item: I): Generator<void | Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
+    expand(item: I): Generator<void | Generator<void | import("redux-saga/effects").CancelEffect | I[] | import("redux-saga/effects").ForkEffect<Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
     expanded(item: I): void;
-    expanding(item: I): Generator<void | Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
+    expanding(item: I): Generator<void | Generator<void | import("redux-saga/effects").CancelEffect | I[] | import("redux-saga/effects").ForkEffect<Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
     initDb(dataSource: T[] | string | undefined): void;
     protected _adapt(data: T | undefined, context?: AnonymousObject): I;
     protected _buildItem(data: T | undefined, adaptee: unknown, context?: AnonymousObject): I;
-    protected _delayChildrenLoading(delay_ms: number, item: I): Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>;
-    protected _execute(items: I[], query: LocalQuery, comparator: QuerySortComparator, comparators: AnonymousObject<QuerySortComparator>): I[];
+    protected _delayChildrenLoading(delay_ms: number, item: I): Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>;
+    protected _execute(items: I[], query: LocalQuery, comparator: QuerySortComparator, comparators: AnonymousObject<QuerySortComparator>, searcher: QuerySearcher<T>): I[];
     _expand(item: I): void;
     _expanding(item: I): void;
-    protected _fetchChildren(item: I, callbackSuccess?: (item: I) => void, callbackError?: (item: I) => void): Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>;
+    protected _fetchChildren(item: I, callbackSuccess?: (item: I) => void, callbackError?: (item: I) => void): Generator<void | import("redux-saga/effects").CancelEffect | I[] | import("redux-saga/effects").ForkEffect<Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>;
     protected _fetchChildrenError(e: any, item: I): void;
     protected _fetchChildrenSuccess(item: I, result: CollectionFetcherResult<T>): void;
 }

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

@@ -0,0 +1,3 @@
+import { AnonymousObject, LocalQuery, QuerySearcher, QuerySortComparator } from 'onekijs-framework';
+import { TreeItem } from './typings';
+export declare const defaultTreeQueryEngine: <T = any, I extends TreeItem<T> = TreeItem<T>>(items: I[], query: LocalQuery, comparator: QuerySortComparator, comparators: AnonymousObject<QuerySortComparator>, searcher?: QuerySearcher<T> | undefined) => I[];

package/dist/index.d.ts

@@ -83,11 +83,15 @@ export { default as ControllerSelectComponent } from './components/select/compon
 export { default as SelectComponent } from './components/select/components/SelectComponent';
 export { default as SelectIconComponent } from './components/select/components/SelectIconComponent';
 export { default as SelectInputComponent } from './components/select/components/SelectInputComponent';
+export { default as SelectNotFoundComponent } from './components/select/components/SelectNotFoundComponent';
 export { default as SelectOptionComponent } from './components/select/components/SelectOptionComponent';
 export { default as SelectTokensComponent } from './components/select/components/SelectTokensComponent';
 export { default as FormSelect } from './components/select/FormSelect';
 export { default as useSelectController } from './components/select/hooks/useSelectController';
-export { FormSelectProps, SelectIconProps, SelectInputProps, SelectItem, SelectItemAdapter as SelectAdapter, SelectOptionHandler, SelectOptionProps, SelectOptionSelectionHandler, SelectProps, SelectTokenProps, SelectTokensProps, } from './components/select/typings';
+export { default as DefaultSelectBroker } from './components/select/SelectBroker';
+export { default as SelectService } from './components/select/SelectService';
+export { ArraySelectProps, ControllerSelectProps, FormSelectProps, SelectBroker, SelectConfig, SelectController, SelectIconProps, SelectInputProps, SelectItem, SelectItemAdaptee, SelectItemAdapter as SelectAdapter, SelectNotFoundProps, SelectOptionHandler, SelectOptionProps, SelectOptionSelectionHandler, SelectProps, SelectState, SelectTokenProps, SelectTokensProps, } from './components/select/typings';
+export { findSelectItem, findSelectItemIndex, shouldCheckSelect } from './components/select/util';
 export { default as Tabs } from './components/tab';
 export { default as Tab } from './components/tab/components/Tab';
 export { default as TabTitle } from './components/tab/components/TabTitle';
@@ -98,14 +102,25 @@ export { default as useColumn } from './components/table/columns/useColumn';
 export { default as useInputColumn } from './components/table/columns/useInputColumn';
 export { default as useLinkColumn } from './components/table/columns/useLinkColumn';
 export { default as useSelectColumn } from './components/table/columns/useSelectColumn';
+export { default as useTextareaColumn } from './components/table/columns/useTextareaColumn';
+export { default as CheckboxCellComponent } from './components/table/components/cells/CheckboxCellComponent';
+export { default as DefaultCellComponent } from './components/table/components/cells/DefaultCellComponent';
+export { default as ExpandedCellComponent } from './components/table/components/cells/ExpandedCellComponent';
+export { default as InputCellComponent } from './components/table/components/cells/InputCellComponent';
+export { default as SelectCellComponent } from './components/table/components/cells/SelectCellComponent';
+export { default as TextareaCellComponent } from './components/table/components/cells/TextareaCellComponent';
 export { default as FormTable } from './components/table/FormTable';
 export { default as useFormTableContext } from './components/table/hooks/useFormTableContext';
 export { default as useTableController } from './components/table/hooks/useTableController';
-export { ArrayTableProps, Cell, CheckboxColumn, ControllerTableProps, FormTableContext, FormTableProps, InputColumn, SelectColumn, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableColumn, TableColumnComputedWidth, TableColumnSpec, TableColumnsState, TableColumnWidth, TableConfig, TableController, TableExpandedProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, UseCheckboxColumnOptions, UseInputColumnOptions, UseLinkColumnOptions, UseSelectColumnOptions, UseTableOptions, } from './components/table/typings';
+export { ArrayTableProps, Cell, CheckboxColumn, ControllerTableProps, FormTableContext, FormTableProps, InputColumn, SelectCell, SelectColumn, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableColumn, TableColumnComputedWidth, TableColumnSpec, TableColumnsState, TableColumnWidth, TableConfig, TableController, TableExpandedProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, UseCheckboxColumnOptions, UseInputColumnOptions, UseLinkColumnOptions, UseSelectColumnOptions, UseTableOptions, UseTextareaColumnOptions, } from './components/table/typings';
 export { default as Tag } from './components/tag';
 export { default as TagComponent } from './components/tag/components/TagComponent';
 export { tagStyle } from './components/tag/style';
 export { TagProps } from './components/tag/typings';
+export { default as Textarea } from './components/textarea';
+export { default as TextareaComponent } from './components/textarea/components/TextareaComponent';
+export { default as FormTextarea } from './components/textarea/FormTextarea';
+export { FormTextareaProps, TextareaProps } from './components/textarea/typings';
 export { default as Tooltip } from './components/tooltip';
 export { default as Tree } from './components/tree';
 export { default as ArrayTreeComponent } from './components/tree/components/ArrayTreeComponent';
@@ -123,6 +138,7 @@ export { default as useTreeService, TreeServiceContext } from './components/tree
 export { TreeStateContext, useTreeState } from './components/tree/hooks/useTreeState';
 export { default as TreeService } from './components/tree/TreeService';
 export { ArrayTreeProps, ControllerTreeProps, TreeConfig, TreeController, TreeItem, TreeItemAdaptee, TreeItemAdapter, TreeItemHandler, TreeItemProps, TreeItemToggleProps, TreeListProps, TreeProps, TreeState, UseTreeOptions, VirtualTreeListProps, } from './components/tree/typings';
+export { defaultTreeQueryEngine } from './components/tree/util';
 export { default as Wizard } from './components/wizard';
 export { default as ControlledWizardComponent } from './components/wizard/components/ControlledWizardComponent';
 export { default as Step } from './components/wizard/components/Step';