onekijs-ui 0.16.1 → 0.16.2

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

@@ -5,6 +5,7 @@ import { DropdownWidthModifier } from '../dropdown/typings';
 import { FieldLayoutProps } from '../field/typings';
 import { CollectionListProps, ListConfig, ListItem, ListItemAdaptee, ListItemHandler, ListItemProps, ListNotFoundProps, ListState, UseListOptions } from '../list/typings';
 import { TreeController, TreeItem, TreeProps, TreeState } from '../tree/typings';
+import SelectService from './SelectService';
 export declare type ArraySelectProps<T = any, I extends SelectItem<T> = SelectItem<T>> = SelectConfig<T, I> & {
     adapter?: SelectItemAdapter<T>;
     dataSource: T[] | [T, string][] | string;
@@ -75,7 +76,7 @@ export declare type SelectProps<T = any, I extends SelectItem<T> = SelectItem<T>
     dataSource?: T[] | [T, string][] | string;
     fetchOnce?: boolean;
 };
-export declare type SelectBroker<T, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>, C extends SelectController<T, I, S> = SelectController<T, I, S>> = CollectionBroker<T, I, S, C> & {
+export declare type SelectBroker<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>> = CollectionBroker<T, I, S, C> & {
     setDefaultValue: (defaultValue: T | T[] | null | undefined, subscriberId?: string) => void;
 };
 export declare type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T>> = Omit<ListConfig<T, I>, 'ItemComponent'> & {
@@ -135,3 +136,4 @@ export declare type TreeSelectItem<T = any> = SelectItem<T> & TreeItem<T>;
 export declare type TreeSelectProps<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>> = SelectProps<T, I, S, C> & TreeProps<T, I, S, C>;
 export declare type TreeSelectState<T = any, I extends TreeSelectItem<T> = TreeSelectItem<T>> = SelectState<T, I> & TreeState<T, I>;
 export declare type UseSelectOptions<T, I extends SelectItem<T> = SelectItem<T>> = UseListOptions<T, I>;
+export declare type 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>>>;

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

@@ -7,6 +7,7 @@ import { InputProps } from '../input/typings';
 import { ListItemProps, ListItems, ListNotFoundProps, ListState, UseListOptions } from '../list/typings';
 import { FormSelectProps, SelectBroker, SelectItem, SelectProps } from '../select/typings';
 import { TextareaProps } from '../textarea/typings';
+import TableService from './TableService';
 export declare type ArrayTableProps<T = any, I extends TableItem<T> = TableItem<T>> = TableConfig<T, I> & {
     adapter?: TableItemAdapter<T>;
     columns?: TableColumn<T, I>[];
@@ -245,3 +246,4 @@ export declare type UseTableOptions<T = any, I extends TableItem<T> = TableItem<
     adapter?: TableItemAdapter<T>;
     selected?: T[];
 };
+export declare type UseTableController<T = any> = (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>>>>;

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/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/index.d.ts

@@ -104,7 +104,7 @@ export { default as TreeSelectComponent } from './components/select/components/T
 export { default as useSelectController } from './components/select/hooks/useSelectController';
 export { useSelectService } from './components/select/hooks/useSelectService';
 export { default as useTreeSelectController } from './components/select/hooks/useTreeSelectController';
-export { ArraySelectProps, ArrayTreeSelectProps, ControllerSelectProps, ControllerTreeSelectProps, FormSelectProps, SelectItemAdapter, SelectBroker, SelectConfig, SelectController, SelectGroup, SelectIconProps, SelectInputProps, SelectItem, SelectItemAdaptee, SelectListComponentProps, SelectNotFoundProps, SelectOptionHandler, SelectOptionProps, SelectOptionSelectionHandler, SelectProps, SelectState, SelectTokenProps, SelectTokensProps, TreeSelectController, TreeSelectItem, TreeSelectProps, TreeSelectState, UseSelectOptions, } from './components/select/typings';
+export { ArraySelectProps, ArrayTreeSelectProps, ControllerSelectProps, ControllerTreeSelectProps, FormSelectProps, SelectItemAdapter, SelectBroker, SelectConfig, SelectController, SelectGroup, SelectIconProps, SelectInputProps, SelectItem, SelectItemAdaptee, SelectListComponentProps, SelectNotFoundProps, SelectOptionHandler, SelectOptionProps, SelectOptionSelectionHandler, SelectProps, SelectState, SelectTokenProps, SelectTokensProps, TreeSelectController, TreeSelectItem, TreeSelectProps, TreeSelectState, UseSelectOptions, UseSelectController, } from './components/select/typings';
 export { findSelectItem, findSelectItemIndex, shouldCheckSelect } from './components/select/util';
 export { default as Tabs } from './components/tab';
 export { default as Tab } from './components/tab/components/Tab';
@@ -141,7 +141,7 @@ export { default as useSelectColumn } from './components/table/hooks/useSelectCo
 export { default as useTableController } from './components/table/hooks/useTableController';
 export { default as useTextColumn } from './components/table/hooks/useTextColumn';
 export { default as useTextareaColumn } from './components/table/hooks/useTextareaColumn';
-export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormTableContext, FormTableProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableOptions, } from './components/table/typings';
+export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormTableContext, FormTableProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableOptions, UseTableController, } from './components/table/typings';
 export { default as Tag } from './components/tag';
 export { default as TagComponent } from './components/tag/components/TagComponent';
 export { tagStyle } from './components/tag/style';

package/dist/index.js

@@ -6136,9 +6136,9 @@ const SelectOptionComponent = (props) => {
         return null;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         displayGroup && React__default["default"].createElement(OptionGroupComponent, { ...props }),
-        React__default["default"].createElement("div", { className: classNames, onMouseDown: () => onItemClick(item, index), onMouseEnter: () => hoverable && onMouseEnter && item && onMouseEnter(item, index), onMouseLeave: () => hoverable && onMouseLeave && item && onMouseLeave(item, index) },
+        React__default["default"].createElement("div", { className: classNames, onClick: () => onItemClick(item, index), onMouseEnter: () => hoverable && onMouseEnter && item && onMouseEnter(item, index), onMouseLeave: () => hoverable && onMouseLeave && item && onMouseLeave(item, index) },
             service.config?.multiple && (React__default["default"].createElement(Checkbox, { value: item?.selected ? true : false, onChange: () => onItemClick(item, index), color: "currentColor", className: "o-select-option-multiple-checkbox" })),
-            React__default["default"].createElement(OptionContentComponent, { ...props }))));
+            React__default["default"].createElement(OptionContentComponent, { ...props, onClick: () => onItemClick(item, index) }))));
 };
 SelectOptionComponent.displayName = 'SelectOptionComponent';
 var SelectOptionComponent$1 = React__default["default"].memo(SelectOptionComponent);
