@oracle/oraclejet-preact 15.0.13 → 15.0.15

package/es/UNSAFE_View.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { borderInterpolations } from './utils/UNSAFE_interpolations/borders.js';
@@ -10,22 +10,22 @@ import { ariaInterpolations } from './utils/UNSAFE_interpolations/aria.js';
 import { themeInterpolations } from './utils/UNSAFE_interpolations/theme.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
-import { a as EnvironmentProvider } from './index-bba2daea.js';
-import { i as isEmpty } from './index-e7ad7bf4.js';
+import { a as EnvironmentProvider } from './index-82167823.js';
+import { i as isEmpty } from './index-9f2970b2.js';
 import { globalVars } from './Common/themes/themeContract.css.js';
-import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-74124380.js';
-import { f as flexitemInterpolations } from './flexitem-7c6e0381.js';
+import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-fc23ba69.js';
+import { f as flexitemInterpolations } from './flexitem-3c34120e.js';
 import './utils/UNSAFE_size.js';
 import './UNSAFE_Theme.js';
-import './utils-b4edf8b1.js';
-import './_curry1-b098f4a1.js';
+import './utils-7f7d1bbe.js';
+import './_curry1-da0bdb88.js';
 
-import './keys-e5a375dc.js';
-import './_has-bff180d3.js';
+import './keys-389c9a8c.js';
+import './_has-1e6fb089.js';
 import './utils/UNSAFE_classNames.js';
-import './classNames-52133102.js';
-import './_curry3-f9e1c10b.js';
-import './_curry2-dc22f014.js';
+import './classNames-8386de4e.js';
+import './_curry3-8d2b42a0.js';
+import './_curry2-5987fc73.js';
 import 'preact';
 import './Common.js';
 import './Common/themes.js';

package/es/UNSAFE_VirtualizedListView.js

@@ -1,50 +1,50 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
-export { V as VirtualizedListView } from './VirtualizedListView-98f2ac87.js';
+/* @oracle/oraclejet-preact: 15.0.15 */
+export { V as VirtualizedListView } from './VirtualizedListView-4199c854.js';
 import 'preact/jsx-runtime';
 import './PRIVATE_List.js';
-import './List-ff95de84.js';
+import './List-1cc93dcf.js';
 import 'preact/hooks';
 import './utils/UNSAFE_classNames.js';
-import './classNames-52133102.js';
+import './classNames-8386de4e.js';
 import './utils/UNSAFE_mergeProps.js';
 import './utils/UNSAFE_keys.js';
 import './PRIVATE_LoadMoreCollection.js';
-import './LoadMoreCollection-4081cfb0.js';
+import './LoadMoreCollection-264261d7.js';
 import 'preact';
 import './PRIVATE_Collection.js';
-import './Collection-5b7c30ee.js';
+import './Collection-5c380208.js';
 import './hooks/UNSAFE_useViewportIntersect.js';
 import './PRIVATE_VirtualizedCollection.js';
-import './VirtualizedCollection-b8f4056a.js';
+import './VirtualizedCollection-2e73ea2a.js';
 import './utils/UNSAFE_arrayUtils.js';
 import 'preact/compat';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './UNSAFE_FocusTrap.js';
-import './FocusTrap-97140ed8.js';
+import './FocusTrap-cd0c19c5.js';
 
 import './utils/PRIVATE_tabbableUtils.js';
-import './_curry1-b098f4a1.js';
-import './_curry2-dc22f014.js';
-import './_arity-883efd8d.js';
-import './_curry3-f9e1c10b.js';
+import './_curry1-da0bdb88.js';
+import './_curry2-5987fc73.js';
+import './_arity-68b6b856.js';
+import './_curry3-8d2b42a0.js';
 import './hooks/UNSAFE_useId.js';
 import './hooks/UNSAFE_useInteractionStyle.js';
 import './utils/PRIVATE_clientHints.js';
-import './clientHints-d2b87582.js';
+import './clientHints-1bd268e3.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useActive.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-bff180d3.js';
+import './_has-1e6fb089.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
-import './flexitem-7c6e0381.js';
-import './keys-e5a375dc.js';
+import './flexitem-3c34120e.js';
+import './keys-389c9a8c.js';
 import './PRIVATE_List/themes/ListStyles.css.js';
 import './ListStyles.styles.css';
