onekijs-ui 1.0.2 → 1.0.4

package/dist/index.module.js

@@ -1703,7 +1703,7 @@ const TooltipComponent = (props) => {
     const [show, setShow] = useState(true);
     const [open, setOpen] = useState(false);
     const arrowRef = useRef(null);
-    const { context, floatingStyles, middlewareData, refs } = useFloating({
+    const { context, floatingStyles, middlewareData, placement: resolvedPlacement, refs } = useFloating({
         open,
         onOpenChange: setOpen,
         placement,
@@ -1735,7 +1735,7 @@ const TooltipComponent = (props) => {
             document.removeEventListener('tooltipVisible', listener);
         };
     }, [uid]);
-    const element = (jsxRuntimeExports.jsxs("div", { ref: refs.setFloating, style: floatingStyles, ...getFloatingProps({ className: 'o-tooltip-container' }), children: [jsxRuntimeExports.jsx("div", { ref: arrowRef, className: "o-tooltip-arrow", style: { left: middlewareData.arrow?.x, top: middlewareData.arrow?.y } }), content] }));
+    const element = (jsxRuntimeExports.jsxs("div", { ref: refs.setFloating, style: floatingStyles, "data-popper-placement": resolvedPlacement, ...getFloatingProps({ className: 'o-tooltip-container' }), children: [jsxRuntimeExports.jsx("div", { ref: arrowRef, className: "o-tooltip-arrow", style: { left: middlewareData.arrow?.x, top: middlewareData.arrow?.y } }), content] }));
     if (attachToBody) {
         return (jsxRuntimeExports.jsxs("div", { ref: refs.setReference, ...getReferenceProps(), children: [children, show && open && content && ReactDOM.createPortal(jsxRuntimeExports.jsx("div", { className: classNames, children: element }), document.body)] }));
     }
@@ -5181,7 +5181,10 @@ const useElementScroll = ({ parentRef, horizontal, useObserver, initialRect }) =
     const [scrollOffset, setScrollOffset] = React.useState(0);
     const [element, setElement] = React.useState(parentRef.current);
     useIsomorphicLayoutEffect(() => {
-        setElement(parentRef.current);
+        const currentElement = parentRef.current;
+        if (currentElement !== element) {
+            setElement(currentElement);
+        }
     });
     useIsomorphicLayoutEffect(() => {
         if (!element) {
@@ -5218,7 +5221,10 @@ const useWindowRect = (windowRef, initialRect = { width: 0, height: 0 }) => {
     const [rect, setRect] = React.useState(initialRect);
     const [element, setElement] = React.useState(windowRef.current);
     useIsomorphicLayoutEffect(() => {
-        setElement(windowRef.current);
+        const currentElement = windowRef.current;
+        if (currentElement !== element) {
+            setElement(currentElement);
+        }
     });
     useIsomorphicLayoutEffect(() => {
         if (!element) {
@@ -5246,7 +5252,10 @@ const useWindowScroll = ({ windowRef, parentRef, horizontal, useWindowObserver,
     const rectKey = horizontal ? 'left' : 'top';
     const scrollKey = horizontal ? 'scrollX' : 'scrollY';
     useIsomorphicLayoutEffect(() => {
-        setElement(windowRef.current);
+        const currentElement = windowRef.current;
+        if (currentElement !== element) {
+            setElement(currentElement);
+        }
     });
     useIsomorphicLayoutEffect(() => {
         if (!element) {
@@ -5506,17 +5515,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 = 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,
@@ -5684,6 +5689,7 @@ const StandardListComponent = ({ items, ItemComponent = ListItemComponent, ItemL
         }) }));
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 const VirtualItemWrapper = ({ virtualItem, listItem, ItemComponent = ListItemComponent, ItemContentComponent = ListItemContent, ItemLoadingComponent = LoadingItem, onItemClick, onItemMouseEnter, onItemMouseLeave, }) => {
     const { index, measureRef, start } = virtualItem;
     const ref = useRef(null);
@@ -5722,6 +5728,7 @@ const VirtualItemWrapper = ({ virtualItem, listItem, ItemComponent = ListItemCom
             transform: `translateY(${start}px)`,
         }, children: jsxRuntimeExports.jsxs("div", { ref: ref, children: [listItem?.loadingStatus === LoadingStatus.Loading && jsxRuntimeExports.jsx(ItemLoadingComponent, {}), listItem?.loadingStatus !== 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, ItemLoadingComponent = LoadingItem, ItemContentComponent = ListItemContent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }) => {
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: virtualItems.map((virtualItem) => {
             const listItem = items[virtualItem.index];
@@ -5743,6 +5750,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, ItemLoadingComponent = LoadingItem, 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, }) => {
     const scrollAlignRef = useRef('center');
     const lastActiveItemUid = useRef(undefined);
@@ -9120,12 +9128,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 = useRef(null);
+    const ref = useRef(null);
+    const previousHeightRef = useRef(undefined);
     const expand = (item, index) => {
         if (animate) {
             service.expanding(item, index);
@@ -9161,11 +9172,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, {}), 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(CSSTransition, { in: expanded, nodeRef: childrenRef, classNames: "o-tree-item-children", timeout: timeout$1, mountOnEnter: true, appear: false, unmountOnExit: true, onExiting: () => {
+    const measure = useCallback((el) => {
+        if (el?.offsetHeight !== previousHeightRef.current && el?.offsetHeight) {
+            previousHeightRef.current = el.offsetHeight;
+            measureRef(el);
+        }
+    }, [measureRef]);
+    const measureThrottle = useThrottle(measure, 50);
+    const resizeObserver = useMemo(() => {
+        return new ResizeObserver(() => {
+            measureThrottle(ref.current);
+        });
+    }, [measureThrottle]);
+    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, {}), 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(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: () => {
@@ -9175,6 +9210,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 = useLogger();
     logger.debug('virtualItems', virtualItems);
@@ -11043,7 +11079,7 @@ const DefaultDeleteRowComponent = ({ rowIndex }) => {
     };
     const metadata = 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, { width: "14px", height: "14px" }) }));