@oracle/oraclejet-preact 17.1.0 → 17.1.1

package/cjs/Gridlines-2dfe546a.js

@@ -1,123 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var PRIVATE_PlotArea_themes_PlotAreaStyles_css = require('./PRIVATE_PlotArea/themes/PlotAreaStyles.css.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var useColorScheme = require('./useColorScheme-e6bef5a4.js');
-
-function getAxisLineProps(availSpace, axisPosition, axisLine) {
-    return {
-        x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,
-        x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,
-        y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,
-        y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,
-        stroke: axisLine?.lineColor,
-        strokeWidth: axisLine?.lineWidth
-    };
-}
-function getBaseLineProps(availSpace, coord, axisPosition) {
-    let x1, x2, y1, y2;
-    if (axisPosition === 'bottom') {
-        x1 = availSpace.x;
-        x2 = availSpace.x + availSpace.width;
-        y1 = coord;
-        y2 = coord;
-    }
-    else {
-        x1 = coord;
-        x2 = coord;
-        y1 = availSpace.y;
-        y2 = availSpace.y + availSpace.height;
-    }
-    return { x1, x2, y1, y2 };
-}
-
-function PlotArea({ color, yScale, isLog, availSpace, xAxisPosition, cursor }) {
-    const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;
-    const axisLineProps = getAxisLineProps(availSpace, xAxisPosition);
-    const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...availSpace, class: PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.plotAreaStyle, style: { fill: color, cursor } }), jsxRuntime.jsx("line", { ...axisLineProps, class: PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.axisLineStyle }), hasBaseLine && jsxRuntime.jsx("line", { ...baseLineProps, class: PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.baseLineStyle })] }));
-}
-
-const TICK_DEFAULT = {
-    yMajorTick: {
-        isRendered: true
-    },
-    yMinorTick: {
-        isRendered: false
-    },
-    xMajorTick: {
-        isRendered: false
-    }
-};
-function Gridlines({ plotArea = TICK_DEFAULT, yMinorTicks, xScale, yScale, isLog, xViewportMin, xViewportMax, yTicks, yAxisPosition }) {
-    const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';
-    const [x1, x2] = xScale.range();
-    const [y1, y2] = yScale.range();
-    let yLinesPath = '';
-    let xLinesPath = '';
-    let yMinorPath = '';
-    const { yMajorTick: _yMajorTick, yMinorTick: _yMinorTick, xMajorTick: _xMajorTick } = plotArea;
-    const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };
-    const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };
-    const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };
-    const isYMinorRendered = yMinorTick?.isRendered === true || isLog;
-    if (yMajorTick?.isRendered) {
-        for (let i = 1; i < yTicks.length; i++) {
-            let y = yScale.transform(yTicks[i]);
-            // last grid line get's clipped due to plot area clippath. Slightly adjust
-            // coord so that it's not clipped.
-            if (i === yTicks.length - 1) {
-                y += isHoriz ? -1 : 1;
-            }
-            yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;
-        }
-    }
-    if (xMajorTick?.isRendered) {
-        const xStartIndex = Math.floor(xViewportMin - 0.5) + 1.5;
-        for (let i = xStartIndex; i < xViewportMax; i++) {
-            const x = xScale.transform(i);
-            xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;
-        }
-    }
-    if (isYMinorRendered) {
-        for (let i = 0; i < yMinorTicks.length; i++) {
-            const y = yScale.transform(yMinorTicks[i]);
-            yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;
-        }
-    }
-    const colorScheme = useColorScheme.useColorScheme();
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [yMajorTick?.isRendered && (jsxRuntime.jsx("path", { d: yLinesPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.majorTickLineStyles,
-                    yMajorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    yMajorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: yMajorTick.lineColor,
-                    strokeWidth: yMajorTick.lineWidth
-                } })), xMajorTick?.isRendered && (jsxRuntime.jsx("path", { d: xLinesPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.majorTickLineStyles,
-                    xMajorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    xMajorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: xMajorTick.lineColor,
-                    strokeWidth: xMajorTick.lineWidth
-                } })), isYMinorRendered && (jsxRuntime.jsx("path", { d: yMinorPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.minorTickLineStyles,
-                    colorScheme === 'light'
-                        ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.lightMinorTickLineStroke
-                        : PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.darkMinorTickLineStroke,
-                    yMinorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    yMinorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: yMinorTick?.lineColor,
-                    strokeWidth: yMinorTick?.lineWidth
-                } }))] }));
-}
-
-exports.Gridlines = Gridlines;
-exports.PlotArea = PlotArea;
-//# sourceMappingURL=Gridlines-2dfe546a.js.map

