npm - react-aria - Versions diffs - 3.49.0 → 3.51.0 - Mend

react-aria 3.49.0 → 3.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1301) hide show

package/dist/private/virtualizer/ScrollView.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// @ts-ignore\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n CSSProperties,\n ForwardedRef,\n HTMLAttributes,\n ReactNode,\n RefObject,\n useCallback,\n useEffect,\n useRef,\n useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n contentSize: Size;\n onVisibleRectChange: (rect: Rect) => void;\n onSizeChange?: (size: Size) => void;\n children?: ReactNode;\n innerStyle?: CSSProperties;\n onScrollStart?: () => void;\n onScrollEnd?: () => void;\n scrollDirection?: 'horizontal' \| 'vertical' \| 'both';\n onScroll?: (e: Event) => void;\n allowsWindowScrolling?: boolean;\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement \| null>) {\n ref = useObjectRef(ref);\n let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n return (\n <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n <div {...contentProps}>{props.children}</div>\n </div>\n );\n}\n\nconst ScrollViewForwardRef: React.ForwardRefExoticComponent<\n ScrollViewProps & React.RefAttributes<HTMLDivElement \| null>\n> = React.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n isScrolling: boolean;\n scrollViewProps: HTMLAttributes<HTMLElement>;\n contentProps: HTMLAttributes<HTMLElement>;\n}\n\nexport function useScrollView(\n props: ScrollViewProps,\n ref: RefObject<HTMLElement \| null>\n): ScrollViewAria {\n let {\n contentSize,\n onVisibleRectChange,\n onSizeChange,\n innerStyle,\n onScrollStart,\n onScrollEnd,\n scrollDirection = 'both',\n onScroll: onScrollProp,\n allowsWindowScrolling,\n ...otherProps\n } = props;\n\n let state = useRef({\n // Internal scroll position of the scroll view.\n scrollPosition: new Point(),\n // Size of the scroll view.\n size: new Size(),\n // Offset of the scroll view relative to the window viewport.\n viewportOffset: new Point(),\n // Size of the window viewport.\n viewportSize: new Size(),\n scrollEndTime: 0,\n scrollTimeout: null as ReturnType<typeof setTimeout> \| null,\n isScrolling: false,\n lastVisibleRect: new Rect()\n }).current;\n let {direction} = useLocale();\n\n let updateVisibleRect = useCallback(() => {\n // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n let visibleRect = allowsWindowScrolling\n ? new Rect(\n state.viewportOffset.x + state.scrollPosition.x,\n state.viewportOffset.y + state.scrollPosition.y,\n Math.max(\n 0,\n Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)\n ),\n Math.max(\n 0,\n Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height)\n )\n )\n : new Rect(\n state.scrollPosition.x,\n state.scrollPosition.y,\n state.size.width,\n state.size.height\n );\n // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n if (visibleRect.area > 0 \|\| state.lastVisibleRect.area > 0) {\n onVisibleRectChange(visibleRect);\n state.lastVisibleRect = visibleRect;\n }\n }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n let [isScrolling, setScrolling] = useState(false);\n\n let onScroll = useCallback(\n (e: Event) => {\n let target = getEventTarget(e) as Element;\n if (!nodeContains(target, ref.current!)) {\n return;\n }\n\n if (onScrollProp && target === ref.current) {\n onScrollProp(e);\n }\n\n if (target !== ref.current) {\n // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n let boundingRect = ref.current!.getBoundingClientRect();\n let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n return;\n }\n\n state.viewportOffset = new Point(x, y);\n } else {\n // The scroll view itself was scrolled. Update the local scroll position.\n // Prevent rubber band scrolling from shaking when scrolling out of bounds\n let scrollTop = target.scrollTop;\n let scrollLeft = getScrollLeft(target, direction);\n state.scrollPosition = new Point(\n Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n );\n }\n\n flushSync(() => {\n updateVisibleRect();\n\n if (!state.isScrolling) {\n state.isScrolling = true;\n setScrolling(true);\n\n // Pause typekit MutationObserver during scrolling.\n window.dispatchEvent(new Event('tk.disconnect-observer'));\n if (onScrollStart) {\n onScrollStart();\n }\n }\n\n // So we don't constantly call clearTimeout and setTimeout,\n // keep track of the current timeout time and only reschedule\n // the timer when it is getting close.\n let now = Date.now();\n if (state.scrollEndTime <= now + 50) {\n state.scrollEndTime = now + 300;\n\n if (state.scrollTimeout != null) {\n clearTimeout(state.scrollTimeout);\n }\n\n state.scrollTimeout = setTimeout(() => {\n state.isScrolling = false;\n setScrolling(false);\n state.scrollTimeout = null;\n\n window.dispatchEvent(new Event('tk.connect-observer'));\n if (onScrollEnd) {\n onScrollEnd();\n }\n }, 300);\n }\n });\n },\n [\n onScrollProp,\n ref,\n direction,\n state,\n contentSize,\n updateVisibleRect,\n onScrollStart,\n onScrollEnd\n ]\n );\n\n // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n useEffect(() => {\n document.addEventListener('scroll', onScroll, true);\n return () => document.removeEventListener('scroll', onScroll, true);\n }, [onScroll]);\n\n useEffect(() => {\n return () => {\n if (state.scrollTimeout != null) {\n clearTimeout(state.scrollTimeout);\n }\n\n if (state.isScrolling) {\n window.dispatchEvent(new Event('tk.connect-observer'));\n }\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let isUpdatingSize = useRef(false);\n let updateSize = useCallback(\n (flush: typeof flushSync) => {\n let dom = ref.current;\n if (!dom \|\| isUpdatingSize.current) {\n return;\n }\n\n // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n // content size update, causing below layout effect to fire. This avoids infinite loops.\n isUpdatingSize.current = true;\n\n let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n 'clientWidth'\n );\n let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n 'clientHeight'\n );\n let clientWidth = dom.clientWidth;\n let clientHeight = dom.clientHeight;\n let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n // Update the window viewport size.\n let viewportWidth = window.innerWidth;\n let viewportHeight = window.innerHeight;\n let viewportSizeChanged =\n state.viewportSize.width !== viewportWidth \|\| state.viewportSize.height !== viewportHeight;\n if (viewportSizeChanged) {\n state.viewportSize = new Size(viewportWidth, viewportHeight);\n }\n\n if (state.size.width !== w \|\| state.size.height !== h \|\| viewportSizeChanged) {\n state.size = new Size(w, h);\n flush(() => {\n updateVisibleRect();\n onSizeChange?.(state.size);\n });\n\n // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n // a result of the layout update. In this case, re-layout again to account for the\n // adjusted space. In very specific cases this might result in the scrollbars disappearing\n // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n if ((!isTestEnv && clientWidth !== dom.clientWidth) \|\| clientHeight !== dom.clientHeight) {\n state.size = new Size(dom.clientWidth, dom.clientHeight);\n flush(() => {\n updateVisibleRect();\n onSizeChange?.(state.size);\n });\n }\n }\n\n isUpdatingSize.current = false;\n },\n [ref, state, updateVisibleRect, onSizeChange]\n );\n let updateSizeEvent = useEffectEvent(updateSize);\n\n // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n useLayoutEffect(() => {\n // Initialize viewportRect before updating size for the first time.\n state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n let onWindowResize = () => {\n updateSizeEvent(flushSync);\n };\n\n window.addEventListener('resize', onWindowResize);\n return () => window.removeEventListener('resize', onWindowResize);\n }, [state]);\n\n // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n let lastContentSize = useRef<Size \| null>(null);\n let [update, setUpdate] = useState({});\n // We only contain a call to setState in here for testing environments.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(() => {\n if (\n !isUpdatingSize.current &&\n (lastContentSize.current == null \|\| !contentSize.equals(lastContentSize.current))\n ) {\n // React doesn't allow flushSync inside effects, so queue a microtask.\n // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n // If we are in an `act` environment, update immediately without a microtask so you don't need\n // to mock timers in tests. In this case, the update is synchronous already.\n // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n // https://github.com/reactwg/react-18/discussions/102\n if (\n // @ts-ignore\n typeof IS_REACT_ACT_ENVIRONMENT === 'boolean'\n ? // @ts-ignore\n IS_REACT_ACT_ENVIRONMENT\n : typeof jest !== 'undefined'\n ) {\n // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n // due to strict mode.\n setUpdate({});\n lastContentSize.current = contentSize;\n return;\n } else {\n queueMicrotask(() => updateSizeEvent(flushSync));\n }\n }\n\n lastContentSize.current = contentSize;\n });\n\n // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n useLayoutEffect(() => {\n updateSizeEvent(fn => fn());\n }, [update]);\n\n let onResize = useCallback(() => {\n updateSize(flushSync);\n }, [updateSize]);\n\n // Watch border-box instead of of content-box so that we don't go into\n // an infinite loop when scrollbars appear or disappear.\n useResizeObserver({ref, box: 'border-box', onResize});\n\n let style: React.CSSProperties = {\n // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n padding: 0,\n ...otherProps.style\n };\n\n if (scrollDirection === 'horizontal') {\n style.overflowX = 'auto';\n style.overflowY = 'hidden';\n } else if (scrollDirection === 'vertical' \|\| contentSize.width === state.size.width) {\n // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n // firing slower than the frame rate, which may cause an infinite re-render loop.\n style.overflowY = 'auto';\n style.overflowX = 'hidden';\n } else {\n style.overflow = 'auto';\n }\n\n innerStyle = {\n width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n pointerEvents: isScrolling ? 'none' : 'auto',\n position: 'relative',\n ...innerStyle\n };\n\n return {\n isScrolling,\n scrollViewProps: {\n ...otherProps,\n style\n },\n contentProps: {\n role: 'presentation',\n style: innerStyle\n }\n };\n}\n"],"names":[],"version":3,"file":"ScrollView.mjs.map"}
1	+ {"mappings":"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","sources":["packages/react-aria/src/virtualizer/ScrollView.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {addEvent, getOwnerDocument} from '../utils/domHelpers';\nimport {flushSync} from 'react-dom';\nimport {getEventTarget, getPropagationTargets, nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {getScrollLeft} from './utils';\nimport {Point, Rect, Size} from 'react-stately/useVirtualizerState';\nimport React, {\n CSSProperties,\n ForwardedRef,\n HTMLAttributes,\n ReactNode,\n RefObject,\n useCallback,\n useEffect,\n useRef,\n useState\n} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useObjectRef} from '../utils/useObjectRef';\nimport {useResizeObserver} from '../utils/useResizeObserver';\n\ninterface ScrollViewProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {\n contentSize: Size;\n onVisibleRectChange: (rect: Rect) => void;\n onSizeChange?: (size: Size) => void;\n children?: ReactNode;\n innerStyle?: CSSProperties;\n onScrollStart?: () => void;\n onScrollEnd?: () => void;\n scrollDirection?: 'horizontal' \| 'vertical' \| 'both';\n onScroll?: (e: Event) => void;\n allowsWindowScrolling?: boolean;\n}\n\nfunction ScrollView(props: ScrollViewProps, ref: ForwardedRef<HTMLDivElement \| null>) {\n ref = useObjectRef(ref);\n let {scrollViewProps, contentProps} = useScrollView(props, ref);\n\n return (\n <div role=\"presentation\" {...scrollViewProps} ref={ref}>\n <div {...contentProps}>{props.children}</div>\n </div>\n );\n}\n\nconst ScrollViewForwardRef: React.ForwardRefExoticComponent<\n ScrollViewProps & React.RefAttributes<HTMLDivElement \| null>\n> = React.forwardRef(ScrollView);\nexport {ScrollViewForwardRef as ScrollView};\n\ninterface ScrollViewAria {\n isScrolling: boolean;\n scrollViewProps: HTMLAttributes<HTMLElement>;\n contentProps: HTMLAttributes<HTMLElement>;\n}\n\nexport function useScrollView(\n props: ScrollViewProps,\n ref: RefObject<HTMLElement \| null>\n): ScrollViewAria {\n let {\n contentSize,\n onVisibleRectChange,\n onSizeChange,\n innerStyle,\n onScrollStart,\n onScrollEnd,\n scrollDirection = 'both',\n onScroll: onScrollProp,\n allowsWindowScrolling,\n ...otherProps\n } = props;\n\n // oxlint-disable-next-line react/react-compiler\n let state = useRef({\n // Internal scroll position of the scroll view.\n scrollPosition: new Point(),\n // Size of the scroll view.\n size: new Size(),\n // Offset of the scroll view relative to the window viewport.\n viewportOffset: new Point(),\n // Size of the window viewport.\n viewportSize: new Size(),\n scrollEndTime: 0,\n scrollTimeout: null as ReturnType<typeof setTimeout> \| null,\n isScrolling: false,\n lastVisibleRect: new Rect()\n }).current;\n let {direction} = useLocale();\n\n let updateVisibleRect = useCallback(() => {\n // Intersect the window viewport with the scroll view itself to find the actual visible rectangle.\n // This allows virtualized components to have unbounded height but still virtualize when scrolled with the page.\n // While there may be other scrollable elements between the <body> and the scroll view, we do not take\n // their sizes into account for performance reasons. Their scroll positions are accounted for in viewportOffset\n // though (due to getBoundingClientRect). This may result in more rows than absolutely necessary being rendered,\n // but no more than the entire height of the viewport which is good enough for virtualization use cases.\n let visibleRect = allowsWindowScrolling\n ? new Rect(\n state.viewportOffset.x + state.scrollPosition.x,\n state.viewportOffset.y + state.scrollPosition.y,\n Math.max(\n 0,\n Math.min(state.size.width - state.viewportOffset.x, state.viewportSize.width)\n ),\n Math.max(\n 0,\n Math.min(state.size.height - state.viewportOffset.y, state.viewportSize.height)\n )\n )\n : new Rect(\n state.scrollPosition.x,\n state.scrollPosition.y,\n state.size.width,\n state.size.height\n );\n // Don't emit updates if the visible area is zero and the last emitted area was also zero.\n if (visibleRect.area > 0 \|\| state.lastVisibleRect.area > 0) {\n onVisibleRectChange(visibleRect);\n state.lastVisibleRect = visibleRect;\n }\n }, [state, allowsWindowScrolling, onVisibleRectChange]);\n\n let [isScrolling, setScrolling] = useState(false);\n\n let onScroll = useCallback(\n (e: Event) => {\n let target = getEventTarget(e) as Element;\n if (!nodeContains(target, ref.current!)) {\n return;\n }\n\n if (onScrollProp && target === ref.current) {\n onScrollProp(e);\n }\n\n if (target !== ref.current) {\n // An ancestor element or the window was scrolled. Update the position of the scroll view relative to the viewport.\n let boundingRect = ref.current!.getBoundingClientRect();\n let x = boundingRect.x < 0 ? -boundingRect.x : 0;\n let y = boundingRect.y < 0 ? -boundingRect.y : 0;\n if (x === state.viewportOffset.x && y === state.viewportOffset.y) {\n return;\n }\n\n state.viewportOffset = new Point(x, y);\n } else {\n // The scroll view itself was scrolled. Update the local scroll position.\n // Prevent rubber band scrolling from shaking when scrolling out of bounds\n let scrollTop = target.scrollTop;\n let scrollLeft = getScrollLeft(target, direction);\n state.scrollPosition = new Point(\n Math.max(0, Math.min(scrollLeft, contentSize.width - state.size.width)),\n Math.max(0, Math.min(scrollTop, contentSize.height - state.size.height))\n );\n }\n\n flushSync(() => {\n updateVisibleRect();\n\n if (!state.isScrolling) {\n state.isScrolling = true;\n setScrolling(true);\n\n // Pause typekit MutationObserver during scrolling.\n window.dispatchEvent(new Event('tk.disconnect-observer'));\n if (onScrollStart) {\n onScrollStart();\n }\n }\n\n // So we don't constantly call clearTimeout and setTimeout,\n // keep track of the current timeout time and only reschedule\n // the timer when it is getting close.\n let now = Date.now();\n if (state.scrollEndTime <= now + 50) {\n state.scrollEndTime = now + 300;\n\n if (state.scrollTimeout != null) {\n clearTimeout(state.scrollTimeout);\n }\n\n state.scrollTimeout = setTimeout(() => {\n state.isScrolling = false;\n setScrolling(false);\n state.scrollTimeout = null;\n\n window.dispatchEvent(new Event('tk.connect-observer'));\n if (onScrollEnd) {\n onScrollEnd();\n }\n }, 300);\n }\n });\n },\n [\n onScrollProp,\n ref,\n direction,\n state,\n contentSize,\n updateVisibleRect,\n onScrollStart,\n onScrollEnd\n ]\n );\n\n // Attach a document-level capturing scroll listener so we can account for scrollable ancestors.\n useEffect(() => {\n return addEvent(\n getPropagationTargets(ref.current, getOwnerDocument(ref.current)),\n 'scroll',\n onScroll,\n true\n );\n }, [onScroll, ref]);\n\n useEffect(() => {\n return () => {\n if (state.scrollTimeout != null) {\n clearTimeout(state.scrollTimeout);\n }\n\n if (state.isScrolling) {\n window.dispatchEvent(new Event('tk.connect-observer'));\n }\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n let isUpdatingSize = useRef(false);\n let updateSize = useCallback(\n (flush: typeof flushSync) => {\n let dom = ref.current;\n if (!dom \|\| isUpdatingSize.current) {\n return;\n }\n\n // Prevent reentrancy when resize observer fires, triggers re-layout that results in\n // content size update, causing below layout effect to fire. This avoids infinite loops.\n isUpdatingSize.current = true;\n\n let isTestEnv = process.env.NODE_ENV === 'test' && !process.env.VIRT_ON;\n let isClientWidthMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n 'clientWidth'\n );\n let isClientHeightMocked = Object.getOwnPropertyNames(window.HTMLElement.prototype).includes(\n 'clientHeight'\n );\n let clientWidth = dom.clientWidth;\n let clientHeight = dom.clientHeight;\n let w = isTestEnv && !isClientWidthMocked ? Infinity : clientWidth;\n let h = isTestEnv && !isClientHeightMocked ? Infinity : clientHeight;\n\n // Update the window viewport size.\n let viewportWidth = window.innerWidth;\n let viewportHeight = window.innerHeight;\n let viewportSizeChanged =\n state.viewportSize.width !== viewportWidth \|\| state.viewportSize.height !== viewportHeight;\n if (viewportSizeChanged) {\n state.viewportSize = new Size(viewportWidth, viewportHeight);\n }\n\n if (state.size.width !== w \|\| state.size.height !== h \|\| viewportSizeChanged) {\n state.size = new Size(w, h);\n flush(() => {\n updateVisibleRect();\n onSizeChange?.(state.size);\n });\n\n // If the clientWidth or clientHeight changed, scrollbars appeared or disappeared as\n // a result of the layout update. In this case, re-layout again to account for the\n // adjusted space. In very specific cases this might result in the scrollbars disappearing\n // again, resulting in extra padding. We stop after a maximum of two layout passes to avoid\n // an infinite loop. This matches how browsers behavior with native CSS grid layout.\n if ((!isTestEnv && clientWidth !== dom.clientWidth) \|\| clientHeight !== dom.clientHeight) {\n state.size = new Size(dom.clientWidth, dom.clientHeight);\n flush(() => {\n updateVisibleRect();\n onSizeChange?.(state.size);\n });\n }\n }\n\n isUpdatingSize.current = false;\n },\n [ref, state, updateVisibleRect, onSizeChange]\n );\n let updateSizeEvent = useEffectEvent(updateSize);\n\n // Track the size of the entire window viewport, which is used to bound the size of the virtualizer's visible rectangle.\n useLayoutEffect(() => {\n // Initialize viewportRect before updating size for the first time.\n state.viewportSize = new Size(window.innerWidth, window.innerHeight);\n\n let onWindowResize = () => {\n updateSizeEvent(flushSync);\n };\n\n window.addEventListener('resize', onWindowResize);\n return () => window.removeEventListener('resize', onWindowResize);\n }, [state]);\n\n // Update visible rect when the content size changes, in case scrollbars need to appear or disappear.\n let lastContentSize = useRef<Size \| null>(null);\n let [update, setUpdate] = useState({});\n // We only contain a call to setState in here for testing environments.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(() => {\n if (\n !isUpdatingSize.current &&\n (lastContentSize.current == null \|\| !contentSize.equals(lastContentSize.current))\n ) {\n // React doesn't allow flushSync inside effects, so queue a microtask.\n // We also need to wait until all refs are set (e.g. when passing a ref down from a parent).\n // If we are in an `act` environment, update immediately without a microtask so you don't need\n // to mock timers in tests. In this case, the update is synchronous already.\n // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n // https://github.com/reactwg/react-18/discussions/102\n if (\n // @ts-ignore\n typeof IS_REACT_ACT_ENVIRONMENT === 'boolean'\n ? // @ts-ignore\n IS_REACT_ACT_ENVIRONMENT\n : typeof jest !== 'undefined'\n ) {\n // This is so we update size in a separate render but within the same act. Needs to be setState instead of refs\n // due to strict mode.\n setUpdate({});\n lastContentSize.current = contentSize;\n return;\n } else {\n queueMicrotask(() => updateSizeEvent(flushSync));\n }\n }\n\n lastContentSize.current = contentSize;\n });\n\n // Will only run in tests, needs to be in separate effect so it is properly run in the next render in strict mode.\n useLayoutEffect(() => {\n updateSizeEvent(fn => fn());\n }, [update]);\n\n let onResize = useCallback(() => {\n updateSize(flushSync);\n }, [updateSize]);\n\n // Watch border-box instead of of content-box so that we don't go into\n // an infinite loop when scrollbars appear or disappear.\n useResizeObserver({ref, box: 'border-box', onResize});\n\n let style: React.CSSProperties = {\n // Reset padding so that relative positioning works correctly. Padding will be done in JS layout.\n padding: 0,\n ...otherProps.style\n };\n\n if (scrollDirection === 'horizontal') {\n style.overflowX = 'auto';\n style.overflowY = 'hidden';\n // oxlint-disable-next-line react/react-compiler\n } else if (scrollDirection === 'vertical' \|\| contentSize.width === state.size.width) {\n // Set overflow-x: hidden if content size is equal to the width of the scroll view.\n // This prevents horizontal scrollbars from flickering during resizing due to resize observer\n // firing slower than the frame rate, which may cause an infinite re-render loop.\n style.overflowY = 'auto';\n style.overflowX = 'hidden';\n } else {\n style.overflow = 'auto';\n }\n\n innerStyle = {\n width: Number.isFinite(contentSize.width) ? contentSize.width : undefined,\n height: Number.isFinite(contentSize.height) ? contentSize.height : undefined,\n pointerEvents: isScrolling ? 'none' : 'auto',\n position: 'relative',\n ...innerStyle\n };\n\n return {\n isScrolling,\n scrollViewProps: {\n ...otherProps,\n style\n },\n contentProps: {\n role: 'presentation',\n style: innerStyle\n }\n };\n}\n"],"names":[],"version":3,"file":"ScrollView.mjs.map"}

