onekijs-ui 0.15.4 → 0.15.6

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

@@ -3,11 +3,13 @@ export declare type AccordionPanelProps<T = string> = {
     initialActive?: boolean;
     title: T;
     Component?: FCC<AccordionPanelTitleProps<T>>;
+    link?: string;
 };
 export declare type AccordionPanelTitleProps<T = string> = {
     title: T;
     active: boolean;
     onClick: AnyFunction;
+    link?: string;
 };
 export declare type AccordionPanelState = {
     active: boolean;
@@ -23,7 +25,7 @@ export declare type AccordionProps = {
     /**
      * a flag to indicate if the border is visible or not
      *
-     * @example test
+     * @example false
      * @defaultValue true
      */
     border?: boolean;
@@ -37,9 +39,17 @@ export declare type AccordionProps = {
      * @defaultValue 150
      */
     animate?: number;
+    /**
+     * push means that the height of the accordion panel is derived from the height of its content
+     * pushToBottom means that the height of the accordion panel is the remaining space given by the accordion's container after removing the space taken by the other accordion panel titles (do not work if multiActive is true)
+     *
+     * @defaultValue push
+     */
+    mode?: 'push' | 'pushToBottom';
 };
 export declare type AccordionState = {
     panels: AnonymousObject<AccordionPanelState>;
     multiActive?: boolean;
     animate: number;
+    mode?: 'push' | 'pushToBottom';
 };

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

@@ -14,6 +14,6 @@ export interface SubmitButtonProps extends ButtonProps {
 export interface DropDownButtonProps extends ButtonProps, DropdownProps {
     attachDropdownToBody?: boolean;
     listElement: ReactNode;
-    onDrop: AnyFunction;
-    onCollapse: AnyFunction;
+    onDrop?: AnyFunction;
+    onCollapse?: AnyFunction;
 }

package/dist/components/dashboard/hooks/useDashboardPanel.d.ts

@@ -0,0 +1,4 @@
+import { DashboardBodyPanel, DashboardHorizontalArea, DashboardHorizontalPanel, DashboardVerticalArea, DashboardVerticalPanel } from '../typings';
+export declare const useDashboardHorizontalPanel: (area: DashboardHorizontalArea) => DashboardHorizontalPanel | undefined;
+export declare const useDashboardVerticalPanel: (area: DashboardVerticalArea) => DashboardVerticalPanel | undefined;
+export declare const useDashoardBodyPanel: () => DashboardBodyPanel | undefined;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { StylableProps } from '../../styles/typings';
 export declare type DashboardArea = DashboardHorizontalArea | DashboardVerticalArea | 'body' | 'none';
 export declare type DashboardBodyComponentProps = {
     className?: string;
@@ -43,7 +44,7 @@ declare type DashboardHorizontalProps = {
     minHeight?: string | 0;
 };
 export declare type DashboardHorizontalPanelProps = DashboardSidePanelProps & DashboardHorizontalProps;
-export declare type DashboardProps = {
+export declare type DashboardProps = StylableProps & {
     ContainerComponent?: React.FC<DashboardContainerProps>;
     OverlayComponent?: React.FC<DashboardOverlayProps>;
 };
@@ -64,6 +65,7 @@ export declare type DashboardSidePanelProps = {
     floatingMedium?: boolean;
     floatingLarge?: boolean;
     resizable?: boolean;
+    resizerGap?: number;
 };
 export declare type DashboardSize = 'small' | 'medium' | 'large';
 export declare type DashboardState = {

package/dist/components/icon/CloseIcon.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/DebugIcon.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/ErrorIcon.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/FilterIcon.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/InfoIcon.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/SuccessIcon.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/WarningIcon.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/list/DropdownList.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: {
+    <T = any, I extends import("./typings").ListItem<T> = import("./typings").ListItem<T>>(props: import("./typings").ListProps<T, I, import("./typings").ListState<T, I>, import("./typings").ListCollection<T, I, import("./typings").ListState<T, I>>>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ArrayListProps } from '../typings';
-declare const ArrayListComponent: FC<ArrayListProps>;
+/// <reference types="react" />
+import { ArrayListProps, ListItem } from '../typings';
+declare const ArrayListComponent: <T = any, I extends ListItem<T> = ListItem<T>>(props: ArrayListProps<T, I>) => JSX.Element;
 export default ArrayListComponent;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { CollectionListProps } from '../typings';
-declare const CollectionListComponent: FC<CollectionListProps>;
+/// <reference types="react" />
+import { CollectionListProps, ListItem } from '../typings';
+declare const CollectionListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ className, controller, height, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, itemHeight, preload, keyboardNavigable, increment, multiSelect, onItemActivate, onItemHighlight, onItemSelect, onItemDeactivate, onItemUnhighlight, onItemUnselect, paddingEnd, paddingStart, virtual, style, }: CollectionListProps<T, I, import("../typings").ListState<T, I>, import("../typings").ListCollection<T, I, import("../typings").ListState<T, I>>>) => JSX.Element;
 export default CollectionListComponent;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ListBodyProps } from '../typings';
-declare const ListBodyComponent: React.FC<ListBodyProps<any, any>>;
+/// <reference types="react" />
+import { ListBodyProps, ListItem } from '../typings';
+declare const ListBodyComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ bodyRef, className, height, items, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, keyboardNavigable, ListComponent, multiSelect, onItemActivate, onItemDeactivate, onItemSelect, onItemUnselect, onItemHighlight, onItemUnhighlight, parentRef, scrollToIndex, service, state, style, totalSize, virtualItems, VirtualListComponent, LoadingComponent, }: ListBodyProps<T, I, import("../typings").ListState<T, I>, import("../typings").ListCollection<T, I, import("../typings").ListState<T, I>>>) => JSX.Element | null;
 export default ListBodyComponent;

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

@@ -1,4 +1,7 @@
-import React from 'react';
-import { ListProps } from '../typings';
-declare const ListComponent: React.FC<ListProps>;
-export default ListComponent;
+/// <reference types="react" />
+import { ListItem, ListProps } from '../typings';
+declare const _default: {
+    <T = any, I extends ListItem<T> = ListItem<T>>(props: ListProps<T, I, import("../typings").ListState<T, I>, import("../typings").ListCollection<T, I, import("../typings").ListState<T, I>>>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -1,6 +1,8 @@
-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;
+/// <reference types="react" />
+import { ListItem, ListItemProps } from '../typings';
+export declare const ListItemContent: <T = any, I extends ListItem<T> = ListItem<T>>({ item }: ListItemProps<T, I>) => JSX.Element;
+declare const _default: {
+    <T = any, I extends ListItem<T> = ListItem<T>>(props: ListItemProps<T, I>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { StandardListProps } from '../typings';
-declare const StandardListComponent: React.FC<StandardListProps<any, any>>;
+/// <reference types="react" />
+import { ListItem, StandardListProps } from '../typings';
+declare const StandardListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ items, ItemComponent, ItemLoadingComponent, ItemContentComponent, onItemClick, onItemMouseEnter, onItemMouseLeave, }: StandardListProps<T, I>) => JSX.Element;
 export default StandardListComponent;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { VirtualListProps } from '../typings';
-declare const VirtualListComponent: React.FC<VirtualListProps<any, any>>;
+/// <reference types="react" />
+import { ListItem, VirtualListProps } from '../typings';
+declare const VirtualListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ items, ItemComponent, ItemLoadingComponent, ItemContentComponent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualListProps<T, I>) => JSX.Element;
 export default VirtualListComponent;

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

@@ -1,4 +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>>>>;
+declare const useListController: <T = any, I extends ListItem<T> = ListItem<T>>(dataSource: string | T[], options?: UseListOptions<T, I>) => CollectionProxy<T, I, ListState<T, I>, CollectionService<T, I, ListState<T, I>>>;
 export default useListController;

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

@@ -6,6 +6,8 @@ declare const useListView: <T = any, I extends Item<T> = Item<T>>(props: Pick<Co
     controller: ListCollection<T, I>;
     scrollToFn?: (offset: number, defaultScrollToFn?: (offset: number) => void) => void;
     keyExtractor?: (index: number) => number | string;
+    paddingEnd?: number;
+    paddingStart?: number;
 }) => {
     isVirtual: boolean;
     items: (I | undefined)[];

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

@@ -1,3 +1,6 @@
 /// <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;
+declare const _default: {
+    <T = any, I extends import("./typings").ListItem<T> = import("./typings").ListItem<T>>(props: import("./typings").ListProps<T, I, import("./typings").ListState<T, I>, import("./typings").ListCollection<T, I, import("./typings").ListState<T, I>>>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -46,14 +46,15 @@ export interface ListItemProps<T = any, I extends ListItem<T> = ListItem<T>> {
     item: I;
     data: T;
     ItemContentComponent?: FC<ListItemProps<T, I>>;
-    onClick?: ListItemHandler<T, I>;
+    onClick?: (item: I, index: number) => boolean | void;
     onMouseEnter?: ListItemHandler<T, I>;
     onMouseLeave?: ListItemHandler<T, I>;
+    className?: string;
 }
 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;
+    height?: string | number;
     increment?: number;
     ItemLoadingComponent?: FC;
     ItemComponent?: FC<ListItemProps<T, I>>;
@@ -69,6 +70,8 @@ export declare type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
     onItemUnhighlight?: ListItemHandler<T, I>;
     onItemSelect?: ListItemHandler<T, I>;
     onItemUnselect?: ListItemHandler<T, I>;
+    paddingEnd?: number;
+    paddingStart?: number;
     overscan?: number;
     preload?: number;
     style?: React.CSSProperties;

package/dist/components/notifications/components/NotificationComponent.d.ts

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

package/dist/components/notifications/components/NotificationsComponent.d.ts

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { Notification } from 'onekijs-framework';
+import { FC } from 'react';
+export declare type NotificationsProps = {
+    animate?: number;
+    className?: string;
+    NotificationComponent?: FC<NotificationProps>;
+    max?: number;
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    showTimer?: boolean;
+    topics?: string[];
+};
+export declare type NotificationProps = {
+    className?: string;
+    notification: Notification;
+    index: number;
+    showTimer?: boolean;
+};

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

@@ -12,10 +12,12 @@ export interface ResizerProps {
     maxWidth?: string | 0;
     minHeight?: string | 0;
     maxHeight?: string | 0;
+    gap?: number;
 }
 export interface ResizeSplitterProps {
     onResize: ResizerHandler;
     target: React.RefObject<HTMLDivElement>;
+    gap: number;
 }
 export interface ResizeVerticalSplitterProps extends ResizeSplitterProps {
     handle: ResizerVerticalHandle;

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

@@ -1,4 +1,6 @@
-import { FC } from 'react';
-import { FormSelectProps } from './typings';
-declare const FormSelect: FC<FormSelectProps>;
-export default FormSelect;
+import { FormSelectProps, SelectItem } from './typings';
+declare const _default: {
+    <T = any, I extends SelectItem<T> = SelectItem<T>>(props: FormSelectProps<T, I>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -1,19 +1,19 @@
 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> {
+import { SelectConfig, 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> {
     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>;
+    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | AnonymousObject<any>, 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 | AnonymousObject<any>, 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)[]>;
+    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 | AnonymousObject<any>, 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 | AnonymousObject<any>, 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>;
     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>>;
+    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 | AnonymousObject<any>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & 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;
+    _setItems(items: (I | undefined)[]): void;
 }
 export default SelectService;

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

@@ -0,0 +1,6 @@
+/// <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>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+import { CollectionService } from 'onekijs-framework';
+import TreeService from '../tree/TreeService';
+import SelectService from './SelectService';
+import { TreeSelectItem, TreeSelectState } from './typings';
+declare class TreeSelectService<T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>, S extends TreeSelectState<T, I> = TreeSelectState<T, I>> extends CollectionService<T, I, S> {
+}
+interface TreeSelectService<T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>, S extends TreeSelectState<T, I> = TreeSelectState<T, I>> extends SelectService<T, I, S>, TreeService<T, I, S> {
+}
+export default TreeSelectService;

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-import { ArraySelectProps } from '../typings';
-declare const ArraySelectComponent: FC<ArraySelectProps>;
+import { ArraySelectProps, SelectItem } from '../typings';
+declare const ArraySelectComponent: <T = any, I extends SelectItem<T> = SelectItem<T>>(props: ArraySelectProps<T, I>) => JSX.Element;
 export default ArraySelectComponent;

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

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

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

@@ -0,0 +1,3 @@
+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, required, sameWidth, overscan, clickable, ListComponent, autoCompleteSearch, }: ControllerSelectProps<T, I, S, C>) => JSX.Element;
+export default ControlledSelectComponent;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ControllerTreeSelectProps, TreeSelectController, TreeSelectItem, TreeSelectState } from '../typings';
+export declare const TreeSelectPropsContext: React.Context<ControllerTreeSelectProps<any, any, any, any>>;
+export declare const useTreeSelectPropsContext: <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>>() => ControllerTreeSelectProps<T, I, S, C>;
+declare const ControlledTreeSelectComponent: <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: ControllerTreeSelectProps<T, I, S, C>) => JSX.Element;
+export default ControlledTreeSelectComponent;

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

@@ -1,4 +1,6 @@
-import React from 'react';
-import { SelectProps } from '../typings';
-declare const SelectComponent: React.FC<SelectProps>;
-export default SelectComponent;
+import { SelectController, SelectItem, SelectProps, SelectState } from '../typings';
+declare const _default: {
+    <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>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -1,4 +1,3 @@
 import React from 'react';
-import { SelectInputProps } from '../typings';
-declare const SelectInputComponent: React.ForwardRefExoticComponent<SelectInputProps<any, import("../typings").SelectItem<any>> & React.RefAttributes<HTMLDivElement>>;
-export default SelectInputComponent;
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { TreeSelectController, TreeSelectItem, TreeSelectProps, TreeSelectState } from '../typings';
+declare const _default: {
+    <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>): JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import { ListItemProps } from '../../list/typings';
+import { TreeSelectItem } from '../typings';
+export declare const TreeSelectOptionContent: <T, I extends TreeSelectItem<T> = TreeSelectItem<T>>(props: ListItemProps<T, I>) => JSX.Element;

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, 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>>>;
+declare const useSelectController: <T = any, I extends SelectItem<T> = SelectItem<T>>(dataSource: string | T[] | [T, string][] | 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/useTreeSelectController.d.ts

@@ -0,0 +1,6 @@
+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>>>;
+export default useTreeSelectController;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TreeSelectController, TreeSelectItem } from '../typings';
+export declare const TreeSelectServiceContext: React.Context<TreeSelectController<any, any, import("../typings").TreeSelectState<any, any>>>;
+export declare const useTreeSelectService: <T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>>() => TreeSelectController<T, I, import("../typings").TreeSelectState<T, I>>;

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare const Select: import("styled-components").StyledComponent<import("react").FC<import("./typings").SelectProps<any, import("./typings").SelectItem<any>, import("./typings").SelectState<any, import("./typings").SelectItem<any>>, import("./typings").SelectController<any, import("./typings").SelectItem<any>, import("./typings").SelectState<any, import("./typings").SelectItem<any>>>>>, any, {}, never>;
-export default Select;
+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>): JSX.Element;
+    displayName: string;
+};
+export default _default;