@oracle/oraclejet-preact 14.1.0 → 14.1.1

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,QAAA;UAAA,SAAA;OAAA,QAAA;SAAA,UAAA;WAAA,UAAA;WAAA,QAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,UAAA;OAAA,QAAA;SAAA,UAAA;WAAA,UAAA;WAAA,SAAA;UAAA,UAAA;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,QAAA;UAAA,UAAA;OAAA,QAAA;SAAA,QAAA;WAAA,UAAA;WAAA,UAAA;;AAAA,CAAA,CAAA;AA8BA,MAAAC,aAAA,GAAA;UAAA,UAAA;OAAA,UAAA;SAAA,UAAA;WAAA,SAAA;WAAA,UAAA;UAAA,UAAA;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;;;;;;;;;"}

package/cjs/utils/UNSAFE_interpolations/colors.js

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

package/cjs/utils/UNSAFE_interpolations/dimensions.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 '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-f1ebd742.js');
+var _curry1$1 = require('../../_curry1-3251b1fd.js');
 
 var _curry1 =
 

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

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
-var flexbox = require('../../../flexbox-6deddb70.js');
+var flexbox = require('../../../flexbox-5a021af6.js');
 var chai = require('chai');
 require("identity-obj-proxy");
-require('../../../keys-326d80d5.js');
-require('../../../_curry1-f1ebd742.js');
-require('../../../_has-2eedb7e0.js');
+require('../../../keys-dc35838f.js');
+require('../../../_curry1-3251b1fd.js');
+require('../../../_has-c5b8419a.js');
 
 const { direction } = flexbox.flexboxInterpolations;
 describe('flexbox direction', () => {

package/cjs/utils/UNSAFE_interpolations/flexbox.js

@@ -1,13 +1,13 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexbox = require('../../flexbox-6deddb70.js');
+var flexbox = require('../../flexbox-5a021af6.js');
 require("identity-obj-proxy");
-require('../../keys-326d80d5.js');
-require('../../_curry1-f1ebd742.js');
-require('../../_has-2eedb7e0.js');
+require('../../keys-dc35838f.js');
+require('../../_curry1-3251b1fd.js');
+require('../../_has-c5b8419a.js');
 
 
 

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

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
-var flexitem = require('../../../flexitem-0c1e9a72.js');
+var flexitem = require('../../../flexitem-382affea.js');
 var chai = require('chai');
 require("identity-obj-proxy");
-require('../../../keys-326d80d5.js');
-require('../../../_curry1-f1ebd742.js');
-require('../../../_has-2eedb7e0.js');
+require('../../../keys-dc35838f.js');
+require('../../../_curry1-3251b1fd.js');
+require('../../../_has-c5b8419a.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.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var flexitem = require('../../flexitem-0c1e9a72.js');
+var flexitem = require('../../flexitem-382affea.js');
 require("identity-obj-proxy");
-require('../../keys-326d80d5.js');
-require('../../_curry1-f1ebd742.js');
-require('../../_has-2eedb7e0.js');
+require('../../keys-dc35838f.js');
+require('../../_curry1-3251b1fd.js');
+require('../../_has-c5b8419a.js');
 
 
 

package/cjs/utils/UNSAFE_interpolations/grid.js

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

package/cjs/utils/UNSAFE_interpolations/griditem.js

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

package/cjs/utils/UNSAFE_interpolations/padding.js

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

package/cjs/utils/UNSAFE_interpolations/text.js

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require("identity-obj-proxy");
-var keys = require('../../keys-326d80d5.js');
-require('../../_curry1-f1ebd742.js');
-require('../../_has-2eedb7e0.js');
+var keys = require('../../keys-dc35838f.js');
+require('../../_curry1-3251b1fd.js');
+require('../../_has-c5b8419a.js');
 
 const textAlignStyles = {
-  start: "_1klg2yk",
-  end: "_1haq40h",
-  right: "ddum9u"
+  start: "_1h7uaml",
+  end: "_10tnofg",
+  right: "_290tmg"
 };
 const textStyles = {
   textAlign: textAlignStyles

package/cjs/utils/UNSAFE_keys.js

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

package/cjs/utils/UNSAFE_lengthFilter.js

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

package/cjs/utils/UNSAFE_logger.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_curry1-f1ebd742.js');
-var _curry2$1 = require('../_curry2-588f7ddc.js');
+require('../_curry1-3251b1fd.js');
+var _curry2$1 = require('../_curry2-44662556.js');
 
 var _curry2 =
 

package/cjs/utils/UNSAFE_matchTranslationBundle.js

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

package/cjs/utils/UNSAFE_mergeInterpolations.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./UNSAFE_classNames.js');
-require('../_curry1-f1ebd742.js');
-var _curry3$2 = require('../_curry3-bc6e6a86.js');
-var _has$1 = require('../_has-2eedb7e0.js');
-var classNames = require('../classNames-55bceee6.js');
-require('../_curry2-588f7ddc.js');
+require('../_curry1-3251b1fd.js');
+var _curry3$2 = require('../_curry3-047e03f4.js');
+var _has$1 = require('../_has-c5b8419a.js');
+var classNames = require('../classNames-28108b7d.js');
+require('../_curry2-44662556.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.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/utils/UNSAFE_meterTypes.js

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

package/cjs/utils/UNSAFE_roles.js

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

package/cjs/utils/UNSAFE_selectUtils.js

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

package/cjs/utils/UNSAFE_size.js

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

package/cjs/utils/UNSAFE_soundUtils.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 '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.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 var chai = require('chai');
-var stringUtils = require('../../stringUtils-dad38408.js');
+var stringUtils = require('../../stringUtils-95025658.js');
 
 describe('Test StringUtils', () => {
     it('isEmpty', function () {

package/cjs/utils/UNSAFE_stringUtils.js

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

package/cjs/utils/UNSAFE_typeUtils.js

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

package/cjs/utils/UNSAFE_units.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_UNSAFE_arrayUtils = require('./UNSAFE_arrayUtils.js');
 require('./UNSAFE_stringUtils.js');
-var stringUtils = require('../stringUtils-dad38408.js');
+var stringUtils = require('../stringUtils-95025658.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.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 

package/es/{ClearIcon-d72880bc.js → ClearIcon-14e26c73.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 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: "_9ars5x"
+  base: "_1ea22j6"
 };
 
 const noop = () => {};
@@ -57,4 +57,4 @@ function ClearIcon({
 
 export { ClearIcon as C };
 /*  */
-//# sourceMappingURL=ClearIcon-d72880bc.js.map
+//# sourceMappingURL=ClearIcon-14e26c73.js.map

package/es/{ClearIcon-d72880bc.js.map → ClearIcon-14e26c73.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClearIcon-d72880bc.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-14e26c73.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-735f7102.js → LoadMoreCollection-5d52230f.js}

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 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-735f7102.js.map
+//# sourceMappingURL=LoadMoreCollection-5d52230f.js.map

package/es/{LoadMoreCollection-735f7102.js.map → LoadMoreCollection-5d52230f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreCollection-735f7102.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-5d52230f.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.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 

package/es/PRIVATE_List.css

@@ -1,17 +1,17 @@
-._10d0tgu{height:100%;user-select:none;overflow-y:inherit;}._10d0tgu:focus{outline-style:none;}
-._1hwssza{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%;}
-._14h04o3{position:relative;}
+._16702un{height:100%;user-select:none;overflow-y:inherit;}._16702un:focus{outline-style:none;}
+.cnnmt7{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%;}
+._1twuoxz{position:relative;}
 
-.mms8za{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._1mmsy6f{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-._4l8v7t{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;}
-._14kiway{background-size:100% 1px;}
-.r3fr13{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;}
-.ovypdr:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._1hcz5g5{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._4b8won{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);}
-._10kz96g{background-size:100% 1px;}
-.iqsi5d{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._1jmlya9{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._74pqfh{flex-grow:1;}
-.iyhli7{display:flex;}
+.emrr9b{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;}
+.pl0uza{background-size:100% 1px;}
+._1uyjryl{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;}
+._1msoob0:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._1xws6qf{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._74ypmr{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);}
+._1r98hjd{background-size:100% 1px;}
+._19331p{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._5ywzyv{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._1gzvr2k{flex-grow:1;}
+._1lgy49i{display:flex;}

package/es/PRIVATE_List.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.1.0 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 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-735f7102.js';
+import { L as LoadMoreCollection } from './LoadMoreCollection-5d52230f.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-ab762f3c.js';
-import './_curry2-9cf34233.js';
-import './_curry3-77af75f1.js';
-import './tslib.es6-821b2d99.js';
+import './_curry1-2e8e0d03.js';
+import './_curry2-881202fe.js';
+import './_curry3-41970884.js';
+import './tslib.es6-724d273f.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_has-e54ed87c.js';
+import './_has-f0e635df.js';
 import './utils/UNSAFE_interpolations/borders.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-6f2f2841.js';
+import './keys-80e99f26.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-8cf878d9.js';
+import './index-e46c8745.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: "_4l8v7t",
-  gridlines: "_14kiway",
-  gridlineTop: "r3fr13",
-  selectable: "ovypdr",
-  selected: "_1hcz5g5",
-  selectedSingle: "_4b8won",
-  suggestionEnd: "_10kz96g",
-  highlight: "iqsi5d",
-  focused: "_1jmlya9"
+  base: "emrr9b",
+  gridlines: "pl0uza",
+  gridlineTop: "_1uyjryl",
+  selectable: "_1msoob0",
+  selected: "_1xws6qf",
+  selectedSingle: "_74ypmr",
+  suggestionEnd: "_1r98hjd",
+  highlight: "_19331p",
+  focused: "_5ywzyv"
 };
 const cellStyles = {
-  base: "_74pqfh",
-  checkboxContainer: "iyhli7"
+  base: "_1gzvr2k",
+  checkboxContainer: "_1lgy49i"
 };
 /**
  * The internal component used to render a single item in ListView.
@@ -186,7 +186,7 @@ const isSelectable = (selectionMode, isItemSelected) => {
 };
 
 const containerStyle = {
-  base: "mms8za"
+  base: "_1mmsy6f"
 };
 /**
  * Allows to specify the time delay for rendering the component
@@ -219,11 +219,11 @@ function SkeletonContainer({
 }
 
 const styles = {
-  base: "_10d0tgu"
+  base: "_16702un"
 };
 const sparkleStyles = {
-  base: "_1hwssza",
-  container: "_14h04o3"
+  base: "cnnmt7",
+  container: "_1twuoxz"
 };
 /**
  * Component that renders items as a flat list.