@oracle/oraclejet-preact 14.0.12 → 14.0.14

package/cjs/utils/UNSAFE_interpolations/borders.js

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

package/cjs/utils/UNSAFE_interpolations/boxalignment.js

@@ -1,35 +1,35 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require("identity-obj-proxy");
-var keys = require('../../keys-1af91f94.js');
+var keys = require('../../keys-f8953f38.js');
 var utils_UNSAFE_size = require('../UNSAFE_size.js');
 var utils_UNSAFE_arrayUtils = require('../UNSAFE_arrayUtils.js');
-require('../../_curry1-f9c3180c.js');
-require('../../_has-fc4b8585.js');
+require('../../_curry1-2ca42ac1.js');
+require('../../_has-44378853.js');
 
 // align, and gap.
 
 const alignStyles = {
-  baseline: "_1mxsv1f",
-  center: "vlzpn",
-  end: "_1ykdd4k",
-  start: "_1lt12xh",
-  inherit: "fexpng",
-  initial: "_11hc5yz",
-  stretch: "_1c82g4z"
+  baseline: "_1fyu436",
+  center: "_1bdli2w",
+  end: "_1et83x2",
+  start: "n95yyo",
+  inherit: "dqs95t",
+  initial: "_1052emy",
+  stretch: "_1kbwhe8"
 };
 const justifyStyles = {
-  center: "_7n8k62",
-  end: "_4xjfu7",
-  start: "xtu2qp",
-  inherit: "_1ynm5hr",
-  initial: "_5zbbpw",
-  around: "er4oed",
-  between: "lldcl0",
-  evenly: "_15yolct"
+  center: "q84xjc",
+  end: "_17f5gme",
+  start: "dujth1",
+  inherit: "r14bj1",
+  initial: "recubv",
+  around: "spjd4g",
+  between: "s4uqz2",
+  evenly: "_13npe9z"
 };
 const boxAlignmentInterpolations = {
   align: ({

package/cjs/utils/UNSAFE_interpolations/boxalignment.js.map

@@ -1 +1 @@
-{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","justifies"],"mappings":";;;;;;;;;;;;AAMA;;AAEA,MAAAA,WAAA,GAAA;YAAA,UAAA;UAAA,OAAA;OAAA,UAAA;SAAA,UAAA;WAAA,QAAA;WAAA,UAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,SAAA;OAAA,SAAA;SAAA,QAAA;WAAA,UAAA;WAAA,SAAA;UAAA,QAAA;WAAA,QAAA;;AAAA,CAAA,CAAA;AA4CA,MAAAC,0BAAA,GAAA;;;8BAGM,KACA;IACIC,KAAA,EAAAH,WAAA,CAAAI,KAAA,CAAA;GALV;;;gCASM,KACA;IACID,KAAA,EAAAF,aAAA,CAAAI,OAAA,CAAA;GAXV;;AAcEC,EAAAA,GAAA,EAAA,CAAA;AAAAA,IAAAA,GAAAA;AAAA,GAAA,KAAA;;AAEI,MAAA,OAAA,EAAA,CAAA;AACD,WAAM;MACL,MAAA,CAAAC,OAAA,EAAAC,UAAA,GAAAD,OAAA,CAAAE,GAAAA,mCAAA,CAAAH,GAAA,CAAA,CAAA;MACA,OAAA;QAAAA,GAAA,EAAA,CAAAI,EAAAA,2BAAA,CAAAH,OAAA,CAAA,CAAAG,CAAAA,EAAAA,2BAAA,CAAAF,UAAA,CAAA,CAAA,CAAA;OAAA,CAAA;AACD,KAAA;;AApBL;AAyBA;;AACA,MAAAG,MAAA,GAAAC,WAAA,CAAAZ,WAAA,EAAA;AACA,MAAAa,SAAA,GAAAD,WAAA,CAAAX,aAAA;;;;;;;;;"}
+{"version":3,"file":"boxalignment.js","sources":["../../../../src/utils/UNSAFE_interpolations/boxalignment/boxalignment.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\nimport { Size, sizeToCSS } from '../../../utils/UNSAFE_size';\nimport { coerceArray } from '../../../utils/UNSAFE_arrayUtils';\n\n// boxalignment are styles that help with alignment for Grid/Flex styles, like justifyContent,\n// align, and gap.\n\nconst alignStyles = {\n  baseline: cssProps`${{\n    alignItems: 'baseline'\n  }}`,\n\n  center: cssProps`${{\n    alignItems: 'center'\n  }}`,\n\n  end: cssProps`${{\n    alignItems: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    alignItems: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    alignItems: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    alignItems: 'initial'\n  }}`,\n\n  stretch: cssProps`${{\n    alignItems: 'stretch'\n  }}`\n};\n\nconst justifyStyles = {\n  center: cssProps`${{\n    justifyContent: 'center'\n  }}`,\n\n  end: cssProps`${{\n    justifyContent: 'flex-end'\n  }}`,\n\n  start: cssProps`${{\n    justifyContent: 'flex-start'\n  }}`,\n\n  inherit: cssProps`${{\n    justifyContent: 'inherit'\n  }}`,\n\n  initial: cssProps`${{\n    justifyContent: 'initial'\n  }}`,\n\n  around: cssProps`${{\n    justifyContent: 'space-around'\n  }}`,\n\n  between: cssProps`${{\n    justifyContent: 'space-between'\n  }}`,\n\n  evenly: cssProps`${{\n    justifyContent: 'space-evenly'\n  }}`\n};\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type BoxAlignmentProps = {\n  align?: keyof typeof alignStyles;\n  gap?: Size | [Size] | [Size, Size];\n  justify?: keyof typeof justifyStyles;\n};\n\nconst boxAlignmentInterpolations = {\n  align: ({ align }: Pick<BoxAlignmentProps, 'align'>) =>\n    align === undefined\n      ? {}\n      : {\n          class: alignStyles[align]\n        },\n  justify: ({ justify }: Pick<BoxAlignmentProps, 'justify'>) =>\n    justify === undefined\n      ? {}\n      : {\n          class: justifyStyles[justify]\n        },\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n  gap: ({ gap }: Pick<BoxAlignmentProps, 'gap'>) => {\n    if (gap === undefined) {\n      return {};\n    } else {\n      const [rowSize, columnSize = rowSize] = coerceArray(gap) as [Size] | [Size, Size];\n      return { gap: `${sizeToCSS(rowSize)} ${sizeToCSS(columnSize)}` };\n    }\n  }\n};\n\n// These consts are exported so they can be used in stories to show the allowed options\n// e.g., See Flex.stories.tsx:   align: {control: 'select',options: aligns}\nconst aligns = keys(alignStyles);\nconst justifies = keys(justifyStyles);\n\nexport { aligns, justifies, boxAlignmentInterpolations };\n"],"names":["alignStyles","justifyStyles","boxAlignmentInterpolations","class","align","justify","gap","rowSize","columnSize","coerceArray","sizeToCSS","aligns","keys","justifies"],"mappings":";;;;;;;;;;;;AAMA;;AAEA,MAAAA,WAAA,GAAA;YAAA,UAAA;UAAA,UAAA;OAAA,UAAA;SAAA,QAAA;WAAA,QAAA;WAAA,UAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,QAAA;OAAA,UAAA;SAAA,QAAA;WAAA,QAAA;WAAA,QAAA;UAAA,QAAA;WAAA,QAAA;;AAAA,CAAA,CAAA;AA4CA,MAAAC,0BAAA,GAAA;;;8BAGM,KACA;IACIC,KAAA,EAAAH,WAAA,CAAAI,KAAA,CAAA;GALV;;;gCASM,KACA;IACID,KAAA,EAAAF,aAAA,CAAAI,OAAA,CAAA;GAXV;;AAcEC,EAAAA,GAAA,EAAA,CAAA;AAAAA,IAAAA,GAAAA;AAAA,GAAA,KAAA;;AAEI,MAAA,OAAA,EAAA,CAAA;AACD,WAAM;MACL,MAAA,CAAAC,OAAA,EAAAC,UAAA,GAAAD,OAAA,CAAAE,GAAAA,mCAAA,CAAAH,GAAA,CAAA,CAAA;MACA,OAAA;QAAAA,GAAA,EAAA,CAAAI,EAAAA,2BAAA,CAAAH,OAAA,CAAA,CAAAG,CAAAA,EAAAA,2BAAA,CAAAF,UAAA,CAAA,CAAA,CAAA;OAAA,CAAA;AACD,KAAA;;AApBL;AAyBA;;AACA,MAAAG,MAAA,GAAAC,WAAA,CAAAZ,WAAA,EAAA;AACA,MAAAa,SAAA,GAAAD,WAAA,CAAAX,aAAA;;;;;;;;;"}

package/cjs/utils/UNSAFE_interpolations/colors.js

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

package/cjs/utils/UNSAFE_interpolations/dimensions.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('../UNSAFE_arrayUtils.js');
 var utils_UNSAFE_size = require('../UNSAFE_size.js');
-var _curry1$1 = require('../../_curry1-f9c3180c.js');
+var _curry1$1 = require('../../_curry1-2ca42ac1.js');
 
 var _curry1 =
 

package/cjs/utils/UNSAFE_interpolations/flexbox.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexbox = require('../../flexbox-b0d057b5.js');
+var flexbox = require('../../flexbox-4478de27.js');
 require("identity-obj-proxy");
-require('../../keys-1af91f94.js');
-require('../../_curry1-f9c3180c.js');
-require('../../_has-fc4b8585.js');
+require('../../keys-f8953f38.js');
+require('../../_curry1-2ca42ac1.js');
+require('../../_has-44378853.js');
 
 
 

package/cjs/utils/UNSAFE_interpolations/flexitem.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexitem = require('../../flexitem-4d8ef097.js');
+var flexitem = require('../../flexitem-113e0240.js');
 require("identity-obj-proxy");
-require('../../keys-1af91f94.js');
-require('../../_curry1-f9c3180c.js');
-require('../../_has-fc4b8585.js');
+require('../../keys-f8953f38.js');
+require('../../_curry1-2ca42ac1.js');
+require('../../_has-44378853.js');
 
 
 

package/cjs/utils/UNSAFE_interpolations/grid.js

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

package/cjs/utils/UNSAFE_interpolations/griditem.js

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

package/cjs/utils/UNSAFE_interpolations/padding.js

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

package/cjs/utils/UNSAFE_interpolations/text.js

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require("identity-obj-proxy");
-var keys = require('../../keys-1af91f94.js');
-require('../../_curry1-f9c3180c.js');
-require('../../_has-fc4b8585.js');
+var keys = require('../../keys-f8953f38.js');
+require('../../_curry1-2ca42ac1.js');
+require('../../_has-44378853.js');
 
 const textAlignStyles = {
-  start: "_1xbdqqv",
-  end: "dw0dwt",
-  right: "_1sk3vxe"
+  start: "_1edxhjp",
+  end: "_15j8fyy",
+  right: "ug3xud"
 };
 const textStyles = {
   textAlign: textAlignStyles

package/cjs/utils/UNSAFE_interpolations/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","textInterpolations"],"mappings":";;;;;;;;;;AAGA,MAAAA,eAAA,GAAA;SAAA,UAAA;OAAA,QAAA;;AAAA,EAAA;AAcA,MAAAC,UAAA,GAAA;AACEC,EAAAA,SAAA,EAAAF,eAAAA;AADF,EAAA;AAIA,MAAAG,UAAA,GAAAC,WAAA,CAAAJ,eAAA,EAAA;AAUA,MAAAK,kBAAA,GAAA;;;;;;AAAA;;;;;;;;;;"}
+{"version":3,"file":"text.js","sources":["../../../../src/utils/UNSAFE_interpolations/text/text.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport keys from 'ramda/src/keys';\n\nconst textAlignStyles = {\n  start: cssProps`${{\n    textAlign: 'start'\n  }}`,\n\n  end: cssProps`${{\n    textAlign: 'end'\n  }}`,\n\n  right: cssProps`${{\n    textAlign: 'right'\n  }}`\n};\n\nconst textStyles = {\n  textAlign: textAlignStyles\n};\n\nconst textAligns = keys(textAlignStyles);\n\n// See https://stackoverflow.com/questions/55377365/what-does-keyof-typeof-mean-in-typescript\n// typeof operator gives you the type of an object\n// then keyof operator gives you the literal type union\n// derive the types of each property from the implementation\nexport type TextProps = {\n  textAlign?: keyof typeof textAlignStyles;\n};\n\nconst textInterpolations = {\n  textAlign: ({ textAlign }: Pick<TextProps, 'textAlign'>) =>\n    textAlign === undefined ? {} : { class: textAlignStyles[textAlign] }\n};\n\nexport { textAligns, textAlignStyles, textInterpolations, textStyles };\n"],"names":["textAlignStyles","textStyles","textAlign","textAligns","keys","textInterpolations"],"mappings":";;;;;;;;;;AAGA,MAAAA,eAAA,GAAA;SAAA,UAAA;OAAA,UAAA;;AAAA,EAAA;AAcA,MAAAC,UAAA,GAAA;AACEC,EAAAA,SAAA,EAAAF,eAAAA;AADF,EAAA;AAIA,MAAAG,UAAA,GAAAC,WAAA,CAAAJ,eAAA,EAAA;AAUA,MAAAK,kBAAA,GAAA;;;;;;AAAA;;;;;;;;;;"}

package/cjs/utils/UNSAFE_keys.js

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

package/cjs/utils/UNSAFE_lengthFilter.js

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

package/cjs/utils/UNSAFE_logger.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_curry1-f9c3180c.js');
-var _curry2$1 = require('../_curry2-ad00fb4c.js');
+require('../_curry1-2ca42ac1.js');
+var _curry2$1 = require('../_curry2-0ce9dfd3.js');
 
 var _curry2 =
 

package/cjs/utils/UNSAFE_matchTranslationBundle.js

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

package/cjs/utils/UNSAFE_mergeInterpolations.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./UNSAFE_classNames.js');
-require('../_curry1-f9c3180c.js');
-var _curry3$2 = require('../_curry3-b8e1c014.js');
-var _has$1 = require('../_has-fc4b8585.js');
-var classNames = require('../classNames-fb6466b2.js');
-require('../_curry2-ad00fb4c.js');
+require('../_curry1-2ca42ac1.js');
+var _curry3$2 = require('../_curry3-20134a4d.js');
+var _has$1 = require('../_has-44378853.js');
+var classNames = require('../classNames-c23b5e17.js');
+require('../_curry2-0ce9dfd3.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.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_meterTypes.js

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

package/cjs/utils/UNSAFE_roles.js

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

package/cjs/utils/UNSAFE_selectUtils.js

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

package/cjs/utils/UNSAFE_size.js

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

package/cjs/utils/UNSAFE_soundUtils.js

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

package/cjs/utils/UNSAFE_stringUtils.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var stringUtils = require('../stringUtils-70baaa12.js');
+var stringUtils = require('../stringUtils-7911a543.js');
 
 /**
  * @license

package/cjs/utils/UNSAFE_typeUtils.js

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

package/cjs/utils/UNSAFE_units.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('./UNSAFE_arrayUtils.js');
 require('./UNSAFE_stringUtils.js');
-var stringUtils = require('../stringUtils-70baaa12.js');
+var stringUtils = require('../stringUtils-7911a543.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.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 'use strict';
 
 

package/es/{ClearIcon-982510c9.js → ClearIcon-e16a82c6.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 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: "_1r6eaxl"
+  base: "t1y0j"
 };
 
 const noop = () => {};
@@ -57,4 +57,4 @@ function ClearIcon({
 
 export { ClearIcon as C };
 /*  */
-//# sourceMappingURL=ClearIcon-982510c9.js.map
+//# sourceMappingURL=ClearIcon-e16a82c6.js.map

package/es/{ClearIcon-982510c9.js.map → ClearIcon-e16a82c6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClearIcon-982510c9.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-e16a82c6.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-211117fc.js → LoadMoreCollection-c4f1754c.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 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-211117fc.js.map
+//# sourceMappingURL=LoadMoreCollection-c4f1754c.js.map

package/es/{LoadMoreCollection-211117fc.js.map → LoadMoreCollection-c4f1754c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreCollection-211117fc.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-c4f1754c.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.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 

package/es/PRIVATE_List.css

@@ -1,17 +1,17 @@
-.vtidfu{height:100%;user-select:none;overflow-y:inherit;}.vtidfu:focus{outline-style:none;}
-.t386pk{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%;}
-.m7a9n{position:relative;}
+._1n29h1f{height:100%;user-select:none;overflow-y:inherit;}._1n29h1f:focus{outline-style:none;}
+.l3wqox{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%;}
+.v7qnqk{position:relative;}
 
-._1e9ngx3{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._168jdon{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-._1ccarxg{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;}
-.km68ep{background-size:100% 1px;}
-._1td52u2{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;}
-.sexp2g:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._19hpest{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._1j7iets{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);}
-._1vtztmc{background-size:100% 1px;}
-._57rtk7{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.gmg2bf{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._1hbdjzn{flex-grow:1;}
-._1u1lohm{display:flex;}
+.qkguey{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;}
+.claejc{background-size:100% 1px;}
+._18osny4{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;}
+._15l0chj:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._19wrxmz{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._14dxgmr{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);}
+._1mj7osc{background-size:100% 1px;}
+._1v31z7m{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.gvnw13{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._1p0rg9k{flex-grow:1;}
+._1weitij{display:flex;}

package/es/PRIVATE_List.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.14 */
 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-211117fc.js';
+import { L as LoadMoreCollection } from './LoadMoreCollection-c4f1754c.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-741e4bea.js';
-import './_curry2-17784d2a.js';
-import './_curry3-38b39c78.js';
-import './tslib.es6-d3abf634.js';
+import './_curry1-2f301bdb.js';
+import './_curry2-4e43dbab.js';
+import './_curry3-aa76d681.js';
+import './tslib.es6-d865de5b.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-236af835.js';
+import './_has-b63da983.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-1671d3fe.js';
+import './keys-0966af01.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-6eadec6f.js';
+import './index-472e8b43.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: "_1ccarxg",
-  gridlines: "km68ep",
-  gridlineTop: "_1td52u2",
-  selectable: "sexp2g",
-  selected: "_19hpest",
-  selectedSingle: "_1j7iets",
-  suggestionEnd: "_1vtztmc",
-  highlight: "_57rtk7",
-  focused: "gmg2bf"
+  base: "qkguey",
+  gridlines: "claejc",
+  gridlineTop: "_18osny4",
+  selectable: "_15l0chj",
+  selected: "_19wrxmz",
+  selectedSingle: "_14dxgmr",
+  suggestionEnd: "_1mj7osc",
+  highlight: "_1v31z7m",
+  focused: "gvnw13"
 };
 const cellStyles = {
-  base: "_1hbdjzn",
-  checkboxContainer: "_1u1lohm"
+  base: "_1p0rg9k",
+  checkboxContainer: "_1weitij"
 };
 /**
  * The internal component used to render a single item in ListView.
@@ -186,7 +186,7 @@ const isSelectable = (selectionMode, isItemSelected) => {
 };
 
 const containerStyle = {
-  base: "_1e9ngx3"
+  base: "_168jdon"
 };
 /**
  * Allows to specify the time delay for rendering the component
@@ -219,11 +219,11 @@ function SkeletonContainer({
 }
 
 const styles = {
-  base: "vtidfu"
+  base: "_1n29h1f"
 };
 const sparkleStyles = {
-  base: "t386pk",
-  container: "m7a9n"
+  base: "l3wqox",
+  container: "v7qnqk"
 };
 /**
  * Component that renders items as a flat list.