onekijs-ui 0.22.0 → 1.0.2

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

@@ -5,17 +5,17 @@ declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S
     protected lastCheckQuery: Query | undefined;
     get defaultValue(): T | T[] | null | undefined;
     get defaultValueLoading(): boolean | undefined;
-    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
+    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
     get status(): CollectionStatus;
     setData(data: T[], query?: Query): void;
-    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
+    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
     setDefaultValueLoading(loading: boolean): void;
     setInputValue(value: string | null): Generator<void | T | Promise<T | null> | null, void, T>;
     setItemWidth(_item: I, value: number): void;
     setValue(value: null | T | T[]): void;
     setUrl(url: string, query?: Query): void;
     _buildItem(data: T | null | undefined, adaptee: unknown, context?: AnonymousObject): I;
-    _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>;
+    _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>;
     _compareItem(a: I | undefined, b: I | undefined): boolean;
     _doSearch(search: Primitive | undefined): boolean;
     _setDefaultValue(value: T | T[] | null | undefined): void;

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

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-declare const _default: {
-    <T = any, I extends import("./typings").TreeSelectItem<T> = import("./typings").TreeSelectItem<T>, S extends import("./typings").TreeSelectState<T, I> = import("./typings").TreeSelectState<T, I>, C extends import("./typings").TreeSelectController<T, I, S> = import("./typings").TreeSelectController<T, I, S>>(props: import("./typings").TreeSelectProps<T, I, S, C>): import("react").JSX.Element;
-    displayName: string;
-};
+import TreeSelectComponent from './components/TreeSelectComponent';
+declare const _default: typeof TreeSelectComponent;
 export default _default;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ArrayTreeSelectProps, TreeSelectItem } from '../typings';
-declare const ArrayTreeSelectComponent: <T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>>(props: ArrayTreeSelectProps<T, I>) => React.JSX.Element;
+declare const ArrayTreeSelectComponent: <T extends any = any, I extends TreeSelectItem<T> = TreeSelectItem<T>>(props: ArrayTreeSelectProps<T, I>) => import("react").JSX.Element;
 export default ArrayTreeSelectComponent;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ControllerSelectProps, SelectController, SelectItem, SelectState } from '../typings';
-declare const ControlledSelectComponent: <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>>({ attachDropdownToBody, className, placeholder, controller, InputComponent, IconComponent, OptionContentComponent, OptionComponent, OptionLoadingComponent, MultiOptionsComponent, NotFoundComponent, autoFocus, value, onChange, onBlur: forwardBlur, onFocus: forwardFocus, height, multiple, status, size, nullable, minChars, openOnFocus, searchable, dropdownWidthModifier, preload, increment, animationMs, disabled, defaultValue, defaultValueLoading, required, sameWidth, overscan, clickable, ListComponent, autoCompleteSearch, autoCompleteAdapter, mode, maxDisplayTokens, validateValue, }: ControllerSelectProps<T, I, S, C>) => React.JSX.Element;
+declare const ControlledSelectComponent: <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>>({ attachDropdownToBody, className, placeholder, controller, InputComponent, IconComponent, OptionContentComponent, OptionComponent, OptionLoadingComponent, MultiOptionsComponent, NotFoundComponent, autoFocus, value, onChange, onBlur: forwardBlur, onFocus: forwardFocus, height, multiple, status, size, nullable, minChars, openOnFocus, searchable, dropdownWidthModifier, preload, increment, animationMs, disabled, defaultValue, defaultValueLoading, required, sameWidth, overscan, clickable, ListComponent, autoCompleteSearch, autoCompleteAdapter, mode, maxDisplayTokens, validateValue, open: externalOpen, }: ControllerSelectProps<T, I, S, C>) => React.JSX.Element;
 export default ControlledSelectComponent;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SelectController, SelectItem, SelectProps, SelectState } from '../typings';