-import './vanilla-extract-recipes-createRuntimeFn.esm-f3c5964d.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-1f1813a9.js';
 import './hooks/PRIVATE_useSelection.js';
 import './hooks/UNSAFE_useUser.js';
-import './index-bba2daea.js';
+import './index-82167823.js';
 import './Common.js';
 import './Common/themes.js';
 import './Common/themes/redwood/theme.js';
@@ -54,13 +54,13 @@ import './hooks/PRIVATE_useCurrentKey.js';
 import './hooks/PRIVATE_useCollectionFocusRing.js';
 import './hooks/PRIVATE_useTabbableModeSet.js';
 import './hooks/PRIVATE_useItemAction.js';
-import './SkeletonContainer-fc1aebb8.js';
+import './SkeletonContainer-6a1a034d.js';
 import './UNSAFE_Skeleton.js';
-import './Skeleton-0cdf8df2.js';
+import './Skeleton-0a25532e.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './UNSAFE_Theme.js';
-import './utils-b4edf8b1.js';
+import './utils-7f7d1bbe.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './hooks/UNSAFE_useComponentTheme.js';
 import './utils/UNSAFE_logger.js';
@@ -71,19 +71,19 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './UNSAFE_Flex.js';
-import './Flex-9caba6a7.js';
+import './Flex-40843288.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
-import './flexbox-bf7f9ce9.js';
+import './flexbox-0e9a2e9b.js';
 import './UNSAFE_Selector.js';
 import './PRIVATE_ThemedIcons/CheckboxOffIcon.js';
 import './PRIVATE_Icons/CheckboxOff.js';
 import './UNSAFE_Icon.js';
-import './Icon-7a5b3540.js';
+import './Icon-4bca1ee2.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './Floating-bd34cc51.js';
-import './index-3acfdb64.js';
+import './Floating-f920e328.js';
+import './index-ea8f2bf6.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -93,17 +93,17 @@ import './FloatingStyles.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import './vanilla-extract-dynamic.esm-74124380.js';
+import './vanilla-extract-dynamic.esm-fc23ba69.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './UNSAFE_Layer.js';
-import './useThemeInterpolations-20c622d4.js';
+import './useThemeInterpolations-e5e39cdd.js';
 import './hooks/UNSAFE_useColorScheme.js';
 import './hooks/UNSAFE_useScale.js';
 import './utils/UNSAFE_interpolations/theme.js';
 import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_useTouch.js';
 import './hooks/UNSAFE_useAnimation.js';
-import './useAnimation-71f3c3dd.js';
+import './useAnimation-d1201501.js';
 import './hooks/UNSAFE_useThemeInterpolations.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -111,7 +111,7 @@ import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './TooltipContentVariants.styles2.css';
+import './TooltipContentVariants.styles.css';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';
 import './PRIVATE_ThemedIcons/CheckboxOnIcon.js';

package/es/UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 var windowOverlayVars = {notificationMainAxisOffset:'var(--notificationMainAxisOffset__5h4cac0)',notificationCrossAxisOffset:'var(--notificationCrossAxisOffset__5h4cac1)'};
 
 export { windowOverlayVars };

package/es/UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import './../../WindowOverlayStyles.styles.css';
 
 var baseStyle = 'WindowOverlayStyles_baseStyle__d5jpag12';

package/es/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import './WindowOverlayBaseTheme.styles.css';
 
 var baseTheme = 'WindowOverlayBaseTheme_baseTheme__1qrldld0';

