@oracle/oraclejet-preact 15.0.7 → 15.1.1

package/es/NavigationListItem-0416c3a9.js

@@ -0,0 +1,176 @@
+/* @oracle/oraclejet-preact: 15.1.1 */
+import { jsx } from 'preact/jsx-runtime';
+import { useContext, useRef, useLayoutEffect, useState, useCallback } from 'preact/hooks';
+import { navigationListStyles } from './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
+import { keyExtractor, getPrevNextKey } from './utils/PRIVATE_collectionUtils.js';
+import { mergeProps } from './utils/UNSAFE_mergeProps.js';
+import { useCollectionFocusRing } from './hooks/PRIVATE_useCollectionFocusRing.js';
+import { useCurrentKey } from './hooks/PRIVATE_useCurrentKey.js';
+import './UNSAFE_Text.js';
+import { usePress } from './hooks/UNSAFE_usePress.js';
+import './utils/UNSAFE_classNames.js';
+import { useInteractionStyle } from './hooks/UNSAFE_useInteractionStyle.js';
+import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
+import { createContext } from 'preact';
+import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
+import './utils/UNSAFE_interpolations/flexitem.js';
+import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme.js';
+import { f as flexitemInterpolations } from './flexitem-cb912c67.js';
+import { c as classNames } from './classNames-300fff97.js';
+import { T as Text } from './Text-1b085712.js';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Context used to pass navlist information without having to pass it to navlist children props.
+ * We want to communicate information down to any interested navlist item children.
+ */
+const NavigationListContext = createContext(null);
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Utility hook for consuming the NavigationListContext
+ *
+ * @returns The value of NavigationListContext provider
+ */
+function useNavigationListContext() {
+    return useContext(NavigationListContext);
+}
+
+//Little hook to run some function before first render
+const useWillMount = (callback) => {
+    const willMount = useRef(true);
+    if (willMount.current) {
+        willMount.current = false;
+        callback();
+    }
+};
+const flexItemStyleInterpolations = mergeInterpolations([
+    ...Object.values(flexitemInterpolations)
+]);
+const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } = flexItemStyleInterpolations({
+    alignSelf: 'center'
+});
+// default style class for items in NavigationList
+const ITEM_STYLE_CLASS = 'oj-c-navigationlist-item';
+const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;
+function useNavigationListItem({ itemRef, itemKey }) {
+    const { onSelectionChange, selection, currentKey, showFocusRing, containsActiveElement, firstItemRenderedKey, onCurrentKeyChange } = useNavigationListContext();
+    //Selection and focus state
+    const isCurrent = currentKey === itemKey;
+    useWillMount(() => {
+        if (currentKey === undefined &&
+            firstItemRenderedKey &&
+            firstItemRenderedKey.current === undefined) {
+            firstItemRenderedKey.current = itemKey;
+        }
+    });
+    const isSelected = selection === itemKey;
+    //Styling
+    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } = useInteractionStyle();
+    const { classes: listItemClasses, styles: { labelContainerClasses } } = useComponentTheme(NavigationListItemRedwoodTheme, {
+        focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',
+        current: isCurrent ? 'isCurrent' : 'notCurrtent',
+        selected: isSelected ? 'isSelected' : 'notSelected',
+        hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',
+        pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',
+        active: applyActiveStyle ? 'isActive' : 'notActive'
+    });
+    useLayoutEffect(() => {
+        //We just focus the item if the container is the active element
+        if (containsActiveElement?.() && isCurrent) {
+            itemRef?.current?.focus();
+        }
+    }, [isCurrent, containsActiveElement]);
+    //Item handlers
+    const handlePress = () => {
+        onSelectionChange?.({ value: itemKey });
+    };
+    //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same
+    //for preact navlist
+    const { pressProps } = usePress(handlePress);
+    // We have to update current key if there no initial selection
+    const onFocus = () => {
+        if (currentKey === undefined) {
+            onCurrentKeyChange({ value: itemKey });
+        }
+    };
+    const onFocusProps = { onFocus };
+    return {
+        itemHandlers: mergeProps(interactionProps, pressProps, onFocusProps),
+        itemClasses: classNames([listItemClasses, ITEM_STYLE_CLASS]),
+        isItemFocusable: isCurrent || (firstItemRenderedKey?.current === itemKey && currentKey === undefined)
+            ? true
+            : false,
+        isSelected,
+        labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),
+        labelContainerStyle: labelContainerFlexItemStyle
+    };
+}
+
+/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */
+function useNavigationList({ containerRef, selection }) {
+    //Ref used to track if the first item was already rendered
+    const firstItemRenderedKey = useRef();
+    const [currentKey, setCurrentKey] = useState(selection);
+    const onCurrentKeyChange = useCallback(({ value }) => {
+        setCurrentKey(value);
+    }, []);
+    const { currentKeyProps } = useCurrentKey((element) => keyExtractor(element, ITEM_SELECTOR), false, getPrevNextKey(containerRef.current, currentKey, true, ITEM_SELECTOR), getPrevNextKey(containerRef.current, currentKey, false, ITEM_SELECTOR), undefined, undefined, currentKey, onCurrentKeyChange);
+    const [showFocusRing, focusRingProps] = useCollectionFocusRing((elem) => {
+        return !!containerRef.current?.contains(elem);
+    }, ['ArrowUp', 'ArrowDown']);
+    const containsActiveElement = useCallback(() => {
+        return !!containerRef?.current?.contains(document.activeElement);
+    }, []);
+    return {
+        firstItemRenderedKey,
+        showFocusRing,
+        currentKey,
+        onCurrentKeyChange,
+        containsActiveElement,
+        containerHandlers: mergeProps(focusRingProps, currentKeyProps)
+    };
+}
+
+function NavigationList({ children, selection, onSelectionChange, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelLedBy }) {
+    const containerRef = useRef(null);
+    const { firstItemRenderedKey, showFocusRing, currentKey, onCurrentKeyChange, containsActiveElement, containerHandlers } = useNavigationList({
+        containerRef: containerRef,
+        selection
+    });
+    return (jsx("ul", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelLedBy, role: "listbox", ref: containerRef, tabIndex: children ? -1 : 0, ...containerHandlers, class: navigationListStyles.uListStyle, children: jsx(NavigationListContext.Provider, { value: {
+                selection,
+                onSelectionChange,
+                onCurrentKeyChange,
+                currentKey,
+                showFocusRing,
+                containsActiveElement,
+                firstItemRenderedKey
+            }, children: children }) }));
+}
+
+/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */
+function NavigationListItem({ itemKey, label }) {
+    const itemRef = useRef(null);
+    //Logic of the component handled here
+    const { isItemFocusable, itemHandlers, itemClasses, isSelected, labelContainerClasses, labelContainerStyle } = useNavigationListItem({
+        itemRef: itemRef,
+        itemKey
+    });
+    return (jsx("li", { role: "option", ...itemHandlers, "data-oj-key": itemKey, class: itemClasses, tabIndex: isItemFocusable ? 0 : -1, "aria-selected": isSelected, ref: itemRef, children: label && (jsx("span", { class: labelContainerClasses, style: labelContainerStyle, children: jsx(Text, { size: "inherit", weight: "inherit", variant: "inherit", children: label }) })) }));
+}
+
+export { NavigationList as N, NavigationListItem as a };
+//# sourceMappingURL=NavigationListItem-0416c3a9.js.map

