@oracle/oraclejet-preact 15.0.5 → 15.1.0

package/cjs/Indexer-b3a18ee5.js

@@ -0,0 +1,345 @@
+/* @oracle/oraclejet-preact: 15.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+require('./UNSAFE_Flex.js');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var useSingleSelection = require('./useSingleSelection-245cc4cf.js');
+var hooks_PRIVATE_useCurrentKey = require('./hooks/PRIVATE_useCurrentKey.js');
+var hooks_PRIVATE_useCollectionFocusRing = require('./hooks/PRIVATE_useCollectionFocusRing.js');
+var utils_PRIVATE_collectionUtils = require('./utils/PRIVATE_collectionUtils.js');
+var hooks_UNSAFE_useId = require('./hooks/UNSAFE_useId.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+require('./UNSAFE_HiddenAccessible.js');
+require('./PRIVATE_Collection.js');
+require('./utils/UNSAFE_classNames.js');
+var compat = require('preact/compat');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var UNSAFE_Indexer_themes_redwood_IndexerTheme = require('./UNSAFE_Indexer/themes/redwood/IndexerTheme.js');
+var classNames = require('./classNames-4bfc0882.js');
+var Flex = require('./Flex-e2f7dbea.js');
+var Collection = require('./Collection-af83f77e.js');
+var HiddenAccessible = require('./HiddenAccessible-2129d62d.js');
+
+/**
+ * The others section variable that application could use
+ * to compare value
+ */
+// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');
+const SECTION_OTHERS = Object.freeze({
+    key: '__others__',
+    label: '#'
+});
+const ITEM_STYLE_CLASS = 'oj-indexer-item';
+const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;
+const SectionItem = compat.forwardRef((props, ref) => {
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const { context, selectedKey } = props;
+    const isSelected = context.data.key === selectedKey;
+    const commonProps = getCommonProps(props, ref);
+    const { classes } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
+        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',
+        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',
+        selected: isSelected ? 'isSelected' : 'notSelected'
+    });
+    const itemClasses = classNames.classNames([commonProps.class, classes]);
+    const sectionLabel = context.data.label || context.data.key;
+    const valueText = context.data.isDisabled
+        ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })
+        : `${sectionLabel}`;
+    return (jsxRuntime.jsx("li", { ...commonProps, class: itemClasses, "data-oj-valuetext": valueText, "data-oj-disabled": context.data.isDisabled, children: context.data.label || context.data.key }));
+});
+function getCommonProps({ context, currentKey, valueNow, isFocusRingVisible }, ref) {
+    const isCurrent = context.data.key === currentKey;
+    return {
+        ...(isCurrent && { ref }),
+        key: context.data.key,
+        class: ITEM_STYLE_CLASS,
+        'data-oj-key': context.data.key,
+        'data-oj-key-type': typeof context.data.key,
+        'data-oj-valuenow': valueNow,
+        isFocusRingVisible: !!isFocusRingVisible
+    };
+}
+// render the last section, that contains the last character and others character
+const LastSectionItem = compat.forwardRef(({ lastValueNow, ...sectionProps }, ref) => {
+    const commonProps = { ...sectionProps, ref };
+    return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(SectionItem, { ...commonProps }), jsxRuntime.jsx(OthersItem, { ...commonProps, ref: ref, context: { index: -1, data: SECTION_OTHERS }, valueNow: lastValueNow })] }));
+});
+const OthersItem = compat.forwardRef((props, ref) => {
+    const { context, selectedKey } = props;
+    const commonProps = getCommonProps(props, ref);
+    const isSelected = context.data.key === selectedKey;
+    const { classes } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
+        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',
+        selected: isSelected ? 'isSelected' : 'notSelected'
+    });
+    const othersClasses = classNames.classNames([commonProps.class, classes]);
+    const othersValueText = SECTION_OTHERS.label;
+    return (jsxRuntime.jsx("li", { ...commonProps, class: othersClasses, "data-oj-valuetext": othersValueText, children: context.data.label }));
+});
+const SeparatorItem = compat.forwardRef((props, ref) => {
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const { context, sections } = props;
+    const commonProps = getCommonProps(props, ref);
+    const { from, to } = getSeparatorRange(props);
+    if (!isInSeparatorMiddle(context.index, from, to)) {
+        return null;
+    }
+    const fromText = sections[from].label || sections[from].key;
+    const toText = sections[to].label || sections[to].key;
+    const { classes, styles: { dotStyle } } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
+        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'
+    });
+    const separatorClasses = classNames.classNames([commonProps.class, classes]);
+    const separatorValueText = translations.indexer_separatorLabel({
+        FROM_SECTION: `${fromText}`,
+        TO_SECTION: `${toText}`
+    });
+    return (jsxRuntime.jsx("li", { ...commonProps, class: separatorClasses, "data-oj-valuetext": separatorValueText, children: jsxRuntime.jsx(Flex.Flex, { align: "center", justify: "center", children: jsxRuntime.jsx("div", { class: dotStyle }) }) }));
+});
+function hasSeparator(props) {
+    const { from, to } = getSeparatorRange(props);
+    return isInSeparatorMiddle(props.context.index, from, to);
+}
+function getSeparatorRange({ context, sectionsPerTruncation, last }) {
+    const from = context.index - (context.index % sectionsPerTruncation) + 1;
+    let to = from + sectionsPerTruncation - 2;
+    to = to >= last ? last - 1 : to;
+    return { from, to };
+}
+function isInSeparatorMiddle(index, from, to) {
+    return index === Math.floor((from + to) / 2);
+}
+
+const defaultSections = [
+    { key: 'A' },
+    { key: 'B' },
+    { key: 'C' },
+    { key: 'D' },
+    { key: 'E' },
+    { key: 'F' },
+    { key: 'G' },
+    { key: 'H' },
+    { key: 'I' },
+    { key: 'J' },
+    { key: 'K' },
+    { key: 'L' },
+    { key: 'M' },
+    { key: 'N' },
+    { key: 'O' },
+    { key: 'P' },
+    { key: 'Q' },
+    { key: 'R' },
+    { key: 'S' },
+    { key: 'T' },
+    { key: 'U' },
+    { key: 'V' },
+    { key: 'W' },
+    { key: 'X' },
+    { key: 'Y' },
+    { key: 'Z' }
+];
+/**
+ * Pure Preact based component that consumes Collection component
+ * and renders an indexer.
+ */
+function Indexer({ sections = defaultSections, value, onCommit = () => { } }) {
+    const rootRef = hooks.useRef(null);
+    const ulRef = hooks.useRef(null);
+    const currElementRef = preact.createRef();
+    const [current, setCurrent] = hooks.useState(sections[0]?.key);
+    // the number of sections in each truncation
+    const [sectionsPerTruncation, setSectionsPerTruncation] = hooks.useState(-1);
+    // the total number of rendered sections and separators
+    const renderedSectionsCount = hooks.useRef(-1);
+    const itemHeightRef = hooks.useRef(0);
+    // the id for aria describedby
+    const uniqueId = hooks_UNSAFE_useId.useId();
+    const [showFocusRing, focusRingProps] = hooks_PRIVATE_useCollectionFocusRing.useCollectionFocusRing((elem) => {
+        return !!rootRef.current?.contains(elem);
+    }, ['ArrowUp', 'ArrowDown']);
+    const { currentKeyProps } = hooks_PRIVATE_useCurrentKey.useCurrentKey((element) => utils_PRIVATE_collectionUtils.keyExtractor(element, ITEM_SELECTOR), true, utils_PRIVATE_collectionUtils.getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR), utils_PRIVATE_collectionUtils.getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR), undefined, undefined, current, (detail) => setCurrent(detail.value));
+    const { selectionProps } = useSingleSelection.useSingleSelection((element) => handleKeyExtract(element, ulRef, current), 
+    // pass in undefined so onCommit handler will be called
+    // no matter whether the Section was selected before or not
+    undefined, (detail) => handleSelection(detail, onCommit, sections));
+    /**
+     * Item renderer that will return a section item or a section separator
+     * based on the sectionsPerTruncation and item context index.
+     * @param context item context
+     */
+    const itemRenderer = (context) => {
+        const last = sections.length - 1;
+        renderedSectionsCount.current += 1;
+        const commonProps = {
+            context,
+            ref: currElementRef,
+            currentKey: current,
+            selectedKey: value,
+            valueNow: renderedSectionsCount.current,
+            isFocusRingVisible: !!showFocusRing
+        };
+        // render the last and the others character, they are always present
+        if (context.index === last) {
+            return jsxRuntime.jsx(LastSectionItem, { ...commonProps, lastValueNow: renderedSectionsCount.current + 1 });
+        }
+        // render a section, in the non-truncation case or when it is the first in a truncation
+        if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {
+            return jsxRuntime.jsx(SectionItem, { ...commonProps });
+        }
+        // render the separator in the middle of a truncation
+        const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };
+        if (hasSeparator(separatorProps)) {
+            return jsxRuntime.jsx(SeparatorItem, { ...separatorProps });
+        }
+        // remove the count for truncated sections
+        renderedSectionsCount.current -= 1;
+        return null;
+    };
+    // truncate the Indexer during resize
+    const handleResize = hooks.useCallback((entries) => {
+        for (const entry of entries) {
+            updateSectionsPerTruncation(entry.contentRect.height, itemHeightRef.current, sections.length, sections[0]?.key, sectionsPerTruncation, setSectionsPerTruncation, setCurrent);
+        }
+    }, [sections, sectionsPerTruncation]);
+    hooks.useEffect(() => {
+        if (ulRef.current) {
+            // Get aria values from IndexerItem to update aria values on Indexer ul element
+            ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');
+            ulRef.current.setAttribute('aria-valuetext', currElementRef.current?.dataset?.['ojValuetext'] || '');
+            ulRef.current.setAttribute('aria-valuenow', currElementRef.current?.dataset?.['ojValuenow'] || '');
+        }
+        renderedSectionsCount.current = -1;
+    });
+    /**
+     * Set up the initial values for sectionsPerTruncation and event listeners
+     */
+    hooks.useEffect(() => {
+        const root = rootRef.current;
+        if (root) {
+            itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;
+            updateSectionsPerTruncation(root.offsetHeight, itemHeightRef.current, sections.length, sections[0]?.key, sectionsPerTruncation, setSectionsPerTruncation, setCurrent);
+        }
+    }, [sections, sectionsPerTruncation]);
+    /**
+     * Set up resize observer and refresh the resize observer when
+     * sectionsPerTruncation is changed, otherwise it will only have the
+     * old copy of sectionsPerTruncation.
+     */
+    hooks.useEffect(() => {
+        const root = rootRef.current;
+        if (root) {
+            const resizeObserver = new ResizeObserver((entries) => {
+                handleResize(entries);
+            });
+            resizeObserver.observe(root);
+            return () => {
+                resizeObserver.unobserve(root);
+            };
+        }
+        return undefined;
+    }, [sectionsPerTruncation, handleResize]);
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const { styles: { baseStyle, innerStyle } } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme);
+    return (jsxRuntime.jsxs("div", { ref: rootRef, class: baseStyle, children: [jsxRuntime.jsx(Flex.Flex, { align: "center", width: "6x", height: "100%", children: jsxRuntime.jsx("ul", { ...utils_UNSAFE_mergeProps.mergeProps(currentKeyProps, focusRingProps, selectionProps), ref: ulRef, tabIndex: 0, "aria-label": "Indexer", "aria-orientation": "vertical", "aria-valuemin": 0, "aria-describedby": uniqueId, role: "slider", class: innerStyle, children: jsxRuntime.jsx(Collection.Collection, { items: sections, children: itemRenderer }) }) }), jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: jsxRuntime.jsx("span", { id: uniqueId, children: getIndexerDescription(translations) }) })] }));
+}
+// A function to extract key for selection
+const handleKeyExtract = (element, rootRef, current) => {
+    if (element === rootRef.current) {
+        return current === undefined ? null : current;
+    }
+    return utils_PRIVATE_collectionUtils.keyExtractor(element, ITEM_SELECTOR);
+};
+const handleSelection = (detail, onCommit, sections) => {
+    if (detail.value === SECTION_OTHERS.key) {
+        onCommit({ value: SECTION_OTHERS.key });
+    }
+    else {
+        const selectedSection = sections.find((section) => section.key === detail.value);
+        onCommit({ value: selectedSection.key });
+    }
+};
+/**
+ * A function that calculates the section count, based on
+ * the container height and the number of sections
+ * @param height height of Indexer container
+ */
+const updateSectionsPerTruncation = (height, itemHeight, sectionsLength, firstSectionKey, sectionsPerTruncation, setSectionsPerTruncation, setCurrent) => {
+    if (height === 0 || itemHeight === 0) {
+        return;
+    }
+    const maxSections = height / itemHeight;
+    const last = sectionsLength - 1;
+    // when the container size is too small to hold two sections
+    if (maxSections < 2) {
+        if (sectionsPerTruncation !== last) {
+            setSectionsPerTruncation(last);
+            setCurrent(firstSectionKey);
+        }
+        // no truncation
+        // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections
+        // are about the same, maxNum === sectionsLength doesn't work
+    }
+    else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {
+        if (sectionsPerTruncation > 1) {
+            setSectionsPerTruncation(1);
+            setCurrent(firstSectionKey);
+        }
+        // need truncation
+    }
+    else {
+        const tempSectionCount = findSectionCount(maxSections, last);
+        if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {
+            setSectionsPerTruncation(tempSectionCount);
+            setCurrent(firstSectionKey);
+        }
+    }
+};
+/**
+ * A helper function to find the best section count
+ * in a truncation
+ *
+ * @param maxSections maximum number of sections allowed in a truncation
+ * @param last the index of last section
+ */
+const findSectionCount = (maxSections, last) => {
+    // need truncation
+    maxSections -= 2; // minus the last character and the others character
+    maxSections /= 2; // each truncation has a section and a separator
+    const newSectionCount = Math.round(last / maxSections) + 1;
+    const truncationLeftover = last % newSectionCount;
+    const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);
+    // When the sectionCount becomes greater, it will result in
+    // same truncations but with different sections appearing.
+    // The following is to find the best sectionCount in this case
+    // and prevent unnecessary truncations.
+    let tempLeftover = last - (truncationCount - 1) * newSectionCount;
+    let tempSectionCount = newSectionCount;
+    while (tempSectionCount > tempLeftover) {
+        tempSectionCount -= 1;
+        tempLeftover = last - (truncationCount - 1) * tempSectionCount;
+    }
+    if (tempSectionCount != newSectionCount) {
+        tempSectionCount += 1;
+    }
+    return tempSectionCount;
+};
+/**
+ * Helper function to find the aria description for Indexer,
+ * based on whether current device is a mobile device
+ */
+function getIndexerDescription(translations) {
+    if (utils_PRIVATE_collectionUtils.isMobile()) {
+        return translations.indexer_touchInstructionText();
+    }
+    else {
+        return translations.indexer_keyboardInstructionText();
+    }
+}
+
+exports.Indexer = Indexer;
+exports.SECTION_OTHERS = SECTION_OTHERS;
+//# sourceMappingURL=Indexer-b3a18ee5.js.map