package/es/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import { variants, styles } from '../WindowOverlayStyles.css.js';
 import { baseTheme } from './WindowOverlayBaseTheme.css.js';
 import { multiVariantStyles } from './WindowOverlayVariants.css.js';
 import './../../../WindowOverlayStyles.styles.css';
 import './WindowOverlayBaseTheme.styles.css';
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-f3c5964d.js';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-1f1813a9.js';
 
 /*******************
  * Component Theme

package/es/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import './../../../WindowOverlayStyles.styles.css';
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-f3c5964d.js';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-1f1813a9.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'WindowOverlayStyles_baseStyle__d5jpag12',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 

package/es/UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import './WindowOverlayBaseTheme.styles.css';
 
 var baseTheme = 'WindowOverlayBaseTheme_baseTheme__y3rpgz0';

package/es/UNSAFE_WindowOverlay/themes/stable/WindowOverlayTheme.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import { variants, styles } from '../WindowOverlayStyles.css.js';
 import { baseTheme } from './WindowOverlayBaseTheme.css.js';
 import { multiVariantStyles } from './WindowOverlayVariants.css.js';
 import './../../../WindowOverlayStyles.styles.css';
 import './WindowOverlayBaseTheme.styles.css';
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-f3c5964d.js';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-1f1813a9.js';
 
 /*******************
  * Component Theme

package/es/UNSAFE_WindowOverlay/themes/stable/WindowOverlayVariants.css.js

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import './../../../WindowOverlayStyles.styles.css';
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-f3c5964d.js';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-1f1813a9.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'WindowOverlayStyles_baseStyle__d5jpag12',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 

package/es/UNSAFE_WindowOverlay.js

@@ -1,21 +1,21 @@
-/* @oracle/oraclejet-preact: 15.0.13 */
+/* @oracle/oraclejet-preact: 15.0.15 */
 import { jsx } from 'preact/jsx-runtime';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
-import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-74124380.js';
+import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-fc23ba69.js';
 import './utils/UNSAFE_classNames.js';
 import { windowOverlayStyles } from './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import { windowOverlayVars } from './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
 import { useUser } from './hooks/UNSAFE_useUser.js';
 import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
 import { WindowOverlayRedwoodTheme } from './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
-import { c as classNames } from './classNames-52133102.js';
-import './_curry1-b098f4a1.js';
-import './_curry3-f9e1c10b.js';
-import './_curry2-dc22f014.js';
-import './_has-bff180d3.js';
+import { c as classNames } from './classNames-8386de4e.js';
+import './_curry1-da0bdb88.js';
+import './_curry3-8d2b42a0.js';
+import './_curry2-5987fc73.js';
+import './_has-1e6fb089.js';
 import './WindowOverlayStyles.styles.css';
 import 'preact/hooks';
-import './index-bba2daea.js';
+import './index-82167823.js';
 import 'preact';
 import './Common.js';
 import './Common/themes.js';