package/es/NavigationListItem-0416c3a9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem-0416c3a9.js","sources":["../../src/UNSAFE_NavigationList/NavigationListContext.ts","../../src/UNSAFE_NavigationList/useNavigationListContext.ts","../../src/UNSAFE_NavigationList/useNavigationListItem.ts","../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/NavigationListItem.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 */\n\nimport { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationList';\nimport { MutableRefObject } from 'preact/compat';\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  containsActiveElement: () => boolean;\n  firstItemRenderedKey?: MutableRefObject<K | undefined>;\n  onCurrentKeyChange: Required<NavigationListProps<K>>['onSelectionChange'];\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\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 */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useLayoutEffect, MutableRef, useRef } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\n\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from './themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\n//Little hook to run some function before first render\nexport const useWillMount = (callback: () => void) => {\n  const willMount = useRef(true);\n\n  if (willMount.current) {\n    willMount.current = false;\n    callback();\n  }\n};\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\n// default style class for items in NavigationList\nexport const ITEM_STYLE_CLASS = 'oj-c-navigationlist-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nexport function useNavigationListItem<K extends string | number>({\n  itemRef,\n  itemKey\n}: {\n  itemRef: MutableRef<HTMLLIElement>;\n  itemKey: K;\n}) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    containsActiveElement,\n    firstItemRenderedKey,\n    onCurrentKeyChange\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  useWillMount(() => {\n    if (\n      currentKey === undefined &&\n      firstItemRenderedKey &&\n      firstItemRenderedKey.current === undefined\n    ) {\n      firstItemRenderedKey.current = itemKey;\n    }\n  });\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  useLayoutEffect(() => {\n    //We just focus the item if the container is the active element\n    if (containsActiveElement?.() && isCurrent) {\n      itemRef?.current?.focus();\n    }\n  }, [isCurrent, containsActiveElement]);\n\n  //Item handlers\n  const handlePress = () => {\n    onSelectionChange?.({ value: itemKey as K });\n  };\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  // We have to update current key if there no initial selection\n  const onFocus = () => {\n    if (currentKey === undefined) {\n      onCurrentKeyChange({ value: itemKey as K });\n    }\n  };\n\n  const onFocusProps = { onFocus };\n\n  return {\n    itemHandlers: mergeProps(interactionProps, pressProps, onFocusProps),\n    itemClasses: classNames([listItemClasses, ITEM_STYLE_CLASS]),\n    isItemFocusable:\n      isCurrent || (firstItemRenderedKey?.current === itemKey && currentKey === undefined)\n        ? true\n        : false,\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n","import { useState, useCallback, MutableRef, useRef } from 'preact/hooks';\n\nimport { keyExtractor, getPrevNextKey } from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { ITEM_SELECTOR } from './useNavigationListItem';\n\nimport { NavigationListContextProps } from './NavigationListContext';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection\n}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n}) {\n  //Ref used to track if the first item was already rendered\n  const firstItemRenderedKey = useRef<K>();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback(({ value }: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKey(containerRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(containerRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!containerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const containsActiveElement = useCallback(() => {\n    return !!containerRef?.current?.contains(document.activeElement);\n  }, []);\n\n  return {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps)\n  };\n}\n","import { ComponentChildren } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\n\nimport { NavigationListContext } from './NavigationListContext';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListProps<K extends string | number> = {\n  /**\n   * A set of NavigationListItem(s) that NavigationList will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when selection has changed\n   */\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-label'?: string;\n\n  /**\n   * Specifies some a relation between navigationList and other element. Based on this specifies some\n   * screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport function NavigationList<K extends string | number>({\n  children,\n  selection,\n  onSelectionChange,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelLedBy\n}: NavigationListProps<K>) {\n  const containerRef = useRef<HTMLUListElement>(null);\n\n  const {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers\n  } = useNavigationList({\n    containerRef: containerRef as MutableRef<HTMLUListElement>,\n    selection\n  });\n\n  return (\n    <ul\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelLedBy}\n      role=\"listbox\"\n      ref={containerRef}\n      tabIndex={children ? -1 : 0}\n      {...containerHandlers}\n      class={navigationListStyles.uListStyle}>\n      <NavigationListContext.Provider\n        value={{\n          selection,\n          onSelectionChange,\n          onCurrentKeyChange,\n          currentKey,\n          showFocusRing,\n          containsActiveElement,\n          firstItemRenderedKey\n        }}>\n        {children}\n      </NavigationListContext.Provider>\n    </ul>\n  );\n}\n","import { useRef, MutableRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem\n   */\n  label?: string;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label\n}: NavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    isItemFocusable,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemRef: itemRef as MutableRef<HTMLLIElement>,\n    itemKey\n  });\n\n  return (\n    <li\n      role=\"option\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      class={itemClasses}\n      tabIndex={isItemFocusable ? 0 : -1}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n    </li>\n  );\n}\n"],"names":["_jsx"],"mappings":"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"}

package/es/NavigationListItemVariants.styles.css

@@ -1,26 +1,26 @@
-.NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234 {
+.NavigationListItemVariants_multiVariantStyles_selected_isSelected__13shj7v4 {
   background-color: var(--backgroundColorSelected__1497t56a);
   border-color: var(--borderColorSelected__1497t56b);
   color: var(--labelColorSelected__1497t569);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c:not(:active) {
+.NavigationListItemVariants_multiVariantStyles_compound_0__13shj7vc:not(:active) {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e {
+.NavigationListItemVariants_multiVariantStyles_compound_2__13shj7ve {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f {
+.NavigationListItemVariants_multiVariantStyles_compound_3__13shj7vf {
   outline-style: dotted;
   outline-offset: -1px;
   outline-width: 1px;
   outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
 @media (hover: hover) {
-  .NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d:hover:not(:active) {
+  .NavigationListItemVariants_multiVariantStyles_compound_1__13shj7vd:hover:not(:active) {
     background-color: var(--backgroundColorHover__1497t567);
     border-color: var(--borderColorHover__1497t568);
     color: var(--labelColorHover__1497t566);

package/es/NavigationListItemVariants.styles2.css

@@ -1,26 +1,26 @@
-.NavigationListItemVariants_multiVariantStyles_selected_isSelected__13shj7v4 {
+.NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234 {
   background-color: var(--backgroundColorSelected__1497t56a);
   border-color: var(--borderColorSelected__1497t56b);
   color: var(--labelColorSelected__1497t569);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_0__13shj7vc:not(:active) {
+.NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c:not(:active) {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_2__13shj7ve {
+.NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e {
   background-color: var(--backgroundColorHover__1497t567);
   border-color: var(--borderColorHover__1497t568);
   color: var(--labelColorHover__1497t566);
 }
-.NavigationListItemVariants_multiVariantStyles_compound_3__13shj7vf {
+.NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f {
   outline-style: dotted;
   outline-offset: -1px;
   outline-width: 1px;
   outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
 }
 @media (hover: hover) {
-  .NavigationListItemVariants_multiVariantStyles_compound_1__13shj7vd:hover:not(:active) {
+  .NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d:hover:not(:active) {
     background-color: var(--backgroundColorHover__1497t567);
     border-color: var(--borderColorHover__1497t568);
     color: var(--labelColorHover__1497t566);

package/es/PRIVATE_CheckboxRadioField.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { forwardRef, useRef, useImperativeHandle } from 'preact/compat';
 import { useCollectionFocusRing } from './hooks/PRIVATE_useCollectionFocusRing.js';
@@ -8,26 +8,26 @@ import { InlineUserAssistanceContainer, InlineHelp, InlineUserAssistance } from
 import { useMessageSeverity } from './hooks/PRIVATE_useMessageSeverity.js';
 import { useAccessibleContext } from './hooks/UNSAFE_useAccessibleContext.js';
 import './utils/UNSAFE_stringUtils.js';
-import { m as merge } from './stringUtils-5c4c419a.js';
+import { m as merge } from './stringUtils-1c1ae33f.js';
 import './UNSAFE_Theme.js';
 import './CheckboxRadioFieldStyles.styles.css';
 import { LabelValueLayout } from './UNSAFE_LabelValueLayout.js';
-import { C as CheckboxRadioContext } from './CheckboxRadioContext-df191e2a.js';
-import { F as Flex } from './Flex-f39324bd.js';
-import { x as xUnits } from './utils-1412d95e.js';
-import { L as Label } from './Label-0b3ca020.js';
+import { C as CheckboxRadioContext } from './CheckboxRadioContext-01249e33.js';
+import { F as Flex } from './Flex-f4872f0e.js';
+import { x as xUnits } from './utils-dd00e9a1.js';
+import { L as Label } from './Label-26f240bd.js';
 import 'preact/hooks';
 import './hooks/UNSAFE_useComponentTheme.js';
 import './utils/UNSAFE_logger.js';
-import './_curry1-2b060aa7.js';
-import './_curry2-cf5133c4.js';
-import './InlineHelpSource-3a3695c0.js';
+import './_curry1-0d8f0200.js';
+import './_curry2-4e7a9738.js';
+import './InlineHelpSource-8c0ad017.js';
 import './utils/UNSAFE_classNames.js';
-import './classNames-0a29db39.js';
+import './classNames-300fff97.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import 'preact';
 import './hooks/UNSAFE_useTranslationBundle.js';
-import './index-ce087f96.js';
+import './index-a9eb5a83.js';
 import './Common.js';
 import './Common/themes.js';
 import './Common/themes/redwood/theme.js';
@@ -38,18 +38,18 @@ import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 import './UNSAFE_ComponentMessage.js';
-import './ComponentMessage-84b2e5cc.js';
+import './ComponentMessage-8487bb0d.js';
 import './PRIVATE_Message.js';
 import './utils/PRIVATE_timer.js';
 import './PRIVATE_Message/themes/MessageStyles.css.js';
 import './MessageStyles.styles.css';
-import './MessageCloseButton-ecb65370.js';
+import './MessageCloseButton-247d5d10.js';
 import './UNSAFE_IconButton.js';
-import './IconButton-be562747.js';
+import './IconButton-51565588.js';
 import './UNSAFE_BaseButton.js';
-import './BaseButton-ab76a4a7.js';
+import './BaseButton-1c5828bb.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
@@ -59,22 +59,22 @@ import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-62f16a7b.js';
-import './_has-0ec84ec6.js';
+import './_curry3-0a3cd2f5.js';
+import './_has-fcf49934.js';
 import './utils/PRIVATE_clientHints.js';
-import './clientHints-612a38c2.js';
+import './clientHints-8e4b81db.js';
 import './utils/UNSAFE_mergeProps.js';
 import './UNSAFE_ButtonLayout.js';
-import './ButtonLayout-758f76f8.js';
+import './ButtonLayout-916382a0.js';
 import './UNSAFE_Text.js';
-import './Text-a6c2ff5c.js';
+import './Text-1b085712.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
 import './TextStyles.styles.css';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './Floating-40ecf669.js';
-import './index-683b5313.js';
+import './Floating-320c415f.js';
+import './index-2ba8eea7.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -85,17 +85,17 @@ import './FloatingStyles.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import './vanilla-extract-dynamic.esm-cb4e9d5c.js';
+import './vanilla-extract-dynamic.esm-f4cccaad.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './UNSAFE_Layer.js';
-import './useThemeInterpolations-cdd8352e.js';
+import './useThemeInterpolations-1fac01be.js';
 import './hooks/UNSAFE_useColorScheme.js';
 import './hooks/UNSAFE_useScale.js';
 import './utils/UNSAFE_interpolations/theme.js';
 import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_useTouch.js';
 import './hooks/UNSAFE_useAnimation.js';
-import './useAnimation-fc52ec34.js';
+import './useAnimation-bec9423d.js';
 import './hooks/UNSAFE_useThemeInterpolations.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -103,24 +103,24 @@ import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './TooltipContentVariants.styles2.css';
+import './TooltipContentVariants.styles.css';
 import './PRIVATE_ThemedIcons/CloseIcon.js';
 import './UNSAFE_Icon.js';
-import './Icon-fca89bff.js';
+import './Icon-da813f6d.js';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';
-import './MessageDetail-5d7e77e8.js';
-import './MessageFormattingUtils-20a526a2.js';
+import './MessageDetail-13dd8e33.js';
+import './MessageFormattingUtils-6f5f928c.js';
 import './utils/UNSAFE_getLocale.js';
-import './Message.types-e179390a.js';
-import './MessageStartIcon-a0de4656.js';
+import './Message.types-2b6ef1e9.js';
+import './MessageStartIcon-fa81ac04.js';
 import './PRIVATE_ThemedIcons/MessageConfirmationIcon.js';
 import './PRIVATE_ThemedIcons/MessageErrorIcon.js';
 import './PRIVATE_ThemedIcons/MessageInfoIcon.js';
 import './PRIVATE_ThemedIcons/MessageWarningIcon.js';
-import './MessageSummary-46ab9533.js';
-import './MessageTimestamp-b3a641e8.js';
-import './MessageUtils-b9d2a8a5.js';
+import './MessageSummary-89e24a7b.js';
+import './MessageTimestamp-2cefed9e.js';
+import './MessageUtils-a072e5aa.js';
 import './utils/UNSAFE_soundUtils.js';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js';
 import './UNSAFE_MessageBanner/themes/MessageBannerStyles.css.js';
@@ -128,27 +128,27 @@ import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css.js';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-import './MessageBannerVariants.styles.css';
-import './MessagesManager-e26fa614.js';
+import './MessageBannerVariants.styles2.css';
+import './MessagesManager-6dfdcacb.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 import './UNSAFE_HiddenAccessible.js';
-import './HiddenAccessible-cd756fd9.js';
+import './HiddenAccessible-175d3179.js';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
 import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
 import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
-import './ComponentMessageContainer-2acae3e4.js';
+import './ComponentMessageContainer-f1bd4b78.js';
 import './hooks/UNSAFE_useFormContext.js';
 import './hooks/UNSAFE_useFormFieldContext.js';
 import './hooks/UNSAFE_useInputGroupContext.js';
 import './UNSAFE_Popup.js';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_arity-dec3559a.js';
+import './_arity-6f231aac.js';
 import './UNSAFE_FocusTrap.js';
-import './FocusTrap-32bf7c6b.js';
+import './FocusTrap-e1a37384.js';
 import './hooks/PRIVATE_useAnimationStatus.js';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
 import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
@@ -157,13 +157,13 @@ import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import './PopupStyles.styles.css';
 import './UNSAFE_Divider.js';
-import './Divider-b7dae032.js';
+import './Divider-136dc484.js';
 import './UNSAFE_Divider/themes/DividerStyles.css.js';
 import './DividerStyles.styles.css';
-import './CompactHelpSource-4e2a1d0d.js';
+import './CompactHelpSource-7bc4c4ca.js';
 import './PRIVATE_ThemedIcons/HelpIcon.js';
 import './hooks/UNSAFE_useFocusWithin.js';
-import './useFocusWithin-de424b4f.js';
+import './useFocusWithin-fd5eefef.js';
 import './UNSAFE_Label/themes/redwood/LabelTheme.js';
 import './UNSAFE_Label/themes/LabelStyles.css.js';
 import './LabelStyles.styles.css';
@@ -179,7 +179,7 @@ import './TextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
-import './TextFieldVariants.styles2.css';
+import './TextFieldVariants.styles.css';
 import './UNSAFE_Radio/themes/redwood/RadioTheme.js';
 import './UNSAFE_Radio/themes/RadioStyles.css.js';
 import './RadioStyles.styles.css';
@@ -191,11 +191,11 @@ import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-6e858f79.js';
+import './keys-7f6c9351.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
-import './flexbox-215b4380.js';
+import './flexbox-284c9b71.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
-import './flexitem-517a6c79.js';
+import './flexitem-cb912c67.js';
 
 /**
  * @license

package/es/PRIVATE_CheckboxRadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.ts","../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx"],"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 */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: https://jira.oraclecorp.com/jira/browse/JET-57861\ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.ts","../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx"],"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 */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/es/PRIVATE_Collection.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
-export { C as Collection } from './Collection-28a8299a.js';
+/* @oracle/oraclejet-preact: 15.1.1 */
+export { C as Collection } from './Collection-25695e5e.js';
 import 'preact/jsx-runtime';
 import 'preact';