onekijs-ui 1.0.1 → 1.0.3

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

@@ -6,19 +6,19 @@ declare class TreeService<T = any, I extends TreeItem<T> = TreeItem<T>, S extend
     collapse(item: I): void;
     collapsed(item: I): void;
     collapsing(item: I): void;
-    expand(item: I): Generator<void | Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
+    expand(item: I): Generator<void | Generator<void | import("redux-saga/effects").CancelEffect | I[] | import("redux-saga/effects").ForkEffect<Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
     expanded(item: I): void;
-    expanding(item: I): Generator<void | Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
+    expanding(item: I): Generator<void | Generator<void | import("redux-saga/effects").CancelEffect | I[] | import("redux-saga/effects").ForkEffect<Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
     initDb(dataSource: T[] | string | undefined): void;
     _adapt(data: T | null | undefined, context?: AnonymousObject): I;
     _addFilterExpanded(item: I): void;
     _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>;
+    _delayChildrenLoading(delay_ms: number, item: I): Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>;
     _execute(items: I[], query: LocalQuery, comparator: QuerySortComparator<T>, comparators: AnonymousObject<QuerySortComparator<T>>, searcher?: QuerySearcher<T>): I[];
     _expand(item: I): void;
     _expanding(item: I): void;
-    _fetchChildren(item: I, callbackSuccess?: (item: I) => void, callbackError?: (item: I) => void): Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>;
+    _fetchChildren(item: I, callbackSuccess?: (item: I) => void, callbackError?: (item: I) => void): Generator<void | import("redux-saga/effects").CancelEffect | I[] | import("redux-saga/effects").ForkEffect<Generator<import("redux-saga/effects").CallEffect<true> | I[], void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>;
     _fetchChildrenError(e: any, item: I): void;
     _fetchChildrenSuccess(item: I, result: CollectionFetcherResult<T>): void;
     _removeFilterExpanded(item: I): void;

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

@@ -1,4 +1,4 @@
 import React from '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>) => React.JSX.Element;
