onekijs-ui 0.15.5 → 0.15.6

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormSelectProps, SelectItem } from './typings';
 declare const _default: {
     <T = any, I extends SelectItem<T> = SelectItem<T>>(props: FormSelectProps<T, I>): JSX.Element;

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

@@ -9,7 +9,7 @@ declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S
     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, query?: Query): void;
-    _buildItem(data: T | undefined, adaptee: unknown, context?: AnonymousObject): I;
+    _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;

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

@@ -1,8 +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 SelectService<T, I, S> {
+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 TreeService<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 @@
-/// <reference types="react" />
 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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectItem, SelectTokenProps } from '../typings';
 declare const _default: {
     <T, I extends SelectItem<T> = SelectItem<T>>({ token, onRemove, index, }: SelectTokenProps<T, I>): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectItem, SelectTokensProps } from '../typings';
 declare const _default: {
     <T, I extends SelectItem<T> = SelectItem<T>>({ tokens, onRemove, }: SelectTokensProps<T, I>): JSX.Element | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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/typings.d.ts

@@ -50,6 +50,7 @@ export interface SelectInputProps<T = any, I extends SelectItem<T> = SelectItem<
     searchable: boolean;
     clickable: boolean;
     minChars: number;
+    autoCompleteSearch: boolean;
 }
 export declare type SelectGroup = string | {
     text: string;
@@ -110,6 +111,7 @@ export declare type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T
     required?: boolean;
     sameWidth?: boolean;
     ListComponent?: React.FC<SelectListComponentProps<T, I>>;
+    autoCompleteSearch?: boolean;
 };
 export declare type SelectListComponentProps<T = any, I extends SelectItem<T> = SelectItem<T>> = CollectionListProps<T, I> & {
     optionsRef: React.RefObject<HTMLDivElement>;

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

@@ -12,7 +12,7 @@ declare class TreeService<T = any, I extends TreeItem<T> = TreeItem<T>, S extend
     initDb(dataSource: T[] | string | undefined): void;
     _adapt(data: T | null | undefined, context?: AnonymousObject): I;
     _addFilterExpanded(item: I): void;
-    _buildItem(data: T | undefined, adaptee: unknown, context?: AnonymousObject): I;
+    _buildItem(data: T | null | undefined, adaptee: unknown, context?: AnonymousObject): I;
     _clearFilterExpanded(): void;
     _delayChildrenLoading(delay_ms: number, item: I): Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>;
     _execute(items: I[], query: LocalQuery, comparator: QuerySortComparator, comparators: AnonymousObject<QuerySortComparator>, searcher?: QuerySearcher<T>): I[];

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControllerTreeProps, TreeItem } from '../typings';
 declare const ControllerTreeComponent: {
     <T = any, I extends TreeItem<T> = TreeItem<T>>({ controller, className, onActivate, onSelect, height, virtual, gap, TreeIconComponent, TreeItemComponent, TreeItemContentComponent, treeItemClassName, TreeTogglerComponent, paddingLeft, paddingRight, animate, keyboardNavigable, listRef, }: ControllerTreeProps<T, I, import("../typings").TreeState<T, I>, import("../typings").TreeController<T, I, import("../typings").TreeState<T, I>>>): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControllerTreeProps, TreeItem } from '../typings';
 declare const TreeBodyComponent: {
     <T = any, I extends TreeItem<T> = TreeItem<T>>({ className, controller, }: ControllerTreeProps<T, I, import("../typings").TreeState<T, I>, import("../typings").TreeController<T, I, import("../typings").TreeState<T, I>>>): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TreeItem, TreeProps } from '../typings';
 declare const _default: {
     <T = any, I extends TreeItem<T> = TreeItem<T>>(props: TreeProps<T, I, import("../typings").TreeState<T, I>, import("../typings").TreeController<T, I, import("../typings").TreeState<T, I>>>): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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>) => JSX.Element | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TreeItem, TreeListProps } from '../typings';
 declare const TreeListComponent: <T = any, I extends TreeItem<T> = TreeItem<T>>({ items, onItemClick, onItemMouseEnter, onItemMouseLeave, }: TreeListProps<T, I>) => JSX.Element;
 export default TreeListComponent;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControllerTreeProps, TreeItem } from '../typings';
 declare const VirtualTreeBodyComponent: {
     <T = any, I extends TreeItem<T> = TreeItem<T>>({ className, controller, height, }: ControllerTreeProps<T, I, import("../typings").TreeState<T, I>, import("../typings").TreeController<T, I, import("../typings").TreeState<T, I>>>): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TreeItem, VirtualTreeListProps } from '../typings';
 declare const VirtualTreeListComponent: <T = any, I extends TreeItem<T> = TreeItem<T>>({ items, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualTreeListProps<T, I>) => JSX.Element;
 export default VirtualTreeListComponent;

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

@@ -1,4 +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("./typings").TreeState<T, I>, import("./typings").TreeController<T, I, import("./typings").TreeState<T, I>>>): JSX.Element;
     displayName: string;

