@react-aria/virtualizer 3.9.11-nightly.4555 → 3.9.11-nightly.4560

package/dist/Virtualizer.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/virtualizer/src/Virtualizer.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 {Collection, Key} from '@react-types/shared';\nimport {getInteractionModality} from '@react-aria/interactions';\nimport {Layout, Rect, ReusableView, useVirtualizerState, VirtualizerState} from '@react-stately/virtualizer';\nimport {mergeProps, useLayoutEffect} from '@react-aria/utils';\nimport React, {FocusEvent, HTMLAttributes, ReactElement, ReactNode, RefObject, useCallback, useEffect, useMemo, useRef} from 'react';\nimport {ScrollView} from './ScrollView';\nimport {VirtualizerItem} from './VirtualizerItem';\n\ninterface VirtualizerProps<T extends object, V> extends Omit<HTMLAttributes<HTMLElement>, 'children'> {\n  children: (type: string, content: T) => V,\n  renderWrapper?: (\n    parent: ReusableView<T, V> | null,\n    reusableView: ReusableView<T, V>,\n    children: ReusableView<T, V>[],\n    renderChildren: (views: ReusableView<T, V>[]) => ReactElement[]\n  ) => ReactElement,\n  layout: Layout<T>,\n  collection: Collection<T>,\n  focusedKey?: Key,\n  sizeToFit?: 'width' | 'height',\n  scrollDirection?: 'horizontal' | 'vertical' | 'both',\n  transitionDuration?: number,\n  isLoading?: boolean,\n  onLoadMore?: () => void,\n  shouldUseVirtualFocus?: boolean,\n  scrollToItem?: (key: Key) => void,\n  autoFocus?: boolean\n}\n\nfunction Virtualizer<T extends object, V extends ReactNode>(props: VirtualizerProps<T, V>, ref: RefObject<HTMLDivElement>) {\n  let {\n    children: renderView,\n    renderWrapper,\n    layout,\n    collection,\n    sizeToFit,\n    scrollDirection,\n    transitionDuration,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    isLoading,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    onLoadMore,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    focusedKey,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    shouldUseVirtualFocus,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    scrollToItem,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    autoFocus,\n    ...otherProps\n  } = props;\n\n  let fallbackRef = useRef<HTMLDivElement>();\n  ref = ref || fallbackRef;\n\n  let state = useVirtualizerState({\n    transitionDuration,\n    layout,\n    collection,\n    renderView,\n    renderWrapper: renderWrapper || defaultRenderWrapper,\n    onVisibleRectChange(rect) {\n      ref.current.scrollLeft = rect.x;\n      ref.current.scrollTop = rect.y;\n    }\n  });\n\n  let {virtualizerProps, scrollViewProps} = useVirtualizer(props, state, ref);\n\n  return (\n    <ScrollView\n      {...mergeProps(otherProps, virtualizerProps, scrollViewProps)}\n      ref={ref}\n      innerStyle={state.isAnimating ? {transition: `none ${state.virtualizer.transitionDuration}ms`} : undefined}\n      contentSize={state.contentSize}\n      onScrollStart={state.startScrolling}\n      onScrollEnd={state.endScrolling}\n      sizeToFit={sizeToFit}\n      scrollDirection={scrollDirection}>\n      {state.visibleViews}\n    </ScrollView>\n  );\n}\n\ninterface VirtualizerOptions {\n  tabIndex?: number,\n  focusedKey?: Key,\n  scrollToItem?: (key: Key) => void,\n  shouldUseVirtualFocus?: boolean,\n  autoFocus?: boolean,\n  isLoading?: boolean,\n  onLoadMore?: () => void\n}\n\nexport function useVirtualizer<T extends object, V extends ReactNode, W>(props: VirtualizerOptions, state: VirtualizerState<T, V, W>, ref: RefObject<HTMLElement>) {\n  let {focusedKey, scrollToItem, shouldUseVirtualFocus, isLoading, onLoadMore} = props;\n  let {virtualizer} = state;\n  // Scroll to the focusedKey when it changes. Actually focusing the focusedKey\n  // is up to the implementation using Virtualizer since we don't have refs\n  // to all of the item DOM nodes.\n  let lastFocusedKey = useRef(null);\n  let isFocusWithin = useRef(false);\n  let autoFocus = useRef(props.autoFocus);\n  useEffect(() => {\n    if (virtualizer.visibleRect.height === 0) {\n      return;\n    }\n\n    // Only scroll the focusedKey into view if the modality is not pointer to avoid jumps in position when clicking/pressing tall items.\n    let modality = getInteractionModality();\n    if (focusedKey !== lastFocusedKey.current && (modality !== 'pointer' || autoFocus.current)) {\n      autoFocus.current = false;\n      if (scrollToItem) {\n        // If user provides scrolltoitem, then it is their responsibility to call scrollIntoViewport if desired\n        // since we don't know if their scrollToItem may take some time to actually bring the active element into the virtualizer's visible rect.\n        scrollToItem(focusedKey);\n      } else {\n        virtualizer.scrollToItem(focusedKey, {duration: 0});\n\n      }\n    }\n\n    lastFocusedKey.current = focusedKey;\n  }, [focusedKey, virtualizer.visibleRect.height, virtualizer, lastFocusedKey, scrollToItem, ref]);\n\n  // Persist the focusedKey and prevent it from being removed from the DOM when scrolled out of view.\n  virtualizer.persistedKeys = useMemo(() => focusedKey ? new Set([focusedKey]) : new Set(), [focusedKey]);\n\n  let onFocus = useCallback((e: FocusEvent) => {\n    // If the focused item is scrolled out of view and is not in the DOM, the collection\n    // will have tabIndex={0}. When tabbing in from outside, scroll the focused item into view.\n    // Ignore focus events that bubble through portals (e.g. focus that happens on a menu popover child of the virtualizer)\n    // Don't scroll focused key into view if modality is pointer to prevent sudden jump in position (e.g. CardView).\n    let modality = getInteractionModality();\n    if (!isFocusWithin.current && ref.current.contains(e.target) && modality !== 'pointer') {\n      if (scrollToItem) {\n        scrollToItem(focusedKey);\n      } else {\n        virtualizer.scrollToItem(focusedKey, {duration: 0});\n      }\n    }\n\n    isFocusWithin.current = e.target !== ref.current;\n  }, [ref, virtualizer, focusedKey, scrollToItem]);\n\n  let onBlur = useCallback((e: FocusEvent) => {\n    isFocusWithin.current = ref.current.contains(e.relatedTarget as Element);\n  }, [ref]);\n\n  // Set tabIndex to -1 if there is a focused key, otherwise 0 so that the collection\n  // itself is tabbable. When the collection receives focus, we scroll the focused item back into\n  // view, which will allow it to be properly focused. If using virtual focus, don't set a\n  // tabIndex at all so that VoiceOver on iOS 14 doesn't try to move real DOM focus to the element anyway.\n  let tabIndex: number;\n  if (!shouldUseVirtualFocus) {\n    // When there is no focusedKey the default tabIndex is 0. We include logic for empty collections too.\n    // For collections that are empty, but have a link in the empty children we want to skip focusing this\n    // and let focus move to the link similar to link moving to children.\n    tabIndex = focusedKey != null ? -1 : 0;\n\n    // If the collection is empty, we want the tabIndex provided from props (if any)\n    // so that we handle when tabbable items are added to the empty state.\n    if (virtualizer.collection.size === 0 && props.tabIndex != null) {\n      tabIndex = props.tabIndex;\n    }\n  }\n\n  // Handle scrolling, and call onLoadMore when nearing the bottom.\n  let isLoadingRef = useRef(isLoading);\n  let prevProps = useRef(props);\n  let onVisibleRectChange = useCallback((rect: Rect) => {\n    state.setVisibleRect(rect);\n\n    if (!isLoadingRef.current && onLoadMore) {\n      let scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;\n      if (rect.y > scrollOffset) {\n        isLoadingRef.current = true;\n        onLoadMore();\n      }\n    }\n  }, [onLoadMore, state]);\n\n  let lastContentSize = useRef(0);\n  useLayoutEffect(() => {\n    // If animating, wait until we're done.\n    if (state.isAnimating) {\n      return;\n    }\n\n    // Only update isLoadingRef if props object actually changed,\n    // not if a local state change occurred.\n    let wasLoading = isLoadingRef.current;\n    if (props !== prevProps.current) {\n      isLoadingRef.current = isLoading;\n      prevProps.current = props;\n    }\n\n    let shouldLoadMore = !isLoadingRef.current\n      && onLoadMore\n      && state.contentSize.height > 0\n      && state.contentSize.height <= state.virtualizer.visibleRect.height\n      // Only try loading more if the content size changed, or if we just finished\n      // loading and still have room for more items.\n      && (wasLoading || state.contentSize.height !== lastContentSize.current);\n\n    if (shouldLoadMore) {\n      isLoadingRef.current = true;\n      onLoadMore();\n    }\n    lastContentSize.current = state.contentSize.height;\n  }, [state.contentSize, state.isAnimating, state.virtualizer, isLoading, onLoadMore, props]);\n\n  return {\n    virtualizerProps: {\n      tabIndex,\n      onFocus,\n      onBlur\n    },\n    scrollViewProps: {\n      onVisibleRectChange\n    }\n  };\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _Virtualizer = React.forwardRef(Virtualizer) as <T extends object, V>(props: VirtualizerProps<T, V> & {ref?: RefObject<HTMLDivElement>}) => ReactElement;\nexport {_Virtualizer as Virtualizer};\n\nfunction defaultRenderWrapper<T extends object, V extends ReactNode>(\n  parent: ReusableView<T, V> | null,\n  reusableView: ReusableView<T, V>\n) {\n  return (\n    <VirtualizerItem\n      key={reusableView.key}\n      layoutInfo={reusableView.layoutInfo}\n      virtualizer={reusableView.virtualizer}\n      parent={parent?.layoutInfo}>\n      {reusableView.rendered}\n    </VirtualizerItem>\n  );\n}\n"],"names":[],"version":3,"file":"Virtualizer.module.js.map"}

package/dist/VirtualizerItem.main.js

@@ -0,0 +1,86 @@
+var $7d70e069fceb2deb$exports = require("./useVirtualizerItem.main.js");
+var $eXWCF$react = require("react");
+var $eXWCF$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "VirtualizerItem", () => $d6a26279cc31826b$export$6796df8ba7398521);
+$parcel$export(module.exports, "layoutInfoToStyle", () => $d6a26279cc31826b$export$1481e64fbe01b8b3);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $d6a26279cc31826b$export$6796df8ba7398521(props) {
+    let { className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { direction: direction } = (0, $eXWCF$reactariai18n.useLocale)();
+    let ref = (0, $eXWCF$react.useRef)();
+    (0, $7d70e069fceb2deb$exports.useVirtualizerItem)({
+        layoutInfo: layoutInfo,
+        virtualizer: virtualizer,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($eXWCF$react))).createElement("div", {
+        role: "presentation",
+        ref: ref,
+        className: className,
+        style: $d6a26279cc31826b$export$1481e64fbe01b8b3(layoutInfo, direction, parent)
+    }, children);
+}
+let $d6a26279cc31826b$var$cache = new WeakMap();
+function $d6a26279cc31826b$export$1481e64fbe01b8b3(layoutInfo, dir, parent) {
+    let xProperty = dir === "rtl" ? "right" : "left";
+    let cached = $d6a26279cc31826b$var$cache.get(layoutInfo);
+    if (cached && cached[xProperty] != null) {
+        if (!parent) return cached;
+        // Invalidate if the parent position changed.
+        let top = layoutInfo.rect.y - parent.rect.y;
+        let x = layoutInfo.rect.x - parent.rect.x;
+        if (cached.top === top && cached[xProperty] === x) return cached;
+    }
+    let rectStyles = {
+        top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),
+        [xProperty]: layoutInfo.rect.x - (parent ? parent.rect.x : 0),
+        width: layoutInfo.rect.width,
+        height: layoutInfo.rect.height
+    };
+    // Get rid of any non finite values since they aren't valid css values
+    Object.entries(rectStyles).forEach(([key, value])=>{
+        if (!Number.isFinite(value)) rectStyles[key] = undefined;
+    });
+    let style = {
+        position: layoutInfo.isSticky ? "sticky" : "absolute",
+        // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.
+        display: layoutInfo.isSticky ? "inline-block" : undefined,
+        overflow: layoutInfo.allowOverflow ? "visible" : "hidden",
+        transition: "all",
+        WebkitTransition: "all",
+        WebkitTransitionDuration: "inherit",
+        transitionDuration: "inherit",
+        opacity: layoutInfo.opacity,
+        zIndex: layoutInfo.zIndex,
+        transform: layoutInfo.transform,
+        contain: "size layout style",
+        ...rectStyles
+    };
+    $d6a26279cc31826b$var$cache.set(layoutInfo, style);
+    return style;
+}
+
+
+//# sourceMappingURL=VirtualizerItem.main.js.map