package/cjs/Gridlines-2dfe546a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gridlines-2dfe546a.js","sources":["../../src/PRIVATE_PlotArea/utils.ts","../../src/PRIVATE_PlotArea/PlotArea.tsx","../../src/PRIVATE_PlotArea/Gridlines.tsx"],"sourcesContent":["import { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\n\nexport function getAxisLineProps(\n  availSpace: Dimension,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom',\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  return {\n    x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,\n    x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,\n    y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,\n    y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getBaseLineProps(\n  availSpace: Dimension,\n  coord: number,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom'\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = coord;\n    y2 = coord;\n  } else {\n    x1 = coord;\n    x2 = coord;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  }\n\n  return { x1, x2, y1, y2 };\n}\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 { styles } from './themes/PlotAreaStyles.css';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\nimport { getAxisLineProps, getBaseLineProps } from './utils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype Props = {\n  yScale: Scale;\n  isLog: boolean;\n  color?: ColorProps['color'];\n  availSpace: Dimension;\n  xAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  cursor?: string;\n};\n\nexport function PlotArea({ color, yScale, isLog, availSpace, xAxisPosition, cursor }: Props) {\n  const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;\n  const axisLineProps = getAxisLineProps(availSpace, xAxisPosition);\n  const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);\n  return (\n    <>\n      <rect {...availSpace} class={styles.plotAreaStyle} style={{ fill: color, cursor }}></rect>\n      <line {...axisLineProps} class={styles.axisLineStyle} />\n      {hasBaseLine && <line {...baseLineProps} class={styles.baseLineStyle} />}\n    </>\n  );\n}\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 { styles } from './themes/PlotAreaStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ChartPlotArea, Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\n\ntype Props = {\n  xScale: Scale;\n  yScale: Scale;\n  xViewportMin: number;\n  xViewportMax: number;\n  isLog: boolean;\n  yTicks: number[];\n  yMinorTicks: number[];\n  plotArea?: ChartPlotArea;\n  yAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n};\n\nconst TICK_DEFAULT = {\n  yMajorTick: {\n    isRendered: true\n  },\n  yMinorTick: {\n    isRendered: false\n  },\n  xMajorTick: {\n    isRendered: false\n  }\n};\n\nexport function Gridlines({\n  plotArea = TICK_DEFAULT,\n  yMinorTicks,\n  xScale,\n  yScale,\n  isLog,\n  xViewportMin,\n  xViewportMax,\n  yTicks,\n  yAxisPosition\n}: Props) {\n  const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';\n  const [x1, x2] = xScale.range();\n  const [y1, y2] = yScale.range();\n\n  let yLinesPath = '';\n  let xLinesPath = '';\n  let yMinorPath = '';\n  const { yMajorTick: _yMajorTick, yMinorTick: _yMinorTick, xMajorTick: _xMajorTick } = plotArea;\n  const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };\n  const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };\n  const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };\n  const isYMinorRendered = yMinorTick?.isRendered === true || isLog;\n\n  if (yMajorTick?.isRendered) {\n    for (let i = 1; i < yTicks.length; i++) {\n      let y = yScale.transform(yTicks[i]);\n      // last grid line get's clipped due to plot area clippath. Slightly adjust\n      // coord so that it's not clipped.\n      if (i === yTicks.length - 1) {\n        y += isHoriz ? -1 : 1;\n      }\n      yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (xMajorTick?.isRendered) {\n    const xStartIndex = Math.floor(xViewportMin - 0.5) + 1.5;\n    for (let i = xStartIndex; i < xViewportMax; i++) {\n      const x = xScale.transform(i);\n      xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n    }\n  }\n\n  if (isYMinorRendered) {\n    for (let i = 0; i < yMinorTicks.length; i++) {\n      const y = yScale.transform(yMinorTicks[i]);\n      yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  const colorScheme = useColorScheme();\n\n  return (\n    <>\n      {yMajorTick?.isRendered && (\n        <path\n          d={yLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMajorTick.lineColor,\n            strokeWidth: yMajorTick.lineWidth\n          }}\n        />\n      )}\n      {xMajorTick?.isRendered && (\n        <path\n          d={xLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMajorTick.lineColor,\n            strokeWidth: xMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isYMinorRendered && (\n        <path\n          d={yMinorPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMinorTick?.lineColor,\n            strokeWidth: yMinorTick?.lineWidth\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx","styles","useColorScheme","_Fragment","classNames"],"mappings":"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"}

package/cjs/HighlightText-2061d12d.js

@@ -1,33 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-
-var useTestId = require('./useTestId-e267a39d.js');
-
-var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
-
-const HIGHLIGHT_TOKEN = '__@@__';
-const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
-/**
- * Renders a text string with highlighting applied to the given text to match.
- */
-function HighlightText({ children = '', matchText = '', testId }) {
-    const testIdProps = useTestId.useTestId(testId);
-    if (matchText.length > 0 && children.length > 0) {
-        const escapedMatchText = escapeRegExp(matchText);
-        const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
-        const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
-        const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", { class: highlightStyles, children: current }));
-        return jsxRuntime.jsx("span", { ...testIdProps, children: nodes });
-    }
-    return jsxRuntime.jsx("span", { ...testIdProps, children: children });
-}
-function escapeRegExp(str) {
-    // copied from:
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
-    return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-}
-
-exports.HighlightText = HighlightText;
-//# sourceMappingURL=HighlightText-2061d12d.js.map

package/cjs/HighlightText-2061d12d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText-2061d12d.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n  const testIdProps = useTestId(testId);\n  if (matchText.length > 0 && children.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n\n    return <span {...testIdProps}>{nodes}</span>;\n  }\n  return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["useTestId","_jsx"],"mappings":";;;;;;;;;AAsBA,MAAM,eAAe,GAAG,QAAQ,CAAC;AACjC,MAAM,iBAAiB,GAAG,CAAA,EAAG,eAAe,CAAK,EAAA,EAAA,eAAe,EAAE,CAAC;AAEnE;;AAEG;AACa,SAAA,aAAa,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAS,EAAA;AAC5E,IAAA,MAAM,WAAW,GAAGA,mBAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;AACjD,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAChG,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAGC,cAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,cAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,cAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AAClD,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAA;;;IAG/B,OAAO,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AACtD;;;;"}