+declare const VirtualTreeListComponent: <T extends any = any, I extends TreeItem<T> = TreeItem<T>>({ items, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualTreeListProps<T, I>) => React.JSX.Element;
 export default VirtualTreeListComponent;

package/dist/index.js

@@ -1361,7 +1361,7 @@ const ButtonComponent = React.forwardRef((props, ref) => {
     if (props.disabled) {
         classNames = addClassname('o-button-disabled', classNames);
     }
-    return (jsxRuntimeExports.jsxs("button", { ref: ref, className: classNames, ...buttonProps, type: type, children: [loading && jsxRuntimeExports.jsx(LoadingIcon, { onClick: undefined, color: "currentColor" }), !loading && IconComponent && jsxRuntimeExports.jsx(IconComponent, { ...props, onClick: undefined, className: "o-button-icon" }), jsxRuntimeExports.jsx("span", { className: "o-button-content", children: children })] }));
+    return (jsxRuntimeExports.jsxs("button", { ref: ref, className: classNames, ...buttonProps, type: type, children: [loading && (jsxRuntimeExports.jsx("span", { className: "o-button-icon", children: jsxRuntimeExports.jsx(LoadingIcon, { onClick: undefined, color: "currentColor" }) })), !loading && IconComponent && (jsxRuntimeExports.jsx("span", { className: "o-button-icon", children: jsxRuntimeExports.jsx(IconComponent, { ...props, onClick: undefined }) })), jsxRuntimeExports.jsx("span", { className: "o-button-content", children: children })] }));
 });
 ButtonComponent.displayName = 'Button';
 
@@ -1431,7 +1431,7 @@ const buttonStyle = ({ kind = 'primary', pattern = 'solid', size = 'medium', dis
     ${opacity(disabled ? 0.6 : 1)}
     ${marginLeft(IconComponent ? 'xs' : 'none')}
     ${outline('none')}
-    
+
     .o-icon-loading-container {
       ${marginRight('xs')}
     }
@@ -1441,6 +1441,11 @@ const buttonStyle = ({ kind = 'primary', pattern = 'solid', size = 'medium', dis
         hover: disabled ? fontColor : hoverFontColor,
     })}
     }
+
+    .o-button-icon {
+      ${marginRight('xs')}
+      ${marginTop('2px')}
+    }
   `;
 };
 const dropdownButtonStyle = () => {
@@ -5503,17 +5508,13 @@ const useListView = ({ controller, height, itemHeight = defaultItemHeight, overs
             return itemHeight(index) || defaultItemHeight;
         }
         return itemHeight;
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [itemHeight]);
+    }, [itemHeight]);
     // Trick for force recalcutate position without losing measurementCache
     // In the react-virtual code, the position are recalculate if the forceExtractor function change
     const forceKeyExtractor = React.useCallback((index) => {
         const fn = keyExtractor || defaultKeyExtractor;
         return fn(index);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [keyExtractor, force]);
+    }, [keyExtractor, force]);
     const state = controller.state;
     const { totalSize, virtualItems, scrollToIndex, scrollToOffset } = useVirtual({
         size: state.total ? state.total : state.items?.length || 0,
@@ -5681,6 +5682,7 @@ const StandardListComponent = ({ items, ItemComponent = ListItemComponent$1, Ite
         }) }));
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const VirtualItemWrapper = ({ virtualItem, listItem, ItemComponent = ListItemComponent$1, ItemContentComponent = ListItemContent, ItemLoadingComponent = LoadingItem$1, onItemClick, onItemMouseEnter, onItemMouseLeave, }) => {
     const { index, measureRef, start } = virtualItem;
     const ref = React.useRef(null);
@@ -5719,6 +5721,7 @@ const VirtualItemWrapper = ({ virtualItem, listItem, ItemComponent = ListItemCom
             transform: `translateY(${start}px)`,
         }, children: jsxRuntimeExports.jsxs("div", { ref: ref, children: [listItem?.loadingStatus === onekijsFramework.LoadingStatus.Loading && jsxRuntimeExports.jsx(ItemLoadingComponent, {}), listItem?.loadingStatus !== onekijsFramework.LoadingStatus.Loading && listItem && listItem.data !== undefined && (jsxRuntimeExports.jsx(ItemComponent, { index: index, item: listItem, data: listItem.data, onClick: onItemClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, ItemContentComponent: ItemContentComponent }, `item-${listItem.uid || index}`))] }) }));
 };
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const VirtualListComponent = ({ items, ItemComponent = ListItemComponent$1, ItemLoadingComponent = LoadingItem$1, ItemContentComponent = ListItemContent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }) => {
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: virtualItems.map((virtualItem) => {
             const listItem = items[virtualItem.index];
@@ -5740,6 +5743,7 @@ const findItemIndex = (items, uid) => {
         return i.uid === uid;
     });
 };
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const ListBodyComponent = ({ autoRefresh, bodyRef, className, follow, height, items, ItemComponent = ListItemComponent$1, ItemLoadingComponent = LoadingItem$1, ItemContentComponent = ListItemContent, NotFoundComponent, keyboardNavigable, ListComponent = StandardListComponent, multiSelect, onItemActivate, onItemDeactivate, onItemSelect, onItemUnselect, onItemHighlight, onItemUnhighlight, parentRef, scrollToIndex, service, state, style, tail, totalSize, virtualItems, VirtualListComponent: VirtualListComponent$1 = VirtualListComponent, LoadingComponent = ListLoadingComponent$1, }) => {
     const scrollAlignRef = React.useRef('center');
     const lastActiveItemUid = React.useRef(undefined);
@@ -9117,12 +9121,15 @@ const TreeBodyComponent = ({ className, controller, NotFoundComponent, }) => {
 TreeBodyComponent.displayName = 'TreeBody';
 
 const timeout$1 = 500;
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const VirtualTreeListItemComponent = ({ itemClassName, ItemComponent, virtualItem, onClick, onMouseEnter, onMouseLeave, }) => {
     const { index, measureRef, children, item } = virtualItem;
     const className = typeof itemClassName !== 'function' ? itemClassName : item ? itemClassName(item) : undefined;
     const service = useTreeService();
     const { animate } = useTreeConfig();
     const childrenRef = React.useRef(null);
+    const ref = React.useRef(null);
+    const previousHeightRef = React.useRef(undefined);
     const expand = (item, index) => {
         if (animate) {
             service.expanding(item, index);
@@ -9158,11 +9165,35 @@ const VirtualTreeListItemComponent = ({ itemClassName, ItemComponent, virtualIte
         }
     };
     const expanded = !!(item && isTreeItemExpanded(item, service));
-    return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "o-virtual-item", ref: measureRef, children: [(!item || !item.data) && jsxRuntimeExports.jsx(LoadingItem$1, {}), item && item.data && (jsxRuntimeExports.jsx(DefaultTreeItemContext.Provider, { value: {
-                            onExpand: expand,
-                            onCollapse: collapse,
-                            className,
-                        }, children: jsxRuntimeExports.jsx(ItemComponent, { index: index, item: item, data: item.data, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, `item-${item?.uid || index}`) }))] }, `virtual-item-${item?.uid || index}`), jsxRuntimeExports.jsx(reactTransitionGroup.CSSTransition, { in: expanded, nodeRef: childrenRef, classNames: "o-tree-item-children", timeout: timeout$1, mountOnEnter: true, appear: false, unmountOnExit: true, onExiting: () => {
+    const measure = React.useCallback((el) => {
+        if (el?.offsetHeight !== previousHeightRef.current && el?.offsetHeight) {
+            previousHeightRef.current = el.offsetHeight;
+            measureRef(el);
+        }
+    }, [measureRef]);
+    const measureThrottle = onekijsFramework.useThrottle(measure, 50);
+    const resizeObserver = React.useMemo(() => {
+        return new ResizeObserver(() => {
+            measureThrottle(ref.current);
+        });
+    }, [measureThrottle]);
+    React.useEffect(() => {
+        const el = ref.current;
+        if (el) {
+            previousHeightRef.current = el.offsetHeight;
+            resizeObserver.observe(el);
+        }
+        return () => {
+            if (el) {
+                resizeObserver.unobserve(el);
+            }
+        };
+    }, [resizeObserver]);
+    return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("div", { className: "o-virtual-item", ref: measureRef, children: jsxRuntimeExports.jsxs("div", { ref: ref, children: [(!item || !item.data) && jsxRuntimeExports.jsx(LoadingItem$1, {}), item && item.data && (jsxRuntimeExports.jsx(DefaultTreeItemContext.Provider, { value: {
+                                onExpand: expand,
+                                onCollapse: collapse,
+                                className,
+                            }, children: jsxRuntimeExports.jsx(ItemComponent, { index: index, item: item, data: item.data, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, `item-${item?.uid || index}`) }))] }) }, `virtual-item-${item?.uid || index}`), jsxRuntimeExports.jsx(reactTransitionGroup.CSSTransition, { in: expanded, nodeRef: childrenRef, classNames: "o-tree-item-children", timeout: timeout$1, mountOnEnter: true, appear: false, unmountOnExit: true, onExiting: () => {
                     if (childrenRef.current)
                         onExiting(childrenRef.current);
                 }, onEntering: () => {
@@ -9172,6 +9203,7 @@ const VirtualTreeListItemComponent = ({ itemClassName, ItemComponent, virtualIte
                             return (jsxRuntimeExports.jsx(VirtualTreeListItemComponent, { virtualItem: child, ItemComponent: ItemComponent, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, `virtual-item-${child.item?.uid || child.index}`));
                         }) }) }) })] }));
 };
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const VirtualTreeListComponent = ({ items, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }) => {
     const logger = onekijsFramework.useLogger();
     logger.debug('virtualItems', virtualItems);
@@ -11040,7 +11072,7 @@ const DefaultDeleteRowComponent = ({ rowIndex }) => {
     };
     const metadata = onekijsFramework.useFormMetadata(tableName);
     let disabled = false;
-    if (metadata.readOnly || (metadata.editable === false && form.config.reconfigure)) {
+    if (metadata.disabled || metadata.readOnly || (metadata.editable === false && form.config.reconfigure)) {
         disabled = true;
     }
     return (jsxRuntimeExports.jsx("div", { className: `o-form-table-remove${disabled ? ' o-form-table-remove-disabled' : ''}`, onClick: removeRow, children: jsxRuntimeExports.jsx(RemoveIcon$1, { width: "14px", height: "14px" }) }));