package/dist/index.js

@@ -6130,7 +6130,7 @@ const DefaultSelectListComponent = (props) => {
     });
     return (React__default["default"].createElement(ListBodyComponent, { ...props, className: "o-select-options", bodyRef: props.optionsRef, items: selectItems, totalSize: totalSize, virtualItems: isVirtual ? virtualItems : undefined, scrollToIndex: scrollToIndex, keyboardNavigable: true, service: props.controller?.asService(), state: props.controller.state }));
 };
-const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '', placeholder, controller, InputComponent = SelectInputComponent$1, IconComponent, OptionContentComponent = SelectOptionContent, OptionComponent = SelectOptionComponent$1, OptionLoadingComponent = LoadingItem$1, MultiOptionsComponent = SelectOptionComponent$1, NotFoundComponent = SelectNotFoundComponent, autoFocus, value, onChange, onBlur: forwardBlur, onFocus: forwardFocus, height = 220, multiple = false, status = onekijsFramework.ValidationStatus.None, size = 'medium', nullable, minChars = 0, openOnFocus = false, searchable = true, dropdownWidthModifier = 'min', preload = 50, increment = 50, animationMs = 200, disabled, defaultValue, required = false, sameWidth = true, overscan, clickable = true, ListComponent = DefaultSelectListComponent, }) => {
+const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '', placeholder, controller, InputComponent = SelectInputComponent$1, IconComponent, OptionContentComponent = SelectOptionContent, OptionComponent = SelectOptionComponent$1, OptionLoadingComponent = LoadingItem$1, MultiOptionsComponent = SelectOptionComponent$1, NotFoundComponent = SelectNotFoundComponent, autoFocus, value, onChange, onBlur: forwardBlur, onFocus: forwardFocus, height = 220, multiple = false, status = onekijsFramework.ValidationStatus.None, size = 'medium', nullable, minChars = 0, openOnFocus = false, searchable = true, dropdownWidthModifier = 'min', preload = 50, increment = 50, animationMs = 200, disabled, defaultValue, required = false, sameWidth = true, overscan, clickable = true, ListComponent = DefaultSelectListComponent, autoCompleteSearch = true, }) => {
     if (nullable === undefined) {
         nullable = !required;
     }
@@ -6171,6 +6171,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
         defaultValue,
         sameWidth,
         overscan,
+        autoCompleteSearch,
     };
     const id = React.useId();
     const loading = onekijsFramework.isCollectionLoading(controller);