package/dist/VirtualizerItem.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAcM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,aAAC,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,EAAC,GAAG;IAC7D,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,mBAAK;IACf,CAAA,GAAA,4CAAiB,EAAE;oBACjB;qBACA;aACA;IACF;IAEA,qBACE,0DAAC;QAAI,MAAK;QAAe,KAAK;QAAK,WAAW;QAAW,OAAO,0CAAkB,YAAY,WAAW;OACtG;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CAAkB,UAAsB,EAAE,GAAc,EAAE,MAA0B;IAClG,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,aAAa;QACf,KAAK,WAAW,IAAI,CAAC,CAAC,GAAI,CAAA,SAAS,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QACnD,CAAC,UAAU,EAAE,WAAW,IAAI,CAAC,CAAC,GAAI,CAAA,SAAS,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC3D,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,YAAY;QACZ,kBAAkB;QAClB,0BAA0B;QAC1B,oBAAoB;QACpB,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,WAAW,SAAS;QAC/B,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/@react-aria/virtualizer/src/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/virtualizer';\nimport React, {CSSProperties, ReactNode, useRef} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n  parent?: LayoutInfo,\n  className?: string,\n  children: ReactNode\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps) {\n  let {className, layoutInfo, virtualizer, parent, children} = props;\n  let {direction} = useLocale();\n  let ref = useRef();\n  useVirtualizerItem({\n    layoutInfo,\n    virtualizer,\n    ref\n  });\n\n  return (\n    <div role=\"presentation\" ref={ref} className={className} style={layoutInfoToStyle(layoutInfo, direction, parent)}>\n      {children}\n    </div>\n  );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(layoutInfo: LayoutInfo, dir: Direction, parent?: LayoutInfo | null): 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 = {\n    top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),\n    [xProperty]: layoutInfo.rect.x - (parent ? 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    transition: 'all',\n    WebkitTransition: 'all',\n    WebkitTransitionDuration: 'inherit',\n    transitionDuration: 'inherit',\n    opacity: layoutInfo.opacity,\n    zIndex: layoutInfo.zIndex,\n    transform: layoutInfo.transform,\n    contain: 'size layout style',\n    ...rectStyles\n  };\n\n  cache.set(layoutInfo, style);\n  return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.main.js.map"}