-declare const _default: {
+declare const SelectComponent: {
     <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>>(props: SelectProps<T, I, S, C>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof SelectComponent;
 export default _default;

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

@@ -3,8 +3,9 @@ import { ListItemProps } from '../../list/typings';
 import { SelectItem } from '../typings';
 export declare const SelectOptionContent: <T, I extends SelectItem<T> = SelectItem<T>>({ item }: ListItemProps<T, I>) => React.JSX.Element;
 export declare const SelectOptionGroup: <T, I extends SelectItem<T> = SelectItem<T>>({ item }: ListItemProps<T, I>) => React.JSX.Element;
-declare const _default: {
+declare const SelectOptionComponent: {
     <T, I extends SelectItem<T> = SelectItem<T>>(props: ListItemProps<T, I>): React.JSX.Element | null;
     displayName: string;
 };
+declare const _default: typeof SelectOptionComponent;
 export default _default;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SelectItem, SelectTokenProps } from '../typings';
-declare const _default: {
+declare const SelectTokenComponent: {
     <T, I extends SelectItem<T> = SelectItem<T>>({ token, onRemove, index, }: SelectTokenProps<T, I>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof SelectTokenComponent;
 export default _default;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SelectItem, SelectTokensProps } from '../typings';
-declare const _default: {
+declare const SelectTokensComponent: {
     <T, I extends SelectItem<T> = SelectItem<T>>({ tokens, onRemove, maxDisplayTokens, }: SelectTokensProps<T, I>): React.JSX.Element | null;
     displayName: string;
 };
+declare const _default: typeof SelectTokensComponent;
 export default _default;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { TreeSelectController, TreeSelectItem, TreeSelectProps, TreeSelectState } from '../typings';
-declare const _default: {
+declare const TreeSelectComponent: {
     <T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>, S extends TreeSelectState<T, I> = TreeSelectState<T, I>, C extends TreeSelectController<T, I, S> = TreeSelectController<T, I, S>>(props: TreeSelectProps<T, I, S, C>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof TreeSelectComponent;
 export default _default;

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

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

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

@@ -2,5 +2,5 @@ import { CollectionProxy } from 'onekijs-framework';
 import { UseTreeOptions } from '../../tree/typings';
 import TreeSelectService from '../TreeSelectService';
 import { TreeSelectItem, TreeSelectState } from '../typings';
-declare const useTreeSelectController: <T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>>(dataSource: string | T[] | undefined, options?: UseTreeOptions<T, I>) => CollectionProxy<T, I, TreeSelectState<T, I>, TreeSelectService<T, I, TreeSelectState<T, I>>>;
+declare const useTreeSelectController: <T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>>(dataSource: T[] | string | undefined, options?: UseTreeOptions<T, I>) => CollectionProxy<T, I, TreeSelectState<T, I>, TreeSelectService<T, I, TreeSelectState<T, I>>>;
 export default useTreeSelectController;

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

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-declare const _default: {
-    <T = any, I extends import("./typings").SelectItem<T> = import("./typings").SelectItem<T>, S extends import("./typings").SelectState<T, I> = import("./typings").SelectState<T, I>, C extends import("./typings").SelectController<T, I, S> = import("./typings").SelectController<T, I, S>>(props: import("./typings").SelectProps<T, I, S, C>): import("react").JSX.Element;
-    displayName: string;
-};
+import SelectComponent from './components/SelectComponent';
+declare const _default: typeof SelectComponent;
 export default _default;

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

@@ -114,6 +114,7 @@ export type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T>> = Omi
     clickable?: boolean;
     searchable?: boolean;
     dropdownWidthModifier?: DropdownWidthModifier;
+    open?: boolean;
     OptionComponent?: FC<SelectOptionProps<T, I>>;
     OptionGroupComponent?: FC<SelectOptionProps<T, I>>;
     OptionContentComponent?: FC<SelectOptionProps<T, I>>;
@@ -133,7 +134,7 @@ export type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T>> = Omi
     mode?: 'default' | 'autocomplete';
 };
 export type SelectListComponentProps<T = any, I extends SelectItem<T> = SelectItem<T>> = CollectionListProps<T, I> & {
-    optionsRef: React.RefObject<HTMLDivElement>;
+    optionsRef: React.RefObject<HTMLDivElement | null>;
 };
 export type SelectState<T = any, I extends SelectItem<T> = SelectItem<T>> = ListState<T, I> & {
     invalidItems?: I[];

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

@@ -2,7 +2,7 @@ import { CollectionProxy, Query } from 'onekijs-framework';
 import { SelectController, SelectItem, SelectState } from './typings';
 export declare const defaultAutocompleteAdapter: <T>(value: string | null) => T | null;
 export declare const numberAutocompleteAdapter: <T>(value: string | null) => T | null;
-export declare const findSelectItem: <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>>(controller: C | CollectionProxy<T, I, S, C>, pattern: string) => I | undefined;
-export declare const findSelectItemIndex: <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>>(controller: C | CollectionProxy<T, I, S, C>, item?: I | undefined) => number;
+export declare const findSelectItem: <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>>(controller: CollectionProxy<T, I, S, C> | C, pattern: string) => I | undefined;
+export declare const findSelectItemIndex: <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>>(controller: CollectionProxy<T, I, S, C> | C, item?: I) => number;
 export declare const shouldCheckSelect: (currentQuery: Query, lastCheckQuery?: Query) => boolean;
 export declare const getGroupText: (item: SelectItem<unknown> | undefined) => string | undefined;

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

@@ -1,2 +1,6 @@
-declare const Resizer: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").SliderProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Resizer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").SliderProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").SliderProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").SliderProps>, keyof import("react").Component<any, {}, any>>;
 export default Resizer;

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

@@ -1,2 +1,6 @@
-declare const Tabs: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").TabsProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Tabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").TabsProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").TabsProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").TabsProps>, keyof import("react").Component<any, {}, any>>;
 export default Tabs;

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

@@ -40,6 +40,7 @@ export type TabsProps = {
     controller?: TabsService;
     onAdd?: AnyFunction;
     layout?: 'horizontal' | 'vertical';
+    onActivate?: (tab: TabState) => void;
 };
 export type ControlledTabsProps = TabsProps & {
     controller: TabsService;

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

@@ -3,14 +3,14 @@ import React from 'react';
 import { TableColumn, TableColumnWidth, TableConfig, TableController, TableItem, TableSerializerFormat, TableState } from './typings';
 export declare const parseColumnWidth: (width?: string | number) => TableColumnWidth;
 declare class TableService<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>> extends CollectionService<T, I, S> implements TableController<T, I> {
-    protected cells: AnonymousObject<AnonymousObject<React.RefObject<HTMLDivElement>>>;
-    protected tableRef: React.RefObject<HTMLDivElement> | null;
-    protected contentRef: React.RefObject<HTMLDivElement> | null;
+    protected cells: AnonymousObject<AnonymousObject<React.RefObject<HTMLDivElement | null>>>;
+    protected tableRef: React.RefObject<HTMLDivElement | null> | null;
+    protected contentRef: React.RefObject<HTMLDivElement | null> | null;
     config: TableConfig<T, I> | undefined;
     adapt(data: T | null | undefined): I;
     addColumn(column: TableColumn<T, I>, position?: number): void;
     get columns(): TableColumn<T, I>[];
-    initCell(rowNumber: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement>): void;
+    initCell(rowNumber: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement | null>): void;
     removeColumn(id: string): void;
     resetWidth(): void;
     serialize(data: T[], format: TableSerializerFormat): string;

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

@@ -1,3 +1,3 @@
 import { EnumColumnOptions, TableColumn, TableItem } from '../typings';
-declare const enumColumn: <T extends unknown = any, I extends TableItem<T> = TableItem<T>>(id: string, options: EnumColumnOptions<T, I>) => TableColumn<T, I>;
+declare const enumColumn: <T extends any = any, I extends TableItem<T> = TableItem<T>>(id: string, options: EnumColumnOptions<T, I>) => TableColumn<T, I>;
 export default enumColumn;

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

@@ -1,3 +1,3 @@
 import { InputColumn, InputColumnOptions, TableItem } from '../typings';
-declare const inputColumn: <T extends unknown = any, I extends TableItem<T> = TableItem<T>>(id: string, options: InputColumnOptions<T, I>) => InputColumn<T, I>;
+declare const inputColumn: <T extends any = any, I extends TableItem<T> = TableItem<T>>(id: string, options: InputColumnOptions<T, I>) => InputColumn<T, I>;
 export default inputColumn;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: import("styled-components").StyledComponent<React.FC<{}>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{}, never> & Partial<Pick<{}, never>>> & string & Omit<React.FC<{}>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,24 @@
 import React from 'react';
 import { TableBodyRowProps } from '../typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<TableBodyRowProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../..").ListItemProps<any, import("../typings").TableItem<any>>, "CellComponent"> & {
+    className?: string;
+    CellComponent?: React.FC<Omit<import("../typings").TableBodyCellProps<any, import("../typings").TableItem<any>>, "data">> | undefined;
+    columns: import("../typings").TableColumn<any, import("../typings").TableItem<any>>[];
+    onExpand?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onExpanding?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onExpanded?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onCollapse?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onCollapsing?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onCollapsed?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+}, never> & Partial<Pick<Omit<import("../../..").ListItemProps<any, import("../typings").TableItem<any>>, "CellComponent"> & {
+    className?: string;
+    CellComponent?: React.FC<Omit<import("../typings").TableBodyCellProps<any, import("../typings").TableItem<any>>, "data">> | undefined;
+    columns: import("../typings").TableColumn<any, import("../typings").TableItem<any>>[];
+    onExpand?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onExpanding?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onExpanded?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onCollapse?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onCollapsing?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+    onCollapsed?: ((item: import("../typings").TableItem<any> | undefined, index: number) => void) | undefined;
+}, never>>> & string & Omit<React.FC<TableBodyRowProps>, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/table/displayers/FormTableValueDisplayer.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableValueDisplayerProps } from '../typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<TableValueDisplayerProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TableValueDisplayerProps, never> & Partial<Pick<TableValueDisplayerProps, never>>> & string & Omit<React.FC<TableValueDisplayerProps>, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/table/hooks/useTableController.d.ts

@@ -1,5 +1,5 @@
 import { CollectionProxy } from 'onekijs-framework';
 import TableService from '../TableService';
 import { TableColumn, TableItem, TableState, UseTableOptions } from '../typings';
-declare const useTableController: <T>(dataSource: string | T[] | undefined, initialColumns: TableColumn<T, TableItem<T>>[] | undefined, options?: UseTableOptions<T, TableItem<T>>) => CollectionProxy<T, TableItem<T>, TableState<T, TableItem<T>>, TableService<T, TableItem<T>, TableState<T, TableItem<T>>>>;
+declare const useTableController: <T>(dataSource: T[] | string | undefined, initialColumns: TableColumn<T, TableItem<T>>[] | undefined, options?: UseTableOptions<T, TableItem<T>>) => CollectionProxy<T, TableItem<T>, TableState<T, TableItem<T>>, TableService<T, TableItem<T>, TableState<T, TableItem<T>>>>;
 export default useTableController;

package/dist/components/table/hooks/useTableInitialState.d.ts

@@ -1,3 +1,3 @@
 import { TableColumn, TableItem, TableState, UseTableOptions } from '../typings';
-declare const useTableInitialState: <T, I extends TableItem<T>>(dataSource: string | T[] | undefined, initialColumns: TableColumn<T, I>[] | undefined, options: UseTableOptions<T, I>) => TableState<T, I>;
+declare const useTableInitialState: <T, I extends TableItem<T>>(dataSource: T[] | string | undefined, initialColumns: TableColumn<T, I>[] | undefined, options: UseTableOptions<T, I>) => TableState<T, I>;
 export default useTableInitialState;

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

@@ -1,3 +1,16 @@
-/// <reference types="react" />
-declare const Table: import("styled-components").StyledComponent<import("react").FC<import("./typings").TableProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").TableConfig<any, import("./typings").TableItem<any>> & {
+    adapter?: import("./typings").TableItemAdapter<any> | undefined;
+    controller?: import("onekijs-framework").CollectionProxy<any, import("./typings").TableItem<any>, import("./typings").TableState<any, import("./typings").TableItem<any>>, import("./typings").TableController<any, import("./typings").TableItem<any>, import("./typings").TableState<any, import("./typings").TableItem<any>>>> | undefined;
+    columns?: import("./typings").TableColumn<any, import("./typings").TableItem<any>>[] | undefined;
+    dataSource?: string | any[] | (() => any[] | Promise<any[]>) | undefined;
+    fetchOnce?: boolean;
+    selected?: any[] | undefined;
+}, never> & Partial<Pick<import("./typings").TableConfig<any, import("./typings").TableItem<any>> & {
+    adapter?: import("./typings").TableItemAdapter<any> | undefined;
+    controller?: import("onekijs-framework").CollectionProxy<any, import("./typings").TableItem<any>, import("./typings").TableState<any, import("./typings").TableItem<any>>, import("./typings").TableController<any, import("./typings").TableItem<any>, import("./typings").TableState<any, import("./typings").TableItem<any>>>> | undefined;
+    columns?: import("./typings").TableColumn<any, import("./typings").TableItem<any>>[] | undefined;
+    dataSource?: string | any[] | (() => any[] | Promise<any[]>) | undefined;
+    fetchOnce?: boolean;
+    selected?: any[] | undefined;
+}, never>>> & string & Omit<import("react").FC<import("./typings").TableProps>, keyof import("react").Component<any, {}, any>>;
 export default Table;

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

@@ -1,4 +1,4 @@
-import { Collection, CollectionBy, CollectionProxy, FormDisplayerProps, FormFieldProps, Item, ItemAdaptee, Primitive, QueryFilterCriteriaOperator, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
+import { Collection, CollectionBy, CollectionProxy, FormDisplayerProps, FormFieldProps, FormService, Item, ItemAdaptee, Primitive, QueryFilterCriteriaOperator, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
 import React, { ComponentType, FC, PropsWithChildren, ReactNode } from 'react';
 import { StylableProps, TshirtSize } from '../../styles/typings';
 import { CheckboxProps } from '../checkbox/typings';
@@ -27,11 +27,15 @@ export type FormTableProps<T = any, I extends TableItem<T> = TableItem<T>, S ext
     addLabel?: string;
     format?: 'id' | 'object' | 'auto';
     defaultValue?: T[];
+    DeleteRowComponent?: React.FC<TableBodyCellProps<T, I>>;
     FieldComponent?: React.FC<FormTableProps<T, I, S, C>>;
     value?: T[];
-    onFocus?: () => void;
+    onAdd?: (initialValue: Partial<T> | undefined) => void;
     onBlur?: () => void;
     onChange?: (value: T[]) => void;
+    onFocus?: () => void;
+    onRemove?: (form: FormService, removedValue: T, index: number) => void;
+    SelectRowComponent?: React.FC<TableBodyCellProps<T, I>>;
     status?: ValidationStatus;
     size?: TshirtSize;
     showAddButton?: boolean;
@@ -41,6 +45,7 @@ export type FormTableContext<T = any> = {
     tableName: string;
     onSelect: (item: TableItem<T>, selected: boolean) => void;
     onAdd: (initialValue: Partial<T> | undefined) => void;
+    onRemove?: (form: FormService, removedValue: T, index: number) => void;
     addLabel: string;
     required?: boolean;
     maxLength?: number;
@@ -78,8 +83,8 @@ export type TableBodyProps<T = any, I extends TableItem<T> = TableItem<T>> = {
     className?: string;
     columns: TableColumn<T, I>[];
     items: (I | undefined)[];
-    contentRef: React.RefObject<HTMLDivElement>;
-    tableRef: React.RefObject<HTMLDivElement>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    tableRef: React.RefObject<HTMLDivElement | null>;
 };
 export type TableBodyRowProps<T = any, I extends TableItem<T> = TableItem<T>> = Omit<ListItemProps<T, I>, 'CellComponent'> & {
     className?: string;
@@ -146,7 +151,7 @@ export type TableController<T = any, I extends TableItem<T> = TableItem<T>, S ex
     addSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
     columns: TableColumn<T, I>[];
     config?: TableConfig<T, I>;
-    initCell(rowIndex: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement>): void;
+    initCell(rowIndex: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement | null>): void;
     removeColumn(id: string): void;
     removeSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
     serialize: (data: T[], format: TableSerializerFormat) => string;

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

@@ -1,2 +1,6 @@
-declare const Tag: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").TagProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").TagProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").TagProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").TagProps>, keyof import("react").Component<any, {}, any>>;
 export default Tag;

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

@@ -1,3 +1,8 @@
-/// <reference types="react" />
-declare const Textarea: import("styled-components").StyledComponent<import("react").FC<import("./typings").TextareaProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Textarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    status?: import("onekijs-framework").ValidationStatus;
+    size?: import("../..").TshirtSize;
+}, never> & Partial<Pick<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    status?: import("onekijs-framework").ValidationStatus;
+    size?: import("../..").TshirtSize;
+}, never>>> & string & Omit<import("react").FC<import("./typings").TextareaProps>, keyof import("react").Component<any, {}, any>>;
 export default Textarea;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
 import { TshirtSize } from '../../styles/typings';
 import { FieldLayoutProps } from '../field/typings';

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

@@ -1,3 +1,18 @@
-/// <reference types="react" />
-declare const Timer: import("styled-components").StyledComponent<import("react").FC<import("./typings").TimerProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Timer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Partial<import("./typings").TimerOptions> & {
+    autoStart?: boolean;
+    className?: string;
+    controller?: import("./TimerService").TimerService;
+    format?: (ttlMs: number, timeMs: number) => string | number;
+    height?: import("../..").SizePropertyTheme | import("csstype").Property.Height<import("../..").TLength>;
+    thickness?: import("csstype").Property.StrokeWidth<import("../..").TLength>;
+    width?: import("../..").SizePropertyTheme | import("csstype").Property.Width<import("../..").TLength>;
+}, never> & Partial<Pick<Partial<import("./typings").TimerOptions> & {
+    autoStart?: boolean;
+    className?: string;
+    controller?: import("./TimerService").TimerService;
+    format?: (ttlMs: number, timeMs: number) => string | number;
+    height?: import("../..").SizePropertyTheme | import("csstype").Property.Height<import("../..").TLength>;
+    thickness?: import("csstype").Property.StrokeWidth<import("../..").TLength>;
+    width?: import("../..").SizePropertyTheme | import("csstype").Property.Width<import("../..").TLength>;
+}, never>>> & string & Omit<import("react").FC<import("./typings").TimerProps>, keyof import("react").Component<any, {}, any>>;
 export default Timer;

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

@@ -1,2 +1,6 @@
-declare const Tooltip: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").TooltipProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").TooltipProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").TooltipProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").TooltipProps>, keyof import("react").Component<any, {}, any>>;
 export default Tooltip;

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

@@ -1,10 +1,10 @@
+import { Placement } from '@floating-ui/react';
 import { ReactNode } from 'react';
-import { Config, PopperOptions } from 'react-popper-tooltip';
 import { ColorPropertyTheme } from '../../styles/typings';
-export interface TooltipProps extends Config {
+export interface TooltipProps {
     content?: ReactNode;
     className?: string;
-    popperOptions?: PopperOptions;
+    placement?: Placement;
     kind?: ColorPropertyTheme;
     delayHide?: number;
     delayShow?: number;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ControllerTreeProps, TreeItem } from '../typings';
 declare const ControllerTreeComponent: {
-    <T extends unknown = any, I extends TreeItem<T> = TreeItem<T>>({ controller, className, onActivate, onDeactivate, onSelect, onUnselect, onHighlight, onUnhighlight, height, virtual, gap, TreeIconComponent, TreeItemComponent, TreeItemContentComponent, treeItemClassName, TreeTogglerComponent, paddingLeft, paddingRight, animate, keyboardNavigable, listRef, }: ControllerTreeProps<T, I>): React.JSX.Element;
+    <T extends unknown = any, I extends TreeItem<T> = TreeItem<T>>({ controller, className, onActivate, onDeactivate, onSelect, onUnselect, onHighlight, onUnhighlight, height, virtual, gap, TreeIconComponent, TreeItemComponent, TreeItemContentComponent, treeItemClassName, TreeTogglerComponent, NotFoundComponent, paddingLeft, paddingRight, animate, keyboardNavigable, listRef, }: ControllerTreeProps<T, I>): React.JSX.Element;
     displayName: string;
 };
 export default ControllerTreeComponent;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ControllerTreeProps, TreeItem } from '../typings';
 declare const TreeBodyComponent: {
-    <T extends unknown = any, I extends TreeItem<T> = TreeItem<T>>({ className, controller, }: ControllerTreeProps<T, I>): React.JSX.Element;
+    <T extends unknown = any, I extends TreeItem<T> = TreeItem<T>>({ className, controller, NotFoundComponent, }: ControllerTreeProps<T, I>): React.JSX.Element;
     displayName: string;
 };
 export default TreeBodyComponent;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { TreeItem, TreeProps } from '../typings';
-declare const _default: {
+declare const TreeComponent: {
     <T = any, I extends TreeItem<T> = TreeItem<T>>(props: TreeProps<T, I>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof TreeComponent;
 export default _default;

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

@@ -3,8 +3,9 @@ import { ListItemProps } from '../../list/typings';
 import { TreeItem, TreeItemProps, TreeItemToggleProps } from '../typings';
 export declare const TreeItemToggler: <T = any, I extends TreeItem<T> = TreeItem<T>>({ item, onExpand, onCollapse, index, }: TreeItemToggleProps<T, I>) => React.JSX.Element | null;
 export declare const TreeItemContent: <T = any, I extends TreeItem<T> = TreeItem<T>>(props: TreeItemProps<T, I>) => React.JSX.Element | null;
-declare const _default: {
+declare const TreeItemComponent: {
     <T = any, I extends TreeItem<T> = TreeItem<T>>(props: ListItemProps<T, I>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof TreeItemComponent;
 export default _default;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ControllerTreeProps, TreeItem } from '../typings';
 declare const VirtualTreeBodyComponent: {
-    <T extends unknown = any, I extends TreeItem<T> = TreeItem<T>>({ className, controller, height, }: ControllerTreeProps<T, I>): React.JSX.Element;
+    <T extends unknown = any, I extends TreeItem<T> = TreeItem<T>>({ className, controller, height, NotFoundComponent }: ControllerTreeProps<T, I>): React.JSX.Element;
     displayName: string;
 };
 export default VirtualTreeBodyComponent;

package/dist/components/tree/hooks/useTreeController.d.ts

@@ -1,5 +1,5 @@
 import { CollectionProxy } from 'onekijs-framework';
 import TreeService from '../TreeService';
 import { TreeItem, TreeState, UseTreeOptions } from '../typings';
-declare const useTreeController: <T, I extends TreeItem<T> = TreeItem<T>>(dataSource?: string | CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>> | T[] | undefined, options?: UseTreeOptions<T, I>) => CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>>;
+declare const useTreeController: <T, I extends TreeItem<T> = TreeItem<T>>(dataSource?: string | T[] | CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>>, options?: UseTreeOptions<T, I>) => CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>>;
 export default useTreeController;

package/dist/components/tree/hooks/useTreeInitialState.d.ts

@@ -1,5 +1,5 @@
 import { CollectionProxy } from 'onekijs-framework';
 import TreeService from '../TreeService';
 import { TreeItem, TreeState, UseTreeOptions } from '../typings';
-declare const useTreeInitialState: <T, I extends TreeItem<T>>(dataSource: string | CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>> | T[] | undefined, options: UseTreeOptions<T, I>) => TreeState<T, I>;
+declare const useTreeInitialState: <T, I extends TreeItem<T>>(dataSource: string | T[] | undefined | CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>>, options: UseTreeOptions<T, I>) => TreeState<T, I>;
 export default useTreeInitialState;

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

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-declare const _default: {
-    <T = any, I extends import("./typings").TreeItem<T> = import("./typings").TreeItem<T>>(props: import("./typings").TreeProps<T, I>): import("react").JSX.Element;
-    displayName: string;
-};
+import TreeComponent from './components/TreeComponent';
+declare const _default: typeof TreeComponent;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { Collection, CollectionProxy, CollectionState, Item, ItemAdaptee, UseCollectionOptions } from 'onekijs-framework';
-import React, { ReactNode } from 'react';
-import { ListItemHandler, ListItemProps, StandardListProps, VirtualListProps } from '../list/typings';
+import React, { FC, ReactNode } from 'react';
+import { ListItemHandler, ListItemProps, ListNotFoundProps, StandardListProps, VirtualListProps } from '../list/typings';
 export type ArrayTreeProps<T = any, I extends TreeItem<T> = TreeItem<T>> = TreeConfig<T, I> & {
     adapter?: TreeItemAdapter<T>;
     dataSource?: string | T[];
@@ -18,6 +18,7 @@ export type TreeConfig<T = any, I extends TreeItem<T> = TreeItem<T>> = {
     TreeItemContentComponent?: React.FC<TreeItemProps<T, I>>;
     TreeIconComponent?: React.FC<TreeItemProps<T, I>>;
     TreeTogglerComponent?: React.FC<TreeItemToggleProps<T, I>>;
+    NotFoundComponent?: FC<ListNotFoundProps> | null;
     onActivate?: TreeItemHandler<T, I>;
     onDeactivate?: TreeItemHandler<T, I>;
     onHighlight?: TreeItemHandler<T, I>;
@@ -30,7 +31,7 @@ export type TreeConfig<T = any, I extends TreeItem<T> = TreeItem<T>> = {
     paddingRight?: number;
     animate?: boolean;
     keyboardNavigable?: boolean;
-    listRef?: React.RefObject<HTMLDivElement>;
+    listRef?: React.RefObject<HTMLDivElement | null>;
 };
 export type TreeController<T = any, I extends TreeItem<T> = TreeItem<T>, S extends TreeState<T, I> = TreeState<T, I>> = Collection<T, I, S> & {
     collapse: TreeItemHandler<T, I>;

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

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