package/cjs/IconUserAssistance-9cb25135.js

@@ -1,75 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
-var usePress = require('./usePress-00deca01.js');
-var Help = require('./Help-24315954.js');
-var Popup = require('./Popup-cc742f4a.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var InlineHelp = require('./InlineHelp-281083ff.js');
-var UNSAFE_UserAssistance_themes_UserAssistanceStyles_css = require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var UNSAFE_Popup_themes_redwood_PopupTheme = require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
-var useToggle = require('./useToggle-3ebba7d8.js');
-
-/**
- * Created to match icon user assistance spec for use with radio option, pending design review
- * of inline UA assistance.
- */
-const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isTabbable = true, id }) => {
-    const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle.useToggle(false);
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
-    const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);
-    const helpForRadioString = translations.radio_helpForRadio();
-    const helpStringId = `${id}-help-string`;
-    const anchorRef = hooks.useRef(null);
-    const handleOutsideClick = hooks.useCallback((event) => {
-        const target = event?.target;
-        // We need to filter out anchor click events, because anchor is responsible for the toggling
-        if ((target instanceof Element || target instanceof Document) &&
-            !anchorRef.current?.contains(target) &&
-            isOpen) {
-            setIsOpenFalse();
-        }
-    }, [isOpen, setIsOpenFalse]);
-    const handleOnKeyDown = hooks.useCallback((e) => {
-        // allow user to close popup without having to focus it
-        if (['Tab', 'Escape'].includes(e.key) && isOpen) {
-            setIsOpenFalse();
-        }
-        // prevent scroll jump
-        if (e.code === 'Space') {
-            e.preventDefault();
-        }
-    }, [isOpen, setIsOpenFalse]);
-    const { pressProps } = usePress.usePress((e) => {
-        e.preventDefault();
-        toggle();
-    });
-    const handleLinkEvent = hooks.useCallback((e) => {
-        // if it's a key event that is not "enter", return early
-        const { key } = e;
-        if (key && key !== 'Enter') {
-            return;
-        }
-        // We want to close the pop up if a link is triggered with mouse or keyboard
-        const { tagName } = e.target;
-        if (tagName?.toLowerCase() === 'a') {
-            setIsOpenFalse();
-            // we want to refocus to the help icon after the browser has launched the link
-            // prematurely doing so prevents keyboard events from firing
-            setTimeout(() => anchorRef.current?.focus());
-        }
-    }, [setIsOpenFalse]);
-    // We are referencing popup vars, so we need to bring in the baseTheme for popup
-    const { baseTheme: popupBaseTheme } = useComponentTheme.useComponentTheme(UNSAFE_Popup_themes_redwood_PopupTheme.PopupRedwoodTheme);
-    const iconUserAssistanceClasses = classNames.classNames([popupBaseTheme, UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.iconUserAssistancePopupFocus]);
-    return helpSourceLink || assistiveText ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { ...pressProps, role: "link", "aria-describedby": helpStringId, "aria-haspopup": "dialog", ref: anchorRef, tabIndex: isTabbable ? 0 : -1, class: UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.iconUserAssistanceIcon, onKeyDown: handleOnKeyDown, id: `${id}-help-icon`, children: jsxRuntime.jsx(Help.SvgHelp, {}) }), jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: helpStringId, isHidden: true, children: helpForRadioString }), jsxRuntime.jsx(Popup.Popup, { placement: "top", isOpen: isOpen, anchorRef: anchorRef, onClose: setIsOpenFalse, onClickOutside: handleOutsideClick, shiftOptions: { mainAxis: true, crossAxis: false }, maxWidth: '296px', children: jsxRuntime.jsx("div", { id: id, tabIndex: 0, class: iconUserAssistanceClasses, onMouseUp: handleLinkEvent, onKeyDown: handleLinkEvent, children: jsxRuntime.jsx(InlineHelp.InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: sourceText }) }) })] })) : null;
-};
-
-exports.IconUserAssistance = IconUserAssistance;
-//# sourceMappingURL=IconUserAssistance-9cb25135.js.map