package/dist/VirtualizerItem.mjs

@@ -0,0 +1,76 @@
+import {useVirtualizerItem as $47736c1e63ba1c6d$export$1da781778207e0a2} from "./useVirtualizerItem.mjs";
+import $ivH3G$react, {useRef as $ivH3G$useRef} from "react";
+import {useLocale as $ivH3G$useLocale} from "@react-aria/i18n";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $ccf8a0a04e4175ae$export$6796df8ba7398521(props) {
+    let { className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { direction: direction } = (0, $ivH3G$useLocale)();
+    let ref = (0, $ivH3G$useRef)();
+    (0, $47736c1e63ba1c6d$export$1da781778207e0a2)({
+        layoutInfo: layoutInfo,
+        virtualizer: virtualizer,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $ivH3G$react).createElement("div", {
+        role: "presentation",
+        ref: ref,
+        className: className,
+        style: $ccf8a0a04e4175ae$export$1481e64fbe01b8b3(layoutInfo, direction, parent)
+    }, children);
+}
+let $ccf8a0a04e4175ae$var$cache = new WeakMap();
+function $ccf8a0a04e4175ae$export$1481e64fbe01b8b3(layoutInfo, dir, parent) {
+    let xProperty = dir === "rtl" ? "right" : "left";
+    let cached = $ccf8a0a04e4175ae$var$cache.get(layoutInfo);
+    if (cached && cached[xProperty] != null) {
+        if (!parent) return cached;
+        // Invalidate if the parent position changed.
+        let top = layoutInfo.rect.y - parent.rect.y;
+        let x = layoutInfo.rect.x - parent.rect.x;
+        if (cached.top === top && cached[xProperty] === x) return cached;
+    }
+    let rectStyles = {
+        top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),
+        [xProperty]: layoutInfo.rect.x - (parent ? parent.rect.x : 0),
+        width: layoutInfo.rect.width,
+        height: layoutInfo.rect.height
+    };
+    // Get rid of any non finite values since they aren't valid css values
+    Object.entries(rectStyles).forEach(([key, value])=>{
+        if (!Number.isFinite(value)) rectStyles[key] = undefined;
+    });
+    let style = {
+        position: layoutInfo.isSticky ? "sticky" : "absolute",
+        // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.
+        display: layoutInfo.isSticky ? "inline-block" : undefined,
+        overflow: layoutInfo.allowOverflow ? "visible" : "hidden",
+        transition: "all",
+        WebkitTransition: "all",
+        WebkitTransitionDuration: "inherit",
+        transitionDuration: "inherit",
+        opacity: layoutInfo.opacity,
+        zIndex: layoutInfo.zIndex,
+        transform: layoutInfo.transform,
+        contain: "size layout style",
+        ...rectStyles
+    };
+    $ccf8a0a04e4175ae$var$cache.set(layoutInfo, style);
+    return style;
+}
+
+
+export {$ccf8a0a04e4175ae$export$6796df8ba7398521 as VirtualizerItem, $ccf8a0a04e4175ae$export$1481e64fbe01b8b3 as layoutInfoToStyle};
+//# sourceMappingURL=VirtualizerItem.mjs.map

package/dist/VirtualizerItem.module.js

@@ -0,0 +1,76 @@
+import {useVirtualizerItem as $47736c1e63ba1c6d$export$1da781778207e0a2} from "./useVirtualizerItem.module.js";
+import $ivH3G$react, {useRef as $ivH3G$useRef} from "react";
+import {useLocale as $ivH3G$useLocale} from "@react-aria/i18n";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $ccf8a0a04e4175ae$export$6796df8ba7398521(props) {
+    let { className: className, layoutInfo: layoutInfo, virtualizer: virtualizer, parent: parent, children: children } = props;
+    let { direction: direction } = (0, $ivH3G$useLocale)();
+    let ref = (0, $ivH3G$useRef)();
+    (0, $47736c1e63ba1c6d$export$1da781778207e0a2)({
+        layoutInfo: layoutInfo,
+        virtualizer: virtualizer,
+        ref: ref
+    });
+    return /*#__PURE__*/ (0, $ivH3G$react).createElement("div", {
+        role: "presentation",
+        ref: ref,
+        className: className,
+        style: $ccf8a0a04e4175ae$export$1481e64fbe01b8b3(layoutInfo, direction, parent)
+    }, children);
+}
+let $ccf8a0a04e4175ae$var$cache = new WeakMap();
+function $ccf8a0a04e4175ae$export$1481e64fbe01b8b3(layoutInfo, dir, parent) {
+    let xProperty = dir === "rtl" ? "right" : "left";
+    let cached = $ccf8a0a04e4175ae$var$cache.get(layoutInfo);
+    if (cached && cached[xProperty] != null) {
+        if (!parent) return cached;
+        // Invalidate if the parent position changed.
+        let top = layoutInfo.rect.y - parent.rect.y;
+        let x = layoutInfo.rect.x - parent.rect.x;
+        if (cached.top === top && cached[xProperty] === x) return cached;
+    }
+    let rectStyles = {
+        top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),
+        [xProperty]: layoutInfo.rect.x - (parent ? parent.rect.x : 0),
+        width: layoutInfo.rect.width,
+        height: layoutInfo.rect.height
+    };
+    // Get rid of any non finite values since they aren't valid css values
+    Object.entries(rectStyles).forEach(([key, value])=>{
+        if (!Number.isFinite(value)) rectStyles[key] = undefined;
+    });
+    let style = {
+        position: layoutInfo.isSticky ? "sticky" : "absolute",
+        // Sticky elements are positioned in normal document flow. Display inline-block so that they don't push other sticky columns onto the following rows.
+        display: layoutInfo.isSticky ? "inline-block" : undefined,
+        overflow: layoutInfo.allowOverflow ? "visible" : "hidden",
+        transition: "all",
+        WebkitTransition: "all",
+        WebkitTransitionDuration: "inherit",
+        transitionDuration: "inherit",
+        opacity: layoutInfo.opacity,
+        zIndex: layoutInfo.zIndex,
+        transform: layoutInfo.transform,
+        contain: "size layout style",
+        ...rectStyles
+    };
+    $ccf8a0a04e4175ae$var$cache.set(layoutInfo, style);
+    return style;
+}
+
+
+export {$ccf8a0a04e4175ae$export$6796df8ba7398521 as VirtualizerItem, $ccf8a0a04e4175ae$export$1481e64fbe01b8b3 as layoutInfoToStyle};
+//# sourceMappingURL=VirtualizerItem.module.js.map