package/cjs/Indexer-b3a18ee5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indexer-b3a18ee5.js","sources":["../../src/UNSAFE_Indexer/IndexerItems.tsx","../../src/UNSAFE_Indexer/Indexer.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 */\nimport { Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ItemContext } from 'src/UNSAFE_Collection';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles, IndexerItemVariantOptions } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\n/**\n * Type of a section\n */\nexport type Section<K> = {\n  /**\n   * The key of each section\n   */\n  key: K;\n  /**\n   * The label of each section\n   */\n  label?: string;\n  /**\n   * A property that indicates whether the section\n   * is disabled or not. Typically, when Indexer is\n   * used with ListView, a disabled section implies\n   * that there's no corresponding items in the ListView\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * The others section variable that application could use\n * to compare value\n */\n// const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\nexport const SECTION_OTHERS: Section<string> = Object.freeze({\n  key: '__others__',\n  label: '#'\n});\n\nconst ITEM_STYLE_CLASS = 'oj-indexer-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nexport type SectionProps<K> = {\n  context: ItemContext<Section<K>>;\n  currentKey: K;\n  selectedKey: K;\n  valueNow: number; // the index of an item within currently visible sections\n  isFocusRingVisible: boolean;\n};\n\nexport const SectionItem = forwardRef(\n  <K extends string | number>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, selectedKey } = props;\n    const isSelected = context.data.key === selectedKey;\n    const commonProps = getCommonProps(props, ref);\n\n    const { classes } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(\n      IndexerRedwoodTheme,\n      {\n        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n        disabled: context.data.isDisabled ? 'isDisabled' : 'notDisabled',\n        selected: isSelected ? 'isSelected' : 'notSelected'\n      }\n    );\n    const itemClasses = classNames([commonProps.class, classes]);\n\n    const sectionLabel = context.data.label || context.data.key;\n    const valueText = context.data.isDisabled\n      ? translations.indexer_disabledLabel({ SECTION: `${sectionLabel}` })\n      : `${sectionLabel}`;\n\n    return (\n      <li\n        {...commonProps}\n        class={itemClasses}\n        data-oj-valuetext={valueText}\n        data-oj-disabled={context.data.isDisabled}>\n        {context.data.label || context.data.key}\n      </li>\n    );\n  }\n);\n\nfunction getCommonProps<K>(\n  { context, currentKey, valueNow, isFocusRingVisible }: SectionProps<K>,\n  ref: ForwardedRef<HTMLLIElement>\n) {\n  const isCurrent = context.data.key === currentKey;\n  return {\n    ...(isCurrent && { ref }),\n    key: context.data.key,\n    class: ITEM_STYLE_CLASS,\n    'data-oj-key': context.data.key,\n    'data-oj-key-type': typeof context.data.key,\n    'data-oj-valuenow': valueNow,\n    isFocusRingVisible: !!isFocusRingVisible\n  };\n}\n\ntype LastSectionProps<K> = SectionProps<K> & {\n  lastValueNow: number;\n};\n\n// render the last section, that contains the last character and others character\nexport const LastSectionItem = forwardRef(\n  <K extends string | number>(\n    { lastValueNow, ...sectionProps }: LastSectionProps<K>,\n    ref: ForwardedRef<HTMLLIElement>\n  ) => {\n    const commonProps = { ...sectionProps, ref };\n    return (\n      <Fragment>\n        <SectionItem {...commonProps} />\n        <OthersItem\n          {...commonProps}\n          ref={ref}\n          context={{ index: -1, data: SECTION_OTHERS } as ItemContext<Section<K>>}\n          valueNow={lastValueNow}\n        />\n      </Fragment>\n    );\n  }\n);\n\nconst OthersItem = forwardRef(<K,>(props: SectionProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n  const { context, selectedKey } = props;\n  const commonProps = getCommonProps(props, ref);\n\n  const isSelected = context.data.key === selectedKey;\n  const { classes } = useComponentTheme<IndexerItemVariantOptions>(IndexerRedwoodTheme, {\n    focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',\n    selected: isSelected ? 'isSelected' : 'notSelected'\n  });\n  const othersClasses = classNames([commonProps.class, classes]);\n  const othersValueText = SECTION_OTHERS.label;\n\n  return (\n    <li {...commonProps} class={othersClasses} data-oj-valuetext={othersValueText}>\n      {context.data.label}\n    </li>\n  );\n});\n\ntype SeparatorProps<K> = SectionProps<K> & {\n  sectionsPerTruncation: number;\n  last: number;\n  sections: Section<K>[];\n};\n\nexport const SeparatorItem = forwardRef(\n  <K extends string | number>(props: SeparatorProps<K>, ref: ForwardedRef<HTMLLIElement>) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const { context, sections } = props;\n    const commonProps = getCommonProps(props, ref);\n    const { from, to } = getSeparatorRange(props);\n\n    if (!isInSeparatorMiddle(context.index, from, to)) {\n      return null;\n    }\n\n    const fromText = sections[from].label || sections[from].key;\n    const toText = sections[to].label || sections[to].key;\n\n    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\n    const separatorClasses = classNames([commonProps.class, classes]);\n\n    const separatorValueText = translations.indexer_separatorLabel({\n      FROM_SECTION: `${fromText}`,\n      TO_SECTION: `${toText}`\n    });\n\n    return (\n      <li {...commonProps} class={separatorClasses} data-oj-valuetext={separatorValueText}>\n        <Flex align=\"center\" justify=\"center\">\n          <div class={dotStyle}></div>\n        </Flex>\n      </li>\n    );\n  }\n);\n\nexport function hasSeparator<K>(props: SeparatorProps<K>) {\n  const { from, to } = getSeparatorRange(props);\n  return isInSeparatorMiddle(props.context.index, from, to);\n}\n\nfunction getSeparatorRange<K>({ context, sectionsPerTruncation, last }: SeparatorProps<K>) {\n  const from = context.index - (context.index % sectionsPerTruncation) + 1;\n  let to = from + sectionsPerTruncation - 2;\n  to = to >= last ? last - 1 : to;\n\n  return { from, to };\n}\n\nfunction isInSeparatorMiddle(index: number, from: number, to: number) {\n  return index === Math.floor((from + to) / 2);\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 */\nimport { ComponentChildren, createRef, RefObject } from 'preact';\nimport { useEffect, useRef, useState, StateUpdater, useCallback } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useSingleSelection } from '../hooks/PRIVATE_useSingleSelection/useSingleSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { keyExtractor, getPrevNextKey, isMobile } from '../utils/PRIVATE_collectionUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ItemContext, CurrentKeyDetail, SingleSelectionDetail } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Section,\n  SectionItem,\n  LastSectionItem,\n  SeparatorItem,\n  SECTION_OTHERS,\n  hasSeparator,\n  ITEM_SELECTOR\n} from './IndexerItems';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { IndexerStyles } from './themes/IndexerStyles.css';\nimport { IndexerRedwoodTheme } from './themes/redwood/IndexerTheme';\n\nexport type CommitDetail<K> = {\n  value: K;\n};\n\ntype Props<K> = {\n  /**\n   * An array of sections, the default sections is an\n   * array of 26 English alphabets and the # others character\n   */\n  sections?: Section<K>[];\n\n  /**\n   * The currently selected Section\n   */\n  value?: K;\n\n  /**\n   * A function that will be invoked when selection happens,\n   * no matter the Section was selected before or not.\n   */\n  onCommit?: (detail: CommitDetail<K>) => void;\n};\n\nconst defaultSections: Section<string>[] = [\n  { key: 'A' },\n  { key: 'B' },\n  { key: 'C' },\n  { key: 'D' },\n  { key: 'E' },\n  { key: 'F' },\n  { key: 'G' },\n  { key: 'H' },\n  { key: 'I' },\n  { key: 'J' },\n  { key: 'K' },\n  { key: 'L' },\n  { key: 'M' },\n  { key: 'N' },\n  { key: 'O' },\n  { key: 'P' },\n  { key: 'Q' },\n  { key: 'R' },\n  { key: 'S' },\n  { key: 'T' },\n  { key: 'U' },\n  { key: 'V' },\n  { key: 'W' },\n  { key: 'X' },\n  { key: 'Y' },\n  { key: 'Z' }\n];\n\n/**\n * Pure Preact based component that consumes Collection component\n * and renders an indexer.\n */\nexport function Indexer<K extends string | number>({\n  sections = defaultSections as Section<K>[],\n  value,\n  onCommit = () => {}\n}: Props<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const ulRef = useRef<HTMLUListElement>(null);\n  const currElementRef = createRef<HTMLLIElement>();\n  const [current, setCurrent] = useState<K | undefined>(sections[0]?.key);\n  // the number of sections in each truncation\n  const [sectionsPerTruncation, setSectionsPerTruncation] = useState<number>(-1);\n  // the total number of rendered sections and separators\n  const renderedSectionsCount = useRef<number>(-1);\n  const itemHeightRef = useRef<number>(0);\n  // the id for aria describedby\n  const uniqueId = useId();\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!rootRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    true,\n    getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, current, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    current,\n    (detail: CurrentKeyDetail<K>) => setCurrent(detail.value)\n  );\n\n  const { selectionProps } = useSingleSelection(\n    (element) => handleKeyExtract(element, ulRef, current as K),\n    // pass in undefined so onCommit handler will be called\n    // no matter whether the Section was selected before or not\n    undefined,\n    (detail: SingleSelectionDetail<K>) => handleSelection(detail, onCommit, sections)\n  );\n\n  /**\n   * Item renderer that will return a section item or a section separator\n   * based on the sectionsPerTruncation and item context index.\n   * @param context item context\n   */\n  const itemRenderer = (context: ItemContext<Section<K>>): ComponentChildren => {\n    const last = sections.length - 1;\n    renderedSectionsCount.current += 1;\n\n    const commonProps = {\n      context,\n      ref: currElementRef,\n      currentKey: current as K,\n      selectedKey: value as K,\n      valueNow: renderedSectionsCount.current,\n      isFocusRingVisible: !!showFocusRing\n    };\n\n    // render the last and the others character, they are always present\n    if (context.index === last) {\n      return <LastSectionItem {...commonProps} lastValueNow={renderedSectionsCount.current + 1} />;\n    }\n\n    // render a section, in the non-truncation case or when it is the first in a truncation\n    if (sectionsPerTruncation <= 1 || context.index % sectionsPerTruncation === 0) {\n      return <SectionItem {...commonProps} />;\n    }\n\n    // render the separator in the middle of a truncation\n    const separatorProps = { ...commonProps, sectionsPerTruncation, last, sections };\n    if (hasSeparator(separatorProps)) {\n      return <SeparatorItem {...separatorProps} />;\n    }\n\n    // remove the count for truncated sections\n    renderedSectionsCount.current -= 1;\n\n    return null;\n  };\n\n  // truncate the Indexer during resize\n  const handleResize = useCallback(\n    (entries: ResizeObserverEntry[]) => {\n      for (const entry of entries) {\n        updateSectionsPerTruncation(\n          entry.contentRect.height,\n          itemHeightRef.current,\n          sections.length,\n          sections[0]?.key,\n          sectionsPerTruncation,\n          setSectionsPerTruncation,\n          setCurrent\n        );\n      }\n    },\n    [sections, sectionsPerTruncation]\n  );\n\n  useEffect(() => {\n    if (ulRef.current) {\n      // Get aria values from IndexerItem to update aria values on Indexer ul element\n      ulRef.current.setAttribute('aria-valuemax', renderedSectionsCount.current + 1 + '');\n      ulRef.current.setAttribute(\n        'aria-valuetext',\n        currElementRef.current?.dataset?.['ojValuetext'] || ''\n      );\n      ulRef.current.setAttribute(\n        'aria-valuenow',\n        currElementRef.current?.dataset?.['ojValuenow'] || ''\n      );\n    }\n    renderedSectionsCount.current = -1;\n  });\n\n  /**\n   * Set up the initial values for sectionsPerTruncation and event listeners\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      itemHeightRef.current = root.querySelector('li')?.offsetHeight || 0;\n      updateSectionsPerTruncation(\n        root.offsetHeight,\n        itemHeightRef.current,\n        sections.length,\n        sections[0]?.key,\n        sectionsPerTruncation,\n        setSectionsPerTruncation,\n        setCurrent\n      );\n    }\n  }, [sections, sectionsPerTruncation]);\n\n  /**\n   * Set up resize observer and refresh the resize observer when\n   * sectionsPerTruncation is changed, otherwise it will only have the\n   * old copy of sectionsPerTruncation.\n   */\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n        handleResize(entries);\n      });\n      resizeObserver.observe(root);\n      return () => {\n        resizeObserver.unobserve(root);\n      };\n    }\n    return undefined;\n  }, [sectionsPerTruncation, handleResize]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const {\n    styles: { baseStyle, innerStyle }\n  } = useComponentTheme<never, IndexerStyles>(IndexerRedwoodTheme);\n\n  return (\n    <div ref={rootRef} class={baseStyle}>\n      <Flex align=\"center\" width=\"6x\" height=\"100%\">\n        <ul\n          {...mergeProps(currentKeyProps, focusRingProps, selectionProps)}\n          ref={ulRef}\n          tabIndex={0}\n          aria-label=\"Indexer\"\n          aria-orientation=\"vertical\"\n          aria-valuemin={0}\n          aria-describedby={uniqueId}\n          role=\"slider\"\n          class={innerStyle}>\n          <Collection items={sections}>{itemRenderer}</Collection>\n        </ul>\n      </Flex>\n      <HiddenAccessible>\n        <span id={uniqueId}>{getIndexerDescription(translations)}</span>\n      </HiddenAccessible>\n    </div>\n  );\n}\n\n// A function to extract key for selection\nconst handleKeyExtract = <K extends string | number>(\n  element: HTMLElement,\n  rootRef: RefObject<HTMLElement>,\n  current: K\n) => {\n  if (element === rootRef.current) {\n    return current === undefined ? null : current;\n  }\n  return keyExtractor(element, ITEM_SELECTOR) as K;\n};\n\nconst handleSelection = <K extends string | number>(\n  detail: SingleSelectionDetail<K>,\n  onCommit: (value: CommitDetail<K>) => void,\n  sections: Section<K>[]\n) => {\n  if (detail.value === SECTION_OTHERS.key) {\n    onCommit({ value: SECTION_OTHERS.key as K });\n  } else {\n    const selectedSection = sections.find((section) => section.key === detail.value) as Section<K>;\n    onCommit({ value: selectedSection.key as K });\n  }\n};\n\n/**\n * A function that calculates the section count, based on\n * the container height and the number of sections\n * @param height height of Indexer container\n */\nconst updateSectionsPerTruncation = <K extends string | number>(\n  height: number,\n  itemHeight: number,\n  sectionsLength: number,\n  firstSectionKey: K,\n  sectionsPerTruncation: number,\n  setSectionsPerTruncation: StateUpdater<number>,\n  setCurrent: StateUpdater<K | undefined>\n) => {\n  if (height === 0 || itemHeight === 0) {\n    return;\n  }\n\n  const maxSections = height / itemHeight;\n  const last = sectionsLength - 1;\n\n  // when the container size is too small to hold two sections\n  if (maxSections < 2) {\n    if (sectionsPerTruncation !== last) {\n      setSectionsPerTruncation(last);\n      setCurrent(firstSectionKey);\n    }\n\n    // no truncation\n    // compare with < 0.01 for the deviation from calculation, when sectionsLength and maxSections\n    // are about the same, maxNum === sectionsLength doesn't work\n  } else if (maxSections > sectionsLength || sectionsLength - maxSections < 0.01) {\n    if (sectionsPerTruncation > 1) {\n      setSectionsPerTruncation(1);\n      setCurrent(firstSectionKey);\n    }\n\n    // need truncation\n  } else {\n    const tempSectionCount = findSectionCount(maxSections, last);\n    if (tempSectionCount !== sectionsPerTruncation && tempSectionCount < sectionsLength) {\n      setSectionsPerTruncation(tempSectionCount);\n      setCurrent(firstSectionKey);\n    }\n  }\n};\n\n/**\n * A helper function to find the best section count\n * in a truncation\n *\n * @param maxSections maximum number of sections allowed in a truncation\n * @param last the index of last section\n */\nconst findSectionCount = (maxSections: number, last: number) => {\n  // need truncation\n  maxSections -= 2; // minus the last character and the others character\n  maxSections /= 2; // each truncation has a section and a separator\n\n  const newSectionCount = Math.round(last / maxSections) + 1;\n  const truncationLeftover = last % newSectionCount;\n  const truncationCount = Math.floor(last / newSectionCount) + (truncationLeftover > 1 ? 1 : 0);\n\n  // When the sectionCount becomes greater, it will result in\n  // same truncations but with different sections appearing.\n  // The following is to find the best sectionCount in this case\n  // and prevent unnecessary truncations.\n  let tempLeftover = last - (truncationCount - 1) * newSectionCount;\n  let tempSectionCount = newSectionCount;\n  while (tempSectionCount > tempLeftover) {\n    tempSectionCount -= 1;\n    tempLeftover = last - (truncationCount - 1) * tempSectionCount;\n  }\n  if (tempSectionCount != newSectionCount) {\n    tempSectionCount += 1;\n  }\n\n  return tempSectionCount;\n};\n\n/**\n * Helper function to find the aria description for Indexer,\n * based on whether current device is a mobile device\n */\nfunction getIndexerDescription(translations: any) {\n  if (isMobile()) {\n    return translations.indexer_touchInstructionText();\n  } else {\n    return translations.indexer_keyboardInstructionText();\n  }\n}\n"],"names":["forwardRef","useTranslationBundle","useComponentTheme","IndexerRedwoodTheme","classNames","_jsx","_jsxs","Fragment","Flex","useRef","createRef","useState","useId","useCollectionFocusRing","useCurrentKey","keyExtractor","getPrevNextKey","useSingleSelection","useCallback","useEffect","mergeProps","Collection","HiddenAccessible","isMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;;;AAGG;AACH;AACa,MAAA,cAAc,GAAoB,MAAM,CAAC,MAAM,CAAC;AAC3D,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,KAAK,EAAE,GAAG;AACX,CAAA,EAAE;AAEH,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AACpC,MAAM,aAAa,GAAG,GAAG,GAAG,gBAAgB,CAAC;AAU7C,MAAM,WAAW,GAAGA,iBAAU,CACnC,CAA4B,KAAsB,EAAE,GAAgC,KAAI;AACtF,IAAA,MAAM,YAAY,GAAGC,sDAAoB,CAAa,0BAA0B,CAAC,CAAC;AAElF,IAAA,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,WAAW,CAAC;IACpD,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAE/C,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,gDAAiB,CACnCC,8DAAmB,EACnB;AACE,QAAA,OAAO,EAAE,WAAW,CAAC,GAAG,IAAI,WAAW,CAAC,kBAAkB,GAAG,WAAW,GAAG,YAAY;AACvF,QAAA,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,aAAa;QAChE,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;AACpD,KAAA,CACF,CAAC;AACF,IAAA,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AAE7D,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU;AACvC,UAAE,YAAY,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAG,EAAA,YAAY,CAAE,CAAA,EAAE,CAAC;AACpE,UAAE,CAAA,EAAG,YAAY,CAAA,CAAE,CAAC;AAEtB,IAAA,QACEC,cAAA,CAAA,IAAA,EAAA,EAAA,GACM,WAAW,EACf,KAAK,EAAE,WAAW,EAAA,mBAAA,EACC,SAAS,EAAA,kBAAA,EACV,OAAO,CAAC,IAAI,CAAC,UAAU,EAAA,QAAA,EACxC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,EAAA,CACpC,EACL;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAmB,EACtE,GAAgC,EAAA;IAEhC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC;IAClD,OAAO;AACL,QAAA,IAAI,SAAS,IAAI,EAAE,GAAG,EAAE,CAAC;AACzB,QAAA,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG;AACrB,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG;AAC/B,QAAA,kBAAkB,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG;AAC3C,QAAA,kBAAkB,EAAE,QAAQ;QAC5B,kBAAkB,EAAE,CAAC,CAAC,kBAAkB;KACzC,CAAC;AACJ,CAAC;AAMD;AACO,MAAM,eAAe,GAAGL,iBAAU,CACvC,CACE,EAAE,YAAY,EAAE,GAAG,YAAY,EAAuB,EACtD,GAAgC,KAC9B;IACF,MAAM,WAAW,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,EAAE,CAAC;AAC7C,IAAA,QACEM,eAAC,CAAAC,eAAQ,EACP,EAAA,QAAA,EAAA,CAAAF,cAAA,CAAC,WAAW,EAAK,EAAA,GAAA,WAAW,EAAI,CAAA,EAChCA,eAAC,UAAU,EAAA,EAAA,GACL,WAAW,EACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,cAAc,EAA6B,EACvE,QAAQ,EAAE,YAAY,EACtB,CAAA,CAAA,EAAA,CACO,EACX;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAGL,iBAAU,CAAC,CAAK,KAAsB,EAAE,GAAgC,KAAI;AAC7F,IAAA,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,WAAW,CAAC;AACpD,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGE,gDAAiB,CAA4BC,8DAAmB,EAAE;AACpF,QAAA,OAAO,EAAE,WAAW,CAAC,GAAG,IAAI,WAAW,CAAC,kBAAkB,GAAG,WAAW,GAAG,YAAY;QACvF,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;AACpD,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,aAAa,GAAGC,qBAAU,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AAC/D,IAAA,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC;AAE7C,IAAA,QACEC,cAAQ,CAAA,IAAA,EAAA,EAAA,GAAA,WAAW,EAAE,KAAK,EAAE,aAAa,EAAA,mBAAA,EAAqB,eAAe,EAAA,QAAA,EAC1E,OAAO,CAAC,IAAI,CAAC,KAAK,EAAA,CAChB,EACL;AACJ,CAAC,CAAC,CAAC;AAQI,MAAM,aAAa,GAAGL,iBAAU,CACrC,CAA4B,KAAwB,EAAE,GAAgC,KAAI;AACxF,IAAA,MAAM,YAAY,GAAGC,sDAAoB,CAAa,0BAA0B,CAAC,CAAC;AAElF,IAAA,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE;AACjD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;AAEtD,IAAA,MAAM,EACJ,OAAO,EACP,MAAM,EAAE,EAAE,QAAQ,EAAE,EACrB,GAAGC,gDAAiB,CAA2CC,8DAAmB,EAAE;AACnF,QAAA,OAAO,EAAE,WAAW,CAAC,GAAG,IAAI,WAAW,CAAC,kBAAkB,GAAG,WAAW,GAAG,YAAY;AACxF,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,gBAAgB,GAAGC,qBAAU,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AAElE,IAAA,MAAM,kBAAkB,GAAG,YAAY,CAAC,sBAAsB,CAAC;QAC7D,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAE,CAAA;QAC3B,UAAU,EAAE,CAAG,EAAA,MAAM,CAAE,CAAA;AACxB,KAAA,CAAC,CAAC;AAEH,IAAA,QACEC,cAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAA,mBAAA,EAAqB,kBAAkB,EAAA,QAAA,EACjFA,cAAC,CAAAG,SAAI,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACnC,QAAA,EAAAH,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,QAAQ,EAAA,CAAQ,EACvB,CAAA,EAAA,CACJ,EACL;AACJ,CAAC,CACF,CAAC;AAEI,SAAU,YAAY,CAAI,KAAwB,EAAA;IACtD,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,OAAO,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,iBAAiB,CAAI,EAAE,OAAO,EAAE,qBAAqB,EAAE,IAAI,EAAqB,EAAA;AACvF,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC;AACzE,IAAA,IAAI,EAAE,GAAG,IAAI,GAAG,qBAAqB,GAAG,CAAC,CAAC;AAC1C,IAAA,EAAE,GAAG,EAAE,IAAI,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC;AAEhC,IAAA,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACtB,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAa,EAAE,IAAY,EAAE,EAAU,EAAA;AAClE,IAAA,OAAO,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/C;;AC7JA,MAAM,eAAe,GAAsB;IACzC,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;IACZ,EAAE,GAAG,EAAE,GAAG,EAAE;CACb,CAAC;AAEF;;;AAGG;SACa,OAAO,CAA4B,EACjD,QAAQ,GAAG,eAA+B,EAC1C,KAAK,EACL,QAAQ,GAAG,MAAK,GAAG,EACV,EAAA;AACT,IAAA,MAAM,OAAO,GAAGI,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,KAAK,GAAGA,YAAM,CAAmB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,cAAc,GAAGC,gBAAS,EAAiB,CAAC;AAClD,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;;IAExE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAS,CAAC,CAAC,CAAC,CAAC;;AAE/E,IAAA,MAAM,qBAAqB,GAAGF,YAAM,CAAS,CAAC,CAAC,CAAC,CAAC;AACjD,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAS,CAAC,CAAC,CAAC;;AAExC,IAAA,MAAM,QAAQ,GAAGG,wBAAK,EAAE,CAAC;IAEzB,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAGC,2DAAsB,CAC5D,CAAC,IAAoB,KAAI;QACvB,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC3C,KAAC,EACD,CAAC,SAAS,EAAE,WAAW,CAAC,CACzB,CAAC;AAEF,IAAA,MAAM,EAAE,eAAe,EAAE,GAAGC,yCAAa,CACvC,CAAC,OAAO,KAAKC,0CAAY,CAAC,OAAO,EAAE,aAAa,CAAC,EACjD,IAAI,EACJC,4CAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,EAC7DA,4CAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,EAC9D,SAAS,EACT,SAAS,EACT,OAAO,EACP,CAAC,MAA2B,KAAK,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAC1D,CAAC;AAEF,IAAA,MAAM,EAAE,cAAc,EAAE,GAAGC,qCAAkB,CAC3C,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAY,CAAC;;;AAG3D,IAAA,SAAS,EACT,CAAC,MAAgC,KAAK,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAClF,CAAC;AAEF;;;;AAIG;AACH,IAAA,MAAM,YAAY,GAAG,CAAC,OAAgC,KAAuB;AAC3E,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;AACjC,QAAA,qBAAqB,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,WAAW,GAAG;YAClB,OAAO;AACP,YAAA,GAAG,EAAE,cAAc;AACnB,YAAA,UAAU,EAAE,OAAY;AACxB,YAAA,WAAW,EAAE,KAAU;YACvB,QAAQ,EAAE,qBAAqB,CAAC,OAAO;YACvC,kBAAkB,EAAE,CAAC,CAAC,aAAa;SACpC,CAAC;;AAGF,QAAA,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,EAAE;AAC1B,YAAA,OAAOZ,cAAC,CAAA,eAAe,EAAK,EAAA,GAAA,WAAW,EAAE,YAAY,EAAE,qBAAqB,CAAC,OAAO,GAAG,CAAC,GAAI,CAAC;AAC9F,SAAA;;QAGD,IAAI,qBAAqB,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,GAAG,qBAAqB,KAAK,CAAC,EAAE;AAC7E,YAAA,OAAOA,cAAC,CAAA,WAAW,EAAK,EAAA,GAAA,WAAW,GAAI,CAAC;AACzC,SAAA;;AAGD,QAAA,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,qBAAqB,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AACjF,QAAA,IAAI,YAAY,CAAC,cAAc,CAAC,EAAE;AAChC,YAAA,OAAOA,cAAC,CAAA,aAAa,EAAK,EAAA,GAAA,cAAc,GAAI,CAAC;AAC9C,SAAA;;AAGD,QAAA,qBAAqB,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC;;AAGF,IAAA,MAAM,YAAY,GAAGa,iBAAW,CAC9B,CAAC,OAA8B,KAAI;AACjC,QAAA,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;AAC3B,YAAA,2BAA2B,CACzB,KAAK,CAAC,WAAW,CAAC,MAAM,EACxB,aAAa,CAAC,OAAO,EACrB,QAAQ,CAAC,MAAM,EACf,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAChB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,CACX,CAAC;AACH,SAAA;AACH,KAAC,EACD,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAClC,CAAC;IAEFC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,OAAO,EAAE;;AAEjB,YAAA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,qBAAqB,CAAC,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;AACpF,YAAA,KAAK,CAAC,OAAO,CAAC,YAAY,CACxB,gBAAgB,EAChB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE,CACvD,CAAC;AACF,YAAA,KAAK,CAAC,OAAO,CAAC,YAAY,CACxB,eAAe,EACf,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,CAAC,IAAI,EAAE,CACtD,CAAC;AACH,SAAA;AACD,QAAA,qBAAqB,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;AACrC,KAAC,CAAC,CAAC;AAEH;;AAEG;IACHA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;AAC7B,QAAA,IAAI,IAAI,EAAE;AACR,YAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY,IAAI,CAAC,CAAC;YACpE,2BAA2B,CACzB,IAAI,CAAC,YAAY,EACjB,aAAa,CAAC,OAAO,EACrB,QAAQ,CAAC,MAAM,EACf,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAChB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,CACX,CAAC;AACH,SAAA;AACH,KAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAEtC;;;;AAIG;IACHA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;AAC7B,QAAA,IAAI,IAAI,EAAE;YACR,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAA8B,KAAI;gBAC3E,YAAY,CAAC,OAAO,CAAC,CAAC;AACxB,aAAC,CAAC,CAAC;AACH,YAAA,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7B,YAAA,OAAO,MAAK;AACV,gBAAA,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACjC,aAAC,CAAC;AACH,SAAA;AACD,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC;AAE1C,IAAA,MAAM,YAAY,GAAGlB,sDAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,EACJ,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAClC,GAAGC,gDAAiB,CAAuBC,8DAAmB,CAAC,CAAC;AAEjE,IAAA,QACEG,eAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EACjC,QAAA,EAAA,CAAAD,cAAA,CAACG,SAAI,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC3CH,0BACMe,kCAAU,CAAC,eAAe,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,CAAC,EAAA,YAAA,EACA,SAAS,EAAA,kBAAA,EACH,UAAU,EACZ,eAAA,EAAA,CAAC,sBACE,QAAQ,EAC1B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAA,EAAAf,cAAA,CAACgB,qBAAU,EAAC,EAAA,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAc,GACrD,EACA,CAAA,EACPhB,eAACiB,iCAAgB,EAAA,EAAA,QAAA,EACfjB,yBAAM,EAAE,EAAE,QAAQ,EAAG,QAAA,EAAA,qBAAqB,CAAC,YAAY,CAAC,GAAQ,EAC/C,CAAA,CAAA,EAAA,CACf,EACN;AACJ,CAAC;AAED;AACA,MAAM,gBAAgB,GAAG,CACvB,OAAoB,EACpB,OAA+B,EAC/B,OAAU,KACR;AACF,IAAA,IAAI,OAAO,KAAK,OAAO,CAAC,OAAO,EAAE;QAC/B,OAAO,OAAO,KAAK,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC;AAC/C,KAAA;AACD,IAAA,OAAOU,0CAAY,CAAC,OAAO,EAAE,aAAa,CAAM,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CACtB,MAAgC,EAChC,QAA0C,EAC1C,QAAsB,KACpB;AACF,IAAA,IAAI,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,GAAG,EAAE;QACvC,QAAQ,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,GAAQ,EAAE,CAAC,CAAC;AAC9C,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,GAAG,KAAK,MAAM,CAAC,KAAK,CAAe,CAAC;QAC/F,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,GAAQ,EAAE,CAAC,CAAC;AAC/C,KAAA;AACH,CAAC,CAAC;AAEF;;;;AAIG;AACH,MAAM,2BAA2B,GAAG,CAClC,MAAc,EACd,UAAkB,EAClB,cAAsB,EACtB,eAAkB,EAClB,qBAA6B,EAC7B,wBAA8C,EAC9C,UAAuC,KACrC;AACF,IAAA,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC,EAAE;QACpC,OAAO;AACR,KAAA;AAED,IAAA,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AACxC,IAAA,MAAM,IAAI,GAAG,cAAc,GAAG,CAAC,CAAC;;IAGhC,IAAI,WAAW,GAAG,CAAC,EAAE;QACnB,IAAI,qBAAqB,KAAK,IAAI,EAAE;YAClC,wBAAwB,CAAC,IAAI,CAAC,CAAC;YAC/B,UAAU,CAAC,eAAe,CAAC,CAAC;AAC7B,SAAA;;;;AAKF,KAAA;SAAM,IAAI,WAAW,GAAG,cAAc,IAAI,cAAc,GAAG,WAAW,GAAG,IAAI,EAAE;QAC9E,IAAI,qBAAqB,GAAG,CAAC,EAAE;YAC7B,wBAAwB,CAAC,CAAC,CAAC,CAAC;YAC5B,UAAU,CAAC,eAAe,CAAC,CAAC;AAC7B,SAAA;;AAGF,KAAA;AAAM,SAAA;QACL,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC7D,QAAA,IAAI,gBAAgB,KAAK,qBAAqB,IAAI,gBAAgB,GAAG,cAAc,EAAE;YACnF,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;YAC3C,UAAU,CAAC,eAAe,CAAC,CAAC;AAC7B,SAAA;AACF,KAAA;AACH,CAAC,CAAC;AAEF;;;;;;AAMG;AACH,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,IAAY,KAAI;;AAE7D,IAAA,WAAW,IAAI,CAAC,CAAC;AACjB,IAAA,WAAW,IAAI,CAAC,CAAC;AAEjB,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;AAC3D,IAAA,MAAM,kBAAkB,GAAG,IAAI,GAAG,eAAe,CAAC;IAClD,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,eAAe,CAAC,IAAI,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;;;;;IAM9F,IAAI,YAAY,GAAG,IAAI,GAAG,CAAC,eAAe,GAAG,CAAC,IAAI,eAAe,CAAC;IAClE,IAAI,gBAAgB,GAAG,eAAe,CAAC;IACvC,OAAO,gBAAgB,GAAG,YAAY,EAAE;QACtC,gBAAgB,IAAI,CAAC,CAAC;QACtB,YAAY,GAAG,IAAI,GAAG,CAAC,eAAe,GAAG,CAAC,IAAI,gBAAgB,CAAC;AAChE,KAAA;IACD,IAAI,gBAAgB,IAAI,eAAe,EAAE;QACvC,gBAAgB,IAAI,CAAC,CAAC;AACvB,KAAA;AAED,IAAA,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF;;;AAGG;AACH,SAAS,qBAAqB,CAAC,YAAiB,EAAA;IAC9C,IAAIQ,sCAAQ,EAAE,EAAE;AACd,QAAA,OAAO,YAAY,CAAC,4BAA4B,EAAE,CAAC;AACpD,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,YAAY,CAAC,+BAA+B,EAAE,CAAC;AACvD,KAAA;AACH;;;;;"}

package/cjs/InlineHelpSource-bb508f4d.js

@@ -0,0 +1,26 @@
+/* @oracle/oraclejet-preact: 15.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+require('./utils/UNSAFE_classNames.js');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+var UNSAFE_UserAssistance_themes_redwood_UserAssistanceTheme = require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
+var classNames = require('./classNames-4bfc0882.js');
+
+function InlineHelpSource({ children, source }) {
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
+    children = children ?? userAssistance_learnMoreStr;
+    // JET-52914 - Implement Tabbable mode API contract in InputText
+    // if not tabbable, spread tabbableModeProps on component
+    const { isTabbable, tabbableModeProps } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+    // TODO: Implement and use a preact Link component instead of using an anchor tag
+    const { classes, styles } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_UserAssistance_themes_redwood_UserAssistanceTheme.UserAssistanceRedwoodTheme);
+    const { helpSourceStyles } = styles; // TODO: refactor types so inferring works properly
+    return (jsxRuntime.jsx("a", { class: classNames.classNames([classes, helpSourceStyles]), target: "_blank", href: source, ...(!isTabbable && tabbableModeProps), children: children }));
+}
+
+exports.InlineHelpSource = InlineHelpSource;
+//# sourceMappingURL=InlineHelpSource-bb508f4d.js.map

package/cjs/InlineHelpSource-bb508f4d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHelpSource-bb508f4d.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelpSource.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  children?: string;\n  source: string;\n};\n\nexport function InlineHelpSource({ children, source }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  children = children ?? userAssistance_learnMoreStr;\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // if not tabbable, spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n\n  const { classes, styles } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  const { helpSourceStyles } = styles; // TODO: refactor types so inferring works properly\n\n  return (\n    <a\n      class={classNames([classes, helpSourceStyles])}\n      target=\"_blank\"\n      href={source}\n      {...(!isTabbable && tabbableModeProps)}>\n      {children}\n    </a>\n  );\n}\n"],"names":["useTranslationBundle","useTabbableMode","useComponentTheme","UserAssistanceRedwoodTheme","_jsx","classNames"],"mappings":";;;;;;;;;;;SAgBgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAA;AAC1D,IAAA,MAAM,YAAY,GAAGA,sDAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,2BAA2B,GAAG,YAAY,CAAC,wBAAwB,EAAE,CAAC;AAC5E,IAAA,QAAQ,GAAG,QAAQ,IAAI,2BAA2B,CAAC;;;IAGnD,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAGC,4CAAe,EAAE,CAAC;;IAG5D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAGC,gDAAiB,CAC3CC,mFAA0B,CAC3B,CAAC;AACF,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC;AAEpC,IAAA,QACEC,cAAA,CAAA,GAAA,EAAA,EACE,KAAK,EAAEC,qBAAU,CAAC,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAC9C,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,MAAM,EAAA,IACP,CAAC,UAAU,IAAI,iBAAiB,CAAC,EAAA,QAAA,EACrC,QAAQ,EAAA,CACP,EACJ;AACJ;;;;"}

package/cjs/Label-886e43d9.js

@@ -0,0 +1,51 @@
+/* @oracle/oraclejet-preact: 15.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+require('./utils/UNSAFE_classNames.js');
+var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
+var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
+var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
+var classNames = require('./classNames-4bfc0882.js');
+
+const StyledLabel = ({ hasValue, readonly, disabled, isFocused, isRequiredShown, helpIconId, helpSourceLink, helpSourceText, userAssistanceDensity = 'reflow', variant = 'inside', parentComponentVariant = 'textField', ...props }) => {
+    const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = hooks_UNSAFE_useFormContext.useFormContext();
+    const isInside = variant === 'inside' || variant === 'insideError' || variant === 'insideWarning';
+    const inTextField = parentComponentVariant === 'textField';
+    // because variants have to match strings, we have to take any boolean props and convert
+    // them to a string value, (ie prefixed with "is" or "non")
+    const { classes, styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside } } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_Label_themes_redwood_LabelTheme.LabelRedwoodTheme, {
+        labelWrapping,
+        position: variant,
+        inside: isInside ? 'isInside' : 'notInside',
+        inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',
+        readonly: readonly ? 'isReadonly' : 'notReadonly',
+        focused: isFocused ? 'isFocused' : 'nonFocused',
+        formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',
+        readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',
+        value: hasValue ? 'hasValue' : 'noValue',
+        valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',
+        animatedWhenInside: inTextField ? 'isAnimated' : 'notAnimated',
+        disabled: inTextField && disabled ? 'isDisabled' : 'nonDisabled',
+        userAssistanceDensity
+    });
+    const { baseTheme: textFieldTheme } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_TextField_themes_redwood_TextFieldTheme.TextFieldRedwoodTheme);
+    // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll
+    // run into issues destructuring style interpolations, for example having to concatenate both.
+    const compactLabelStyles = classNames.classNames([
+        uaDensityCompactLabel,
+        variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside
+    ]);
+    const compactUADLabel = jsxRuntime.jsx("label", { ...props, class: compactLabelStyles });
+    return userAssistanceDensity === 'compact' ? (jsxRuntime.jsxs("div", { class: classNames.classNames([classes, textFieldTheme]), children: [variant !== 'start' && compactUADLabel, jsxRuntime.jsx(UNSAFE_UserAssistance.CompactLabelAssistance, { isRequiredShown: isRequiredShown, helpIconId: helpIconId, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, labelEdge: variant === 'top' || variant === 'start' ? variant : 'inside' }), variant === 'start' && compactUADLabel] })) : (jsxRuntime.jsx("label", { ...props, class: classNames.classNames([classes, textFieldTheme]) }));
+};
+const Label = ({ forId, ...props }) => {
+    const { hasValue, isDisabled, isFocused, isReadonly } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+    return (jsxRuntime.jsx(StyledLabel, { for: forId, hasValue: hasValue, disabled: isDisabled, isFocused: isFocused, readonly: isReadonly, ...props }));
+};
+
+exports.Label = Label;
+//# sourceMappingURL=Label-886e43d9.js.map

package/cjs/Label-886e43d9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label-886e43d9.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CompactLabelAssistance } from '../UNSAFE_UserAssistance';\n\nimport { LabelStyles, LabelVariantOptions } from './themes/LabelStyles.css';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from './themes/redwood/LabelTheme';\n\ntype StyleProps = Exclude<Props, 'children' | 'forId' | 'id'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\n\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  isRequiredShown,\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  userAssistanceDensity = 'reflow',\n  variant = 'inside',\n  parentComponentVariant = 'textField',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const isInside = variant === 'inside' || variant === 'insideError' || variant === 'insideWarning';\n  const inTextField = parentComponentVariant === 'textField';\n\n  // because variants have to match strings, we have to take any boolean props and convert\n  // them to a string value, (ie prefixed with \"is\" or \"non\")\n  const {\n    classes,\n    styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside }\n  } = useComponentTheme<LabelVariantOptions, LabelStyles>(LabelRedwoodTheme, {\n    labelWrapping,\n    position: variant,\n    inside: isInside ? 'isInside' : 'notInside',\n    inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',\n    readonly: readonly ? 'isReadonly' : 'notReadonly',\n    focused: isFocused ? 'isFocused' : 'nonFocused',\n    formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    value: hasValue ? 'hasValue' : 'noValue',\n    valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',\n    animatedWhenInside: inTextField ? 'isAnimated' : 'notAnimated',\n    disabled: inTextField && disabled ? 'isDisabled' : 'nonDisabled',\n    userAssistanceDensity\n  });\n\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n\n  const compactLabelStyles = classNames([\n    uaDensityCompactLabel,\n    variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside\n  ]);\n  const compactUADLabel = <label {...props} class={compactLabelStyles} />;\n\n  return userAssistanceDensity === 'compact' ? (\n    <div class={classNames([classes, textFieldTheme])}>\n      {variant !== 'start' && compactUADLabel}\n      <CompactLabelAssistance\n        isRequiredShown={isRequiredShown}\n        helpIconId={helpIconId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        labelEdge={variant === 'top' || variant === 'start' ? variant : 'inside'}\n      />\n      {variant === 'start' && compactUADLabel}\n    </div>\n  ) : (\n    <label {...props} class={classNames([classes, textFieldTheme])} />\n  );\n};\n\ntype Props = {\n  /**\n   * Specifies how messages and assistive text are shown.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient' | 'compact';\n  /**\n   * Id to use for the help icon in compact user assistance density.\n   */\n  helpIconId?: string;\n  /**\n   * Help source link for compact user assistance density.\n   */\n  helpSourceLink?: string;\n  /**\n   * Help source text for compact user assistance density.\n   */\n  helpSourceText?: string;\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: boolean;\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n  /**\n   * Determines how the label is going to be styled in based on parent component.\n   */\n  parentComponentVariant?: 'textField' | 'radioGroup';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["useFormContext","useComponentTheme","LabelRedwoodTheme","TextFieldRedwoodTheme","classNames","_jsx","_jsxs","CompactLabelAssistance","useFormFieldContext"],"mappings":"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"}