@@ -6190,7 +6191,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
             return controller.getItem(controller.state.active[0]);
         }
         else if (focus && search) {
-            const item = findSelectItem(controller, search.toString());
+            const item = autoCompleteSearch ? findSelectItem(controller, search.toString()) : controller.items[0];
             if (item === undefined && !onekijsFramework.isCollectionFetching(controller)) {
                 return onekijsFramework.get(controller, 'items.0');
             }
@@ -6202,7 +6203,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
         if (!multiple) {
             return controller.adapt(value);
         }
-    }, [focus, controller, value, multiple]);
+    }, [focus, controller, value, multiple, autoCompleteSearch]);
     const optionsRef = React.useRef(null);
     const update = React.useCallback(() => {
         if (optionsRef.current && onekijsFramework.get(service, 'config.sameWidth')) {
@@ -6288,7 +6289,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
     React.useEffect(() => {
         const search = controller.getSearch();
         if (open && focus && search && search !== previousSearchRef.current) {
-            const item = findSelectItem(controller, search.toString());
+            const item = autoCompleteSearch ? findSelectItem(controller, search.toString()) : controller.items[0];
             const activated = onekijsFramework.get(controller.state.active, '0');
             if (item !== undefined && !onekijsFramework.isCollectionFetching(controller)) {
                 previousSearchRef.current = search;
@@ -6297,7 +6298,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
                 }
             }
         }
-    }, [controller, focus, open, id]);
+    }, [controller, focus, open, id, autoCompleteSearch]);
     React.useEffect(() => {
         if (!multiple) {
             if (value) {
@@ -6511,7 +6512,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
     onekijsFramework.useEventListener('keydown', onKeyDown, false);
     return (React__default["default"].createElement(SelectServiceContext.Provider, { value: service },
         React__default["default"].createElement("div", { className: classNames, ref: containerRef, onMouseDown: () => (stateRef.current.keepFocus = true), onMouseUp: () => (stateRef.current.keepFocus = false) },
-            React__default["default"].createElement(InputComponent, { placeholder: placeholder, setOpen: setOpen, open: open, loading: loading, fetching: fetching, onChange: onInputChange, value: proxyItem ? proxyItem.text : '', focus: focus, onFocus: onFocus, onBlur: onBlur, tokens: tokens, multiple: multiple, onRemove: onRemoveToken, autoFocus: autoFocus, style: style, nullable: nullable, IconComponent: IconComponent, searchable: searchable, clickable: clickable, minChars: minChars, ref: triggerRef, disabled: disabled }),
+            React__default["default"].createElement(InputComponent, { placeholder: placeholder, setOpen: setOpen, open: open, loading: loading, fetching: fetching, onChange: onInputChange, value: autoCompleteSearch ? (proxyItem ? proxyItem.text : '') : controller.getSearch() || '', focus: focus, onFocus: onFocus, onBlur: onBlur, tokens: tokens, multiple: multiple, onRemove: onRemoveToken, autoFocus: autoFocus, style: style, nullable: nullable, IconComponent: IconComponent, searchable: searchable, clickable: clickable, minChars: minChars, ref: triggerRef, disabled: disabled, autoCompleteSearch: autoCompleteSearch }),
             React__default["default"].createElement(Dropdown, { attachToBody: attachDropdownToBody, open: open, distance: 0, animationTimeout: animationMs, onDropStart: onOpen, onCollapseDone: onClosed, placement: "bottom-start", widthModifier: dropdownWidthModifier, className: className, zIndex: attachDropdownToBody ? 2000 : undefined },
                 React__default["default"].createElement(ListComponent, { className: "o-select-options", height: height, ItemComponent: multiple ? MultiOptionsComponent : OptionComponent, ItemLoadingComponent: OptionLoadingComponent, ItemContentComponent: OptionContentComponent, NotFoundComponent: NotFoundComponent, onItemSelect: onSelect, onItemUnselect: onSelect, controller: controller, keyboardNavigable: true, multiSelect: multiple, onItemActivate: onActivate, optionsRef: optionsRef })))));
 };
@@ -7159,8 +7160,8 @@ let TreeService = class TreeService extends onekijsFramework.CollectionService {
             : treeAdaptee.children.map((child) => {
                 if (context !== undefined) {
                     context.level = level + 1;
-                    context.position = context.nextPosition;
-                    context.nextPosition = context.position + 1;
+                    context.position = context.nextPosition !== undefined ? context.nextPosition : undefined;
+                    context.nextPosition = context.position !== undefined ? context.position + 1 : undefined;
                 }
                 else {
                     context = {
@@ -7458,12 +7459,12 @@ TreeService = __decorate([
 ], TreeService);
 var TreeService$1 = TreeService;
 
-let TreeSelectService = class TreeSelectService extends SelectService$1 {
+let TreeSelectService = class TreeSelectService extends onekijsFramework.CollectionService {
 };
 TreeSelectService = __decorate([
     onekijsFramework.service
 ], TreeSelectService);
-onekijsFramework.applyMixins(TreeSelectService, [TreeService$1]);
+onekijsFramework.applyMixins(TreeSelectService, [SelectService$1, TreeService$1]);
 var TreeSelectService$1 = TreeSelectService;
 
 const useTreeSelectController = (dataSource, options = {}) => {