package/dist/VirtualizerItem.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAcM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,aAAC,SAAS,cAAE,UAAU,eAAE,WAAW,UAAE,MAAM,YAAE,QAAQ,EAAC,GAAG;IAC7D,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,MAAM,CAAA,GAAA,aAAK;IACf,CAAA,GAAA,yCAAiB,EAAE;oBACjB;qBACA;aACA;IACF;IAEA,qBACE,gCAAC;QAAI,MAAK;QAAe,KAAK;QAAK,WAAW;QAAW,OAAO,0CAAkB,YAAY,WAAW;OACtG;AAGP;AAEA,IAAI,8BAAQ,IAAI;AACT,SAAS,0CAAkB,UAAsB,EAAE,GAAc,EAAE,MAA0B;IAClG,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,aAAa;QACf,KAAK,WAAW,IAAI,CAAC,CAAC,GAAI,CAAA,SAAS,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QACnD,CAAC,UAAU,EAAE,WAAW,IAAI,CAAC,CAAC,GAAI,CAAA,SAAS,OAAO,IAAI,CAAC,CAAC,GAAG,CAAA;QAC3D,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,YAAY;QACZ,kBAAkB;QAClB,0BAA0B;QAC1B,oBAAoB;QACpB,SAAS,WAAW,OAAO;QAC3B,QAAQ,WAAW,MAAM;QACzB,WAAW,WAAW,SAAS;QAC/B,SAAS;QACT,GAAG,UAAU;IACf;IAEA,4BAAM,GAAG,CAAC,YAAY;IACtB,OAAO;AACT","sources":["packages/@react-aria/virtualizer/src/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/virtualizer';\nimport React, {CSSProperties, ReactNode, useRef} from 'react';\nimport {useLocale} from '@react-aria/i18n';\nimport {useVirtualizerItem, VirtualizerItemOptions} from './useVirtualizerItem';\n\ninterface VirtualizerItemProps extends Omit<VirtualizerItemOptions, 'ref'> {\n  parent?: LayoutInfo,\n  className?: string,\n  children: ReactNode\n}\n\nexport function VirtualizerItem(props: VirtualizerItemProps) {\n  let {className, layoutInfo, virtualizer, parent, children} = props;\n  let {direction} = useLocale();\n  let ref = useRef();\n  useVirtualizerItem({\n    layoutInfo,\n    virtualizer,\n    ref\n  });\n\n  return (\n    <div role=\"presentation\" ref={ref} className={className} style={layoutInfoToStyle(layoutInfo, direction, parent)}>\n      {children}\n    </div>\n  );\n}\n\nlet cache = new WeakMap();\nexport function layoutInfoToStyle(layoutInfo: LayoutInfo, dir: Direction, parent?: LayoutInfo | null): 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 = {\n    top: layoutInfo.rect.y - (parent ? parent.rect.y : 0),\n    [xProperty]: layoutInfo.rect.x - (parent ? 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    transition: 'all',\n    WebkitTransition: 'all',\n    WebkitTransitionDuration: 'inherit',\n    transitionDuration: 'inherit',\n    opacity: layoutInfo.opacity,\n    zIndex: layoutInfo.zIndex,\n    transform: layoutInfo.transform,\n    contain: 'size layout style',\n    ...rectStyles\n  };\n\n  cache.set(layoutInfo, style);\n  return style;\n}\n"],"names":[],"version":3,"file":"VirtualizerItem.module.js.map"}