package/cjs/LayoutUtils-e699b4f7.js

@@ -0,0 +1,72 @@
+/* @oracle/oraclejet-preact: 15.1.0 */
+'use strict';
+
+/**
+ * Returns true if the rectangle intersectes the supplied rectangle.
+ * @param {Rectangle}  rect  the supplied rectangle.
+ */
+function intersects(currRect, rect) {
+    if (rect && rect.w !== 0 && rect.h !== 0) {
+        // ignore zero size rect's
+        if (currRect.w !== 0 && currRect.h !== 0) {
+            const thisRight = currRect.x + currRect.w; // this right
+            const thisBottom = currRect.y + currRect.h; // this bottom
+            const rectRight = rect.x + rect.w; // rect right
+            const rectBottom = rect.y + rect.h; // rect bottom
+            return !(rect.x > thisRight ||
+                rectRight < currRect.x ||
+                rect.y > thisBottom ||
+                rectBottom < currRect.y);
+        }
+    }
+    return false;
+}
+/**
+ * Returns the union of this and the supplied rectangle.
+ * @param {Rectangle}  rect  the supplied rectangle.
+ * @return {Rectangle} a new rectangle that is the union of this and the supplied rectangle.
+ */
+function getUnion(currRect, rect) {
+    const u = {};
+    if (rect && rect.w !== 0 && rect.h !== 0) {
+        // ignore zero size rect's
+        if (currRect.w !== 0 && currRect.h !== 0) {
+            //  ..     ..   ..    ..
+            const thisRight = currRect.x + currRect.w; // this right
+            const thisBottom = currRect.y + currRect.h; // this bottom
+            const rectRight = rect.x + rect.w; // rect right
+            const rectBottom = rect.y + rect.h; // rect bottom
+            const minx = Math.min(currRect.x, rect.x);
+            const miny = Math.min(currRect.y, rect.y);
+            u.w = thisRight < rectRight ? rectRight - minx : thisRight - minx;
+            u.h = thisBottom > rectBottom ? thisBottom - miny : rectBottom - miny;
+            u.x = minx;
+            u.y = miny;
+        }
+        else {
+            u.x = rect.x;
+            u.y = rect.y;
+            u.w = rect.w;
+            u.h = rect.h;
+        }
+    }
+    else {
+        u.x = currRect.x;
+        u.y = currRect.y;
+        u.w = currRect.w;
+        u.h = currRect.h;
+    }
+    return u;
+}
+/**
+ * Gererates randomId used for aria-activedescendant.
+ * @returns
+ */
+function getRandomId() {
+    return `_${Math.random().toString(36).slice(2)}`; //@RandomNumberOK
+}
+
+exports.getRandomId = getRandomId;
+exports.getUnion = getUnion;
+exports.intersects = intersects;
+//# sourceMappingURL=LayoutUtils-e699b4f7.js.map