package/cjs/IconUserAssistance-9cb25135.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconUserAssistance-9cb25135.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.key) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // prevent scroll jump\n      if (e.code === 'Space') {\n        e.preventDefault();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    toggle();\n  });\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        onKeyDown={handleOnKeyDown}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["useToggle","useTranslationBundle","useRef","useCallback","usePress","useComponentTheme","PopupRedwoodTheme","classNames","iconUserAssistancePopupFocus","_jsxs","_Fragment","_jsx","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","Popup","InlineHelp"],"mappings":";;;;;;;;;;;;;;;;;AA0CA;;;AAGG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,GAAG,IAAI,EACjB,EAAE,EACI,KAAI;AACV,IAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,GAAGA,mBAAS,CAAC,KAAK,CAAC,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAGC,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,2BAA2B,GAAG,YAAY,CAAC,wBAAwB,EAAE,CAAC;IAC5E,MAAM,UAAU,GAAG,cAAc,KAAK,cAAc,IAAI,2BAA2B,CAAC,CAAC;AACrF,IAAA,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,EAAE,CAAC;AAC7D,IAAA,MAAM,YAAY,GAAG,CAAG,EAAA,EAAE,cAAc,CAAC;AACzC,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAkB,IAAI,CAAC,CAAC;AAEhD,IAAA,MAAM,kBAAkB,GAAGC,iBAAW,CACpC,CAAC,KAAiB,KAAI;AACpB,QAAA,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,CAAC;;QAE7B,IACE,CAAC,MAAM,YAAY,OAAO,IAAI,MAAM,YAAY,QAAQ;AACxD,YAAA,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;AACpC,YAAA,MAAM,EACN;AACA,YAAA,cAAc,EAAE,CAAC;SAClB;AACH,KAAC,EACD,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;AAEF,IAAA,MAAM,eAAe,GAAGA,iBAAW,CACjC,CAAC,CAAgB,KAAI;;AAEnB,QAAA,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,EAAE;AAC/C,YAAA,cAAc,EAAE,CAAC;SAClB;;AAGD,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;AACH,KAAC,EACD,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,GAAGC,iBAAQ,CAAC,CAAC,CAAC,KAAI;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,QAAA,MAAM,EAAE,CAAC;AACX,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAAGD,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;AACnC,QAAA,IAAI,GAAG,IAAI,GAAG,KAAK,OAAO,EAAE;YAC1B,OAAO;SACR;;AAGD,QAAA,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAAiB,CAAC;AAExC,QAAA,IAAI,OAAO,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE;AAClC,YAAA,cAAc,EAAE,CAAC;;;YAIjB,UAAU,CAAC,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;SAC9C;AACH,KAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;;IAGF,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAGE,mCAAiB,CAACC,wDAAiB,CAAC,CAAC;IAC3E,MAAM,yBAAyB,GAAGC,qBAAU,CAAC,CAAC,cAAc,EAAEC,kFAA4B,CAAC,CAAC,CAAC;AAE7F,IAAA,OAAO,cAAc,IAAI,aAAa,IACpCC,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,cAAA,CAAA,MAAA,EAAA,EAAA,GACM,UAAU,EACd,IAAI,EAAC,MAAM,sBACO,YAAY,EAAA,eAAA,EAChB,QAAQ,EACtB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAC7B,KAAK,EAAEC,4EAAsB,EAC7B,SAAS,EAAE,eAAe,EAC1B,EAAE,EAAE,CAAG,EAAA,EAAE,YAAY,EACrB,QAAA,EAAAD,cAAA,CAACE,YAAQ,EAAA,EAAA,CAAG,GACP,EACPF,cAAA,CAACG,iCAAgB,EAAA,EAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAA,QAAA,EAC/C,kBAAkB,EAAA,CACF,EACnBH,cAAC,CAAAI,WAAK,EACJ,EAAA,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAClD,QAAQ,EAAE,OAAO,YACjBJ,cACE,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,yBAAyB,EAChC,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,eAAe,EAAA,QAAA,EAC1BA,cAAC,CAAAK,qBAAU,IACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,UAAU,EAAA,CACtB,EACE,CAAA,EAAA,CACA,IACP,IACD,IAAI,CAAC;AACX;;;;"}

