@oracle/oraclejet-preact 14.0.17 → 14.0.18

package/cjs/UNSAFE_SelectSingle.js

@@ -1,17 +1,17 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SelectSingle = require('./SelectSingle-97528530.js');
+var SelectSingle = require('./SelectSingle-1201ad16.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/compat');
 require('./hooks/UNSAFE_useFocusableTextField.js');
-require('./tslib.es6-3a9a7bce.js');
+require('./tslib.es6-9f910ae4.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-9463bf9c.js');
+require('./useFocusWithin-1f6549f5.js');
 require('./hooks/UNSAFE_useFormContext.js');
 require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./hooks/UNSAFE_useLoadingIndicatorTimer.js');
@@ -20,63 +20,63 @@ require('./hooks/UNSAFE_useTextField.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Label.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-c244c6b5.js');
+require('./classNames-d9ff1188.js');
 
 require('./UNSAFE_LiveRegion.js');
 require('./UNSAFE_TextField.js');
-require('./ReadonlyTextFieldInput-df7d9551.js');
+require('./ReadonlyTextFieldInput-d865482d.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./utils/UNSAFE_interpolations/text.js');
-require('./keys-b25c25eb.js');
-require('./_curry1-8041d5c4.js');
-require('./_has-fbcc6ed0.js');
+require('./keys-d802590e.js');
+require('./_curry1-bf67b632.js');
+require('./_has-eba0409e.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./FormControlUtils-91272b5d.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./FormControlUtils-19d009cf.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-0477300a.js');
+require('./Flex-80d4a30b.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-d7555029.js');
+require('./flexbox-de6ca4d3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d9e85c86.js');
-require('./TextFieldInput-f7b50890.js');
+require('./flexitem-5b4f11b0.js');
+require('./TextFieldInput-c70fae2b.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-7abe2495.js');
+require('./clientHints-769016be.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_UserAssistance.js');
-require('./InlineHelpSource-b7376517.js');
+require('./InlineHelpSource-be5cb936.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-a1377b54.js');
+require('./ComponentMessage-dc9a4dfc.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
-require('./MessageCloseButton-f820af87.js');
+require('./MessageCloseButton-48097f98.js');
 require('./UNSAFE_Button.js');
-require('./Button-62d2d090.js');
+require('./Button-87aeedd0.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-d631ce3d.js');
+require('./BaseButton-3d84f55e.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-68cf332c.js');
-require('./index-e0e5d9e7.js');
+require('./index-1896f42d.js');
+require('./index-9ceb8dc7.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-4ae27889.js');
+require('./Icon-1154552a.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-38a935e0.js');
-require('./index-9fff364f.js');
+require('./Floating-1b5183bb.js');
+require('./index-d6689974.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./utils/PRIVATE_floatingUtils.js');
 require('./utils/PRIVATE_refUtils.js');
@@ -84,40 +84,40 @@ require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-e9cefe9a.js');
+require('./useAnimation-744ceb4b.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./MessageDetail-4711b78d.js');
-require('./MessageFormattingUtils-7caa7444.js');
+require('./MessageDetail-34a424f0.js');
+require('./MessageFormattingUtils-55d306ba.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-c1b20b4c.js');
-require('./Message.types-70248ba1.js');
-require('./MessageStartIcon-5affbd2c.js');
-require('./MessageSummary-d698a63e.js');
-require('./MessageTimestamp-efee7c01.js');
-require('./MessageUtils-3d2dab4e.js');
+require('./stringUtils-8504b445.js');
+require('./Message.types-4c9cc6fe.js');
+require('./MessageStartIcon-b410dde3.js');
+require('./MessageSummary-2adfa7d2.js');
+require('./MessageTimestamp-5608c4e2.js');
+require('./MessageUtils-e2823fcb.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-dea7c6af.js');
+require('./MessagesManager-96192a54.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-553a8ebd.js');
-require('./ComponentMessageContainer-ccd03f90.js');
+require('./HiddenAccessible-40bf241a.js');
+require('./ComponentMessageContainer-536bfde8.js');
 require('./PRIVATE_SelectCommon.js');
 require('./UNSAFE_HighlightText.js');
-require('./HighlightText-35317372.js');
+require('./HighlightText-cf41c8b9.js');
 require('./PRIVATE_List.js');
-require('./List-623a3ebe.js');
+require('./List-0ddfbf65.js');
 require('./utils/UNSAFE_keys.js');
-require('./LoadMoreCollection-f702c6e6.js');
+require('./LoadMoreCollection-48388df1.js');
 require('./PRIVATE_Collection.js');
-require('./Collection-104ad9c1.js');
+require('./Collection-32e31dfa.js');
 require('./hooks/UNSAFE_useViewportIntersect.js');
 require('./PRIVATE_VirtualizedCollection.js');
-require('./VirtualizedCollection-25a65ecb.js');
+require('./VirtualizedCollection-c710b854.js');
 require('./UNSAFE_FocusTrap.js');
-require('./FocusTrap-b78486ab.js');
+require('./FocusTrap-7206e429.js');
 require('./utils/PRIVATE_tabbableUtils.js');
 require('./hooks/PRIVATE_useSelection.js');
 require('./hooks/PRIVATE_useCurrentKey.js');
@@ -126,7 +126,7 @@ require('./hooks/PRIVATE_useTabbableModeSet.js');
 require('./hooks/PRIVATE_useItemAction.js');
 require('./utils/PRIVATE_collectionUtils.js');
 require('./UNSAFE_Skeleton.js');
-require('./Skeleton-30eb135d.js');
+require('./Skeleton-ebb80651.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 require('./UNSAFE_Selector.js');
 

package/cjs/UNSAFE_Selector.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,24 +9,24 @@ require('./utils/UNSAFE_classNames.js');
 var utils_UNSAFE_keys = require('./utils/UNSAFE_keys.js');
 var hooks_PRIVATE_useSelection = require('./hooks/PRIVATE_useSelection.js');
 var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
-require('./index-68cf332c.js');
+require('./index-1896f42d.js');
 require('./UNSAFE_Flex.js');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var classNames = require('./classNames-c244c6b5.js');
-var UNSAFE_Icons = require('./index-e0e5d9e7.js');
-var Flex = require('./Flex-0477300a.js');
+var classNames = require('./classNames-d9ff1188.js');
+var UNSAFE_Icons = require('./index-9ceb8dc7.js');
+var Flex = require('./Flex-80d4a30b.js');
 require('preact/hooks');
 require('./utils/UNSAFE_arrayUtils.js');
 require('preact');
 require('./UNSAFE_Icon.js');
-require('./Icon-4ae27889.js');
-require('./tslib.es6-3a9a7bce.js');
+require('./Icon-1154552a.js');
+require('./tslib.es6-9f910ae4.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-38a935e0.js');
+require('./Floating-1b5183bb.js');
 require('preact/compat');
-require('./index-9fff364f.js');
+require('./index-d6689974.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -39,30 +39,30 @@ require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./utils/UNSAFE_mergeProps.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-e9cefe9a.js');
+require('./useAnimation-744ceb4b.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-8041d5c4.js');
+require('./_curry1-bf67b632.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./_has-fbcc6ed0.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./_has-eba0409e.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-b25c25eb.js');
+require('./keys-d802590e.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-d7555029.js');
+require('./flexbox-de6ca4d3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d9e85c86.js');
+require('./flexitem-5b4f11b0.js');
 
 const styles = {
-  base: "_1085y2c",
-  container: "_1y0hyd0"
+  base: "bptz6o",
+  container: "_1tg8rk2"
 };
 const checkboxStyles = {
-  base: "_1sfuugb",
-  unselected: "qh53hn",
-  selected: "_92rwb4"
+  base: "ll622s",
+  unselected: "_9tkx66",
+  selected: "va93tx"
 }; // internal component to use in place of the real Checkbox
 
 function Checkbox(props) {

package/cjs/UNSAFE_Selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx","../../src/UNSAFE_Selector/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const { isTabbable } = useTabbableMode();\n\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Selector } from './Selector';\n"],"names":["styles","checkboxStyles","Checkbox","props","isTabbable","useTabbableMode","base","checked","selected","unselected","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","updateSelectionProps","selectionProps","onClick","Selector","accessibleLabel","rowKey","selectedKeys","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,MAAA,GAAA;QAAA,UAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,UAAA;cAAA,QAAA;;AAAA,CAAA;;AAqCA,SAAAC,QAAA,CAAAC,KAAA,EAAA;EAKE,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,4CAAA,EAAA,CAAA;yCAGEJ,cAAA,CAAAK,MACAH,KAAA,CAAAI,OAAA,GAAAN,cAAA,CAAAO,QAAA,GAAAP,cAAA,CAAAQ;AAEF,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAAT,KAAA,CAAAI,OAAA,GACEG,YAAA,CAAAG,iBAAA,EADF,GAEEH,YAAA,CAAAI,mBAAA,EAFF,CAAA;;;;;;;;;;;AAcF;;;AAGA,MAAAC,WAAA,GAAAC,KAAA,IAAA;;;AAGA,CAHA;;;AAMA,MAAAC,oBAAA,GAAAC,cAAA,IAAA;;AAEE,EAAA,MAAAC,OAAA,GAAAD,cAAA,CAAAC,OAAA,CAAA;;AACA,EAAA,IAAAA,OAAA,EAAA;;AAEED,IAAAA,cAAA,CAAAC,OAAA,GAAAH,KAAA,IAAA;;;KAAA,CAAA;;AAIA,IAAA,OAAAE,cAAA,CAAA;AACD,GAAA;;EACD,OAAA;AAAAC,IAAAA,OAAA,EAAAJ,WAAAA;GAAA,CAAA;AACF,CAZA,CAAA;AAcA;;AAEG;;;AACH,SAAAK,QAAA,CAAA;EAAAC,eAAA;EAAAC,MAAA;EAAAC,YAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;;;iHAAA;;;;;;;;;;;;;;;;;;;;;AAoBA;;AC9IA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx","../../src/UNSAFE_Selector/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const { isTabbable } = useTabbableMode();\n\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Selector } from './Selector';\n"],"names":["styles","checkboxStyles","Checkbox","props","isTabbable","useTabbableMode","base","checked","selected","unselected","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","updateSelectionProps","selectionProps","onClick","Selector","accessibleLabel","rowKey","selectedKeys","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,MAAA,GAAA;QAAA,QAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,QAAA;cAAA,SAAA;;AAAA,CAAA;;AAqCA,SAAAC,QAAA,CAAAC,KAAA,EAAA;EAKE,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,4CAAA,EAAA,CAAA;yCAGEJ,cAAA,CAAAK,MACAH,KAAA,CAAAI,OAAA,GAAAN,cAAA,CAAAO,QAAA,GAAAP,cAAA,CAAAQ;AAEF,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAAT,KAAA,CAAAI,OAAA,GACEG,YAAA,CAAAG,iBAAA,EADF,GAEEH,YAAA,CAAAI,mBAAA,EAFF,CAAA;;;;;;;;;;;AAcF;;;AAGA,MAAAC,WAAA,GAAAC,KAAA,IAAA;;;AAGA,CAHA;;;AAMA,MAAAC,oBAAA,GAAAC,cAAA,IAAA;;AAEE,EAAA,MAAAC,OAAA,GAAAD,cAAA,CAAAC,OAAA,CAAA;;AACA,EAAA,IAAAA,OAAA,EAAA;;AAEED,IAAAA,cAAA,CAAAC,OAAA,GAAAH,KAAA,IAAA;;;KAAA,CAAA;;AAIA,IAAA,OAAAE,cAAA,CAAA;AACD,GAAA;;EACD,OAAA;AAAAC,IAAAA,OAAA,EAAAJ,WAAAA;GAAA,CAAA;AACF,CAZA,CAAA;AAcA;;AAEG;;;AACH,SAAAK,QAAA,CAAA;EAAAC,eAAA;EAAAC,MAAA;EAAAC,YAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;;;iHAAA;;;;;;;;;;;;;;;;;;;;;AAoBA;;AC9IA;;;;;;AAMG;;;;;;;"}

package/cjs/UNSAFE_Skeleton.js

@@ -1,22 +1,22 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Skeleton = require('./Skeleton-30eb135d.js');
-require('./tslib.es6-3a9a7bce.js');
+var Skeleton = require('./Skeleton-ebb80651.js');
+require('./tslib.es6-9f910ae4.js');
 require('preact/jsx-runtime');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-c244c6b5.js');
+require('./classNames-d9ff1188.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-8041d5c4.js');
+require('./_curry1-bf67b632.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./_has-fbcc6ed0.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./_has-eba0409e.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 
 /**

package/cjs/UNSAFE_Spacer.js

@@ -1,25 +1,25 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Spacer = require('./Spacer-c033ccbf.js');
-require('./tslib.es6-3a9a7bce.js');
+var Spacer = require('./Spacer-cbe5f5fd.js');
+require('./tslib.es6-9f910ae4.js');
 require('preact/jsx-runtime');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-8041d5c4.js');
+require('./_curry1-bf67b632.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-c244c6b5.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./_has-fbcc6ed0.js');
+require('./classNames-d9ff1188.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./_has-eba0409e.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d9e85c86.js');
+require('./flexitem-5b4f11b0.js');
 
-require('./keys-b25c25eb.js');
+require('./keys-d802590e.js');
 
 
 

package/cjs/UNSAFE_SplitMenuButton.js

@@ -1,46 +1,46 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SplitMenuButton = require('./SplitMenuButton-93f8cccc.js');
-require('./tslib.es6-3a9a7bce.js');
+var SplitMenuButton = require('./SplitMenuButton-1edb6ad2.js');
+require('./tslib.es6-9f910ae4.js');
 require('preact/jsx-runtime');
 require('./UNSAFE_Button.js');
-require('./Button-62d2d090.js');
+require('./Button-87aeedd0.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-d631ce3d.js');
+require('./BaseButton-3d84f55e.js');
 require('./hooks/UNSAFE_usePress.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-c244c6b5.js');
+require('./classNames-d9ff1188.js');
 require('preact/compat');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-8041d5c4.js');
+require('./_curry1-bf67b632.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./_has-fbcc6ed0.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./_has-eba0409e.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-7abe2495.js');
+require('./clientHints-769016be.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('preact');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-68cf332c.js');
-require('./index-e0e5d9e7.js');
+require('./index-1896f42d.js');
+require('./index-9ceb8dc7.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-4ae27889.js');
+require('./Icon-1154552a.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-38a935e0.js');
-require('./index-9fff364f.js');
+require('./Floating-1b5183bb.js');
+require('./index-d6689974.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -50,17 +50,17 @@ require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-e9cefe9a.js');
+require('./useAnimation-744ceb4b.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./UNSAFE_Menu.js');
-require('./Menu-65df5ed6.js');
+require('./Menu-877075be.js');
 require('./hooks/PRIVATE_useCollectionFocusRing.js');
-require('./MenuItem-3c1a6e60.js');
+require('./MenuItem-4cd1055f.js');
 require('./UNSAFE_Text.js');
-require('./Text-08aefee7.js');
-require('./MenuDivider-d8d791eb.js');
+require('./Text-69b799c8.js');
+require('./MenuDivider-b7d8b30b.js');
 require('./UNSAFE_Divider.js');
-require('./Divider-71ec152d.js');
+require('./Divider-dfa457e1.js');
 
 
 

package/cjs/UNSAFE_Text.js

@@ -1,19 +1,19 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('./Text-08aefee7.js');
-require('./tslib.es6-3a9a7bce.js');
+var Text = require('./Text-69b799c8.js');
+require('./tslib.es6-9f910ae4.js');
 require('preact/jsx-runtime');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-c244c6b5.js');
-require('./_curry1-8041d5c4.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./_has-fbcc6ed0.js');
+require('./classNames-d9ff1188.js');
+require('./_curry1-bf67b632.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./_has-eba0409e.js');
 
 
 

package/cjs/UNSAFE_TextArea.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextArea = require('./TextArea-1b9f629e.js');
+var TextArea = require('./TextArea-3944b602.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/compat');
@@ -11,70 +11,70 @@ require('./hooks/UNSAFE_useFormContext.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./hooks/UNSAFE_useFocusableTextField.js');
-require('./tslib.es6-3a9a7bce.js');
+require('./tslib.es6-9f910ae4.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-9463bf9c.js');
+require('./useFocusWithin-1f6549f5.js');
 require('./UNSAFE_Label.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-c244c6b5.js');
+require('./classNames-d9ff1188.js');
 require("identity-obj-proxy");
 require('./UNSAFE_TextField.js');
-require('./ReadonlyTextFieldInput-df7d9551.js');
+require('./ReadonlyTextFieldInput-d865482d.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./utils/UNSAFE_interpolations/text.js');
-require('./keys-b25c25eb.js');
-require('./_curry1-8041d5c4.js');
-require('./_has-fbcc6ed0.js');
+require('./keys-d802590e.js');
+require('./_curry1-bf67b632.js');
+require('./_has-eba0409e.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-9710c9f6.js');
-require('./_curry2-314ae9ee.js');
-require('./FormControlUtils-91272b5d.js');
+require('./_curry3-9bb3e2a9.js');
+require('./_curry2-7aab976d.js');
+require('./FormControlUtils-19d009cf.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-0477300a.js');
+require('./Flex-80d4a30b.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-d7555029.js');
+require('./flexbox-de6ca4d3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d9e85c86.js');
-require('./TextFieldInput-f7b50890.js');
+require('./flexitem-5b4f11b0.js');
+require('./TextFieldInput-c70fae2b.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-7abe2495.js');
+require('./clientHints-769016be.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_LiveRegion.js');
 require('./hooks/UNSAFE_useTextField.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_UserAssistance.js');
-require('./InlineHelpSource-b7376517.js');
+require('./InlineHelpSource-be5cb936.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-a1377b54.js');
+require('./ComponentMessage-dc9a4dfc.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
-require('./MessageCloseButton-f820af87.js');
+require('./MessageCloseButton-48097f98.js');
 require('./UNSAFE_Button.js');
-require('./Button-62d2d090.js');
+require('./Button-87aeedd0.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-d631ce3d.js');
+require('./BaseButton-3d84f55e.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useActive.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-68cf332c.js');
-require('./index-e0e5d9e7.js');
+require('./index-1896f42d.js');
+require('./index-9ceb8dc7.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-4ae27889.js');
+require('./Icon-1154552a.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-38a935e0.js');
-require('./index-9fff364f.js');
+require('./Floating-1b5183bb.js');
+require('./index-d6689974.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./utils/PRIVATE_floatingUtils.js');
 require('./utils/PRIVATE_refUtils.js');
@@ -82,26 +82,26 @@ require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-e9cefe9a.js');
+require('./useAnimation-744ceb4b.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./MessageDetail-4711b78d.js');
-require('./MessageFormattingUtils-7caa7444.js');
+require('./MessageDetail-34a424f0.js');
+require('./MessageFormattingUtils-55d306ba.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-c1b20b4c.js');
-require('./Message.types-70248ba1.js');
-require('./MessageStartIcon-5affbd2c.js');
-require('./MessageSummary-d698a63e.js');
-require('./MessageTimestamp-efee7c01.js');
-require('./MessageUtils-3d2dab4e.js');
+require('./stringUtils-8504b445.js');
+require('./Message.types-4c9cc6fe.js');
+require('./MessageStartIcon-b410dde3.js');
+require('./MessageSummary-2adfa7d2.js');
+require('./MessageTimestamp-5608c4e2.js');
+require('./MessageUtils-e2823fcb.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-dea7c6af.js');
+require('./MessagesManager-96192a54.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-553a8ebd.js');
-require('./ComponentMessageContainer-ccd03f90.js');
+require('./HiddenAccessible-40bf241a.js');
+require('./ComponentMessageContainer-536bfde8.js');
 require('./hooks/UNSAFE_useLengthFilter.js');
 require('./utils/UNSAFE_lengthFilter.js');
 require('./hooks/UNSAFE_useCurrentValueReducer.js');