pne-ui 4.3.0 → 4.3.2

package/esm/component/table/PneTablePaginationActions.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
+import React, { useLayoutEffect, useRef, useState } from "react";
 import Box from "@mui/material/Box";
 import { Icon, IconButton } from "@mui/material";
 import PneFirstPageIcon from "./PneFirstPageIcon";
@@ -7,71 +7,69 @@ import PneNextPageIcon from "./PneNextPageIcon";
 import { createAutoTestAttributes } from "../AutoTestAttribute";
 import { TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR, TABLE_CONTROL_TEXT_COLOR, } from "./tableControlColors";
 import { usePneTheme } from "../../usePneTheme";
-import { measuredLayoutWidthFits } from './tableLayoutMeasurement';
+import { measureNaturalWidth } from "./measureNaturalWidth";
 const CONTROL_SIZE = 40;
 const CONTROL_GAP = 8;
 const DISPLAYED_ROWS_MAX_WIDTH = 120;
-const FIXED_NAVIGATION_CONTROLS = 3;
-const measurePreferredWidth = (element, ownerDocument) => {
-    const renderedWidth = Math.max(element.scrollWidth, element.getBoundingClientRect().width);
-    const clone = element.cloneNode(true);
-    Object.assign(clone.style, {
-        height: 'auto',
-        left: '-100000px',
-        maxWidth: 'none',
-        minWidth: '0',
-        pointerEvents: 'none',
-        position: 'fixed',
-        top: '0',
-        visibility: 'hidden',
-        width: 'max-content',
-    });
-    clone.setAttribute('aria-hidden', 'true');
-    ownerDocument.body.appendChild(clone);
-    try {
-        return Math.max(renderedWidth, clone.scrollWidth, clone.getBoundingClientRect().width);
-    }
-    finally {
-        clone.remove();
-    }
-};
 /**
- * Chooses the smallest layout that keeps each control group on an intentional row.
- * Widths are measured from the rendered content, so consumers are not tied to a
- * viewport breakpoint or to a particular set of view labels/page sizes.
+ * The band places its rows with a container query, whose threshold is the width
+ * the controls need to share a single row. That width is measured from the
+ * content - the natural widths of the toolbar, the navigation and the page
+ * sizes - so it holds for whatever the consumer put in the toolbar and for
+ * whatever the current locale makes of the labels. Across this library's own
+ * fixtures it ranges from ~590px for a lone View selector to ~1330px for the
+ * gates control band, which is why it cannot be a constant.
+ *
+ * Nothing here measures a rendered layout, so the threshold cannot move in
+ * response to the layout it selects: a natural width is a property of the
+ * content alone. The measurement therefore runs when the content changes, never
+ * on resize, and `container-type: inline-size` keeps the container's width
+ * independent of what the band renders into it.
+ *
+ * Until the first measurement lands the band stays on one row; consumers can
+ * pin the threshold through `PaginatorProps.controlRowBreakpoints`.
  */
