@oracle/oraclejet-preact 14.0.15 → 14.0.17

package/cjs/utils/UNSAFE_interpolations/flexitem.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexitem = require('../../flexitem-521487bd.js');
+var flexitem = require('../../flexitem-d9e85c86.js');
 require("identity-obj-proxy");
-require('../../keys-f70c2efe.js');
-require('../../_curry1-d7c967d7.js');
-require('../../_has-e1033a99.js');
+require('../../keys-b25c25eb.js');
+require('../../_curry1-8041d5c4.js');
+require('../../_has-fbcc6ed0.js');
 
 
 

package/cjs/utils/UNSAFE_interpolations/grid.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_interpolations/griditem.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_interpolations/padding.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_interpolations/text.js

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require("identity-obj-proxy");
-var keys = require('../../keys-f70c2efe.js');
-require('../../_curry1-d7c967d7.js');
-require('../../_has-e1033a99.js');
+var keys = require('../../keys-b25c25eb.js');
+require('../../_curry1-8041d5c4.js');
+require('../../_has-fbcc6ed0.js');
 
 const textAlignStyles = {
-  start: "_1njm20x",
-  end: "vuj6rt",
-  right: "fii9l2"
+  start: "_1px5xa4",
+  end: "i0ralc",
+  right: "xtzrbt"
 };
 const textStyles = {
   textAlign: textAlignStyles

package/cjs/utils/UNSAFE_keys.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_lengthFilter.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_logger.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_curry1-d7c967d7.js');
-var _curry2$1 = require('../_curry2-b842c9f6.js');
+require('../_curry1-8041d5c4.js');
+var _curry2$1 = require('../_curry2-314ae9ee.js');
 
 var _curry2 =
 

package/cjs/utils/UNSAFE_matchTranslationBundle.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_mergeInterpolations.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./UNSAFE_classNames.js');
-require('../_curry1-d7c967d7.js');
-var _curry3$2 = require('../_curry3-ae657000.js');
-var _has$1 = require('../_has-e1033a99.js');
-var classNames = require('../classNames-0b5e7ec9.js');
-require('../_curry2-b842c9f6.js');
+require('../_curry1-8041d5c4.js');
+var _curry3$2 = require('../_curry3-9710c9f6.js');
+var _has$1 = require('../_has-fbcc6ed0.js');
+var classNames = require('../classNames-c244c6b5.js');
+require('../_curry2-314ae9ee.js');
 
 function _isObject$1(x) {
   return Object.prototype.toString.call(x) === '[object Object]';

package/cjs/utils/UNSAFE_mergeProps.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_meterTypes.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 /**

package/cjs/utils/UNSAFE_roles.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_selectUtils.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 /**

package/cjs/utils/UNSAFE_size.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_soundUtils.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_stringUtils.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var stringUtils = require('../stringUtils-f557225b.js');
+var stringUtils = require('../stringUtils-c1b20b4c.js');
 
 /**
  * @license

package/cjs/utils/UNSAFE_typeUtils.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 

package/cjs/utils/UNSAFE_units.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('./UNSAFE_arrayUtils.js');
 require('./UNSAFE_stringUtils.js');
-var stringUtils = require('../stringUtils-f557225b.js');
+var stringUtils = require('../stringUtils-c1b20b4c.js');
 
 const is = (Ctor) => (val) => (val != null && val.constructor === Ctor) || val instanceof Ctor;
 const isNumber = is(Number);

package/cjs/utils/UNSAFE_valueUpdateDetail.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 'use strict';
 
 

package/es/{ClearIcon-fbc63558.js → ClearIcon-4c7deff5.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 import { jsx } from 'preact/jsx-runtime';
 
 import { useCallback } from 'preact/hooks';
@@ -17,7 +17,7 @@ const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core
 
 const ojButtonBorderlessChromeBorderColorHover = 'transparent';
 const clearIconStyles = {
-  base: "_1cxlwrl"
+  base: "mmb7oj"
 };
 
 const noop = () => {};
@@ -57,4 +57,4 @@ function ClearIcon({
 
 export { ClearIcon as C };
 /*  */
-//# sourceMappingURL=ClearIcon-fbc63558.js.map
+//# sourceMappingURL=ClearIcon-4c7deff5.js.map

package/es/{ClearIcon-fbc63558.js.map → ClearIcon-4c7deff5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClearIcon-fbc63558.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","clearIconStyles","noop","ClearIcon","onClick","killEvent","useCallback","event","pressProps","usePress","translations","useTranslationBundle","clearStr","formControl_clear"],"mappings":";;;;;;;AAWA,MAAAA,cAAA,GAAA,SAAA;;AAEA,MAAAC,oBAAA,GAAA,sDAAA;;AAEA,MAAAC,iCAAA,GAAA,wDAAA;;AAEA,MAAAC,sCAAA,GAAA,wDAAA;;AAGA,MAAAC,oCAAA,GAAA,oDAAA;;AAEA,MAAAC,wCAAA,GAAA,aAAA,CAAA;AAEA,MAAAC,eAAA,GAAA;;AAAA,CAAA,CAAA;;AAwBA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,SAAA,CAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,SAAA,GAAAC,WAAA,CAAAC,KAAA,IAAA;;GAAA,IAAA,CAAA,CAAA;EAGA,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAL,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAF,IAAA,CAAA,CAAA;AACA,EAAA,MAAAQ,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,QAAA,GAAAF,YAAA,CAAAG,iBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;"}
+{"version":3,"file":"ClearIcon-4c7deff5.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","clearIconStyles","noop","ClearIcon","onClick","killEvent","useCallback","event","pressProps","usePress","translations","useTranslationBundle","clearStr","formControl_clear"],"mappings":";;;;;;;AAWA,MAAAA,cAAA,GAAA,SAAA;;AAEA,MAAAC,oBAAA,GAAA,sDAAA;;AAEA,MAAAC,iCAAA,GAAA,wDAAA;;AAEA,MAAAC,sCAAA,GAAA,wDAAA;;AAGA,MAAAC,oCAAA,GAAA,oDAAA;;AAEA,MAAAC,wCAAA,GAAA,aAAA,CAAA;AAEA,MAAAC,eAAA,GAAA;;AAAA,CAAA,CAAA;;AAwBA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,SAAA,CAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,SAAA,GAAAC,WAAA,CAAAC,KAAA,IAAA;;GAAA,IAAA,CAAA,CAAA;EAGA,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,QAAA,CAAAL,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAF,IAAA,CAAA,CAAA;AACA,EAAA,MAAAQ,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,QAAA,GAAAF,YAAA,CAAAG,iBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;"}

package/es/{LoadMoreCollection-ec6aa3f6.js → LoadMoreCollection-8f06717c.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef } from 'preact/hooks';
 import { Collection } from './PRIVATE_Collection.js';
@@ -61,4 +61,4 @@ function LoadMoreCollection({ data, children, viewportConfig, onLoadRange, loadM
 
 export { LoadMoreCollection as L };
 /*  */
-//# sourceMappingURL=LoadMoreCollection-ec6aa3f6.js.map
+//# sourceMappingURL=LoadMoreCollection-8f06717c.js.map

package/es/{LoadMoreCollection-ec6aa3f6.js.map → LoadMoreCollection-8f06717c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreCollection-ec6aa3f6.js","sources":["../../src/UNSAFE_LoadMoreCollection/LoadMoreCollection.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 { RefObject, ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\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   * 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   * 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   * 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\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;\nconst DEFAULT_FETCH_SIZE = 25;\n\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const fetchSizeRef: RefObject<number> = useRef<number>(-1);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_SELECTOR, () => {\n    if (data) {\n      if (fetchSizeRef.current == null || fetchSizeRef.current <= 0) {\n        fetchSizeRef.current = data.totalSize;\n      }\n      const fetchSize =\n        fetchSizeRef.current && fetchSizeRef.current > 0\n          ? fetchSizeRef.current\n          : DEFAULT_FETCH_SIZE;\n      onLoadRange({\n        offset: 0,\n        count: data.totalSize + fetchSize\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 dataState = data;\n  const rangeData = dataState.data;\n  const offset = dataState.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = dataState.totalSize;\n\n  const renderLoadMore =\n    loadMoreIndicator && dataState.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}>\n      {suggestions}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {renderLoadMore && <div class={LOADMORE_STYLE_CLASS}>{loadMoreIndicator}</div>}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"LoadMoreCollection-8f06717c.js","sources":["../../src/UNSAFE_LoadMoreCollection/LoadMoreCollection.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 { RefObject, ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\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   * 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   * 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   * 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\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;\nconst DEFAULT_FETCH_SIZE = 25;\n\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const fetchSizeRef: RefObject<number> = useRef<number>(-1);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_SELECTOR, () => {\n    if (data) {\n      if (fetchSizeRef.current == null || fetchSizeRef.current <= 0) {\n        fetchSizeRef.current = data.totalSize;\n      }\n      const fetchSize =\n        fetchSizeRef.current && fetchSizeRef.current > 0\n          ? fetchSizeRef.current\n          : DEFAULT_FETCH_SIZE;\n      onLoadRange({\n        offset: 0,\n        count: data.totalSize + fetchSize\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 dataState = data;\n  const rangeData = dataState.data;\n  const offset = dataState.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = dataState.totalSize;\n\n  const renderLoadMore =\n    loadMoreIndicator && dataState.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}>\n      {suggestions}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {renderLoadMore && <div class={LOADMORE_STYLE_CLASS}>{loadMoreIndicator}</div>}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/PRIVATE_Collection.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 

package/es/PRIVATE_List.css

@@ -1,17 +1,17 @@
-.c343v6{height:100%;user-select:none;overflow-y:inherit;}.c343v6:focus{outline-style:none;}
-.mmgcj1{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-._1luhpph{position:relative;}
+._4oojmm{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-._1wfastd{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._1iktz1k{height:100%;user-select:none;overflow-y:inherit;}._1iktz1k:focus{outline-style:none;}
+._11jdo3d{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+.j0jsun{position:relative;}
 
-._164te3n{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
-._16gmw1e{background-size:100% 1px;}
-.qfdc45{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
-._1012o5j:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.p4u2s4{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._1tj33af{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-.abykyd{background-size:100% 1px;}
-.zvnuii{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._1imd1gk{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-.hw9so3{flex-grow:1;}
-._19hurql{display:flex;}
+.enp72b{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
+._1j0iqrg{background-size:100% 1px;}
+._1j9dq15{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
+.zjffou:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._1yu0aa9{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.vjf4xi{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+._1vix96s{background-size:100% 1px;}
+.s58ora{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.jijgly{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.l3evik{flex-grow:1;}
+._1bsk4b1{display:flex;}

package/es/PRIVATE_List.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.15 */
+/* @oracle/oraclejet-preact: 14.0.17 */
 import { jsx } from 'preact/jsx-runtime';
 import { useRef, useMemo, useState, useEffect, useCallback } from 'preact/hooks';
 import "./PRIVATE_List.css";
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { mergeProps } from './utils/UNSAFE_mergeProps.js';
 import { isKeyDefined, containsKey } from './utils/UNSAFE_keys.js';
-import { L as LoadMoreCollection } from './LoadMoreCollection-ec6aa3f6.js';
+import { L as LoadMoreCollection } from './LoadMoreCollection-8f06717c.js';
 import { PLACEHOLDER_STYLE_CLASS, VirtualizedCollection } from './PRIVATE_VirtualizedCollection.js';
 import { TabbableModeContext } from './hooks/UNSAFE_useTabbableMode.js';
 import { FocusTrap } from './UNSAFE_FocusTrap.js';
@@ -25,17 +25,17 @@ import './hooks/UNSAFE_useViewportIntersect.js';
 import './utils/UNSAFE_arrayUtils.js';
 import 'preact/compat';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_curry1-657e284f.js';
-import './_curry2-51415181.js';
-import './_curry3-1f707fb6.js';
-import './tslib.es6-2f74e2cc.js';
+import './_curry1-67b0910f.js';
+import './_curry2-6a92c5cc.js';
+import './_curry3-a2537ff3.js';
+import './tslib.es6-7113fc10.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-9ead1356.js';
+import './_has-37434ea6.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-338589a1.js';
+import './keys-c4b66ad0.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_ThemedIcons.js';
@@ -43,7 +43,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-cd6b346a.js';
+import './index-b6450488.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -85,19 +85,19 @@ const getListViewRoles = (ariaRole) => {
 const ITEM_STYLE_CLASS = 'oj-listview-item';
 const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;
 const styles$1 = {
-  base: "_164te3n",
-  gridlines: "_16gmw1e",
-  gridlineTop: "qfdc45",
-  selectable: "_1012o5j",
-  selected: "p4u2s4",
-  selectedSingle: "_1tj33af",
-  suggestionEnd: "abykyd",
-  highlight: "zvnuii",
-  focused: "_1imd1gk"
+  base: "enp72b",
+  gridlines: "_1j0iqrg",
+  gridlineTop: "_1j9dq15",
+  selectable: "zjffou",
+  selected: "_1yu0aa9",
+  selectedSingle: "vjf4xi",
+  suggestionEnd: "_1vix96s",
+  highlight: "s58ora",
+  focused: "jijgly"
 };
 const cellStyles = {
-  base: "hw9so3",
-  checkboxContainer: "_19hurql"
+  base: "l3evik",
+  checkboxContainer: "_1bsk4b1"
 };
 /**
  * The internal component used to render a single item in ListView.
@@ -186,7 +186,7 @@ const isSelectable = (selectionMode, isItemSelected) => {
 };
 
 const containerStyle = {
-  base: "_1wfastd"
+  base: "_4oojmm"
 };
 /**
  * Allows to specify the time delay for rendering the component
@@ -219,11 +219,11 @@ function SkeletonContainer({
 }
 
 const styles = {
-  base: "c343v6"
+  base: "_1iktz1k"
 };
 const sparkleStyles = {
-  base: "mmgcj1",
-  container: "_1luhpph"
+  base: "_11jdo3d",
+  container: "j0jsun"
 };
 /**
  * Component that renders items as a flat list.