@@ -26,7 +26,7 @@ import './utils/UNSAFE_logger.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
-import './vanilla-extract-recipes-createRuntimeFn.esm-f3c5964d.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-1f1813a9.js';
 
 const offsetStyle = (offset) => {
     return typeof offset === 'number'

package/es/VirtualizedCollection-2e73ea2a.js

@@ -0,0 +1,179 @@
+/* @oracle/oraclejet-preact: 15.0.15 */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { useRef, useEffect } from 'preact/hooks';
+import './PRIVATE_Collection.js';
+import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
+import { useViewportIntersect } from './hooks/UNSAFE_useViewportIntersect.js';
+import { C as Collection } from './Collection-5c380208.js';
+
+const placeholderTypes = stringLiteralArray(['topPlaceholder', 'bottomPlaceholder']);
+const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';
+const DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item
+const TOP_PLACEHOLDER_KEY = '_topPlaceholder';
+const BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';
+/**
+ * A component that renders placeholder which is used internally by VirtualizeViewportCollection
+ */
+const Placeholder = ({ context, placeholderHeight }) => {
+    const { fromIndex, toIndex, which, estimateItemSize } = context;
+    let totalHeight = 0;
+    if (placeholderHeight) {
+        totalHeight = placeholderHeight(context);
+    }
+    else {
+        const placeholderUnitHeight = estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;
+        totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;
+    }
+    const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;
+    const style = { height: totalHeight + 'px' };
+    if (totalHeight === 0) {
+        style.display = 'none';
+    }
+    return jsx("div", { className: PLACEHOLDER_STYLE_CLASS, style: style }, key);
+};
+
+/**
+ * A function that returns the default range extractor
+ * @param fetchSize
+ */
+function getVirtualizedRangeExtractor(fetchSize) {
+    return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }) {
+        // if any of these is missing then return default initial range
+        if (itemSize === undefined ||
+            itemSize === 0 ||
+            viewportHeight === undefined ||
+            scrollOffset === undefined) {
+            return { offset: 0, count: fetchSize };
+        }
+        const offset = Math.ceil(scrollOffset / itemSize);
+        const count = Math.ceil(viewportHeight / itemSize);
+        return {
+            offset: Math.max(0, offset - overscan),
+            count: count + overscan * (offset > 0 ? 2 : 1)
+        };
+    };
+}
+/**
+ * Helper function to find the top and bottom of an element relative to the viewport
+ * @param elem
+ */
+const getElementTopBottom = (elem) => {
+    let top;
+    let bottom;
+    if (elem === document.documentElement) {
+        top = 0;
+        bottom = document.documentElement.clientHeight;
+    }
+    else {
+        const scrollerBounds = elem.getBoundingClientRect();
+        top = scrollerBounds.top;
+        bottom = scrollerBounds.bottom;
+    }
+    return { top, bottom };
+};
+const isDataStateValid = (dataState) => {
+    return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;
+};
+const DEFAULT_MARGIN = 1;
+/**
+ * Returns the range for the current viewport
+ */
+const getViewportRange = (scroller, root, overscan, rangeExtractor, estimateItemSize) => {
+    let scrollOffset;
+    let viewportHeight;
+    if (scroller && root) {
+        const rootRect = root.getBoundingClientRect();
+        const viewportRect = getElementTopBottom(scroller);
+        if (rootRect && viewportRect) {
+            scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;
+            viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;
+        }
+    }
+    if (scrollOffset !== undefined && viewportHeight !== undefined) {
+        // figure out what the new range should be
+        const range = rangeExtractor({
+            scrollOffset,
+            viewportHeight,
+            overscan: overscan,
+            itemSize: estimateItemSize
+        });
+        return range;
+    }
+    return null;
+};
+const DEFAULT_OVERSCAN = 1;
+const DEFAULT_END_INDEX = 25; // match default fetch size
+const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';
+const LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;
+const DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);
+/**
+ * Component that only render items in the specified viewport.
+ * @param props
+ */
+function VirtualizedCollection({ data, children, viewportConfig, itemSelector, placeholderHeight, rangeExtractor = DEFAULT_RANGE_EXTRACTOR, overscan = DEFAULT_OVERSCAN, onLoadRange, loadMoreIndicator, suggestions }) {
+    const rootRef = useRef(null);
+    const estimateItemSizeRef = useRef(0);
+    // detect if viewport has changed and it needs to re-render based on a new range
+    useViewportIntersect(viewportConfig, DEFAULT_MARGIN, 0, LOAD_MORE_AND_PLACEHOLDER_SELECTOR, () => {
+        const range = getViewportRange(viewportConfig.scroller(), rootRef.current, overscan, rangeExtractor, estimateItemSizeRef.current ?? 0);
+        if (range) {
+            onLoadRange(range);
+        }
+    });
+    // calculate average item height.  For now, we'll just do this once, but we can
+    // do a rolling average where we'll adjust on every render.
+    useEffect(() => {
+        if (estimateItemSizeRef.current === 0) {
+            let totalHeight = 0;
+            const nodes = rootRef.current.querySelectorAll(itemSelector);
+            if (nodes.length > 0) {
+                nodes.forEach((item) => {
+                    totalHeight += item.offsetHeight;
+                });
+                estimateItemSizeRef.current = totalHeight / nodes.length;
+            }
+        }
+    });
+    // override itemRenderer to adjust the index
+    const _getItemRenderer = (startIndex) => {
+        // returns a new render function
+        return (context) => {
+            const itemContext = {
+                index: startIndex + context.index,
+                data: context.data
+            };
+            return children(itemContext);
+        };
+    };
+    // if DataState is invalid (including not specified), just render blank
+    if (!data || !isDataStateValid(data)) {
+        return jsx("div", { ref: rootRef });
+    }
+    const rangeData = data.data;
+    const offset = data.offset;
+    const endIndex = offset + rangeData.length;
+    const itemCount = data.totalSize;
+    const topPlaceholderContext = offset >= 0
+        ? {
+            fromIndex: 0,
+            toIndex: offset,
+            which: 'topPlaceholder',
+            estimateItemSize: estimateItemSizeRef.current ?? 0
+        }
+        : undefined;
+    const bottomPlaceholderContext = endIndex && endIndex <= itemCount
+        ? {
+            fromIndex: endIndex,
+            toIndex: itemCount,
+            which: 'bottomPlaceholder',
+            estimateItemSize: estimateItemSizeRef.current ?? 0
+        }
+        : undefined;
+    const renderLoadMore = loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;
+    // might need to support elementType prop in the future to allow customization of what
+    // type of element to render for the root
+    return (jsxs("div", { ref: rootRef, style: "will-change: contents", children: [suggestions, topPlaceholderContext && (jsx(Placeholder, { context: topPlaceholderContext, placeholderHeight: placeholderHeight })), jsx(Collection, { items: rangeData, children: _getItemRenderer(offset) }), bottomPlaceholderContext && (jsx(Placeholder, { context: bottomPlaceholderContext, placeholderHeight: placeholderHeight })), renderLoadMore && loadMoreIndicator] }));
+}
+
+export { PLACEHOLDER_STYLE_CLASS as P, VirtualizedCollection as V, getVirtualizedRangeExtractor as g };
+//# sourceMappingURL=VirtualizedCollection-2e73ea2a.js.map