-export const resolvePneTablePaginationActionsLayout = ({ availableWidth, hasToolbar, navigationMinimumWidth, navigationPreferredWidth, pageSizesWidth, toolbarPreferredWidth, }) => {
-    if (availableWidth <= 0) {
-        return 'inline';
-    }
-    const paginationFits = measuredLayoutWidthFits(navigationMinimumWidth + CONTROL_GAP + pageSizesWidth, availableWidth);
-    if (!hasToolbar) {
-        return paginationFits ? 'inline' : 'pagination-stacked';
-    }
-    const allControlsFit = measuredLayoutWidthFits(navigationPreferredWidth
-        + CONTROL_GAP
-        + toolbarPreferredWidth
-        + CONTROL_GAP
-        + pageSizesWidth, availableWidth);
-    if (allControlsFit) {
-        return 'inline';
-    }
-    return paginationFits ? 'toolbar-stacked' : 'pagination-stacked';
+const useControlRowThreshold = (refs, gap) => {
+    const [threshold, setThreshold] = useState(0);
+    useLayoutEffect(() => {
+        const measure = () => {
+            const toolbarContent = refs.toolbar.current?.firstElementChild;
+            const naturalWidth = measureNaturalWidth(refs.navigation.current)
+                + measureNaturalWidth(refs.pageSizes.current)
+                + measureNaturalWidth(toolbarContent);
+            const gaps = refs.toolbar.current ? gap * 2 : gap;
+            setThreshold(current => {
+                const next = naturalWidth > 0 ? Math.ceil(naturalWidth + gaps) : 0;
+                return current === next ? current : next;
+            });
+        };
+        measure();
+        /*
+         * Web fonts land after the first layout and change every label width, so
+         * the thresholds measured before they arrive are short.
+         */
+        const fonts = refs.navigation.current?.ownerDocument?.fonts;
+        if (!fonts || fonts.status === 'loaded') {
+            return;
+        }
+        let cancelled = false;
+        fonts.ready.then(() => {
+            if (!cancelled) {
+                measure();
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    });
+    return threshold;
 };
-const useResponsiveLayoutEffect = typeof window === 'undefined'
-    ? useEffect
-    : useLayoutEffect;
+const PAGINATION_ROWS_BREAKPOINT = 340;
 const PneTablePaginationActions = (props) => {
     const { 
     // count,
     page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, toolbar, toolbarElementKey, toolbarElementType, } = props;
-    const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, requestScrollToPagination, activeActionSx = {}, } = paginator;
-    const rootRef = useRef(null);
-    const navigationRef = useRef(null);
-    const currentPageRef = useRef(null);
-    const toolbarRef = useRef(null);
-    const pageSizesRef = useRef(null);
-    const [layout, setLayout] = useState('inline');
+    const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, requestScrollToPagination, activeActionSx = {}, controlRowBreakpoints, } = paginator;
     const theme = usePneTheme();
     const controlTextColor = theme.palette.mode === 'dark'
         ? theme.palette.text.secondary
@@ -163,157 +161,99 @@ const PneTablePaginationActions = (props) => {
     const hasToolbar = toolbar !== undefined
         && toolbar !== null
         && typeof toolbar !== 'boolean';
-    useResponsiveLayoutEffect(() => {
-        const root = rootRef.current;
-        if (!root) {
-            return;
-        }
-        const ownerWindow = root.ownerDocument?.defaultView;
-        if (!ownerWindow) {
-            return;
-        }
-        const measureLayout = () => {
-            const availableWidth = root.clientWidth || root.getBoundingClientRect().width;
-            if (availableWidth <= 0) {
-                return;
-            }
-            const currentPage = currentPageRef.current;
-            const currentPageStyle = currentPage
-                ? ownerWindow.getComputedStyle(currentPage)
-                : null;
-            const parsedCurrentPageMaxWidth = Number.parseFloat(currentPageStyle?.maxWidth ?? '');
-            const currentPageMinimumWidth = Math.max(CONTROL_SIZE, Number.parseFloat(currentPageStyle?.minWidth ?? '') || 0);
-            const currentPageNaturalWidth = currentPage
-                ? Math.max(currentPageMinimumWidth, currentPage.scrollWidth, currentPage.getBoundingClientRect().width)
-                : currentPageMinimumWidth;
-            const currentPagePreferredWidth = Number.isFinite(parsedCurrentPageMaxWidth)
-                ? Math.min(parsedCurrentPageMaxWidth, currentPageNaturalWidth)
-                : currentPageNaturalWidth;
-            const navigationButtons = navigationRef.current
-                ? Array.from(navigationRef.current.querySelectorAll('button'))
-                : [];
-            const fixedNavigationWidth = navigationButtons.length
-                ? navigationButtons.reduce((width, button) => (width + Math.max(CONTROL_SIZE, button.getBoundingClientRect().width)), 0)
-                : FIXED_NAVIGATION_CONTROLS * CONTROL_SIZE;
-            const navigationMinimumWidth = fixedNavigationWidth + currentPageMinimumWidth;
-            const navigationPreferredWidth = fixedNavigationWidth + currentPagePreferredWidth;
-            const pageSizesElement = pageSizesRef.current;
-            const pageSizesWidth = Math.max(rowsPerPageOptions.length * CONTROL_SIZE, pageSizesElement?.scrollWidth ?? 0, pageSizesElement?.getBoundingClientRect().width ?? 0);
-            const toolbarElement = toolbarRef.current;
-            const toolbarContent = toolbarElement?.firstElementChild;
-            const toolbarControlContents = toolbarContent
-                ? Array.from(toolbarContent.children)
-                : [];
-            const toolbarPreferredWidth = toolbarControlContents.length > 0
-                ? toolbarControlContents.reduce((width, element) => (width + measurePreferredWidth(element, root.ownerDocument)), 0)
-                : 0;
-            const nextLayout = resolvePneTablePaginationActionsLayout({
-                availableWidth,
-                hasToolbar,
-                navigationMinimumWidth,
-                navigationPreferredWidth,
-                pageSizesWidth,
-                toolbarPreferredWidth,
-            });
-            setLayout(currentLayout => currentLayout === nextLayout
-                ? currentLayout
-                : nextLayout);
-        };
-        measureLayout();
-        const ResizeObserverCtor = ownerWindow.ResizeObserver;
-        if (ResizeObserverCtor) {
-            const resizeObserver = new ResizeObserverCtor(measureLayout);
-            const observedElements = [
-                root,
-                navigationRef.current,
-                currentPageRef.current,
-                toolbarRef.current,
-                toolbarRef.current?.firstElementChild,
-                ...Array.from(toolbarRef.current?.firstElementChild?.children ?? []),
-                pageSizesRef.current,
-            ];
-            observedElements.forEach(element => {
-                if (element) {
-                    resizeObserver.observe(element);
-                }
-            });
-            return () => resizeObserver.disconnect();
-        }
-        ownerWindow.addEventListener('resize', measureLayout);
-        return () => ownerWindow.removeEventListener('resize', measureLayout);
-    }, [hasToolbar, rowsPerPageOptions.length, toolbarElementKey, toolbarElementType]);
-    const rootGridStyle = layout === 'inline'
-        ? {
-            gridTemplateColumns: hasToolbar
-                ? 'max-content minmax(0, 1fr) max-content'
-                : 'minmax(0, 1fr) max-content',
-            gridTemplateRows: 'auto',
-        }
-        : layout === 'toolbar-stacked'
-            ? {
-                gridTemplateColumns: 'minmax(0, 1fr) max-content',
-                gridTemplateRows: 'auto auto',
-            }
-            : {
-                gridTemplateColumns: 'minmax(0, 1fr)',
-                gridTemplateRows: hasToolbar ? 'auto auto auto' : 'auto auto',
-            };
-    const navigationGridStyle = layout === 'inline'
-        ? { gridColumn: '1', gridRow: '1' }
-        : layout === 'toolbar-stacked'
-            ? { gridColumn: '1', gridRow: '2' }
-            : { gridColumn: '1', gridRow: hasToolbar ? '2' : '1' };
-    const toolbarGridStyle = layout === 'inline'
-        ? { gridColumn: '2', gridRow: '1', justifySelf: 'stretch', width: '100%' }
-        : { gridColumn: '1 / -1', gridRow: '1', justifySelf: 'stretch', width: '100%' };
-    const pageSizesGridStyle = layout === 'inline'
-        ? { gridColumn: hasToolbar ? '3' : '2', gridRow: '1' }
-        : layout === 'toolbar-stacked'
-            ? { gridColumn: '2', gridRow: '2' }
-            : { gridColumn: '1', gridRow: hasToolbar ? '3' : '2' };
+    const navigationRef = useRef(null);
+    const pageSizesRef = useRef(null);
+    const toolbarRef = useRef(null);
+    const measuredThreshold = useControlRowThreshold({ navigation: navigationRef, pageSizes: pageSizesRef, toolbar: toolbarRef }, CONTROL_GAP);
+    const toolbarRowBreakpoint = controlRowBreakpoints?.toolbar ?? measuredThreshold;
     const navigationElement = React.createElement(Box, { ...createAutoTestAttributes('page-navigation'), key: 'page-navigation', ref: navigationRef, sx: {
             display: 'flex',
-            maxWidth: '100%',
+            gridArea: 'navigation',
+            justifySelf: 'start',
+            /* Holds the start of the row when the pagination group wraps. */
+            marginRight: 'auto',
             minWidth: 0,
-            width: 'max-content',
-            ...navigationGridStyle,
         } },
         React.createElement(IconButton, { sx: buttonStyle, onClick: handleFirstPageButtonClick, disabled: disableActions || page === 0, "aria-label": "first page", ...createAutoTestAttributes('first-page') },
             React.createElement(PneFirstPageIcon, { disabled: disableActions || page === 0 })),
         React.createElement(IconButton, { sx: buttonStyle, onClick: handleBackButtonClick, disabled: disableActions || page === 0, "aria-label": "previous page", ...createAutoTestAttributes('prev-page') },
             React.createElement(PnePreviousPageIcon, { disabled: disableActions || page === 0 })),
-        React.createElement(Icon, { ref: currentPageRef, sx: displayedRowsStyle, ...createAutoTestAttributes('current-page') }, displayedRowsLabel),
+        React.createElement(Icon, { sx: displayedRowsStyle, ...createAutoTestAttributes('current-page') }, displayedRowsLabel),
         React.createElement(IconButton, { sx: buttonStyle, onClick: handleNextButtonClick, disabled: disableActions || !hasNext, "aria-label": "next page", ...createAutoTestAttributes('next-page') },
             React.createElement(PneNextPageIcon, { disabled: disableActions || !hasNext })));
     const toolbarElement = hasToolbar ? React.createElement(Box, { ...createAutoTestAttributes('pagination-toolbar'), key: 'pagination-toolbar', ref: toolbarRef, sx: {
             alignItems: 'center',
             display: 'flex',
+            gridArea: 'toolbar',
             justifyContent: 'flex-end',
-            maxWidth: '100%',
+            justifySelf: 'stretch',
             minWidth: 0,
-            ...toolbarGridStyle,
         } }, toolbar) : null;
     const pageSizesElement = React.createElement(Box, { key: 'page-sizes', ref: pageSizesRef, sx: {
             display: 'flex',
-            flexShrink: 0,
-            flexWrap: layout === 'pagination-stacked' ? 'wrap' : 'nowrap',
+            flexWrap: 'wrap',
+            gridArea: 'sizes',
             justifyContent: 'flex-end',
             justifySelf: 'end',
-            maxWidth: '100%',
-            width: 'max-content',
-            ...pageSizesGridStyle,
+            minWidth: 0,
         }, ...createAutoTestAttributes('page-sizes', rowsPerPage) }, populateRowsPerPageOptions());
-    const orderedElements = (layout === 'inline'
-        ? [navigationElement, toolbarElement, pageSizesElement]
-        : [toolbarElement, navigationElement, pageSizesElement]).filter((element) => element !== null);
-    return React.createElement(Box, { ...createAutoTestAttributes('pagination-actions', layout), ref: rootRef, sx: {
+    /*
+     * The two halves of the pagination are one group, so the toolbar can never
+     * come between them. Above the threshold the group is transparent and its
+     * halves take the outer grid areas with the toolbar in the middle; below it
+     * the group becomes a row of its own that wraps by content - the page sizes
+     * drop under the navigation exactly when they stop fitting beside it, at
+     * whatever width that is for the current locale and page label.
+     *
+     * DOM order is toolbar first, which is the visual order of every wrapped
+     * layout. Only the single-row layout reads navigation-toolbar-sizes, and
+     * there all three sit side by side.
+     */
+    const paginationGroup = React.createElement(Box, { key: 'pagination-group', sx: {
             alignItems: 'center',
-            columnGap: '8px',
-            display: 'grid',
-            rowGap: '8px',
+            display: 'contents',
+            [`@container (width < ${toolbarRowBreakpoint}px)`]: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: `${CONTROL_GAP}px`,
+                gridArea: 'pagination',
+                justifyContent: 'flex-end',
+                minWidth: 0,
+            },
+        } },
+        navigationElement,
+        pageSizesElement);
+    return React.createElement(Box, { sx: {
+            /*
+             * Establishes the query container. It has to be an ancestor of the
+             * band: `@container` rules apply to descendants, not to the container
+             * element itself.
+             */
+            containerType: 'inline-size',
+            minWidth: 0,
             width: '100%',
-            ...rootGridStyle,
-        } }, orderedElements);
+        } },
+        React.createElement(Box, { ...createAutoTestAttributes('pagination-actions'), sx: {
+                alignItems: 'center',
+                display: 'grid',
+                gap: `${CONTROL_GAP}px`,
+                gridTemplateAreas: hasToolbar
+                    ? '"navigation toolbar sizes"'
+                    : '"navigation sizes"',
+                gridTemplateColumns: hasToolbar
+                    ? 'auto minmax(0, 1fr) auto'
+                    : 'minmax(0, 1fr) auto',
+                minWidth: 0,
+                width: '100%',
+                [`@container (width < ${toolbarRowBreakpoint}px)`]: {
+                    gridTemplateAreas: hasToolbar
+                        ? '"toolbar" "pagination"'
+                        : '"pagination"',
+                    gridTemplateColumns: 'minmax(0, 1fr)',
+                },
+            } },
+            toolbarElement,
+            paginationGroup));
 };
 export default PneTablePaginationActions;
 //# sourceMappingURL=PneTablePaginationActions.js.map

package/esm/component/table/PneTablePaginationActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}

package/esm/component/table/PneTableSelectionControls.js

@@ -23,15 +23,7 @@ const PneTableSelectionControls = (props) => {
                 minWidth: 0,
                 overflowWrap: 'anywhere',
             } }, summary),
