@oracle/oraclejet-preact 14.1.2 → 14.1.4

package/cjs/utils/PRIVATE_meterUtils.js

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

package/cjs/utils/PRIVATE_refUtils.js

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

package/cjs/utils/PRIVATE_tabbableUtils.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _curry1$2 = require('../_curry1-3e86e025.js');
-var _curry2$3 = require('../_curry2-a2a6c384.js');
-var _curry3$2 = require('../_curry3-6b767690.js');
+var _curry1$2 = require('../_curry1-1795bc67.js');
+var _curry2$3 = require('../_curry2-337a8096.js');
+var _curry3$2 = require('../_curry3-3e1d9917.js');
 
 function _isString$2(x) {
   return Object.prototype.toString.call(x) === '[object String]';

package/cjs/utils/PRIVATE_timer.js

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

package/cjs/utils/UNSAFE_arrayUtils.js

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

package/cjs/utils/UNSAFE_attributeUtils.js

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

package/cjs/utils/UNSAFE_classNames/classNames.spec.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
-var classNames = require('../../classNames-f5a539b5.js');
+var classNames = require('../../classNames-f9ea39c5.js');
 var chai = require('chai');
 
 describe('Utilities', () => {

package/cjs/utils/UNSAFE_classNames.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classNames = require('../classNames-f5a539b5.js');
+var classNames = require('../classNames-f9ea39c5.js');
 
 
 

package/cjs/utils/UNSAFE_componentUtils.js

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

package/cjs/utils/UNSAFE_dataProvider.js

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

package/cjs/utils/UNSAFE_dvtCommonUtils.js

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

package/cjs/utils/UNSAFE_filePickerUtils.js

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

package/cjs/utils/UNSAFE_getLocale.js

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

package/cjs/utils/UNSAFE_interpolations/aria.js

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

package/cjs/utils/UNSAFE_interpolations/borders.js

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

package/cjs/utils/UNSAFE_interpolations/boxalignment.js

@@ -1,35 +1,35 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require("identity-obj-proxy");
-var keys = require('../../keys-951b641d.js');
+var keys = require('../../keys-ae3bc57a.js');
 var utils_UNSAFE_size = require('../UNSAFE_size.js');
 var utils_UNSAFE_arrayUtils = require('../UNSAFE_arrayUtils.js');
-require('../../_curry1-3e86e025.js');
-require('../../_has-6ed0f3f9.js');
+require('../../_curry1-1795bc67.js');
+require('../../_has-f094feec.js');
 
 // align, and gap.
 
 const alignStyles = {
-  baseline: "_18l8oo5",
-  center: "_1inou5o",
-  end: "_1oejfnz",
-  start: "_1p54u47",
-  inherit: "_1epmsnz",
-  initial: "_15g1ahh",
-  stretch: "cpcap6"
+  baseline: "_1r1e8hk",
+  center: "_1qsc967",
+  end: "b76avt",
+  start: "_1eg7r9t",
+  inherit: "_1i74gd5",
+  initial: "q9s27o",
+  stretch: "cagtm3"
 };
 const justifyStyles = {
-  center: "vj0q6l",
-  end: "h22cl1",
-  start: "_1sk7clf",
-  inherit: "_1oknhky",
-  initial: "_2odnkx",
-  around: "to8be",
-  between: "_1f0r78m",
-  evenly: "li90yf"
+  center: "_35zx5b",
+  end: "_110siw7",
+  start: "sjygbe",
+  inherit: "ld0vx3",
+  initial: "_19vps2j",
+  around: "_14isks4",
+  between: "sowwp9",
+  evenly: "_1w8w4wx"
 };
 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,UAAA;OAAA,UAAA;SAAA,UAAA;WAAA,UAAA;WAAA,UAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,QAAA;OAAA,QAAA;SAAA,UAAA;WAAA,UAAA;WAAA,SAAA;UAAA,OAAA;WAAA,UAAA;;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,QAAA;SAAA,UAAA;WAAA,UAAA;WAAA,QAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,SAAA;OAAA,UAAA;SAAA,QAAA;WAAA,QAAA;WAAA,UAAA;UAAA,UAAA;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.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_interpolations/dimensions.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 '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-3e86e025.js');
+var _curry1$1 = require('../../_curry1-1795bc67.js');
 
 var _curry1 =
 

package/cjs/utils/UNSAFE_interpolations/flexbox/flexbox.spec.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
-var flexbox = require('../../../flexbox-4b2952e1.js');
+var flexbox = require('../../../flexbox-2b92d0d4.js');
 var chai = require('chai');
 require("identity-obj-proxy");
-require('../../../keys-951b641d.js');
-require('../../../_curry1-3e86e025.js');
-require('../../../_has-6ed0f3f9.js');
+require('../../../keys-ae3bc57a.js');
+require('../../../_curry1-1795bc67.js');
+require('../../../_has-f094feec.js');
 
 const { direction } = flexbox.flexboxInterpolations;
 describe('flexbox direction', () => {

package/cjs/utils/UNSAFE_interpolations/flexbox.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexbox = require('../../flexbox-4b2952e1.js');
+var flexbox = require('../../flexbox-2b92d0d4.js');
 require("identity-obj-proxy");
-require('../../keys-951b641d.js');
-require('../../_curry1-3e86e025.js');
-require('../../_has-6ed0f3f9.js');
+require('../../keys-ae3bc57a.js');
+require('../../_curry1-1795bc67.js');
+require('../../_has-f094feec.js');
 
 
 

package/cjs/utils/UNSAFE_interpolations/flexitem/flexitem.spec.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
-var flexitem = require('../../../flexitem-c198a18f.js');
+var flexitem = require('../../../flexitem-cfbc1679.js');
 var chai = require('chai');
 require("identity-obj-proxy");
-require('../../../keys-951b641d.js');
-require('../../../_curry1-3e86e025.js');
-require('../../../_has-6ed0f3f9.js');
+require('../../../keys-ae3bc57a.js');
+require('../../../_curry1-1795bc67.js');
+require('../../../_has-f094feec.js');
 
 const { alignSelf } = flexitem.flexitemInterpolations;
 // TODO: Is this test actually useful?  What kind of testing should be done on interpolations?

package/cjs/utils/UNSAFE_interpolations/flexitem.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexitem = require('../../flexitem-c198a18f.js');
+var flexitem = require('../../flexitem-cfbc1679.js');
 require("identity-obj-proxy");
-require('../../keys-951b641d.js');
-require('../../_curry1-3e86e025.js');
-require('../../_has-6ed0f3f9.js');
+require('../../keys-ae3bc57a.js');
+require('../../_curry1-1795bc67.js');
+require('../../_has-f094feec.js');
 
 
 

package/cjs/utils/UNSAFE_interpolations/grid.js

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

package/cjs/utils/UNSAFE_interpolations/griditem.js

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

package/cjs/utils/UNSAFE_interpolations/padding.js

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

package/cjs/utils/UNSAFE_interpolations/text.js

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require("identity-obj-proxy");
-var keys = require('../../keys-951b641d.js');
-require('../../_curry1-3e86e025.js');
-require('../../_has-6ed0f3f9.js');
+var keys = require('../../keys-ae3bc57a.js');
+require('../../_curry1-1795bc67.js');
+require('../../_has-f094feec.js');
 
 const textAlignStyles = {
-  start: "_1urc8e3",
-  end: "w35k7y",
-  right: "t820ib"
+  start: "_1ym6qyu",
+  end: "_5v9nr8",
+  right: "_1yr5oz1"
 };
 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,SAAA;;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.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_lengthFilter.js

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

package/cjs/utils/UNSAFE_logger.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_curry1-3e86e025.js');
-var _curry2$1 = require('../_curry2-a2a6c384.js');
+require('../_curry1-1795bc67.js');
+var _curry2$1 = require('../_curry2-337a8096.js');
 
 var _curry2 =
 

package/cjs/utils/UNSAFE_matchTranslationBundle.js

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

package/cjs/utils/UNSAFE_mergeInterpolations.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./UNSAFE_classNames.js');
-require('../_curry1-3e86e025.js');
-var _curry3$2 = require('../_curry3-6b767690.js');
-var _has$1 = require('../_has-6ed0f3f9.js');
-var classNames = require('../classNames-f5a539b5.js');
-require('../_curry2-a2a6c384.js');
+require('../_curry1-1795bc67.js');
+var _curry3$2 = require('../_curry3-3e1d9917.js');
+var _has$1 = require('../_has-f094feec.js');
+var classNames = require('../classNames-f9ea39c5.js');
+require('../_curry2-337a8096.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.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_meterTypes.js

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

package/cjs/utils/UNSAFE_roles.js

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

package/cjs/utils/UNSAFE_selectUtils.js

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

package/cjs/utils/UNSAFE_size.js

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

package/cjs/utils/UNSAFE_soundUtils.js

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

package/cjs/utils/UNSAFE_stringUtils/stringUtils.spec.js

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 var chai = require('chai');
-var stringUtils = require('../../stringUtils-c2a4bb1c.js');
+var stringUtils = require('../../stringUtils-5a974072.js');
 
 describe('Test StringUtils', () => {
     it('isEmpty', function () {

package/cjs/utils/UNSAFE_stringUtils.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var stringUtils = require('../stringUtils-c2a4bb1c.js');
+var stringUtils = require('../stringUtils-5a974072.js');
 
 /**
  * @license

package/cjs/utils/UNSAFE_typeUtils.js

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

package/cjs/utils/UNSAFE_units.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('./UNSAFE_arrayUtils.js');
 require('./UNSAFE_stringUtils.js');
-var stringUtils = require('../stringUtils-c2a4bb1c.js');
+var stringUtils = require('../stringUtils-5a974072.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.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 'use strict';
 
 

package/es/{ClearIcon-1afe1f64.js → ClearIcon-6334c3f9.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 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: "tkvfa1"
+  base: "_1otiw6y"
 };
 
 const noop = () => {};
@@ -57,4 +57,4 @@ function ClearIcon({
 
 export { ClearIcon as C };
 /*  */
-//# sourceMappingURL=ClearIcon-1afe1f64.js.map
+//# sourceMappingURL=ClearIcon-6334c3f9.js.map

package/es/{ClearIcon-1afe1f64.js.map → ClearIcon-6334c3f9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClearIcon-1afe1f64.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-6334c3f9.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-629e105d.js → LoadMoreCollection-57ab3cbb.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.2 */
+/* @oracle/oraclejet-preact: 14.1.4 */
 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-629e105d.js.map
+//# sourceMappingURL=LoadMoreCollection-57ab3cbb.js.map

package/es/{LoadMoreCollection-629e105d.js.map → LoadMoreCollection-57ab3cbb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreCollection-629e105d.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-57ab3cbb.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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"}