package/es/VirtualizedCollection-2e73ea2a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedCollection-2e73ea2a.js","sources":["../../src/PRIVATE_VirtualizedCollection/Placeholder.tsx","../../src/PRIVATE_VirtualizedCollection/VirtualizedCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const placeholderTypes = stringLiteralArray(['topPlaceholder', 'bottomPlaceholder']);\n/**\n * Type of placeholder (top which is before the data content and bottom which is after the data content)\n */\nexport type PlaceholderType = typeof placeholderTypes[number];\n\n/**\n * Context object which is pass to the placeholderHeight function callback\n */\nexport type PlaceholderContext = {\n  fromIndex: number;\n  toIndex: number;\n  estimateItemSize: number;\n  which: PlaceholderType;\n};\n\nexport const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';\n\nconst DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item\nconst TOP_PLACEHOLDER_KEY = '_topPlaceholder';\nconst BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';\n\ntype Props = {\n  context: PlaceholderContext;\n  placeholderHeight?: (context: PlaceholderContext) => number;\n};\n\n/**\n * A component that renders placeholder which is used internally by VirtualizeViewportCollection\n */\nexport const Placeholder = ({ context, placeholderHeight }: Props) => {\n  const { fromIndex, toIndex, which, estimateItemSize } = context;\n  let totalHeight = 0;\n  if (placeholderHeight) {\n    totalHeight = placeholderHeight(context);\n  } else {\n    const placeholderUnitHeight =\n      estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;\n    totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;\n  }\n\n  const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;\n  const style: JSX.CSSProperties = { height: totalHeight + 'px' };\n  if (totalHeight === 0) {\n    style.display = 'none';\n  }\n  return <div key={key} className={PLACEHOLDER_STYLE_CLASS} style={style}></div>;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { RefObject, ComponentChildren } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata, ViewportInfo } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Placeholder,\n  PlaceholderContext,\n  PlaceholderType,\n  PLACEHOLDER_STYLE_CLASS\n} from './Placeholder';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Callback to calculate placeholder height\n   */\n  placeholderHeight?: (context: PlaceholderContext) => number;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * The selector string to identify the children items\n   */\n  itemSelector: string;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * The number of additional items to render before and after the current viewport.  This is\n   * mainly used for performance tuning.  Increase the overscan will result in less frequent\n   * rendering when scroll but at the same time each render will take longer depending on the\n   * item content.\n   */\n  overscan?: number;\n\n  /**\n   * Optionally provide a custom callback to return the range to render based on viewport info\n   */\n  rangeExtractor?: (info: ViewportInfo) => Range;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\n/**\n * A function that returns the default range extractor\n * @param fetchSize\n */\nexport function getVirtualizedRangeExtractor(fetchSize: number) {\n  return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }: ViewportInfo): Range {\n    // if any of these is missing then return default initial range\n    if (\n      itemSize === undefined ||\n      itemSize === 0 ||\n      viewportHeight === undefined ||\n      scrollOffset === undefined\n    ) {\n      return { offset: 0, count: fetchSize };\n    }\n    const offset = Math.ceil(scrollOffset / itemSize);\n    const count = Math.ceil(viewportHeight / itemSize);\n    return {\n      offset: Math.max(0, offset - overscan),\n      count: count + overscan * (offset > 0 ? 2 : 1)\n    };\n  };\n}\n\n/**\n * Helper function to find the top and bottom of an element relative to the viewport\n * @param elem\n */\nconst getElementTopBottom = (elem: HTMLElement): { top: number; bottom: number } => {\n  let top;\n  let bottom;\n  if (elem === document.documentElement) {\n    top = 0;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const scrollerBounds = elem.getBoundingClientRect();\n    top = scrollerBounds.top;\n    bottom = scrollerBounds.bottom;\n  }\n  return { top, bottom };\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\n\n/**\n * Returns the range for the current viewport\n */\nconst getViewportRange = (\n  scroller: HTMLElement | null,\n  root: HTMLElement,\n  overscan: number,\n  rangeExtractor: (info: ViewportInfo) => Range,\n  estimateItemSize: number\n) => {\n  let scrollOffset;\n  let viewportHeight;\n\n  if (scroller && root) {\n    const rootRect = root.getBoundingClientRect();\n    const viewportRect = getElementTopBottom(scroller);\n    if (rootRect && viewportRect) {\n      scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;\n      viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;\n    }\n  }\n\n  if (scrollOffset !== undefined && viewportHeight !== undefined) {\n    // figure out what the new range should be\n    const range = rangeExtractor({\n      scrollOffset,\n      viewportHeight,\n      overscan: overscan,\n      itemSize: estimateItemSize\n    });\n\n    return range;\n  }\n  return null;\n};\n\nconst DEFAULT_OVERSCAN = 1;\nconst DEFAULT_END_INDEX = 25; // match default fetch size\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;\nconst DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function VirtualizedCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  itemSelector,\n  placeholderHeight,\n  rangeExtractor = DEFAULT_RANGE_EXTRACTOR,\n  overscan = DEFAULT_OVERSCAN,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const estimateItemSizeRef: RefObject<number> = useRef(0);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    DEFAULT_MARGIN,\n    0,\n    LOAD_MORE_AND_PLACEHOLDER_SELECTOR,\n    () => {\n      const range = getViewportRange(\n        viewportConfig.scroller(),\n        rootRef.current,\n        overscan,\n        rangeExtractor,\n        estimateItemSizeRef.current ?? 0\n      );\n      if (range) {\n        onLoadRange(range);\n      }\n    }\n  );\n\n  // calculate average item height.  For now, we'll just do this once, but we can\n  // do a rolling average where we'll adjust on every render.\n  useEffect(() => {\n    if (estimateItemSizeRef.current === 0) {\n      let totalHeight = 0;\n      const nodes = rootRef.current.querySelectorAll(itemSelector);\n      if (nodes.length > 0) {\n        nodes.forEach((item: HTMLElement) => {\n          totalHeight += item.offsetHeight;\n        });\n        estimateItemSizeRef.current = totalHeight / nodes.length;\n      }\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const rangeData = data.data;\n  const offset = data.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = data.totalSize;\n  const topPlaceholderContext =\n    offset >= 0\n      ? {\n          fromIndex: 0,\n          toIndex: offset,\n          which: 'topPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n  const bottomPlaceholderContext =\n    endIndex && endIndex <= itemCount\n      ? {\n          fromIndex: endIndex,\n          toIndex: itemCount,\n          which: 'bottomPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n\n  const renderLoadMore =\n    loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef} style=\"will-change: contents\">\n      {suggestions}\n      {topPlaceholderContext && (\n        <Placeholder\n          context={topPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {bottomPlaceholderContext && (\n        <Placeholder\n          context={bottomPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      {renderLoadMore && loadMoreIndicator}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/VirtualizedListView-4199c854.js

@@ -0,0 +1,15 @@
+/* @oracle/oraclejet-preact: 15.0.15 */
+import { jsx } from 'preact/jsx-runtime';
+import './PRIVATE_List.js';
+import { L as List } from './List-1cc93dcf.js';
+
+/**
+ * Component that renders items as a flat list.
+ * In order to maximize performance, only items that are visible in the viewport are rendered.
+ */
+function VirtualizedListView(props) {
+    return jsx(List, { ...props, children: props.children });
+}
+
+export { VirtualizedListView as V };
+//# sourceMappingURL=VirtualizedListView-4199c854.js.map

package/es/VirtualizedListView-4199c854.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListView-4199c854.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentKey'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return <List {...props}>{props.children}</List>;\n}\n"],"names":["_jsx"],"mappings":";;;;;AA+BA;;;AAGG;AAEG,SAAU,mBAAmB,CAA+B,KAAkB,EAAA;IAClF,OAAOA,GAAA,CAAC,IAAI,EAAK,EAAA,GAAA,KAAK,YAAG,KAAK,CAAC,QAAQ,EAAA,CAAQ,CAAC;AAClD;;;;"}

package/es/_arity-68b6b856.js

@@ -0,0 +1,70 @@
+/* @oracle/oraclejet-preact: 15.0.15 */
+import './_curry1-da0bdb88.js';
+
+function _arity(n, fn) {
+  /* eslint-disable no-unused-vars */
+  switch (n) {
+    case 0:
+      return function () {
+        return fn.apply(this, arguments);
+      };
+
+    case 1:
+      return function (a0) {
+        return fn.apply(this, arguments);
+      };
+
+    case 2:
+      return function (a0, a1) {
+        return fn.apply(this, arguments);
+      };
+
+    case 3:
+      return function (a0, a1, a2) {
+        return fn.apply(this, arguments);
+      };
+
+    case 4:
+      return function (a0, a1, a2, a3) {
+        return fn.apply(this, arguments);
+      };
+
+    case 5:
+      return function (a0, a1, a2, a3, a4) {
+        return fn.apply(this, arguments);
+      };
+
+    case 6:
+      return function (a0, a1, a2, a3, a4, a5) {
+        return fn.apply(this, arguments);
+      };
+
+    case 7:
+      return function (a0, a1, a2, a3, a4, a5, a6) {
+        return fn.apply(this, arguments);
+      };
+
+    case 8:
+      return function (a0, a1, a2, a3, a4, a5, a6, a7) {
+        return fn.apply(this, arguments);
+      };
+
+    case 9:
+      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {
+        return fn.apply(this, arguments);
+      };
+
+    case 10:
+      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {
+        return fn.apply(this, arguments);
+      };
+
+    default:
+      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');
+  }
+}
+
+var _arity_1 = _arity;
+
+export { _arity_1 as _ };
+//# sourceMappingURL=_arity-68b6b856.js.map

package/es/_arity-68b6b856.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_arity-68b6b856.js","sources":["../../../../node_modules/ramda/src/internal/_arity.js"],"sourcesContent":["function _arity(n, fn) {\n  /* eslint-disable no-unused-vars */\n  switch (n) {\n    case 0:\n      return function () {\n        return fn.apply(this, arguments);\n      };\n\n    case 1:\n      return function (a0) {\n        return fn.apply(this, arguments);\n      };\n\n    case 2:\n      return function (a0, a1) {\n        return fn.apply(this, arguments);\n      };\n\n    case 3:\n      return function (a0, a1, a2) {\n        return fn.apply(this, arguments);\n      };\n\n    case 4:\n      return function (a0, a1, a2, a3) {\n        return fn.apply(this, arguments);\n      };\n\n    case 5:\n      return function (a0, a1, a2, a3, a4) {\n        return fn.apply(this, arguments);\n      };\n\n    case 6:\n      return function (a0, a1, a2, a3, a4, a5) {\n        return fn.apply(this, arguments);\n      };\n\n    case 7:\n      return function (a0, a1, a2, a3, a4, a5, a6) {\n        return fn.apply(this, arguments);\n      };\n\n    case 8:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n        return fn.apply(this, arguments);\n      };\n\n    case 9:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n        return fn.apply(this, arguments);\n      };\n\n    case 10:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n        return fn.apply(this, arguments);\n      };\n\n    default:\n      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n  }\n}\n\nmodule.exports = _arity;"],"names":[],"mappings":";;;AAAA,SAAS,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE;AACvB;AACA,EAAE,QAAQ,CAAC;AACX,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,YAAY;AACzB,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE;AAC3B,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE;AAC/B,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACnC,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACvC,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC3C,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC/C,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACnD,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACvD,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,CAAC;AACV,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC3D,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI,KAAK,EAAE;AACX,MAAM,OAAO,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC/D,QAAQ,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC,OAAO,CAAC;AACR;AACA,IAAI;AACJ,MAAM,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAC;AACrG,GAAG;AACH,CAAC;AACD;AACA,IAAA,QAAc,GAAG;;;;"}