package/dist/private/virtualizer/VirtualizerItem.cjs CHANGED Viewed

@@ -27,13 +27,14 @@ $parcel$export(module.exports, "layoutInfoToStyle", function () { return $3a7159
 function $3a715986d9e59f30$export$6796df8ba7398521(props) {
-    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children, shouldObserveItemSize: shouldObserveItemSize } = props;
     let { direction: direction } = (0, $2522e612fa919664$exports.useLocale)();
     let ref = (0, $3swss$react.useRef)(null);
     (0, $a2b3121359008119$exports.useVirtualizerItem)({
         layoutInfo: layoutInfo,
         virtualizer: virtualizer,
-        ref: ref
+        ref: ref,
+        shouldObserveItemSize: shouldObserveItemSize
     });
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3swss$react))).createElement("div", {
         role: "presentation",

package/dist/private/virtualizer/VirtualizerItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;~~AAgBM~~,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,aAAE,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,EAAC,GAAG;~~IACpE~~,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,CAAA,GAAA,4CAAiB,EAAE;oBACjB;qBACA;aACA;IACF;IAEA,qBACE,0DAAC;QACC,MAAK;QACL,KAAK;QACL,WAAW;QACX,OAAO;YAAC,GAAG,0CAAkB,YAAY,WAAW,OAAO;YAAE,GAAG,KAAK;QAAA;OACpE;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CACd,UAAsB,EACtB,GAAc,EACd,MAA0B;IAE1B,IAAI,YAAY,QAAQ,QAAQ,UAAU;IAC1C,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,UAAU,MAAM,CAAC,UAAU,IAAI,MAAM;QACvC,IAAI,CAAC,QACH,OAAO;QAGT,6CAA6C;QAC7C,IAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QACzC,IAAI,OAAO,GAAG,KAAK,OAAO,MAAM,CAAC,UAAU,KAAK,GAC9C,OAAO;IAEX;IAEA,IAAI,aAAiD;QACnD,wJAAwJ;QACxJ,sIAAsI;QACtI,mJAAmJ;QACnJ,+BAA+B;QAC/B,KACE,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,CAAC,UAAU,EACT,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,OAAO,WAAW,IAAI,CAAC,KAAK;QAC5B,QAAQ,WAAW,IAAI,CAAC,MAAM;IAChC;IAEA,sEAAsE;IACtE,OAAO,OAAO,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM;QAC9C,IAAI,CAAC,OAAO,QAAQ,CAAC,QACnB,UAAU,CAAC,IAAI,GAAG;IAEtB;IAEA,IAAI,QAAuB;QACzB,UAAU,WAAW,QAAQ,GAAG,WAAW;QAC3C,qJAAqJ;QACrJ,SAAS,WAAW,QAAQ,GAAG,iBAAiB;QAChD,UAAU,WAAW,aAAa,GAAG,YAAY;QACjD,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,WAAW,SAAS,IAAI;QACnC,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/VirtualizerItem.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction} from '@react-types/shared';\nimport {LayoutInfo} from 'react-stately/useVirtualizerState';\nimport React, {CSSProperties, JSX, ReactNode, useRef} from 'react';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n layoutInfo: LayoutInfo;\n parent?: LayoutInfo \| null;\n style?: CSSProperties;\n className?: string;\n children: ReactNode;\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps): JSX.Element {\n let {style, className, layoutInfo, virtualizer, parent, children} = props;\n let {direction} = useLocale();\n let ref = useRef<HTMLDivElement \| null>(null);\n useVirtualizerItem({\n layoutInfo,\n virtualizer,\n ref\n });\n\n return (\n <div\n role=\"presentation\"\n ref={ref}\n className={className}\n style={{...layoutInfoToStyle(layoutInfo, direction, parent), ...style}}>\n {children}\n </div>\n );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(\n layoutInfo: LayoutInfo,\n dir: Direction,\n parent?: LayoutInfo \| null\n): CSSProperties {\n let xProperty = dir === 'rtl' ? 'right' : 'left';\n let cached = cache.get(layoutInfo);\n if (cached && cached[xProperty] != null) {\n if (!parent) {\n return cached;\n }\n\n // Invalidate if the parent position changed.\n let top = layoutInfo.rect.y - parent.rect.y;\n let x = layoutInfo.rect.x - parent.rect.x;\n if (cached.top === top && cached[xProperty] === x) {\n return cached;\n }\n }\n\n let rectStyles: Record<string, number \| undefined> = {\n // TODO: For layoutInfos that are sticky that have parents with overflow visible, their \"top\" will be relative to the to the nearest scrolling container\n // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position\n // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the\n // calculated layoutInfo.y here\n top:\n layoutInfo.rect.y -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),\n [xProperty]:\n layoutInfo.rect.x -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),\n width: layoutInfo.rect.width,\n height: layoutInfo.rect.height\n };\n\n // Get rid of any non finite values since they aren't valid css values\n Object.entries(rectStyles).forEach(([key, value]) => {\n if (!Number.isFinite(value)) {\n rectStyles[key] = undefined;\n }\n });\n\n let style: CSSProperties = {\n position: layoutInfo.isSticky ? 'sticky' : 'absolute',\n // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.\n display: layoutInfo.isSticky ? 'inline-block' : undefined,\n overflow: layoutInfo.allowOverflow ? 'visible' : 'hidden',\n opacity: layoutInfo.opacity,\n zIndex: layoutInfo.zIndex,\n transform: layoutInfo.transform ?? undefined,\n contain: 'size layout style',\n ...rectStyles\n };\n\n cache.set(layoutInfo, style);\n return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.cjs.map"}
1	+ {"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAiBM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,aAAE,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,yBAAE,qBAAqB,EAAC,GAAG;IAC3F,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAyB;IACxC,CAAA,GAAA,4CAAiB,EAAE;oBACjB;qBACA;aACA;+BACA;IACF;IAEA,qBACE,0DAAC;QACC,MAAK;QACL,KAAK;QACL,WAAW;QACX,OAAO;YAAC,GAAG,0CAAkB,YAAY,WAAW,OAAO;YAAE,GAAG,KAAK;QAAA;OACpE;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CACd,UAAsB,EACtB,GAAc,EACd,MAA0B;IAE1B,IAAI,YAAY,QAAQ,QAAQ,UAAU;IAC1C,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,UAAU,MAAM,CAAC,UAAU,IAAI,MAAM;QACvC,IAAI,CAAC,QACH,OAAO;QAGT,6CAA6C;QAC7C,IAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QACzC,IAAI,OAAO,GAAG,KAAK,OAAO,MAAM,CAAC,UAAU,KAAK,GAC9C,OAAO;IAEX;IAEA,IAAI,aAAiD;QACnD,wJAAwJ;QACxJ,sIAAsI;QACtI,mJAAmJ;QACnJ,+BAA+B;QAC/B,KACE,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,CAAC,UAAU,EACT,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,OAAO,WAAW,IAAI,CAAC,KAAK;QAC5B,QAAQ,WAAW,IAAI,CAAC,MAAM;IAChC;IAEA,sEAAsE;IACtE,OAAO,OAAO,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM;QAC9C,IAAI,CAAC,OAAO,QAAQ,CAAC,QACnB,UAAU,CAAC,IAAI,GAAG;IAEtB;IAEA,IAAI,QAAuB;QACzB,UAAU,WAAW,QAAQ,GAAG,WAAW;QAC3C,qJAAqJ;QACrJ,SAAS,WAAW,QAAQ,GAAG,iBAAiB;QAChD,UAAU,WAAW,aAAa,GAAG,YAAY;QACjD,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,WAAW,SAAS,IAAI;QACnC,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/VirtualizerItem.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction} from '@react-types/shared';\nimport {LayoutInfo} from 'react-stately/useVirtualizerState';\nimport React, {CSSProperties, JSX, ReactNode, useRef} from 'react';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n layoutInfo: LayoutInfo;\n parent?: LayoutInfo \| null;\n style?: CSSProperties;\n className?: string;\n children: ReactNode;\n shouldObserveItemSize?: boolean;\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps): JSX.Element {\n let {style, className, layoutInfo, virtualizer, parent, children, shouldObserveItemSize} = props;\n let {direction} = useLocale();\n let ref = useRef<HTMLDivElement \| null>(null);\n useVirtualizerItem({\n layoutInfo,\n virtualizer,\n ref,\n shouldObserveItemSize\n });\n\n return (\n <div\n role=\"presentation\"\n ref={ref}\n className={className}\n style={{...layoutInfoToStyle(layoutInfo, direction, parent), ...style}}>\n {children}\n </div>\n );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(\n layoutInfo: LayoutInfo,\n dir: Direction,\n parent?: LayoutInfo \| null\n): CSSProperties {\n let xProperty = dir === 'rtl' ? 'right' : 'left';\n let cached = cache.get(layoutInfo);\n if (cached && cached[xProperty] != null) {\n if (!parent) {\n return cached;\n }\n\n // Invalidate if the parent position changed.\n let top = layoutInfo.rect.y - parent.rect.y;\n let x = layoutInfo.rect.x - parent.rect.x;\n if (cached.top === top && cached[xProperty] === x) {\n return cached;\n }\n }\n\n let rectStyles: Record<string, number \| undefined> = {\n // TODO: For layoutInfos that are sticky that have parents with overflow visible, their \"top\" will be relative to the to the nearest scrolling container\n // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position\n // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the\n // calculated layoutInfo.y here\n top:\n layoutInfo.rect.y -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),\n [xProperty]:\n layoutInfo.rect.x -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),\n width: layoutInfo.rect.width,\n height: layoutInfo.rect.height\n };\n\n // Get rid of any non finite values since they aren't valid css values\n Object.entries(rectStyles).forEach(([key, value]) => {\n if (!Number.isFinite(value)) {\n rectStyles[key] = undefined;\n }\n });\n\n let style: CSSProperties = {\n position: layoutInfo.isSticky ? 'sticky' : 'absolute',\n // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.\n display: layoutInfo.isSticky ? 'inline-block' : undefined,\n overflow: layoutInfo.allowOverflow ? 'visible' : 'hidden',\n opacity: layoutInfo.opacity,\n zIndex: layoutInfo.zIndex,\n transform: layoutInfo.transform ?? undefined,\n contain: 'size layout style',\n ...rectStyles\n };\n\n cache.set(layoutInfo, style);\n return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.cjs.map"}

package/dist/private/virtualizer/VirtualizerItem.js CHANGED Viewed

@@ -16,13 +16,14 @@ import $ctdHo$react, {useRef as $ctdHo$useRef} from "react";
 function $5e03ff6b3cb668b8$export$6796df8ba7398521(props) {
-    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children, shouldObserveItemSize: shouldObserveItemSize } = props;
     let { direction: direction } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
     let ref = (0, $ctdHo$useRef)(null);
     (0, $50fb5bc04a398332$export$1da781778207e0a2)({
         layoutInfo: layoutInfo,
         virtualizer: virtualizer,
-        ref: ref
+        ref: ref,
+        shouldObserveItemSize: shouldObserveItemSize
     });
     return /*#__PURE__*/ (0, $ctdHo$react).createElement("div", {
         role: "presentation",

package/dist/private/virtualizer/VirtualizerItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;~~AAgBM~~,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,aAAE,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,EAAC,GAAG;~~IACpE~~,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,CAAA,GAAA,yCAAiB,EAAE;oBACjB;qBACA;aACA;IACF;IAEA,qBACE,gCAAC;QACC,MAAK;QACL,KAAK;QACL,WAAW;QACX,OAAO;YAAC,GAAG,0CAAkB,YAAY,WAAW,OAAO;YAAE,GAAG,KAAK;QAAA;OACpE;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CACd,UAAsB,EACtB,GAAc,EACd,MAA0B;IAE1B,IAAI,YAAY,QAAQ,QAAQ,UAAU;IAC1C,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,UAAU,MAAM,CAAC,UAAU,IAAI,MAAM;QACvC,IAAI,CAAC,QACH,OAAO;QAGT,6CAA6C;QAC7C,IAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QACzC,IAAI,OAAO,GAAG,KAAK,OAAO,MAAM,CAAC,UAAU,KAAK,GAC9C,OAAO;IAEX;IAEA,IAAI,aAAiD;QACnD,wJAAwJ;QACxJ,sIAAsI;QACtI,mJAAmJ;QACnJ,+BAA+B;QAC/B,KACE,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,CAAC,UAAU,EACT,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,OAAO,WAAW,IAAI,CAAC,KAAK;QAC5B,QAAQ,WAAW,IAAI,CAAC,MAAM;IAChC;IAEA,sEAAsE;IACtE,OAAO,OAAO,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM;QAC9C,IAAI,CAAC,OAAO,QAAQ,CAAC,QACnB,UAAU,CAAC,IAAI,GAAG;IAEtB;QASa;IAPb,IAAI,QAAuB;QACzB,UAAU,WAAW,QAAQ,GAAG,WAAW;QAC3C,qJAAqJ;QACrJ,SAAS,WAAW,QAAQ,GAAG,iBAAiB;QAChD,UAAU,WAAW,aAAa,GAAG,YAAY;QACjD,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,CAAA,wBAAA,WAAW,SAAS,cAApB,mCAAA,wBAAwB;QACnC,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/VirtualizerItem.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction} from '@react-types/shared';\nimport {LayoutInfo} from 'react-stately/useVirtualizerState';\nimport React, {CSSProperties, JSX, ReactNode, useRef} from 'react';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n layoutInfo: LayoutInfo;\n parent?: LayoutInfo \| null;\n style?: CSSProperties;\n className?: string;\n children: ReactNode;\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps): JSX.Element {\n let {style, className, layoutInfo, virtualizer, parent, children} = props;\n let {direction} = useLocale();\n let ref = useRef<HTMLDivElement \| null>(null);\n useVirtualizerItem({\n layoutInfo,\n virtualizer,\n ref\n });\n\n return (\n <div\n role=\"presentation\"\n ref={ref}\n className={className}\n style={{...layoutInfoToStyle(layoutInfo, direction, parent), ...style}}>\n {children}\n </div>\n );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(\n layoutInfo: LayoutInfo,\n dir: Direction,\n parent?: LayoutInfo \| null\n): CSSProperties {\n let xProperty = dir === 'rtl' ? 'right' : 'left';\n let cached = cache.get(layoutInfo);\n if (cached && cached[xProperty] != null) {\n if (!parent) {\n return cached;\n }\n\n // Invalidate if the parent position changed.\n let top = layoutInfo.rect.y - parent.rect.y;\n let x = layoutInfo.rect.x - parent.rect.x;\n if (cached.top === top && cached[xProperty] === x) {\n return cached;\n }\n }\n\n let rectStyles: Record<string, number \| undefined> = {\n // TODO: For layoutInfos that are sticky that have parents with overflow visible, their \"top\" will be relative to the to the nearest scrolling container\n // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position\n // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the\n // calculated layoutInfo.y here\n top:\n layoutInfo.rect.y -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),\n [xProperty]:\n layoutInfo.rect.x -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),\n width: layoutInfo.rect.width,\n height: layoutInfo.rect.height\n };\n\n // Get rid of any non finite values since they aren't valid css values\n Object.entries(rectStyles).forEach(([key, value]) => {\n if (!Number.isFinite(value)) {\n rectStyles[key] = undefined;\n }\n });\n\n let style: CSSProperties = {\n position: layoutInfo.isSticky ? 'sticky' : 'absolute',\n // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.\n display: layoutInfo.isSticky ? 'inline-block' : undefined,\n overflow: layoutInfo.allowOverflow ? 'visible' : 'hidden',\n opacity: layoutInfo.opacity,\n zIndex: layoutInfo.zIndex,\n transform: layoutInfo.transform ?? undefined,\n contain: 'size layout style',\n ...rectStyles\n };\n\n cache.set(layoutInfo, style);\n return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.js.map"}
1	+ {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAiBM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,aAAE,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,yBAAE,qBAAqB,EAAC,GAAG;IAC3F,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,CAAA,GAAA,yCAAiB,EAAE;oBACjB;qBACA;aACA;+BACA;IACF;IAEA,qBACE,gCAAC;QACC,MAAK;QACL,KAAK;QACL,WAAW;QACX,OAAO;YAAC,GAAG,0CAAkB,YAAY,WAAW,OAAO;YAAE,GAAG,KAAK;QAAA;OACpE;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CACd,UAAsB,EACtB,GAAc,EACd,MAA0B;IAE1B,IAAI,YAAY,QAAQ,QAAQ,UAAU;IAC1C,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,UAAU,MAAM,CAAC,UAAU,IAAI,MAAM;QACvC,IAAI,CAAC,QACH,OAAO;QAGT,6CAA6C;QAC7C,IAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QACzC,IAAI,OAAO,GAAG,KAAK,OAAO,MAAM,CAAC,UAAU,KAAK,GAC9C,OAAO;IAEX;IAEA,IAAI,aAAiD;QACnD,wJAAwJ;QACxJ,sIAAsI;QACtI,mJAAmJ;QACnJ,+BAA+B;QAC/B,KACE,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,CAAC,UAAU,EACT,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,OAAO,WAAW,IAAI,CAAC,KAAK;QAC5B,QAAQ,WAAW,IAAI,CAAC,MAAM;IAChC;IAEA,sEAAsE;IACtE,OAAO,OAAO,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM;QAC9C,IAAI,CAAC,OAAO,QAAQ,CAAC,QACnB,UAAU,CAAC,IAAI,GAAG;IAEtB;QASa;IAPb,IAAI,QAAuB;QACzB,UAAU,WAAW,QAAQ,GAAG,WAAW;QAC3C,qJAAqJ;QACrJ,SAAS,WAAW,QAAQ,GAAG,iBAAiB;QAChD,UAAU,WAAW,aAAa,GAAG,YAAY;QACjD,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,CAAA,wBAAA,WAAW,SAAS,cAApB,mCAAA,wBAAwB;QACnC,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/VirtualizerItem.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction} from '@react-types/shared';\nimport {LayoutInfo} from 'react-stately/useVirtualizerState';\nimport React, {CSSProperties, JSX, ReactNode, useRef} from 'react';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n layoutInfo: LayoutInfo;\n parent?: LayoutInfo \| null;\n style?: CSSProperties;\n className?: string;\n children: ReactNode;\n shouldObserveItemSize?: boolean;\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps): JSX.Element {\n let {style, className, layoutInfo, virtualizer, parent, children, shouldObserveItemSize} = props;\n let {direction} = useLocale();\n let ref = useRef<HTMLDivElement \| null>(null);\n useVirtualizerItem({\n layoutInfo,\n virtualizer,\n ref,\n shouldObserveItemSize\n });\n\n return (\n <div\n role=\"presentation\"\n ref={ref}\n className={className}\n style={{...layoutInfoToStyle(layoutInfo, direction, parent), ...style}}>\n {children}\n </div>\n );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(\n layoutInfo: LayoutInfo,\n dir: Direction,\n parent?: LayoutInfo \| null\n): CSSProperties {\n let xProperty = dir === 'rtl' ? 'right' : 'left';\n let cached = cache.get(layoutInfo);\n if (cached && cached[xProperty] != null) {\n if (!parent) {\n return cached;\n }\n\n // Invalidate if the parent position changed.\n let top = layoutInfo.rect.y - parent.rect.y;\n let x = layoutInfo.rect.x - parent.rect.x;\n if (cached.top === top && cached[xProperty] === x) {\n return cached;\n }\n }\n\n let rectStyles: Record<string, number \| undefined> = {\n // TODO: For layoutInfos that are sticky that have parents with overflow visible, their \"top\" will be relative to the to the nearest scrolling container\n // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position\n // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the\n // calculated layoutInfo.y here\n top:\n layoutInfo.rect.y -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),\n [xProperty]:\n layoutInfo.rect.x -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),\n width: layoutInfo.rect.width,\n height: layoutInfo.rect.height\n };\n\n // Get rid of any non finite values since they aren't valid css values\n Object.entries(rectStyles).forEach(([key, value]) => {\n if (!Number.isFinite(value)) {\n rectStyles[key] = undefined;\n }\n });\n\n let style: CSSProperties = {\n position: layoutInfo.isSticky ? 'sticky' : 'absolute',\n // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.\n display: layoutInfo.isSticky ? 'inline-block' : undefined,\n overflow: layoutInfo.allowOverflow ? 'visible' : 'hidden',\n opacity: layoutInfo.opacity,\n zIndex: layoutInfo.zIndex,\n transform: layoutInfo.transform ?? undefined,\n contain: 'size layout style',\n ...rectStyles\n };\n\n cache.set(layoutInfo, style);\n return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.js.map"}

package/dist/private/virtualizer/VirtualizerItem.mjs CHANGED Viewed

@@ -16,13 +16,14 @@ import $26odF$react, {useRef as $26odF$useRef} from "react";
 function $6c92e9e346cd7b1c$export$6796df8ba7398521(props) {
-    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { style: style, className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children, shouldObserveItemSize: shouldObserveItemSize } = props;
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     let ref = (0, $26odF$useRef)(null);
     (0, $cd3854145620ec6a$export$1da781778207e0a2)({
         layoutInfo: layoutInfo,
         virtualizer: virtualizer,
-        ref: ref
+        ref: ref,
+        shouldObserveItemSize: shouldObserveItemSize
     });
     return /*#__PURE__*/ (0, $26odF$react).createElement("div", {
         role: "presentation",

package/dist/private/virtualizer/VirtualizerItem.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;~~AAgBM~~,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,aAAE,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,EAAC,GAAG;~~IACpE~~,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,CAAA,GAAA,yCAAiB,EAAE;oBACjB;qBACA;aACA;IACF;IAEA,qBACE,gCAAC;QACC,MAAK;QACL,KAAK;QACL,WAAW;QACX,OAAO;YAAC,GAAG,0CAAkB,YAAY,WAAW,OAAO;YAAE,GAAG,KAAK;QAAA;OACpE;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CACd,UAAsB,EACtB,GAAc,EACd,MAA0B;IAE1B,IAAI,YAAY,QAAQ,QAAQ,UAAU;IAC1C,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,UAAU,MAAM,CAAC,UAAU,IAAI,MAAM;QACvC,IAAI,CAAC,QACH,OAAO;QAGT,6CAA6C;QAC7C,IAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QACzC,IAAI,OAAO,GAAG,KAAK,OAAO,MAAM,CAAC,UAAU,KAAK,GAC9C,OAAO;IAEX;IAEA,IAAI,aAAiD;QACnD,wJAAwJ;QACxJ,sIAAsI;QACtI,mJAAmJ;QACnJ,+BAA+B;QAC/B,KACE,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,CAAC,UAAU,EACT,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,OAAO,WAAW,IAAI,CAAC,KAAK;QAC5B,QAAQ,WAAW,IAAI,CAAC,MAAM;IAChC;IAEA,sEAAsE;IACtE,OAAO,OAAO,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM;QAC9C,IAAI,CAAC,OAAO,QAAQ,CAAC,QACnB,UAAU,CAAC,IAAI,GAAG;IAEtB;IAEA,IAAI,QAAuB;QACzB,UAAU,WAAW,QAAQ,GAAG,WAAW;QAC3C,qJAAqJ;QACrJ,SAAS,WAAW,QAAQ,GAAG,iBAAiB;QAChD,UAAU,WAAW,aAAa,GAAG,YAAY;QACjD,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,WAAW,SAAS,IAAI;QACnC,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/VirtualizerItem.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction} from '@react-types/shared';\nimport {LayoutInfo} from 'react-stately/useVirtualizerState';\nimport React, {CSSProperties, JSX, ReactNode, useRef} from 'react';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n layoutInfo: LayoutInfo;\n parent?: LayoutInfo \| null;\n style?: CSSProperties;\n className?: string;\n children: ReactNode;\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps): JSX.Element {\n let {style, className, layoutInfo, virtualizer, parent, children} = props;\n let {direction} = useLocale();\n let ref = useRef<HTMLDivElement \| null>(null);\n useVirtualizerItem({\n layoutInfo,\n virtualizer,\n ref\n });\n\n return (\n <div\n role=\"presentation\"\n ref={ref}\n className={className}\n style={{...layoutInfoToStyle(layoutInfo, direction, parent), ...style}}>\n {children}\n </div>\n );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(\n layoutInfo: LayoutInfo,\n dir: Direction,\n parent?: LayoutInfo \| null\n): CSSProperties {\n let xProperty = dir === 'rtl' ? 'right' : 'left';\n let cached = cache.get(layoutInfo);\n if (cached && cached[xProperty] != null) {\n if (!parent) {\n return cached;\n }\n\n // Invalidate if the parent position changed.\n let top = layoutInfo.rect.y - parent.rect.y;\n let x = layoutInfo.rect.x - parent.rect.x;\n if (cached.top === top && cached[xProperty] === x) {\n return cached;\n }\n }\n\n let rectStyles: Record<string, number \| undefined> = {\n // TODO: For layoutInfos that are sticky that have parents with overflow visible, their \"top\" will be relative to the to the nearest scrolling container\n // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position\n // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the\n // calculated layoutInfo.y here\n top:\n layoutInfo.rect.y -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),\n [xProperty]:\n layoutInfo.rect.x -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),\n width: layoutInfo.rect.width,\n height: layoutInfo.rect.height\n };\n\n // Get rid of any non finite values since they aren't valid css values\n Object.entries(rectStyles).forEach(([key, value]) => {\n if (!Number.isFinite(value)) {\n rectStyles[key] = undefined;\n }\n });\n\n let style: CSSProperties = {\n position: layoutInfo.isSticky ? 'sticky' : 'absolute',\n // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.\n display: layoutInfo.isSticky ? 'inline-block' : undefined,\n overflow: layoutInfo.allowOverflow ? 'visible' : 'hidden',\n opacity: layoutInfo.opacity,\n zIndex: layoutInfo.zIndex,\n transform: layoutInfo.transform ?? undefined,\n contain: 'size layout style',\n ...rectStyles\n };\n\n cache.set(layoutInfo, style);\n return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.mjs.map"}
1	+ {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAiBM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,aAAE,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,yBAAE,qBAAqB,EAAC,GAAG;IAC3F,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,aAAK,EAAyB;IACxC,CAAA,GAAA,yCAAiB,EAAE;oBACjB;qBACA;aACA;+BACA;IACF;IAEA,qBACE,gCAAC;QACC,MAAK;QACL,KAAK;QACL,WAAW;QACX,OAAO;YAAC,GAAG,0CAAkB,YAAY,WAAW,OAAO;YAAE,GAAG,KAAK;QAAA;OACpE;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CACd,UAAsB,EACtB,GAAc,EACd,MAA0B;IAE1B,IAAI,YAAY,QAAQ,QAAQ,UAAU;IAC1C,IAAI,SAAS,4BAAM,GAAG,CAAC;IACvB,IAAI,UAAU,MAAM,CAAC,UAAU,IAAI,MAAM;QACvC,IAAI,CAAC,QACH,OAAO;QAGT,6CAA6C;QAC7C,IAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;QACzC,IAAI,OAAO,GAAG,KAAK,OAAO,MAAM,CAAC,UAAU,KAAK,GAC9C,OAAO;IAEX;IAEA,IAAI,aAAiD;QACnD,wJAAwJ;QACxJ,sIAAsI;QACtI,mJAAmJ;QACnJ,+BAA+B;QAC/B,KACE,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,CAAC,UAAU,EACT,WAAW,IAAI,CAAC,CAAC,GAChB,CAAA,UAAU,CAAE,CAAA,OAAO,aAAa,IAAI,WAAW,QAAQ,AAAD,IAAK,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC9E,OAAO,WAAW,IAAI,CAAC,KAAK;QAC5B,QAAQ,WAAW,IAAI,CAAC,MAAM;IAChC;IAEA,sEAAsE;IACtE,OAAO,OAAO,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM;QAC9C,IAAI,CAAC,OAAO,QAAQ,CAAC,QACnB,UAAU,CAAC,IAAI,GAAG;IAEtB;IAEA,IAAI,QAAuB;QACzB,UAAU,WAAW,QAAQ,GAAG,WAAW;QAC3C,qJAAqJ;QACrJ,SAAS,WAAW,QAAQ,GAAG,iBAAiB;QAChD,UAAU,WAAW,aAAa,GAAG,YAAY;QACjD,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,WAAW,SAAS,IAAI;QACnC,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/VirtualizerItem.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Direction} from '@react-types/shared';\nimport {LayoutInfo} from 'react-stately/useVirtualizerState';\nimport React, {CSSProperties, JSX, ReactNode, useRef} from 'react';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n layoutInfo: LayoutInfo;\n parent?: LayoutInfo \| null;\n style?: CSSProperties;\n className?: string;\n children: ReactNode;\n shouldObserveItemSize?: boolean;\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps): JSX.Element {\n let {style, className, layoutInfo, virtualizer, parent, children, shouldObserveItemSize} = props;\n let {direction} = useLocale();\n let ref = useRef<HTMLDivElement \| null>(null);\n useVirtualizerItem({\n layoutInfo,\n virtualizer,\n ref,\n shouldObserveItemSize\n });\n\n return (\n <div\n role=\"presentation\"\n ref={ref}\n className={className}\n style={{...layoutInfoToStyle(layoutInfo, direction, parent), ...style}}>\n {children}\n </div>\n );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(\n layoutInfo: LayoutInfo,\n dir: Direction,\n parent?: LayoutInfo \| null\n): CSSProperties {\n let xProperty = dir === 'rtl' ? 'right' : 'left';\n let cached = cache.get(layoutInfo);\n if (cached && cached[xProperty] != null) {\n if (!parent) {\n return cached;\n }\n\n // Invalidate if the parent position changed.\n let top = layoutInfo.rect.y - parent.rect.y;\n let x = layoutInfo.rect.x - parent.rect.x;\n if (cached.top === top && cached[xProperty] === x) {\n return cached;\n }\n }\n\n let rectStyles: Record<string, number \| undefined> = {\n // TODO: For layoutInfos that are sticky that have parents with overflow visible, their \"top\" will be relative to the to the nearest scrolling container\n // which WON'T be the parent since the parent has overflow visible. This means we shouldn't offset the height by the parent's position\n // Not 100% about this change here since it is quite ambigious what the scrolling container maybe and how its top is positioned with respect to the\n // calculated layoutInfo.y here\n top:\n layoutInfo.rect.y -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.y : 0),\n [xProperty]:\n layoutInfo.rect.x -\n (parent && !(parent.allowOverflow && layoutInfo.isSticky) ? parent.rect.x : 0),\n width: layoutInfo.rect.width,\n height: layoutInfo.rect.height\n };\n\n // Get rid of any non finite values since they aren't valid css values\n Object.entries(rectStyles).forEach(([key, value]) => {\n if (!Number.isFinite(value)) {\n rectStyles[key] = undefined;\n }\n });\n\n let style: CSSProperties = {\n position: layoutInfo.isSticky ? 'sticky' : 'absolute',\n // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.\n display: layoutInfo.isSticky ? 'inline-block' : undefined,\n overflow: layoutInfo.allowOverflow ? 'visible' : 'hidden',\n opacity: layoutInfo.opacity,\n zIndex: layoutInfo.zIndex,\n transform: layoutInfo.transform ?? undefined,\n contain: 'size layout style',\n ...rectStyles\n };\n\n cache.set(layoutInfo, style);\n return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.mjs.map"}

package/dist/private/virtualizer/useVirtualizerItem.cjs CHANGED Viewed

@@ -1,3 +1,5 @@
+var $d0ea836c96ed0bf7$exports = require("../utils/isElementVisible.cjs");
+var $d6e22460ce4d6b26$exports = require("../utils/useEffectEvent.cjs");
 var $429333cab433657c$exports = require("../utils/useLayoutEffect.cjs");
 var $f9e7u$reactstatelyuseVirtualizerState = require("react-stately/useVirtualizerState");
 var $f9e7u$react = require("react");
@@ -21,11 +23,17 @@ $parcel$export(module.exports, "useVirtualizerItem", function () { return $a2b31
  */
 function $a2b3121359008119$export$1da781778207e0a2(options) {
-    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref } = options;
+    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref, shouldObserveItemSize: shouldObserveItemSize } = options;
     let key = layoutInfo?.key;
     let updateSize = (0, $f9e7u$react.useCallback)(()=>{
         if (key != null && ref.current) {
+            // if the virtualized item is not visible (aka display none on virtualized collection),
+            // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items
+            // when it is hidden and thus won't remeasure when it is is unhidden
+            if (!(0, $d0ea836c96ed0bf7$exports.isElementVisible)(ref.current)) return;
             let size = $a2b3121359008119$var$getSize(ref.current);
             virtualizer.updateItemSize(key, size);
         }
@@ -34,9 +42,34 @@ function $a2b3121359008119$export$1da781778207e0a2(options) {
         key,
         ref
     ]);
+    let updateSizeEvent = (0, $d6e22460ce4d6b26$exports.useEffectEvent)(updateSize);
     (0, $429333cab433657c$exports.useLayoutEffect)(()=>{
-        if (layoutInfo?.estimatedSize) updateSize();
+        if (layoutInfo?.estimatedSize) updateSizeEvent();
     });
+    // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect
+    // when inner DOM structure changes cause an item's height to change.
+    // The current ResizeObserver only observes direct children,
+    // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.
+    // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout
+    // and won't change when content grows. Observe direct children instead, then remeasure the
+    // wrapper in updateSize.
+    (0, $f9e7u$react.useEffect)(()=>{
+        if (!shouldObserveItemSize) return;
+        let el = ref.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        let resizeObserver = new ResizeObserver((entries)=>{
+            if (!entries.length) return;
+            updateSizeEvent();
+        });
+        for (let child of el.children)resizeObserver.observe(child);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        shouldObserveItemSize,
+        ref,
+        key
+    ]);
     return {
         updateSize: updateSize
     };

package/dist/private/virtualizer/useVirtualizerItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"~~;;;;;;;;;;~~AAAA;;;;;;;;;;CAUC~~;;;AAiBM~~,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,EAAC,GAAG;~~IACrC~~,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,2CAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback} from 'react';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n layoutInfo: LayoutInfo \| null;\n virtualizer: IVirtualizer;\n ref: RefObject<HTMLElement \| null>;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n let {layoutInfo, virtualizer, ref} = options;\n let key = layoutInfo?.key;\n\n let updateSize = useCallback(() => {\n if (key != null && ref.current) {\n let size = getSize(ref.current);\n virtualizer.updateItemSize(key, size);\n }\n }, [virtualizer, key, ref]);\n\n useLayoutEffect(() => {\n if (layoutInfo?.estimatedSize) {\n updateSize();\n }\n });\n\n return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n // Reset height before measuring so we get the intrinsic size\n let height = node.style.height;\n node.style.height = '';\n let size = new Size(node.scrollWidth, node.scrollHeight);\n node.style.height = height;\n return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.cjs.map"}
1	+ {"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,yBAAE,qBAAqB,EAAC,GAAG;IAC5D,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,wBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,uFAAuF;YACvF,wGAAwG;YACxG,oEAAoE;YACpE,IAAI,CAAC,CAAA,GAAA,0CAAe,EAAE,IAAI,OAAO,GAC/B;YAEF,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,IAAI,kBAAkB,CAAA,GAAA,wCAAa,EAAE;IAErC,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,kFAAkF;IAClF,qEAAqE;IACrE,4DAA4D;IAC5D,oHAAoH;IACpH,4FAA4F;IAC5F,2FAA2F;IAC3F,yBAAyB;IACzB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,uBACH;QAGF,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,CAAC,MAAM,OAAO,mBAAmB,aACnC;QAGF,IAAI,iBAAiB,IAAI,eAAe,CAAA;YACtC,IAAI,CAAC,QAAQ,MAAM,EACjB;YAEF;QACF;QAEA,KAAK,IAAI,SAAS,GAAG,QAAQ,CAC3B,eAAe,OAAO,CAAC;QAGzB,OAAO;YACL,eAAe,UAAU;QAC3B;IACF,GAAG;QAAC;QAAuB;QAAK;KAAI;IAEpC,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,2CAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {isElementVisible} from '../utils/isElementVisible';\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback, useEffect} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n layoutInfo: LayoutInfo \| null;\n virtualizer: IVirtualizer;\n ref: RefObject<HTMLElement \| null>;\n shouldObserveItemSize?: boolean;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n let {layoutInfo, virtualizer, ref, shouldObserveItemSize} = options;\n let key = layoutInfo?.key;\n\n let updateSize = useCallback(() => {\n if (key != null && ref.current) {\n // if the virtualized item is not visible (aka display none on virtualized collection),\n // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items\n // when it is hidden and thus won't remeasure when it is is unhidden\n if (!isElementVisible(ref.current)) {\n return;\n }\n let size = getSize(ref.current);\n virtualizer.updateItemSize(key, size);\n }\n }, [virtualizer, key, ref]);\n\n let updateSizeEvent = useEffectEvent(updateSize);\n\n useLayoutEffect(() => {\n if (layoutInfo?.estimatedSize) {\n updateSizeEvent();\n }\n });\n\n // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect\n // when inner DOM structure changes cause an item's height to change.\n // The current ResizeObserver only observes direct children,\n // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.\n // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout\n // and won't change when content grows. Observe direct children instead, then remeasure the\n // wrapper in updateSize.\n useEffect(() => {\n if (!shouldObserveItemSize) {\n return;\n }\n\n let el = ref.current;\n if (!el \|\| typeof ResizeObserver === 'undefined') {\n return;\n }\n\n let resizeObserver = new ResizeObserver(entries => {\n if (!entries.length) {\n return;\n }\n updateSizeEvent();\n });\n\n for (let child of el.children) {\n resizeObserver.observe(child);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [shouldObserveItemSize, ref, key]);\n\n return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n // Reset height before measuring so we get the intrinsic size\n let height = node.style.height;\n node.style.height = '';\n let size = new Size(node.scrollWidth, node.scrollHeight);\n node.style.height = height;\n return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.cjs.map"}

package/dist/private/virtualizer/useVirtualizerItem.js CHANGED Viewed

@@ -1,6 +1,8 @@
+import {isElementVisible as $7570c7c1cd2bea0b$export$e989c0fffaa6b27a} from "../utils/isElementVisible.js";
+import {useEffectEvent as $85567ef950781b7d$export$7f54fc3180508a52} from "../utils/useEffectEvent.js";
 import {useLayoutEffect as $53fed047b798be36$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.js";
 import {Size as $7P2XF$Size} from "react-stately/useVirtualizerState";
-import {useCallback as $7P2XF$useCallback} from "react";
+import {useCallback as $7P2XF$useCallback, useEffect as $7P2XF$useEffect} from "react";
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,11 +17,17 @@ import {useCallback as $7P2XF$useCallback} from "react";
  */
 function $50fb5bc04a398332$export$1da781778207e0a2(options) {
-    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref } = options;
+    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref, shouldObserveItemSize: shouldObserveItemSize } = options;
     let key = layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.key;
     let updateSize = (0, $7P2XF$useCallback)(()=>{
         if (key != null && ref.current) {
+            // if the virtualized item is not visible (aka display none on virtualized collection),
+            // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items
+            // when it is hidden and thus won't remeasure when it is is unhidden
+            if (!(0, $7570c7c1cd2bea0b$export$e989c0fffaa6b27a)(ref.current)) return;
             let size = $50fb5bc04a398332$var$getSize(ref.current);
             virtualizer.updateItemSize(key, size);
         }
@@ -28,9 +36,34 @@ function $50fb5bc04a398332$export$1da781778207e0a2(options) {
         key,
         ref
     ]);
+    let updateSizeEvent = (0, $85567ef950781b7d$export$7f54fc3180508a52)(updateSize);
     (0, $53fed047b798be36$export$e5c5a5f917a5871c)(()=>{
-        if (layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.estimatedSize) updateSize();
+        if (layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.estimatedSize) updateSizeEvent();
     });
+    // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect
+    // when inner DOM structure changes cause an item's height to change.
+    // The current ResizeObserver only observes direct children,
+    // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.
+    // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout
+    // and won't change when content grows. Observe direct children instead, then remeasure the
+    // wrapper in updateSize.
+    (0, $7P2XF$useEffect)(()=>{
+        if (!shouldObserveItemSize) return;
+        let el = ref.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        let resizeObserver = new ResizeObserver((entries)=>{
+            if (!entries.length) return;
+            updateSizeEvent();
+        });
+        for (let child of el.children)resizeObserver.observe(child);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        shouldObserveItemSize,
+        ref,
+        key
+    ]);
     return {
         updateSize: updateSize
     };

package/dist/private/virtualizer/useVirtualizerItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"~~;;;;~~AAAA;;;;;;;;;;CAUC~~;;;AAiBM~~,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,EAAC,GAAG;~~IACrC~~,IAAI,MAAM,uBAAA,iCAAA,WAAY,GAAG;IAEzB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,uBAAA,iCAAA,WAAY,aAAa,EAC3B;IAEJ;IAEA,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback} from 'react';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n layoutInfo: LayoutInfo \| null;\n virtualizer: IVirtualizer;\n ref: RefObject<HTMLElement \| null>;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n let {layoutInfo, virtualizer, ref} = options;\n let key = layoutInfo?.key;\n\n let updateSize = useCallback(() => {\n if (key != null && ref.current) {\n let size = getSize(ref.current);\n virtualizer.updateItemSize(key, size);\n }\n }, [virtualizer, key, ref]);\n\n useLayoutEffect(() => {\n if (layoutInfo?.estimatedSize) {\n updateSize();\n }\n });\n\n return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n // Reset height before measuring so we get the intrinsic size\n let height = node.style.height;\n node.style.height = '';\n let size = new Size(node.scrollWidth, node.scrollHeight);\n node.style.height = height;\n return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.js.map"}
1	+ {"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,yBAAE,qBAAqB,EAAC,GAAG;IAC5D,IAAI,MAAM,uBAAA,iCAAA,WAAY,GAAG;IAEzB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,uFAAuF;YACvF,wGAAwG;YACxG,oEAAoE;YACpE,IAAI,CAAC,CAAA,GAAA,yCAAe,EAAE,IAAI,OAAO,GAC/B;YAEF,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE;IAErC,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,uBAAA,iCAAA,WAAY,aAAa,EAC3B;IAEJ;IAEA,kFAAkF;IAClF,qEAAqE;IACrE,4DAA4D;IAC5D,oHAAoH;IACpH,4FAA4F;IAC5F,2FAA2F;IAC3F,yBAAyB;IACzB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,uBACH;QAGF,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,CAAC,MAAM,OAAO,mBAAmB,aACnC;QAGF,IAAI,iBAAiB,IAAI,eAAe,CAAA;YACtC,IAAI,CAAC,QAAQ,MAAM,EACjB;YAEF;QACF;QAEA,KAAK,IAAI,SAAS,GAAG,QAAQ,CAC3B,eAAe,OAAO,CAAC;QAGzB,OAAO;YACL,eAAe,UAAU;QAC3B;IACF,GAAG;QAAC;QAAuB;QAAK;KAAI;IAEpC,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {isElementVisible} from '../utils/isElementVisible';\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback, useEffect} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n layoutInfo: LayoutInfo \| null;\n virtualizer: IVirtualizer;\n ref: RefObject<HTMLElement \| null>;\n shouldObserveItemSize?: boolean;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n let {layoutInfo, virtualizer, ref, shouldObserveItemSize} = options;\n let key = layoutInfo?.key;\n\n let updateSize = useCallback(() => {\n if (key != null && ref.current) {\n // if the virtualized item is not visible (aka display none on virtualized collection),\n // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items\n // when it is hidden and thus won't remeasure when it is is unhidden\n if (!isElementVisible(ref.current)) {\n return;\n }\n let size = getSize(ref.current);\n virtualizer.updateItemSize(key, size);\n }\n }, [virtualizer, key, ref]);\n\n let updateSizeEvent = useEffectEvent(updateSize);\n\n useLayoutEffect(() => {\n if (layoutInfo?.estimatedSize) {\n updateSizeEvent();\n }\n });\n\n // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect\n // when inner DOM structure changes cause an item's height to change.\n // The current ResizeObserver only observes direct children,\n // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.\n // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout\n // and won't change when content grows. Observe direct children instead, then remeasure the\n // wrapper in updateSize.\n useEffect(() => {\n if (!shouldObserveItemSize) {\n return;\n }\n\n let el = ref.current;\n if (!el \|\| typeof ResizeObserver === 'undefined') {\n return;\n }\n\n let resizeObserver = new ResizeObserver(entries => {\n if (!entries.length) {\n return;\n }\n updateSizeEvent();\n });\n\n for (let child of el.children) {\n resizeObserver.observe(child);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [shouldObserveItemSize, ref, key]);\n\n return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n // Reset height before measuring so we get the intrinsic size\n let height = node.style.height;\n node.style.height = '';\n let size = new Size(node.scrollWidth, node.scrollHeight);\n node.style.height = height;\n return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.js.map"}

package/dist/private/virtualizer/useVirtualizerItem.mjs CHANGED Viewed

@@ -1,6 +1,8 @@
+import {isElementVisible as $ae77152785188400$export$e989c0fffaa6b27a} from "../utils/isElementVisible.mjs";
+import {useEffectEvent as $fe16bffc7a557bf0$export$7f54fc3180508a52} from "../utils/useEffectEvent.mjs";
 import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.mjs";
 import {Size as $8najZ$Size} from "react-stately/useVirtualizerState";
-import {useCallback as $8najZ$useCallback} from "react";
+import {useCallback as $8najZ$useCallback, useEffect as $8najZ$useEffect} from "react";
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,11 +17,17 @@ import {useCallback as $8najZ$useCallback} from "react";
  */
 function $cd3854145620ec6a$export$1da781778207e0a2(options) {
-    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref } = options;
+    let { layoutInfo: layoutInfo, virtualizer: virtualizer, ref: ref, shouldObserveItemSize: shouldObserveItemSize } = options;
     let key = layoutInfo?.key;
     let updateSize = (0, $8najZ$useCallback)(()=>{
         if (key != null && ref.current) {
+            // if the virtualized item is not visible (aka display none on virtualized collection),
+            // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items
+            // when it is hidden and thus won't remeasure when it is is unhidden
+            if (!(0, $ae77152785188400$export$e989c0fffaa6b27a)(ref.current)) return;
             let size = $cd3854145620ec6a$var$getSize(ref.current);
             virtualizer.updateItemSize(key, size);
         }
@@ -28,9 +36,34 @@ function $cd3854145620ec6a$export$1da781778207e0a2(options) {
         key,
         ref
     ]);
+    let updateSizeEvent = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)(updateSize);
     (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
-        if (layoutInfo?.estimatedSize) updateSize();
+        if (layoutInfo?.estimatedSize) updateSizeEvent();
     });
+    // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect
+    // when inner DOM structure changes cause an item's height to change.
+    // The current ResizeObserver only observes direct children,
+    // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.
+    // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout
+    // and won't change when content grows. Observe direct children instead, then remeasure the
+    // wrapper in updateSize.
+    (0, $8najZ$useEffect)(()=>{
+        if (!shouldObserveItemSize) return;
+        let el = ref.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        let resizeObserver = new ResizeObserver((entries)=>{
+            if (!entries.length) return;
+            updateSizeEvent();
+        });
+        for (let child of el.children)resizeObserver.observe(child);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        shouldObserveItemSize,
+        ref,
+        key
+    ]);
     return {
         updateSize: updateSize
     };

package/dist/private/virtualizer/useVirtualizerItem.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"~~;;;;~~AAAA;;;;;;;;;;CAUC~~;;;AAiBM~~,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,EAAC,GAAG;~~IACrC~~,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback} from 'react';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n layoutInfo: LayoutInfo \| null;\n virtualizer: IVirtualizer;\n ref: RefObject<HTMLElement \| null>;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n let {layoutInfo, virtualizer, ref} = options;\n let key = layoutInfo?.key;\n\n let updateSize = useCallback(() => {\n if (key != null && ref.current) {\n let size = getSize(ref.current);\n virtualizer.updateItemSize(key, size);\n }\n }, [virtualizer, key, ref]);\n\n useLayoutEffect(() => {\n if (layoutInfo?.estimatedSize) {\n updateSize();\n }\n });\n\n return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n // Reset height before measuring so we get the intrinsic size\n let height = node.style.height;\n node.style.height = '';\n let size = new Size(node.scrollWidth, node.scrollHeight);\n node.style.height = height;\n return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.mjs.map"}
1	+ {"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAmB,OAA+B;IAChE,IAAI,cAAC,UAAU,eAAE,WAAW,OAAE,GAAG,yBAAE,qBAAqB,EAAC,GAAG;IAC5D,IAAI,MAAM,YAAY;IAEtB,IAAI,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC3B,IAAI,OAAO,QAAQ,IAAI,OAAO,EAAE;YAC9B,uFAAuF;YACvF,wGAAwG;YACxG,oEAAoE;YACpE,IAAI,CAAC,CAAA,GAAA,yCAAe,EAAE,IAAI,OAAO,GAC/B;YAEF,IAAI,OAAO,8BAAQ,IAAI,OAAO;YAC9B,YAAY,cAAc,CAAC,KAAK;QAClC;IACF,GAAG;QAAC;QAAa;QAAK;KAAI;IAE1B,IAAI,kBAAkB,CAAA,GAAA,yCAAa,EAAE;IAErC,CAAA,GAAA,yCAAc,EAAE;QACd,IAAI,YAAY,eACd;IAEJ;IAEA,kFAAkF;IAClF,qEAAqE;IACrE,4DAA4D;IAC5D,oHAAoH;IACpH,4FAA4F;IAC5F,2FAA2F;IAC3F,yBAAyB;IACzB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,uBACH;QAGF,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,CAAC,MAAM,OAAO,mBAAmB,aACnC;QAGF,IAAI,iBAAiB,IAAI,eAAe,CAAA;YACtC,IAAI,CAAC,QAAQ,MAAM,EACjB;YAEF;QACF;QAEA,KAAK,IAAI,SAAS,GAAG,QAAQ,CAC3B,eAAe,OAAO,CAAC;QAGzB,OAAO;YACL,eAAe,UAAU;QAC3B;IACF,GAAG;QAAC;QAAuB;QAAK;KAAI;IAEpC,OAAO;oBAAC;IAAU;AACpB;AAEA,SAAS,8BAAQ,IAAiB;IAChC,6DAA6D;IAC7D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;IAC9B,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,IAAI,OAAO,IAAI,CAAA,GAAA,WAAG,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY;IACvD,KAAK,KAAK,CAAC,MAAM,GAAG;IACpB,OAAO;AACT","sources":["packages/react-aria/src/virtualizer/useVirtualizerItem.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {isElementVisible} from '../utils/isElementVisible';\nimport {Key, RefObject} from '@react-types/shared';\nimport {LayoutInfo, Size} from 'react-stately/useVirtualizerState';\nimport {useCallback, useEffect} from 'react';\nimport {useEffectEvent} from '../utils/useEffectEvent';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\ninterface IVirtualizer {\n updateItemSize(key: Key, size: Size): void;\n}\n\nexport interface VirtualizerItemOptions {\n layoutInfo: LayoutInfo \| null;\n virtualizer: IVirtualizer;\n ref: RefObject<HTMLElement \| null>;\n shouldObserveItemSize?: boolean;\n}\n\nexport function useVirtualizerItem(options: VirtualizerItemOptions): {updateSize: () => void} {\n let {layoutInfo, virtualizer, ref, shouldObserveItemSize} = options;\n let key = layoutInfo?.key;\n\n let updateSize = useCallback(() => {\n if (key != null && ref.current) {\n // if the virtualized item is not visible (aka display none on virtualized collection),\n // we want to avoid reporting size 0 otherwise we get into a state where the virtualizer renders 0 items\n // when it is hidden and thus won't remeasure when it is is unhidden\n if (!isElementVisible(ref.current)) {\n return;\n }\n let size = getSize(ref.current);\n virtualizer.updateItemSize(key, size);\n }\n }, [virtualizer, key, ref]);\n\n let updateSizeEvent = useEffectEvent(updateSize);\n\n useLayoutEffect(() => {\n if (layoutInfo?.estimatedSize) {\n updateSizeEvent();\n }\n });\n\n // TODO: Consider using a MutationObserver in addition to ResizeObserver to detect\n // when inner DOM structure changes cause an item's height to change.\n // The current ResizeObserver only observes direct children,\n // so mutations deeper in the tree won't trigger a remeasure, leading to stale cached heights and overlapping items.\n // useResizeObserver observes one element via ref, but the wrapper height is fixed by layout\n // and won't change when content grows. Observe direct children instead, then remeasure the\n // wrapper in updateSize.\n useEffect(() => {\n if (!shouldObserveItemSize) {\n return;\n }\n\n let el = ref.current;\n if (!el \|\| typeof ResizeObserver === 'undefined') {\n return;\n }\n\n let resizeObserver = new ResizeObserver(entries => {\n if (!entries.length) {\n return;\n }\n updateSizeEvent();\n });\n\n for (let child of el.children) {\n resizeObserver.observe(child);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [shouldObserveItemSize, ref, key]);\n\n return {updateSize};\n}\n\nfunction getSize(node: HTMLElement): Size {\n // Reset height before measuring so we get the intrinsic size\n let height = node.style.height;\n node.style.height = '';\n let size = new Size(node.scrollWidth, node.scrollHeight);\n node.style.height = height;\n return size;\n}\n"],"names":[],"version":3,"file":"useVirtualizerItem.mjs.map"}

package/dist/private/visually-hidden/VisuallyHidden.cjs CHANGED Viewed

@@ -47,7 +47,8 @@ function $3455634180ecf75c$export$a966af930f325cab(props = {}) {
     });
     // If focused, don't hide the element.
     let combinedStyles = (0, $ixnPF$react.useMemo)(()=>{
-        if (isFocused) return style;
+        if (isFocused) // oxlint-disable-next-line react/react-compiler
+        return style;
         else if (style) return {
             ...$3455634180ecf75c$var$styles,
             ...style

package/dist/private/visually-hidden/VisuallyHidden.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,wCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,oBAAM,EAAE;QAC3B,IAAI,WACF,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,0DAAC,SAAY,CAAA,GAAA,oCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n CSSProperties,\n JSX,\n JSXElementConstructor,\n ReactNode,\n useMemo,\n useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n /* The content to visually hide. /\n children?: ReactNode;\n\n /\n The element type for the container.\n \n @default 'div'\n /\n elementType?: string \| JSXElementConstructor<any>;\n\n /* Whether the element should become visible on focus, for example skip links. /\n isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n width: '1px',\n whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n visuallyHiddenProps: DOMAttributes;\n}\n\n/\n Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n /\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n let {style, isFocusable} = props;\n\n let [isFocused, setFocused] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n isDisabled: !isFocusable,\n onFocusWithinChange: val => setFocused(val)\n });\n\n // If focused, don't hide the element.\n let combinedStyles = useMemo(() => {\n if (isFocused) {\n return style;\n } else if (style) {\n return {...styles, ...style};\n } else {\n return styles;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFocused]);\n\n return {\n visuallyHiddenProps: {\n ...focusWithinProps,\n style: combinedStyles\n }\n };\n}\n\n/\n VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.cjs.map"}
1	+ {"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,wCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,oBAAM,EAAE;QAC3B,IAAI,WACF,gDAAgD;QAChD,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,0DAAC,SAAY,CAAA,GAAA,oCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n CSSProperties,\n JSX,\n JSXElementConstructor,\n ReactNode,\n useMemo,\n useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n /* The content to visually hide. /\n children?: ReactNode;\n\n /\n The element type for the container.\n \n @default 'div'\n /\n elementType?: string \| JSXElementConstructor<any>;\n\n /* Whether the element should become visible on focus, for example skip links. /\n isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n width: '1px',\n whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n visuallyHiddenProps: DOMAttributes;\n}\n\n/\n Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n /\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n let {style, isFocusable} = props;\n\n let [isFocused, setFocused] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n isDisabled: !isFocusable,\n onFocusWithinChange: val => setFocused(val)\n });\n\n // If focused, don't hide the element.\n let combinedStyles = useMemo(() => {\n if (isFocused) {\n // oxlint-disable-next-line react/react-compiler\n return style;\n } else if (style) {\n return {...styles, ...style};\n } else {\n return styles;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFocused]);\n\n return {\n visuallyHiddenProps: {\n ...focusWithinProps,\n style: combinedStyles\n }\n };\n}\n\n/\n VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.cjs.map"}

package/dist/private/visually-hidden/VisuallyHidden.js CHANGED Viewed

@@ -36,7 +36,8 @@ function $6947385881e3ae0e$export$a966af930f325cab(props = {}) {
     });
     // If focused, don't hide the element.
     let combinedStyles = (0, $6jIEV$useMemo)(()=>{
-        if (isFocused) return style;
+        if (isFocused) // oxlint-disable-next-line react/react-compiler
+        return style;
         else if (style) return {
             ...$6947385881e3ae0e$var$styles,
             ...style

package/dist/private/visually-hidden/VisuallyHidden.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,WACF,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,gCAAC,SAAY,CAAA,GAAA,yCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n CSSProperties,\n JSX,\n JSXElementConstructor,\n ReactNode,\n useMemo,\n useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n /* The content to visually hide. /\n children?: ReactNode;\n\n /\n The element type for the container.\n \n @default 'div'\n /\n elementType?: string \| JSXElementConstructor<any>;\n\n /* Whether the element should become visible on focus, for example skip links. /\n isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n width: '1px',\n whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n visuallyHiddenProps: DOMAttributes;\n}\n\n/\n Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n /\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n let {style, isFocusable} = props;\n\n let [isFocused, setFocused] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n isDisabled: !isFocusable,\n onFocusWithinChange: val => setFocused(val)\n });\n\n // If focused, don't hide the element.\n let combinedStyles = useMemo(() => {\n if (isFocused) {\n return style;\n } else if (style) {\n return {...styles, ...style};\n } else {\n return styles;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFocused]);\n\n return {\n visuallyHiddenProps: {\n ...focusWithinProps,\n style: combinedStyles\n }\n };\n}\n\n/\n VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.js.map"}
1	+ {"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA6BD,MAAM,+BAAwB;IAC5B,QAAQ;IACR,MAAM;IACN,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;AACd;AAUO,SAAS,0CAAkB,QAA6B,CAAC,CAAC;IAC/D,IAAI,SAAC,KAAK,eAAE,WAAW,EAAC,GAAG;IAE3B,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,yCAAa,EAAE;QACtC,YAAY,CAAC;QACb,qBAAqB,CAAA,MAAO,WAAW;IACzC;IAEA,sCAAsC;IACtC,IAAI,iBAAiB,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,WACF,gDAAgD;QAChD,OAAO;aACF,IAAI,OACT,OAAO;YAAC,GAAG,4BAAM;YAAE,GAAG,KAAK;QAAA;aAE3B,OAAO;IAET,uDAAuD;IACzD,GAAG;QAAC;KAAU;IAEd,OAAO;QACL,qBAAqB;YACnB,GAAG,gBAAgB;YACnB,OAAO;QACT;IACF;AACF;AAMO,SAAS,0CAAe,KAA0B;IACvD,6DAA6D;IAC7D,IAAI,YAAC,QAAQ,EAAE,aAAa,UAAU,KAAK,eAAE,WAAW,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IAClF,IAAI,uBAAC,mBAAmB,EAAC,GAAG,0CAAkB;IAE9C,qBAAO,gCAAC,SAAY,CAAA,GAAA,yCAAS,EAAE,YAAY,sBAAuB;AACpE","sources":["packages/react-aria/src/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {DOMAttributes} from '@react-types/shared';\nimport {mergeProps} from '../utils/mergeProps';\nimport React, {\n CSSProperties,\n JSX,\n JSXElementConstructor,\n ReactNode,\n useMemo,\n useState\n} from 'react';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\n\nexport interface VisuallyHiddenProps extends DOMAttributes {\n /* The content to visually hide. /\n children?: ReactNode;\n\n /\n The element type for the container.\n \n @default 'div'\n /\n elementType?: string \| JSXElementConstructor<any>;\n\n /* Whether the element should become visible on focus, for example skip links. /\n isFocusable?: boolean;\n}\n\nconst styles: CSSProperties = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n width: '1px',\n whiteSpace: 'nowrap'\n};\n\nexport interface VisuallyHiddenAria {\n visuallyHiddenProps: DOMAttributes;\n}\n\n/\n Provides props for an element that hides its children visually\n * but keeps content visible to assistive technology.\n /\nexport function useVisuallyHidden(props: VisuallyHiddenProps = {}): VisuallyHiddenAria {\n let {style, isFocusable} = props;\n\n let [isFocused, setFocused] = useState(false);\n let {focusWithinProps} = useFocusWithin({\n isDisabled: !isFocusable,\n onFocusWithinChange: val => setFocused(val)\n });\n\n // If focused, don't hide the element.\n let combinedStyles = useMemo(() => {\n if (isFocused) {\n // oxlint-disable-next-line react/react-compiler\n return style;\n } else if (style) {\n return {...styles, ...style};\n } else {\n return styles;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFocused]);\n\n return {\n visuallyHiddenProps: {\n ...focusWithinProps,\n style: combinedStyles\n }\n };\n}\n\n/\n VisuallyHidden hides its children visually, while keeping content visible\n * to screen readers.\n */\nexport function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {children, elementType: Element = 'div', isFocusable, style, ...otherProps} = props;\n let {visuallyHiddenProps} = useVisuallyHidden(props);\n\n return <Element {...mergeProps(otherProps, visuallyHiddenProps)}>{children}</Element>;\n}\n"],"names":[],"version":3,"file":"VisuallyHidden.js.map"}

package/dist/private/visually-hidden/VisuallyHidden.mjs CHANGED Viewed

@@ -36,7 +36,8 @@ function $ea3928288112382f$export$a966af930f325cab(props = {}) {
     });
     // If focused, don't hide the element.
     let combinedStyles = (0, $48drk$useMemo)(()=>{
-        if (isFocused) return style;
+        if (isFocused) // oxlint-disable-next-line react/react-compiler
+        return style;
         else if (style) return {
             ...$ea3928288112382f$var$styles,
             ...style