-        actions !== undefined && actions !== null && typeof actions !== 'boolean' ? React.createElement(Box, { ...createAutoTestAttributes('selection-actions'), sx: {
-                alignItems: 'center',
-                display: 'flex',
-                flexWrap: 'wrap',
-                gap: '8px',
-                justifyContent: 'flex-end',
-                minHeight: '40px',
-                minWidth: 0,
-            } }, actions) : null);
+        actions !== undefined && actions !== null && typeof actions !== 'boolean' ? React.createElement(Box, { ...createAutoTestAttributes('selection-actions'), sx: { display: 'contents' } }, actions) : null);
 };
 export default PneTableSelectionControls;
 //# sourceMappingURL=PneTableSelectionControls.js.map

package/esm/component/table/PneTableSelectionControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneTableSelectionControls.js","sourceRoot":"","sources":["../../../src/component/table/PneTableSelectionControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,GAAG,EAAW,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,sBAAsB,CAAA;AAY7D,MAAM,yBAAyB,GAAG,CAAC,KAAqC,EAAE,EAAE;IACxE,MAAM,EACF,OAAO,EACP,OAAO,EACP,EAAE,EACF,GAAG,SAAS,EACf,GAAG,KAAK,CAAA;IAET,OAAO,oBAAC,GAAG,OACH,SAAS,KACT,wBAAwB,CAAC,oBAAoB,CAAC,EAClD,EAAE,EAAE;YACA;gBACI,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;gBAChB,GAAG,EAAE,KAAK;gBACV,cAAc,EAAE,UAAU;gBAC1B,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,aAAa;aACvB;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACrC;QAED,oBAAC,GAAG,OACI,wBAAwB,CAAC,mBAAmB,CAAC,iBACrC,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE;gBACA,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CAAC;gBACX,YAAY,EAAE,UAAU;aAC3B,IAEA,OAAO,CACN;QACL,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,GAAG,OACzE,wBAAwB,CAAC,mBAAmB,CAAC,EACjD,EAAE,EAAE;gBACA,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;gBAChB,GAAG,EAAE,KAAK;gBACV,cAAc,EAAE,UAAU;gBAC1B,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CAAC;aACd,IAEA,OAAO,CACN,CAAC,CAAC,CAAC,IAAI,CACX,CAAA;AACV,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"PneTableSelectionControls.js","sourceRoot":"","sources":["../../../src/component/table/PneTableSelectionControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,GAAG,EAAW,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,sBAAsB,CAAA;AAY7D,MAAM,yBAAyB,GAAG,CAAC,KAAqC,EAAE,EAAE;IACxE,MAAM,EACF,OAAO,EACP,OAAO,EACP,EAAE,EACF,GAAG,SAAS,EACf,GAAG,KAAK,CAAA;IAET,OAAO,oBAAC,GAAG,OACH,SAAS,KACT,wBAAwB,CAAC,oBAAoB,CAAC,EAClD,EAAE,EAAE;YACA;gBACI,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;gBAChB,GAAG,EAAE,KAAK;gBACV,cAAc,EAAE,UAAU;gBAC1B,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,aAAa;aACvB;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACrC;QAED,oBAAC,GAAG,OACI,wBAAwB,CAAC,mBAAmB,CAAC,iBACrC,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE;gBACA,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CAAC;gBACX,YAAY,EAAE,UAAU;aAC3B,IAEA,OAAO,CACN;QAaL,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,GAAG,OACzE,wBAAwB,CAAC,mBAAmB,CAAC,EACjD,EAAE,EAAE,EAAC,OAAO,EAAE,UAAU,EAAC,IAExB,OAAO,CACN,CAAC,CAAC,CAAC,IAAI,CACX,CAAA;AACV,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/esm/component/table/PneTableToolbar.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { BoxProps } from '@mui/material';
-export type PneTableToolbarLayout = 'inline' | 'stacked';
 type PneTableToolbarAccessibleName = {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -14,13 +13,5 @@ export type PneTableToolbarProps = Omit<BoxProps, 'aria-label' | 'aria-labelledb
     /** Persistent controls such as a table View selector. */
     persistent?: React.ReactNode;
 };
-type ResolvePneTableToolbarLayoutParams = {
-    availableWidth: number;
-    contextualWidth: number;
-    persistentWidth: number;
-    hasContextual: boolean;
-    hasPersistent: boolean;
-};
-export declare const resolvePneTableToolbarLayout: ({ availableWidth, contextualWidth, persistentWidth, hasContextual, hasPersistent, }: ResolvePneTableToolbarLayoutParams) => PneTableToolbarLayout;
 declare const PneTableToolbar: (props: PneTableToolbarProps) => React.JSX.Element;
 export default PneTableToolbar;

package/esm/component/table/PneTableToolbar.js

@@ -1,25 +1,30 @@
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React from 'react';
 import { Box } from '@mui/material';
 import { createAutoTestAttributes } from '../AutoTestAttribute';
-import { measuredLayoutWidthFits } from './tableLayoutMeasurement';
+/** Gap between the control groups, and between the rows they wrap onto. */
 const CONTROL_GROUP_GAP = 8;
-const useToolbarLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
-export const resolvePneTableToolbarLayout = ({ availableWidth, contextualWidth, persistentWidth, hasContextual, hasPersistent, }) => {
-    if (!hasContextual || !hasPersistent || availableWidth <= 0) {
-        return 'inline';
-    }
-    return measuredLayoutWidthFits(contextualWidth + CONTROL_GROUP_GAP + persistentWidth, availableWidth)
-        ? 'inline'
-        : 'stacked';
-};
-const getGroupSx = (layout) => ({
+/**
+ * Each control group claims its natural single-row width (`flex-basis:
+ * max-content`), so the browser moves the whole group onto the next row rather
+ * than squeezing it - the group is never split mid-way. `flex-shrink: 1` then
+ * lets a group that already owns a row use that row and wrap inside itself.
+ *
+ * The band therefore reads its layout from the width the parent offers and from
+ * the intrinsic width of its content, and never from the layout it is currently
+ * rendering. That is what keeps it stable: a responsive decision that measures
+ * its own result feeds back into itself, and with fractional CSS pixels the
+ * feedback oscillates.
+ */
+const groupSx = {
     alignItems: 'center',
     display: 'flex',
+    flexBasis: 'max-content',
+    flexGrow: 0,
+    flexShrink: 1,
+    flexWrap: 'wrap',
     justifyContent: 'flex-end',
-    maxWidth: '100%',
     minWidth: 0,
-    width: layout === 'stacked' ? '100%' : 'max-content',
-});
+};
 const PneTableToolbar = (props) => {
     const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, contextual, persistent, sx, ...rootProps } = props;
     const hasContextual = contextual !== undefined
@@ -28,95 +33,20 @@ const PneTableToolbar = (props) => {
     const hasPersistent = persistent !== undefined
         && persistent !== null
         && typeof persistent !== 'boolean';
-    const rootRef = useRef(null);
-    const contextualRef = useRef(null);
-    const contextualContentRef = useRef(null);
-    const persistentRef = useRef(null);
-    const persistentContentRef = useRef(null);
-    const [layout, setLayout] = useState('inline');
-    useToolbarLayoutEffect(() => {
-        const root = rootRef.current;
-        if (!root) {
-            return;
-        }
-        const ownerWindow = root.ownerDocument?.defaultView;
-        if (!ownerWindow) {
-            return;
-        }
-        const measureLayout = () => {
-            const measurePreferredWidth = (element) => {
-                if (!element) {
-                    return 0;
-                }
-                return Math.max(element.scrollWidth, element.getBoundingClientRect().width);
-            };
-            const availableWidth = root.clientWidth || root.getBoundingClientRect().width;
-            const nextLayout = resolvePneTableToolbarLayout({
-                availableWidth,
-                contextualWidth: measurePreferredWidth(contextualContentRef.current),
-                persistentWidth: measurePreferredWidth(persistentContentRef.current),
-                hasContextual,
-                hasPersistent,
-            });
-            setLayout(currentLayout => currentLayout === nextLayout
-                ? currentLayout
-                : nextLayout);
-        };
-        measureLayout();
-        const ResizeObserverCtor = ownerWindow.ResizeObserver;
-        if (ResizeObserverCtor) {
-            const resizeObserver = new ResizeObserverCtor(measureLayout);
-            const observedElements = [
-                root,
-                contextualRef.current,
-                contextualContentRef.current,
-                ...Array.from(contextualContentRef.current?.children ?? []),
-                persistentRef.current,
-                persistentContentRef.current,
-                ...Array.from(persistentContentRef.current?.children ?? []),
-            ];
-            observedElements.forEach(element => {
-                if (element) {
-                    resizeObserver.observe(element);
-                }
-            });
-            return () => resizeObserver.disconnect();
-        }
-        ownerWindow.addEventListener('resize', measureLayout);
-        return () => ownerWindow.removeEventListener('resize', measureLayout);
-    }, [hasContextual, hasPersistent]);
-    const groupSx = getGroupSx(layout);
-    return React.createElement(Box, { ...rootProps, ...createAutoTestAttributes('table-control-bar', layout), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref: rootRef, role: 'group', sx: [
+    return React.createElement(Box, { ...rootProps, ...createAutoTestAttributes('table-control-bar'), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, role: 'group', sx: [
             {
                 alignItems: 'center',
-                columnGap: `${CONTROL_GROUP_GAP}px`,
-                display: 'grid',
-                gridTemplateColumns: layout === 'inline'
-                    ? 'minmax(0, max-content) minmax(0, max-content)'
-                    : 'minmax(0, 1fr)',
-                maxWidth: '100%',
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: `${CONTROL_GROUP_GAP}px`,
+                justifyContent: 'flex-end',
                 minWidth: 0,
-                rowGap: `${CONTROL_GROUP_GAP}px`,
-                width: layout === 'stacked' ? '100%' : 'max-content',
+                width: '100%',
             },
             ...(Array.isArray(sx) ? sx : [sx]),
         ] },
-        hasContextual ? React.createElement(Box, { ...createAutoTestAttributes('table-contextual-controls'), key: 'contextual', ref: contextualRef, sx: groupSx },
-            React.createElement(Box, { ref: contextualContentRef, sx: {
-                    alignItems: 'center',
-                    display: 'flex',
-                    maxWidth: '100%',
-                    minWidth: 0,
-                    width: 'max-content',
-                } }, contextual)) : null,
-        hasPersistent ? React.createElement(Box, { ...createAutoTestAttributes('table-persistent-controls'), key: 'persistent', ref: persistentRef, sx: groupSx },
-            React.createElement(Box, { ref: persistentContentRef, sx: {
-                    alignItems: 'center',
-                    display: 'flex',
-                    maxWidth: '100%',
-                    minWidth: 0,
-                    width: 'max-content',
-                } }, persistent)) : null);
+        hasContextual ? React.createElement(Box, { ...createAutoTestAttributes('table-contextual-controls'), key: 'contextual', sx: groupSx }, contextual) : null,
+        hasPersistent ? React.createElement(Box, { ...createAutoTestAttributes('table-persistent-controls'), key: 'persistent', sx: groupSx }, persistent) : null);
 };
 export default PneTableToolbar;
 //# sourceMappingURL=PneTableToolbar.js.map

package/esm/component/table/PneTableToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneTableToolbar.js","sourceRoot":"","sources":["../../../src/component/table/PneTableToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PneTableToolbar.js","sourceRoot":"","sources":["../../../src/component/table/PneTableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,GAAG,EAA2B,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAC,wBAAwB,EAAC,MAAM,sBAAsB,CAAA;AAsB7D,2EAA2E;AAC3E,MAAM,iBAAiB,GAAG,CAAC,CAAA;AAE3B;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,GAAmB;IAC5B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE,UAAU;IAC1B,QAAQ,EAAE,CAAC;CACd,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,UAAU,EACV,UAAU,EACV,EAAE,EACF,GAAG,SAAS,EACf,GAAG,KAAK,CAAA;IACT,MAAM,aAAa,GAAG,UAAU,KAAK,SAAS;WACvC,UAAU,KAAK,IAAI;WACnB,OAAO,UAAU,KAAK,SAAS,CAAA;IACtC,MAAM,aAAa,GAAG,UAAU,KAAK,SAAS;WACvC,UAAU,KAAK,IAAI;WACnB,OAAO,UAAU,KAAK,SAAS,CAAA;IAEtC,OAAO,oBAAC,GAAG,OACH,SAAS,KACT,wBAAwB,CAAC,mBAAmB,CAAC,gBACrC,SAAS,qBACJ,cAAc,EAC/B,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE;YACA;gBACI,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;gBAChB,GAAG,EAAE,GAAG,iBAAiB,IAAI;gBAC7B,cAAc,EAAE,UAAU;gBAC1B,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,MAAM;aAChB;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACrC;QAEA,aAAa,CAAC,CAAC,CAAC,oBAAC,GAAG,OACb,wBAAwB,CAAC,2BAA2B,CAAC,EACzD,GAAG,EAAC,YAAY,EAChB,EAAE,EAAE,OAAO,IAEV,UAAU,CACT,CAAC,CAAC,CAAC,IAAI;QACZ,aAAa,CAAC,CAAC,CAAC,oBAAC,GAAG,OACb,wBAAwB,CAAC,2BAA2B,CAAC,EACzD,GAAG,EAAC,YAAY,EAChB,EAAE,EAAE,OAAO,IAEV,UAAU,CACT,CAAC,CAAC,CAAC,IAAI,CACX,CAAA;AACV,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}