@@ -6162,41 +6162,80 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
     const [focus, setFocus] = React.useState(false);
     const stateRef = React.useRef({});
     const service = controller.asService();
-    service.config = {
-        attachDropdownToBody,
-        className,
-        placeholder,
-        InputComponent,
-        IconComponent,
-        OptionContentComponent,
-        OptionComponent,
-        OptionLoadingComponent,
-        MultiOptionsComponent,
-        NotFoundComponent,
-        autoFocus,
-        value,
-        onChange,
-        onBlur: forwardBlur,
-        onFocus: forwardFocus,
-        height,
-        multiple,
-        status,
-        size,
-        nullable,
-        minChars,
-        openOnFocus,
-        searchable,
-        clickable,
-        dropdownWidthModifier,
-        preload,
-        increment,
-        animationMs,
-        disabled,
-        defaultValue,
-        sameWidth,
-        overscan,
-        autoCompleteSearch,
-    };
+    if (!service.config) {
+        service.config = {
+            attachDropdownToBody,
+            className,
+            placeholder,
+            InputComponent,
+            IconComponent,
+            OptionContentComponent,
+            OptionComponent,
+            OptionLoadingComponent,
+            MultiOptionsComponent,
+            NotFoundComponent,
+            autoFocus,
+            value,
+            onChange,
+            onBlur: forwardBlur,
+            onFocus: forwardFocus,
+            height,
+            multiple,
+            status,
+            size,
+            nullable,
+            minChars,
+            openOnFocus,
+            searchable,
+            clickable,
+            dropdownWidthModifier,
+            preload,
+            increment,
+            animationMs,
+            disabled,
+            defaultValue,
+            sameWidth,
+            overscan,
+            autoCompleteSearch,
+        };
+    }
+    else {
+        service.config = {
+            attachDropdownToBody,
+            className,
+            placeholder,
+            InputComponent: service.config.InputComponent,
+            IconComponent: service.config.IconComponent,
+            OptionContentComponent: service.config.OptionContentComponent,
+            OptionComponent: service.config.OptionComponent,
+            OptionLoadingComponent: service.config.OptionLoadingComponent,
+            MultiOptionsComponent: service.config.MultiOptionsComponent,
+            NotFoundComponent: service.config.NotFoundComponent,
+            autoFocus,
+            value,
+            onChange,
+            onBlur: forwardBlur,
+            onFocus: forwardFocus,
+            height,
+            multiple,
+            status,
+            size,
+            nullable,
+            minChars,
+            openOnFocus,
+            searchable,
+            clickable,
+            dropdownWidthModifier,
+            preload,
+            increment,
+            animationMs,
+            disabled,
+            defaultValue,
+            sameWidth,
+            overscan,
+            autoCompleteSearch,
+        };
+    }
     const id = React.useId();
     const loading = onekijsFramework.isCollectionLoading(controller);
     const fetching = onekijsFramework.isCollectionFetching(controller);