package/cjs/LayoutUtils-e699b4f7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutUtils-e699b4f7.js","sources":["../../src/utils/PRIVATE_visLayoutUtils/LayoutUtils.ts"],"sourcesContent":["/**\n * Returns true if the rectangle intersectes the supplied rectangle.\n * @param {Rectangle}  rect  the supplied rectangle.\n */\nexport function intersects(currRect: any, rect: any) {\n  if (rect && rect.w !== 0 && rect.h !== 0) {\n    // ignore zero size rect's\n    if (currRect.w !== 0 && currRect.h !== 0) {\n      const thisRight = currRect.x + currRect.w; // this right\n      const thisBottom = currRect.y + currRect.h; // this bottom\n      const rectRight = rect.x + rect.w; // rect right\n      const rectBottom = rect.y + rect.h; // rect bottom\n\n      return !(\n        rect.x > thisRight ||\n        rectRight < currRect.x ||\n        rect.y > thisBottom ||\n        rectBottom < currRect.y\n      );\n    }\n  }\n  return false;\n}\n\n/**\n * Returns the union of this and the supplied rectangle.\n * @param {Rectangle}  rect  the supplied rectangle.\n * @return {Rectangle} a new rectangle that is the union of this and the supplied rectangle.\n */\nexport function getUnion(currRect: any, rect: any) {\n  const u: any = {};\n\n  if (rect && rect.w !== 0 && rect.h !== 0) {\n    // ignore zero size rect's\n    if (currRect.w !== 0 && currRect.h !== 0) {\n      //  ..     ..   ..    ..\n      const thisRight = currRect.x + currRect.w; // this right\n      const thisBottom = currRect.y + currRect.h; // this bottom\n      const rectRight = rect.x + rect.w; // rect right\n      const rectBottom = rect.y + rect.h; // rect bottom\n\n      const minx = Math.min(currRect.x, rect.x);\n      const miny = Math.min(currRect.y, rect.y);\n\n      u.w = thisRight < rectRight ? rectRight - minx : thisRight - minx;\n      u.h = thisBottom > rectBottom ? thisBottom - miny : rectBottom - miny;\n      u.x = minx;\n      u.y = miny;\n    } else {\n      u.x = rect.x;\n      u.y = rect.y;\n      u.w = rect.w;\n      u.h = rect.h;\n    }\n  } else {\n    u.x = currRect.x;\n    u.y = currRect.y;\n    u.w = currRect.w;\n    u.h = currRect.h;\n  }\n  return u;\n}\n\n/**\n * Gererates randomId used for aria-activedescendant.\n * @returns\n */\nexport function getRandomId() {\n  return `_${Math.random().toString(36).slice(2)}`; //@RandomNumberOK\n}\n"],"names":[],"mappings":";;;AAAA;;;AAGG;AACa,SAAA,UAAU,CAAC,QAAa,EAAE,IAAS,EAAA;AACjD,IAAA,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE;;QAExC,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE;YACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;YAClC,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAEnC,YAAA,OAAO,EACL,IAAI,CAAC,CAAC,GAAG,SAAS;gBAClB,SAAS,GAAG,QAAQ,CAAC,CAAC;gBACtB,IAAI,CAAC,CAAC,GAAG,UAAU;AACnB,gBAAA,UAAU,GAAG,QAAQ,CAAC,CAAC,CACxB,CAAC;AACH,SAAA;AACF,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;AAIG;AACa,SAAA,QAAQ,CAAC,QAAa,EAAE,IAAS,EAAA;IAC/C,MAAM,CAAC,GAAQ,EAAE,CAAC;AAElB,IAAA,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE;;QAExC,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE;;YAExC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;YAClC,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAEnC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAE1C,YAAA,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAClE,YAAA,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,IAAI,CAAC;AACtE,YAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACX,YAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACZ,SAAA;AAAM,aAAA;AACL,YAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACb,YAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACb,YAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACb,YAAA,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AACd,SAAA;AACF,KAAA;AAAM,SAAA;AACL,QAAA,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AACjB,QAAA,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AACjB,QAAA,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AACjB,QAAA,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAClB,KAAA;AACD,IAAA,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;;AAGG;SACa,WAAW,GAAA;AACzB,IAAA,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC;AACnD;;;;;;"}