package/cjs/Indexer-8ba89fa5.js

@@ -1,339 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var preact = require('preact');
-var hooks = require('preact/hooks');
-var Flex = require('./Flex-ce16a2fa.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var useSingleSelection = require('./useSingleSelection-d52a0dbf.js');
-var useCurrentKey = require('./useCurrentKey-3c1736a2.js');
-var useCollectionFocusRing = require('./useCollectionFocusRing-ca37785b.js');
-var collectionUtils = require('./collectionUtils-1535080e.js');
-var useId = require('./useId-6c0eeb27.js');
-var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var compat = require('preact/compat');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var UNSAFE_Indexer_themes_redwood_IndexerTheme = require('./UNSAFE_Indexer/themes/redwood/IndexerTheme.js');
-var useTestId = require('./useTestId-e267a39d.js');
-var Collection = require('./Collection-9880039f.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_SELECTOR = '[data-oj-key]';
-const SectionItem = compat.forwardRef((props, ref) => {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const { context, selectedKey } = props;
-    const isSelected = context.data.key === selectedKey;
-    const commonProps = getCommonProps(props, ref);
-    const { classes } = 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([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,
-        '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 } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
-        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused',
-        selected: isSelected ? 'isSelected' : 'notSelected'
-    });
-    const othersClasses = classNames.classNames([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 = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const { context, sections } = props;
-    const commonProps = getCommonProps(props, ref);
-    const { from, to } = getSeparatorRange(props);
-    const { classes, styles: { dotStyle } } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme, {
-        focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'
-    });
-    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 separatorClasses = classNames.classNames([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 = () => { }, testId }) {
-    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 = useId.useId();
-    const [showFocusRing, focusRingProps] = useCollectionFocusRing.useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);
-    const { currentKeyProps } = useCurrentKey.useCurrentKey((element) => collectionUtils.keyExtractor(element, ITEM_SELECTOR), true, collectionUtils.getPrevNextKey(rootRef.current, current, true, ITEM_SELECTOR), 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 = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const { styles: { baseStyle, innerStyle } } = useComponentTheme.useComponentTheme(UNSAFE_Indexer_themes_redwood_IndexerTheme.IndexerRedwoodTheme);
-    const testIdProps = useTestId.useTestId(testId);
-    return (jsxRuntime.jsxs("div", { ref: rootRef, class: baseStyle, ...testIdProps, children: [jsxRuntime.jsx(Flex.Flex, { align: "center", width: "6x", height: "100%", children: jsxRuntime.jsx("ul", { ...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 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 (collectionUtils.isMobile()) {
-        return translations.indexer_touchInstructionText();
-    }
-    else {
-        return translations.indexer_keyboardInstructionText();
-    }
-}
-
-exports.Indexer = Indexer;
-exports.SECTION_OTHERS = SECTION_OTHERS;
-//# sourceMappingURL=Indexer-8ba89fa5.js.map