onekijs-ui 0.20.6 → 0.20.8

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

@@ -80,11 +80,11 @@ export declare const getIconDivProps: (props: IconProps) => {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
     'aria-braillelabel'?: string | undefined;
     'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -104,7 +104,7 @@ export declare const getIconDivProps: (props: IconProps) => {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "true" | "false" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ListItem, ListItemProps } from '../typings';
-export declare const ListItemContent: <T = any, I extends ListItem<T> = ListItem<T>>({ item }: ListItemProps<T, I>) => React.JSX.Element;
+export declare const ListItemContent: <T extends unknown = any, I extends ListItem<T> = ListItem<T>>({ item }: ListItemProps<T, I>) => React.JSX.Element;
 declare const _default: {
-    <T = any, I extends ListItem<T> = ListItem<T>>(props: ListItemProps<T, I>): React.JSX.Element;
+    <T extends unknown = any, I extends ListItem<T> = ListItem<T>>(props: ListItemProps<T, I>): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/index.js

@@ -937,6 +937,7 @@ const AccordionPanel = ({ title, initialActive, initialExpand, children, Compone
 
 const ButtonComponent = React.forwardRef((props, ref) => {
     const { kind, pattern, className, loading, IconComponent, onClick, type = 'button', ...buttonProps } = props;
+    const buttonRef = React.useRef(null);
     let classNames = addClassname('o-button', className);
     if (loading) {
         classNames = addClassname('o-button-loading', classNames);
@@ -944,10 +945,20 @@ const ButtonComponent = React.forwardRef((props, ref) => {
     if (props.disabled) {
         classNames = addClassname('o-button-disabled', classNames);
     }
-    return (React.createElement("span", { className: classNames, onClick: onClick, ref: ref },
+    const handleClick = (e) => {
+        if (!onClick) {
+            if (buttonRef.current) {
+                buttonRef.current.click();
+            }
+        }
+        else {
+            onClick(e);
+        }
+    };
+    return (React.createElement("span", { className: classNames, onClick: handleClick, ref: ref },
         loading && React.createElement(LoadingIcon, { onClick: undefined, color: "currentColor" }),
         !loading && IconComponent && React.createElement(IconComponent, { ...props, onClick: undefined, className: "o-button-icon" }),
-        React.createElement("button", { ...buttonProps, type: type, className: "o-button-content" })));
+        React.createElement("button", { ref: buttonRef, ...buttonProps, type: type, className: "o-button-content" })));
 });
 ButtonComponent.displayName = 'Button';
 
@@ -5275,7 +5286,7 @@ const VirtualItemWrapper = ({ virtualItem, listItem, ItemComponent = ListItemCom
         } },
         React.createElement("div", { ref: ref },
             listItem?.loadingStatus === onekijsFramework.LoadingStatus.Loading && React.createElement(ItemLoadingComponent, null),
-            listItem?.loadingStatus !== onekijsFramework.LoadingStatus.Loading && listItem && listItem.data && (React.createElement(ItemComponent, { key: `item-${listItem?.uid || index}`, index: index, item: listItem, data: listItem.data, onClick: onItemClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, ItemContentComponent: ItemContentComponent })))));
+            listItem?.loadingStatus !== onekijsFramework.LoadingStatus.Loading && listItem && listItem.data !== undefined && (React.createElement(ItemComponent, { key: `item-${listItem.uid || index}`, index: index, item: listItem, data: listItem.data, onClick: onItemClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, ItemContentComponent: ItemContentComponent })))));
 };
 const VirtualListComponent = ({ items, ItemComponent = ListItemComponent$1, ItemLoadingComponent = LoadingItem$1, ItemContentComponent = ListItemContent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }) => {
     return (React.createElement(React.Fragment, null, virtualItems.map((virtualItem) => {
@@ -6404,7 +6415,7 @@ let SelectService = class SelectService extends onekijsFramework.CollectionServi
         this._clearOffset(query);
         this.lastCheckQuery = query;
         const filterDefaultItems = yield all(defaultItems.map((i) => call([this, this._filterItem], i, query, true)));
-        const validDefaultValue = filterDefaultItems.filter((i) => i !== undefined && i.data).map((i) => i.data);
+        const validDefaultValue = filterDefaultItems.filter((i) => i !== undefined && i.data !== undefined).map((i) => i.data);
         const multiple = this.config && this.config.multiple ? this.config.multiple : false;
         if (multiple) {
             yield this._setValidDefaultValue(validDefaultValue);
@@ -6418,7 +6429,9 @@ let SelectService = class SelectService extends onekijsFramework.CollectionServi
                 : this.config.defaultValue === undefined ||
                     this.config.defaultValue === null ||
                     this.state.defaultValue === null
-                    ? this.state.items[0]?.data || null
+                    ? this.state.items[0]?.data === undefined
+                        ? null
+                        : this.state.items[0].data
                     : null);
         }
         if (this.state.selected !== undefined) {
@@ -6445,7 +6458,8 @@ let SelectService = class SelectService extends onekijsFramework.CollectionServi
         this.state.defaultValueLoading = loading;
     }
     setItemWidth(_item, value) {
-        if (this.config?.dropdownWidthModifier === 'min' && (this.state.width === undefined || (value + 30) > this.state.width)) {
+        if (this.config?.dropdownWidthModifier === 'min' &&
+            (this.state.width === undefined || value + 30 > this.state.width)) {
             this.state.width = value + 30;
         }
     }
@@ -6904,7 +6918,7 @@ const SelectOptionComponent = (props) => {
     if (onekijsFramework.isItemLoading(item)) {
         return React.createElement(OptionLoadingComponent, null);
     }
-    if (!item || !item.data)
+    if (!item || item.data === undefined)
         return null;
     return (React.createElement(React.Fragment, null,
         displayGroup && React.createElement(OptionGroupComponent, { ...props, key: "group" }),
@@ -7202,7 +7216,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
                     }
                 }
             }
-            else if (!search && !nullable && !value && service.state.validDefaultValue) {
+            else if (!search && !nullable && (value === null || value === undefined) && service.state.validDefaultValue) {
                 onChange && onChange(service.state.validDefaultValue);
             }
         }
@@ -12163,7 +12177,7 @@ const baseTheme = (customTheme = {}) => {
                 '4xl': '2.25rem',
                 '5xl': '3rem',
                 '6xl': '4rem',
-                default: '.0875rem',
+                default: '.875rem',
             },
             spacings: {
                 xs: '-0.05em',