@oracle/oraclejet-preact 17.0.3 → 17.0.5

package/es/{Gridlines-428bf909.js.map → Gridlines-4b7301e7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Gridlines-428bf909.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","_Fragment"],"mappings":";;;;;;SAGgB,gBAAgB,CAC9B,UAAqB,EACrB,YAAiD,EACjD,QAIC,EAAA;IAED,OAAO;AACL,QAAA,EAAE,EAAE,YAAY,KAAK,OAAO,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC;AAC7E,QAAA,EAAE,EAAE,YAAY,KAAK,MAAM,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK;AAC5E,QAAA,EAAE,EAAE,YAAY,KAAK,QAAQ,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAC/E,QAAA,EAAE,EAAE,YAAY,KAAK,KAAK,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM;QAC5E,MAAM,EAAE,QAAQ,EAAE,SAAS;QAC3B,WAAW,EAAE,QAAQ,EAAE,SAAS;KACjC,CAAC;AACJ,CAAC;SAEe,gBAAgB,CAC9B,UAAqB,EACrB,KAAa,EACb,YAAiD,EAAA;AAEjD,IAAA,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAU,CAAC;AAC3B,IAAA,IAAI,YAAY,KAAK,QAAQ,EAAE;AAC7B,QAAA,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC;QAClB,EAAE,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;QACrC,EAAE,GAAG,KAAK,CAAC;QACX,EAAE,GAAG,KAAK,CAAC;KACZ;SAAM;QACL,EAAE,GAAG,KAAK,CAAC;QACX,EAAE,GAAG,KAAK,CAAC;AACX,QAAA,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC;QAClB,EAAE,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC;KACvC;IAED,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAC5B;;AClBgB,SAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAS,EAAA;IACzF,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/E,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;AAClE,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IACvF,QACEA,4BACEC,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAS,CAAA,EAC1FA,iBAAU,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAA,CAAI,EACvD,WAAW,IAAIA,iBAAU,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAA,CAAI,CACvE,EAAA,CAAA,EACH;AACJ;;ACTA,MAAM,YAAY,GAAG;AACnB,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAE,IAAI;AACjB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;CACF,CAAC;AAEI,SAAU,SAAS,CAAC,EACxB,QAAQ,GAAG,YAAY,EACvB,WAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,aAAa,EACP,EAAA;IACN,MAAM,OAAO,GAAG,aAAa,KAAK,KAAK,IAAI,aAAa,KAAK,QAAQ,CAAC;IACtE,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;IAEhC,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,UAAU,GAAG,EAAE,CAAC;AACpB,IAAA,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IAC/F,MAAM,UAAU,GAAG,EAAE,GAAG,YAAY,CAAC,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAClE,MAAM,UAAU,GAAG,EAAE,GAAG,YAAY,CAAC,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAClE,MAAM,UAAU,GAAG,EAAE,GAAG,YAAY,CAAC,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAClE,MAAM,gBAAgB,GAAG,UAAU,EAAE,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC;AAElE,IAAA,IAAI,UAAU,EAAE,UAAU,EAAE;AAC1B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;;;YAGpC,IAAI,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;aACvB;YACD,UAAU,IAAI,OAAO,GAAG,CAAI,CAAA,EAAA,CAAC,CAAI,CAAA,EAAA,EAAE,CAAI,CAAA,EAAA,CAAC,CAAI,CAAA,EAAA,EAAE,EAAE,GAAG,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAC;SAC7E;KACF;AAED,IAAA,IAAI,UAAU,EAAE,UAAU,EAAE;AAC1B,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AACzD,QAAA,KAAK,IAAI,CAAC,GAAG,WAAW,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,EAAE;YAC/C,MAAM,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,UAAU,IAAI,OAAO,GAAG,CAAI,CAAA,EAAA,EAAE,CAAI,CAAA,EAAA,CAAC,CAAI,CAAA,EAAA,EAAE,CAAI,CAAA,EAAA,CAAC,EAAE,GAAG,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,EAAE,CAAA,CAAE,CAAC;SAC7E;KACF;IAED,IAAI,gBAAgB,EAAE;AACpB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC3C,MAAM,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3C,UAAU,IAAI,OAAO,GAAG,CAAI,CAAA,EAAA,CAAC,CAAI,CAAA,EAAA,EAAE,CAAI,CAAA,EAAA,CAAC,CAAI,CAAA,EAAA,EAAE,EAAE,GAAG,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAC;SAC7E;KACF;AAED,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;AAErC,IAAA,QACED,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,UAAU,EAAE,UAAU,KACrBD,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAE,UAAU,EACb,KAAK,EAAE,UAAU,CAAC;AAChB,oBAAA,MAAM,CAAC,eAAe;AACtB,oBAAA,MAAM,CAAC,mBAAmB;AAC1B,oBAAA,UAAU,EAAE,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;AAClE,oBAAA,UAAU,EAAE,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;iBACnE,CAAC,EACF,KAAK,EAAE;oBACL,MAAM,EAAE,UAAU,CAAC,SAAS;oBAC5B,WAAW,EAAE,UAAU,CAAC,SAAS;AAClC,iBAAA,EAAA,CACD,CACH,EACA,UAAU,EAAE,UAAU,KACrBA,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAE,UAAU,EACb,KAAK,EAAE,UAAU,CAAC;AAChB,oBAAA,MAAM,CAAC,eAAe;AACtB,oBAAA,MAAM,CAAC,mBAAmB;AAC1B,oBAAA,UAAU,EAAE,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;AAClE,oBAAA,UAAU,EAAE,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;iBACnE,CAAC,EACF,KAAK,EAAE;oBACL,MAAM,EAAE,UAAU,CAAC,SAAS;oBAC5B,WAAW,EAAE,UAAU,CAAC,SAAS;AAClC,iBAAA,EAAA,CACD,CACH,EACA,gBAAgB,KACfA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAE,UAAU,EACb,KAAK,EAAE,UAAU,CAAC;AAChB,oBAAA,MAAM,CAAC,eAAe;AACtB,oBAAA,MAAM,CAAC,mBAAmB;AAC1B,oBAAA,WAAW,KAAK,OAAO;0BACnB,MAAM,CAAC,wBAAwB;0BAC/B,MAAM,CAAC,uBAAuB;AAClC,oBAAA,UAAU,EAAE,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;AAClE,oBAAA,UAAU,EAAE,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;iBACnE,CAAC,EACF,KAAK,EAAE;oBACL,MAAM,EAAE,UAAU,EAAE,SAAS;oBAC7B,WAAW,EAAE,UAAU,EAAE,SAAS;iBACnC,EACD,CAAA,CACH,CACA,EAAA,CAAA,EACH;AACJ;;;;"}
+{"version":3,"file":"Gridlines-4b7301e7.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","_Fragment"],"mappings":"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"}

package/es/GroupLoadingIndicator-9c995e99.js

@@ -12,9 +12,9 @@ import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { listGroupHeaderMultiVariantStyles } from './PRIVATE_List/themes/ListStyles.css.js';
 import { GroupedListRedwoodTheme } from './UNSAFE_GroupedList/themes/redwood/GroupedListTheme.js';
-import { F as Flex } from './Flex-24628925.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import { S as Skeleton } from './Skeleton-c1d24eea.js';
-import { S as SkeletonContainer } from './List-4ee3c951.js';
+import { S as SkeletonContainer } from './List-9026206d.js';
 
 // default style class for items in ListView
 const GROUP_SELECTOR = '[data-oj-listview-group]';

package/es/{HighlightText-180e29f6.js → HighlightText-39781e79.js}

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import './HighlightTextStyles.styles.css';
-import { u as useTestId } from './useTestId-adde554c.js';
+import { u as useTestId } from './useTestId-f5aed66c.js';
 
 var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
 
@@ -28,4 +28,4 @@ function escapeRegExp(str) {
 }
 
 export { HighlightText as H };
-//# sourceMappingURL=HighlightText-180e29f6.js.map
+//# sourceMappingURL=HighlightText-39781e79.js.map

package/es/{HighlightText-180e29f6.js.map → HighlightText-39781e79.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HighlightText-180e29f6.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":["_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,GAAG,SAAS,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,GAAGA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,GAAU,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;;;;"}
+{"version":3,"file":"HighlightText-39781e79.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":["_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,GAAG,SAAS,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,GAAGA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,GAAU,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/es/Icon-90c3a630.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { s as sizeToCSS } from './size-782ed57a.js';
-import { u as useTooltip } from './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
+import { u as useTooltip } from './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
 import { styles } from './UNSAFE_Icon/themes/IconStyle.css.js';
 
 const Icon = ({ size = '1em', color = 'currentColor', accessibleLabel = '', viewBox = 'none', children }) => (jsx(Svg, { height: "1em", width: "1em", viewBox: viewBox, accessibleLabel: accessibleLabel, class: styles[color], style: { fontSize: size === '1em' ? size : `${sizeToCSS(size)}` }, children: children }));

package/es/IconButton-37310d21.js

@@ -4,8 +4,8 @@ import { Fragment } from 'preact';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-03cfed16.js';
 import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
+import { u as useTooltip } from './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
 import { p as processGlobals } from './buttonUtils-6f35c4f4.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 

package/es/IconMenuButton-9fe6cbf9.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-03cfed16.js';
 import { S as SvgChevronDown } from './ChevronDown-d9848cc4.js';
-import { M as Menu } from './Menu-c7ab8412.js';
+import { M as Menu } from './Menu-b0c28cfd.js';
 import './MenuItem-a8f9c954.js';
 import { useRef, useImperativeHandle } from 'preact/hooks';
 import { Fragment } from 'preact';
-import { u as useTooltip } from './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
+import { u as useTooltip } from './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './logger-c92f309c.js';
@@ -16,7 +16,7 @@ import './MenuSeparatorStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
 import { forwardRef } from 'preact/compat';
-import './LayerHost-45f545d7.js';
+import './LayerHost-aaed41a1.js';
 import { u as useMenuAction } from './useMenuAction-3e362802.js';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';

package/es/IconSwitchButton-61cabbfe.js

@@ -5,8 +5,8 @@ import { forwardRef } from 'preact/compat';
 import { useRef, useImperativeHandle } from 'preact/hooks';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
+import { u as useTooltip } from './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { a as toggleStyling } from './toggleButtonUtils-039c4eae.js';
 import { u as useId } from './useId-03dbfdf0.js';

package/es/IconToggleButton-f57e5484.js

@@ -5,8 +5,8 @@ import { forwardRef } from 'preact/compat';
 import { useRef, useImperativeHandle } from 'preact/hooks';
 import { B as BaseButton } from './BaseButton-5b2791b1.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-9dec25b3.js';
-import './useTooltipControlled-2044f639.js';
+import { u as useTooltip } from './useTooltip-30a4a4fc.js';
+import './useTooltipControlled-eafec36e.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { a as toggleStyling } from './toggleButtonUtils-039c4eae.js';
 import { p as processGlobals } from './buttonUtils-6f35c4f4.js';

package/es/{IconUserAssistance-c226cb4f.js → IconUserAssistance-744d71a4.js}

@@ -1,10 +1,10 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { useRef, useCallback } from 'preact/hooks';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { u as usePress } from './usePress-97fc1cf1.js';
 import { S as SvgHelp } from './Help-6b4bade1.js';
-import { P as Popup } from './Popup-8889a781.js';
+import { P as Popup } from './Popup-6288438d.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import { I as InlineHelp } from './InlineHelp-95ca55a5.js';
 import { iconUserAssistancePopupFocus, iconUserAssistanceIcon } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
@@ -70,4 +70,4 @@ const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isT
 };
 
 export { IconUserAssistance as I };
-//# sourceMappingURL=IconUserAssistance-c226cb4f.js.map
+//# sourceMappingURL=IconUserAssistance-744d71a4.js.map

package/es/{IconUserAssistance-c226cb4f.js.map → IconUserAssistance-744d71a4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconUserAssistance-c226cb4f.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":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}
+{"version":3,"file":"IconUserAssistance-744d71a4.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":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}

package/es/{Indexer-656bc3fe.js → Indexer-a671092c.js}

@@ -2,21 +2,21 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment, createRef } from 'preact';
 import { useRef, useState, useCallback, useEffect } from 'preact/hooks';
-import { F as Flex } from './Flex-24628925.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useSingleSelection } from './useSingleSelection-405a3d03.js';
-import { u as useCurrentKey } from './useCurrentKey-db7d3bb9.js';
+import { u as useCurrentKey } from './useCurrentKey-1f99b0f6.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-d0c80397.js';
 import { m as getPrevNextKey, k as keyExtractor, p as isMobile } from './collectionUtils-d72c7c40.js';
 import { u as useId } from './useId-03dbfdf0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
+import { C as Collection } from './Collection-c4f2f3ea.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { forwardRef } from 'preact/compat';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { IndexerRedwoodTheme } from './UNSAFE_Indexer/themes/redwood/IndexerTheme.js';
-import { u as useTestId } from './useTestId-adde554c.js';
-import { C as Collection } from './Collection-c4f2f3ea.js';
+import { u as useTestId } from './useTestId-f5aed66c.js';
 
 /**
  * The others section variable that application could use
@@ -333,4 +333,4 @@ function getIndexerDescription(translations) {
 }
 
 export { Indexer as I, SECTION_OTHERS as S };
-//# sourceMappingURL=Indexer-656bc3fe.js.map
+//# sourceMappingURL=Indexer-a671092c.js.map

package/es/{Indexer-656bc3fe.js.map → Indexer-a671092c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Indexer-656bc3fe.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\nexport const ITEM_SELECTOR = '[data-oj-key]';\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([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    '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([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    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\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 separatorClasses = classNames([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, Dispatch } 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';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\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  testId\n}: Props<K> & TestIdProps) {\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(rootRef, ['ArrowUp', 'ArrowDown']);\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  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\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: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<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":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Indexer-a671092c.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\nexport const ITEM_SELECTOR = '[data-oj-key]';\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([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    '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([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    const {\n      classes,\n      styles: { dotStyle }\n    } = useComponentTheme<IndexerItemVariantOptions, IndexerStyles>(IndexerRedwoodTheme, {\n      focused: commonProps.ref && commonProps.isFocusRingVisible ? 'isFocused' : 'notFocused'\n    });\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 separatorClasses = classNames([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, Dispatch } 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';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\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  testId\n}: Props<K> & TestIdProps) {\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(rootRef, ['ArrowUp', 'ArrowDown']);\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  const testIdProps = useTestId(testId);\n\n  return (\n    <div ref={rootRef} class={baseStyle} {...testIdProps}>\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: Dispatch<StateUpdater<number>>,\n  setCurrent: Dispatch<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":["_jsx","_jsxs"],"mappings":"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"}

package/es/InlineHelpSource-b43def76.js

@@ -4,7 +4,7 @@ import { c as classNames } from './classNames-4e12b00d.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 
 function InlineHelpSource({ children, source }) {

package/es/InlineUserAssistance-bb690d93.js

@@ -2,15 +2,15 @@
 import { jsx } from 'preact/jsx-runtime';
 import './logger-c92f309c.js';
 import 'preact/hooks';
-import './Flex-24628925.js';
+import './Flex-5ff5aa5e.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
-import './useTooltipControlled-2044f639.js';
+import './useTooltipControlled-eafec36e.js';
 import './IconStyle.styles.css';
 import './IconButton-37310d21.js';
-import './LayerHost-45f545d7.js';
+import './LayerHost-aaed41a1.js';
 import 'preact/compat';
 import './MessageStyles.styles.css';
 import './MessageFormattingUtils-34c9b1aa.js';
@@ -29,13 +29,13 @@ import { u as useFormContext } from './useFormContext-875cacd7.js';
 import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import { I as InlineHelp } from './InlineHelp-95ca55a5.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './InputGroupContext-20bdbd6e.js';
 import { u as useInputGroupContext } from './useInputGroupContext-1d19411e.js';
-import { u as useTestId } from './useTestId-adde554c.js';
+import { u as useTestId } from './useTestId-f5aed66c.js';
 
 function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }) {
     const { classes } = useComponentTheme(UserAssistanceRedwoodTheme, {

package/es/InputDateMask-7386adfe.js

@@ -4,21 +4,21 @@ import { forwardRef } from 'preact/compat';
 import { useRef, useCallback, useEffect, useReducer, useContext, useMemo } from 'preact/hooks';
 import './logger-c92f309c.js';
 import './TabbableModeContext-7d8ad946.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import { a as InlineUserAssistance } from './InlineUserAssistance-bb690d93.js';
 import { C as CompactUserAssistance } from './CompactUserAssistance-41c32c6f.js';
-import './useTooltipControlled-2044f639.js';
+import './useTooltipControlled-eafec36e.js';
 import { createContext } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-8889a781.js';
+import './Popup-6288438d.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './LayerHost-45f545d7.js';
+import './LayerHost-aaed41a1.js';
 import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
@@ -28,10 +28,10 @@ import { a as isSelectAll, b as isBackspaceOrDelete } from './keyboardUtils-4db2
 import './getFormatParse-8a357e1c.js';
 import { i as isNumberOnlyString, g as getMonthName, a as getTodayAsCalendarDate, c as calendarDatesAreDifferent, t as translateCustomMasks } from './maskUtils-4bccc3d0.js';
 import { segmentStyles } from './UNSAFE_InputDateMask/themes/SegmentStyles.css.js';
-import { u as useUser } from './useUser-99920e02.js';
-import { F as Flex } from './Flex-24628925.js';
+import { u as useUser } from './useUser-fb09e212.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-81216fe6.js';
+import { L as LiveRegion } from './LiveRegion-4646cd7d.js';
 import { m as merge } from './stringUtils-16f617bc.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { M as MAX_ISO_YEAR, p as getMonthsInYear, l as getDaysInMonth, q as MIN_ISO_DAY, r as MIN_ISO_YEAR, s as MIN_ISO_MONTH, f as formatFullCalendarDate, u as getDatePlaceholderMasks, v as formatShortCalendarDate } from './calendarDateUtils-d586e25e.js';