@oracle/oraclejet-preact 18.1.4 → 18.1.6

package/amd/TimeComponentCanvas2D-27e55de9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeComponentCanvas2D-27e55de9.js","sources":["../../src/PRIVATE_TimeComponent/TimeComponentLayersStack.tsx","../../src/PRIVATE_TimeComponent/TimeComponentOverlayControlsContainer.tsx","../../src/PRIVATE_TimeComponent/TimeComponentZoomControl.tsx","../../src/PRIVATE_TimeComponent/utils/timeUtils.ts","../../src/PRIVATE_TimeComponent/utils/timeZoomUtils.ts","../../src/PRIVATE_TimeComponent/TimeComponentZoomInControl.tsx","../../src/PRIVATE_TimeComponent/TimeComponentZoomOutControl.tsx","../../src/PRIVATE_TimeComponent/hooks/useDrag.ts","../../src/PRIVATE_TimeComponent/TimeComponentScrollbar.tsx","../../src/PRIVATE_TimeComponent/TimeComponentVerticalGridlines.tsx","../../src/PRIVATE_TimeComponent/TimeComponentHorizontalTimeAxisLabel.tsx","../../src/PRIVATE_TimeComponent/TimeComponentCanvas2D.tsx","../../src/PRIVATE_TimeComponent/TimeComponentHorizontalScrollbar.tsx","../../src/PRIVATE_TimeComponent/TimeComponentHorizontalScrollbarContainer.tsx","../../src/PRIVATE_TimeComponent/TimeComponentHorizontalTimeAxis.tsx","../../src/PRIVATE_TimeComponent/TimeComponentPanZoomLayout.tsx","../../src/PRIVATE_TimeComponent/TimeComponentVerticalScrollbar.tsx","../../src/PRIVATE_TimeComponent/TimeComponentVerticalScrollbarContainer.tsx","../../src/PRIVATE_TimeComponent/TimeComponentZoomControls.tsx","../../src/PRIVATE_TimeComponent/hooks/useWheel.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { toChildArray } from 'preact';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { BoxAlignmentProps } from '#utils/UNSAFE_interpolations/boxalignment';\nimport { layersStackStyles } from './themes/TimeComponentStyles.css';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = IntrinsicProps &\n  Omit<BoxAlignmentProps, 'gap'> & {\n    width?: Size;\n    height?: Size;\n  };\n\nexport function TimeComponentLayersStack({ width, height, children, align, justify }: Props) {\n  const layers = toChildArray(children);\n  return (\n    <div\n      class={layersStackStyles.base}\n      style={{ width, height, alignItems: align, justifyItems: justify }}>\n      {layers.map((layer) => (\n        <div class={layersStackStyles.layer}>{layer}</div>\n      ))}\n    </div>\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 */\nimport type { RefObject } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { overlayControlsContainerStyles } from './themes/TimeComponentStyles.css';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = IntrinsicProps & {\n  innerRef: RefObject<HTMLDivElement>;\n};\n\nexport function TimeComponentOverlayControlsContainer({ innerRef, children }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const onControlsShow = () => setIsVisible(true);\n  const onControlsHide = () => setIsVisible(false);\n  const visibilityProps = { onControlsShow, onControlsHide };\n\n  return (\n    <div\n      ref={innerRef}\n      {...visibilityProps}\n      class={classNames([\n        overlayControlsContainerStyles.base,\n        isVisible && overlayControlsContainerStyles.visible\n      ])}>\n      {children}\n    </div>\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 */\nimport { ComponentChildren } from 'preact';\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '#UNSAFE_ButtonLabelLayout';\nimport { zoomControlStyles } from './themes/TimeComponentStyles.css';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  children?: ComponentChildren;\n  accessibleLabel: string;\n  isDisabled: boolean;\n  onAction: () => void;\n};\n\nexport function TimeComponentZoomControl({\n  children,\n  accessibleLabel,\n  isDisabled = false,\n  onAction\n}: Props) {\n  const {\n    tooltipContent,\n    tooltipProps: { onFocus, onBlur, ...restTooltipProps }\n  } = useTooltip({ text: accessibleLabel });\n\n  // Note that below we ensure the button is not tabbable;\n  // one should use a specific set of keyboard shortcuts for zooming instead.\n  // TODO: Work with UX to confirm the final look, and then switch to use the EmbeddedIconButton.\n  return (\n    <div class={zoomControlStyles.base} {...restTooltipProps}>\n      <BaseButton\n        elementDetails={isDisabled ? undefined : { type: 'span', isFocusable: false }}\n        isDisabled={isDisabled}\n        size=\"sm\"\n        variant=\"outlined\"\n        styling={['min']}\n        onAction={onAction}>\n        <ButtonLabelLayout display={'icons'} startIcon={children} size={'sm'}></ButtonLabelLayout>\n      </BaseButton>\n      {tooltipContent}\n    </div>\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 */\nimport { getFormatParse } from '#UNSAFE_IntlDateTime';\nimport { TimeComponentScale } from '../timeComponent.types';\n\nconst DAY = 1000 * 60 * 60 * 24;\n\n/**\n * Returns the timestamp value of the given ISO date string.\n * @param date The ISO date string.\n * @returns The number of milliseconds that has elapsed since the epoch.\n */\nconst parseDate = (date: string) => Date.parse(date);\n\n/**\n * Returns the ISO date string given a date timestamp.\n * @param date The timestamp (number of milliseconds that has elapsed since the epoch.)\n * @returns The corresponding ISO date string.\n */\nconst getISOString = (time: number) => new Date(time).toISOString();\n\n/**\n * Gets the pixel position of the given time in a given viewport.\n * @param time The query time.\n * @param viewportStartTime The viewport start time.\n * @param viewportEndTime The viewport end time.\n * @param width The viewport width.\n * @param isRTL Whether the reading direction is rtl.\n * @returns The pixel position.\n */\nconst getTimePosition = (\n  time: number,\n  viewportStartTime: number,\n  viewportEndTime: number,\n  width: number,\n  isRTL: boolean\n) => {\n  const ltrPos = (width * (time - viewportStartTime)) / (viewportEndTime - viewportStartTime);\n  return isRTL ? width - ltrPos : ltrPos;\n};\n\n/**\n * Gets the time of a given pixel position in a given viewport.\n * @param pos The query position.\n * @param viewportStartTime Thew viewport start time.\n * @param viewportEndTime The viewport end time.\n * @param width The viewport width.\n * @param isRTL Whether the reading direction is rtl.\n * @returns The time.\n */\nconst getPositionTime = (\n  pos: number,\n  viewportStartTime: number,\n  viewportEndTime: number,\n  width: number,\n  isRTL: boolean\n) => {\n  const ltrPos = isRTL ? width - pos : pos;\n  return (ltrPos * (viewportEndTime - viewportStartTime)) / width + viewportStartTime;\n};\n\n/**\n * Gets an appropriate date formatter function for the given scale.\n * @param scale The time scale.\n * @param timeTest A time to invoke the scale on to determine the best date formatter function to return.\n * @returns The date formatter function.\n */\nconst getDefaultDateFormatter = (scale: TimeComponentScale, timeTest: number) => {\n  // This is used for default datatip and acc.\n  // Note that in legacy, the default converter depends on the enum scale of the minor axis.\n  // However, in preact, we don't have enum scales, so we'll instead default based\n  // on the duration of a minor axis scale interval, i.e. if interval < 1 day, use datetime formatter,\n  // otherwise use date formatter. This should yield the same desired behavior if the default importable scales\n  // are used. For custom scales in legacy we just use dateformatter always even when the resolution is in < day.\n  // So arguably, this is a better default behavior than what we have in legacy.\n  //\n  // TODO: Decide whether to change legacy to do this behavior, OR in corepack, to 100%\n  // preserve the legacy behavior for default datatips + custom time scales,\n  // we'll make sure to pass the appropriate default converter to\n  // preact comp's valueformats based on scale (when we support valueformats in the future).\n  const timeTestString = getISOString(timeTest);\n  const intervalStart = parseDate(scale.getPreviousDate(timeTestString));\n  const intervalEnd = parseDate(scale.getNextDate(timeTestString));\n  const duration = intervalEnd - intervalStart;\n  const formatOptions =\n    duration <= DAY\n      ? {\n          dateStyle: 'medium' as const,\n          timeStyle: 'medium' as const,\n          locale: navigator.language\n        }\n      : {\n          dateStyle: 'medium' as const,\n          locale: navigator.language\n        };\n  return getFormatParse(formatOptions).format as (date: string) => string;\n};\n\nexport { parseDate, getISOString, getTimePosition, getPositionTime, getDefaultDateFormatter };\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 */\nimport type {\n  OnTimeComponentViewportChange,\n  TimeComponentZoomParameters\n} from '../timeComponent.types';\nimport { PX_FACTOR_PER_LINE } from '../hooks/useWheel';\nimport { getISOString } from './timeUtils';\n\nconst DEFAULT_ZOOM_IN_FACTOR = 1.25;\nconst DEFAULT_ZOOM_OUT_FACTOR = 1 / 1.25;\n\n/**\n * Gets the zoom viewport given the current viewport, zoom location, zoom factor, etc.\n * @param time The zoom location.\n * @param viewportStartTime The viewport start time.\n * @param viewportEndTime The viewport end time.\n * @param startTime The start time.\n * @param endTime The end time.\n * @param zoomFactor The zoom factor.\n * @param minViewportDuration The min viewport duration.\n * @param maxViewportDuration The max viewport duration.\n * @returns The new viewport if the zoom were to happen.\n */\nconst getZoomViewport = (\n  time: number,\n  viewportStartTime: number,\n  viewportEndTime: number,\n  startTime: number,\n  endTime: number,\n  zoomFactor: number,\n  minViewportDuration: number,\n  maxViewportDuration: number\n) => {\n  // Let\n  // t = time point that triggered the zoom\n  // vs = viewport start time\n  // ve = viewport end time\n  // s = start time\n  // e = end time\n  // N = zoom factor, e.g. zoom factor == 2 means the content should \"stretch\"/\"scale\" by 2x.\n  //\n  // Zooming by N means:\n  //     current viewport: (vs, ve)\n  //     current viewport duration: (ve - vs)\n  //     final viewport: (vs + ds, ve - de) for some ds, de\n  //     final viewport duration: (1/N)*(ve - vs) = (ve - de) - (vs + ds)\n  //\n  // Solving for ds and de:\n  // (ve - de) - (vs + ds) = (1/N)*(ve - vs)\n  // (ve - vs) - (de + ds) = (1/N)*(ve - vs)\n  // (de + ds) = (ve - vs) * (1 - 1/N)\n  //\n  // Note that (t - vs) / (ve - vs) = ds / (de + ds). Rearranging and substituting the above:\n  // ds = (de + ds) * (t - vs) / (ve - vs)\n  // ds = (ve - vs) * (1 - 1/N) * (t - vs) / (ve - vs)\n  // ds = (1 - 1/N) * (t - vs)\n  //\n  // de = (ve - vs) * (1 - 1/N) - ds\n  // de = (ve - vs) * (1 - 1/N) - (1 - 1/N) * (t - vs)\n  // de = (1 - 1/N)(ve - vs - t + vs)\n  // de = (1 - 1/N)(ve - t)\n  //\n  // Therefore, assuming NO bounds and constraints:\n  // ds = (1 - 1/N) * (t - vs)\n  // de = (1 - 1/N)(ve - t)\n  // Final viewport after zoom: (vs + ds, ve - de)\n  //\n  // In reality, there is a max amount of zoom in (minViewportDuration),\n  // and a max amount of zoom out (maxViewportDuration),\n  // and the final viewport is constrained by the start and end edges,\n  // so the code below takes these constraints into account:\n\n  const t = time;\n  const vs = viewportStartTime;\n  const ve = viewportEndTime;\n  const s = startTime;\n  const e = endTime;\n  const N = zoomFactor;\n\n  const dur = ve - vs;\n  const dsMax = Math.max(0, dur - minViewportDuration) * ((t - vs) / dur);\n  const deMax = Math.max(0, dur - minViewportDuration) * ((ve - t) / dur);\n  const dsMin = -Math.max(0, maxViewportDuration - dur) * ((t - vs) / dur);\n  const deMin = -Math.max(0, maxViewportDuration - dur) * ((ve - t) / dur);\n\n  const ds = Math.max(dsMin, Math.min(dsMax, (1 - 1 / N) * (t - vs)));\n  const de = Math.max(deMin, Math.min(deMax, (1 - 1 / N) * (ve - t)));\n\n  const sOverShoot = Math.max(0, s - (vs + ds));\n  const eOverShoot = Math.max(0, ve - de - e);\n\n  return {\n    newViewportStartTime: Math.max(s, vs + (ds - eOverShoot)),\n    newViewportEndTime: Math.min(e, ve - (de - sOverShoot))\n  };\n};\n\n/**\n * Gets the best zoom order index given a viewport.\n * @param viewportStartTime The viewport start time.\n * @param viewportEndTime The viewport end time.\n * @param zoomOrderViewDurationThresholds The computed zoom order viewport duration thresholds.\n * @returns\n */\nconst getZoomOrderIndex = (\n  viewportStartTime: number,\n  viewportEndTime: number,\n  zoomOrderViewDurationThresholds: number[]\n) => {\n  const duration = viewportEndTime - viewportStartTime;\n  const nextIndex = [...zoomOrderViewDurationThresholds, -Infinity].findIndex(\n    (threshold) => duration > threshold\n  );\n  return nextIndex - 1;\n};\n\n/**\n * Gets the best time axes scales given the viewport.\n * @param viewportStartTime The viewport start time.\n * @param viewportEndTime The viewport end time.\n * @param zoomOrderViewDurationThresholds The computed zoom order viewport duration thresholds.\n * @param minorAxisZoomOrder The minor axis zoom order.\n * @param minorAxisZoomOrderIndex The current minor axis zoom order index.\n * @param majorAxisZoomOrder The major axis zoom order.\n * @param majorAxisZoomOrderIndex The current major axis zoom order index.\n * @returns The best time axes scales given the viewport.\n */\nconst getZoomScales = (\n  viewportStartTime: number,\n  viewportEndTime: number,\n  zoomOrderViewDurationThresholds: number[],\n  minorAxisZoomOrder: TimeComponentZoomParameters['minorAxisZoomOrder'],\n  minorAxisZoomOrderIndex: number,\n  majorAxisZoomOrder?: TimeComponentZoomParameters['majorAxisZoomOrder'],\n  majorAxisZoomOrderIndex?: number\n) => {\n  const idealMinorZoomOrderIndex = getZoomOrderIndex(\n    viewportStartTime,\n    viewportEndTime,\n    zoomOrderViewDurationThresholds\n  );\n  let indexOffset = 0;\n  if (majorAxisZoomOrder === undefined) {\n    indexOffset = idealMinorZoomOrderIndex - minorAxisZoomOrderIndex;\n  } else if (idealMinorZoomOrderIndex >= minorAxisZoomOrderIndex) {\n    indexOffset = Math.min(\n      idealMinorZoomOrderIndex - minorAxisZoomOrderIndex,\n      majorAxisZoomOrder.length - 1 - majorAxisZoomOrderIndex!\n    );\n  } else {\n    indexOffset = -Math.min(\n      minorAxisZoomOrderIndex - idealMinorZoomOrderIndex,\n      majorAxisZoomOrderIndex!\n    );\n  }\n  return {\n    minorAxisScale: minorAxisZoomOrder[minorAxisZoomOrderIndex + indexOffset],\n    majorAxisScale: majorAxisZoomOrder && majorAxisZoomOrder[majorAxisZoomOrderIndex! + indexOffset]\n  };\n};\n\n/**\n * Gets the equivalent zoom factor from a zoom gesture value (e.g. wheel delta value).\n * @param delta The zoom gesture value.\n * @returns The corresponding zoom factor to apply.\n */\nconst getGestureZoomFactor = (delta: number) => {\n  const deltaVal = Math.abs(delta);\n  const deltaSign = Math.sign(delta);\n  // Formula is adopted from TimeComponent Toolkit\n  // But in toolkit we use the deprecated WheelEvent.wheelDelta(Y) instead of WheelEvent.delta(Y)\n  // We use the latter here, but the two values are a bit different and it's unclear how they relate.\n  // According to MDN wheelDelta is platform dependent but generally represents mouse wheel turns,\n  // and in our case delta represent pixels.\n  // So the constants in the formula below are tweaked based on \"feel\"\n  // (e.g., changed from 0.02 toolkit value to 0.05, and approximating wheelDelta as delta/(px per line)).\n  return ((deltaVal / PX_FACTOR_PER_LINE) * 0.05 + 1) ** deltaSign;\n};\n\n/**\n * Performs a zoom, by invoking a viewport change callback with the new viewport.\n * @param time The zoom location.\n * @param viewportStartTime The viewport start time.\n * @param viewportEndTime The viewport end time.\n * @param startTime The start time.\n * @param endTime The end time.\n * @param zoomFactor The zoom factor.\n * @param minZoomViewportDuration The min viewport duration.\n * @param maxZoomViewportDuration The max viewport duration.\n * @param zoomOrderViewDurationThresholds The computed zoom order viewport duration thresholds.\n * @param minorAxisZoomOrder The major axis zoom order.\n * @param minorAxisZoomOrderIndex The current minor axis zoom order index.\n * @param majorAxisZoomOrder The major axis zoom order.\n * @param majorAxisZoomOrderIndex The current major axis zoom order index.\n * @param onViewportChange The viewport change callback.\n * @returns The new viewport, and whether the viewport actually changed.\n */\nconst zoomTime = (\n  time: number,\n  viewportStartTime: number,\n  viewportEndTime: number,\n  startTime: number,\n  endTime: number,\n  zoomFactor: number,\n  minZoomViewportDuration: number,\n  maxZoomViewportDuration: number,\n  zoomOrderViewDurationThresholds: number[],\n  minorAxisZoomOrder: TimeComponentZoomParameters['minorAxisZoomOrder'],\n  minorAxisZoomOrderIndex: number,\n  majorAxisZoomOrder?: TimeComponentZoomParameters['majorAxisZoomOrder'],\n  majorAxisZoomOrderIndex?: number,\n  onViewportChange?: OnTimeComponentViewportChange\n) => {\n  const { newViewportStartTime, newViewportEndTime } = getZoomViewport(\n    time,\n    viewportStartTime,\n    viewportEndTime,\n    startTime,\n    endTime,\n    zoomFactor,\n    minZoomViewportDuration,\n    maxZoomViewportDuration\n  );\n  const { minorAxisScale, majorAxisScale } = getZoomScales(\n    newViewportStartTime,\n    newViewportEndTime,\n    zoomOrderViewDurationThresholds,\n    minorAxisZoomOrder,\n    minorAxisZoomOrderIndex,\n    majorAxisZoomOrder,\n    majorAxisZoomOrderIndex\n  );\n  const newViewport = {\n    viewportStartTime: newViewportStartTime,\n    viewportEndTime: newViewportEndTime,\n    majorAxisScale,\n    minorAxisScale\n  };\n  const isViewportChanged =\n    newViewportStartTime !== viewportStartTime || newViewportEndTime !== viewportEndTime;\n\n  if (onViewportChange && isViewportChanged) {\n    onViewportChange({\n      viewportStart: getISOString(newViewportStartTime),\n      viewportEnd: getISOString(newViewportEndTime),\n      majorAxisScale,\n      minorAxisScale\n    });\n  }\n\n  return { newViewport, isViewportChanged };\n};\n\nexport { zoomTime, getGestureZoomFactor, DEFAULT_ZOOM_IN_FACTOR, DEFAULT_ZOOM_OUT_FACTOR };\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 */\nimport { TimeComponentZoomControl } from './TimeComponentZoomControl';\nimport { PlusIcon } from '#PRIVATE_ThemedIcons/PlusIcon';\nimport type {\n  OnTimeComponentViewportChange,\n  TimeComponentZoomParameters\n} from './timeComponent.types';\nimport { getISOString } from './utils/timeUtils';\nimport { zoomTime, DEFAULT_ZOOM_IN_FACTOR } from './utils/timeZoomUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\ntype Props = {\n  zoomFactor?: number;\n  startTime: number;\n  endTime: number;\n  viewportStartTime: number;\n  viewportEndTime: number;\n  majorAxisZoomOrder?: TimeComponentZoomParameters['majorAxisZoomOrder'];\n  majorAxisZoomOrderIndex?: TimeComponentZoomParameters['majorAxisZoomOrderIndex'];\n  minorAxisZoomOrder: TimeComponentZoomParameters['minorAxisZoomOrder'];\n  minorAxisZoomOrderIndex: TimeComponentZoomParameters['minorAxisZoomOrderIndex'];\n  zoomOrderViewDurationThresholds: ReturnType<\n    TimeComponentZoomParameters['getZoomOrderViewDurationThresholds']\n  >;\n  minZoomViewportDuration: TimeComponentZoomParameters['minZoomViewportDuration'];\n  maxZoomViewportDuration: TimeComponentZoomParameters['maxZoomViewportDuration'];\n  onViewportChange?: OnTimeComponentViewportChange;\n};\n\nexport function TimeComponentZoomInControl({\n  zoomFactor = DEFAULT_ZOOM_IN_FACTOR,\n  startTime,\n  endTime,\n  viewportStartTime,\n  viewportEndTime,\n  majorAxisZoomOrder,\n  majorAxisZoomOrderIndex,\n  minorAxisZoomOrder,\n  minorAxisZoomOrderIndex,\n  zoomOrderViewDurationThresholds,\n  minZoomViewportDuration,\n  maxZoomViewportDuration,\n  onViewportChange\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabel = translations.timeComponent_tooltipZoomIn();\n\n  const viewportCenter = viewportStartTime + (viewportEndTime - viewportStartTime) / 2;\n  const { newViewport, isViewportChanged } = zoomTime(\n    viewportCenter,\n    viewportStartTime,\n    viewportEndTime,\n    startTime,\n    endTime,\n    zoomFactor,\n    minZoomViewportDuration,\n    maxZoomViewportDuration,\n    zoomOrderViewDurationThresholds,\n    minorAxisZoomOrder,\n    minorAxisZoomOrderIndex,\n    majorAxisZoomOrder,\n    majorAxisZoomOrderIndex\n  );\n  const isDisabled = !isViewportChanged;\n\n  const onAction = () => {\n    onViewportChange?.({\n      viewportStart: getISOString(newViewport.viewportStartTime),\n      viewportEnd: getISOString(newViewport.viewportEndTime),\n      majorAxisScale: newViewport.majorAxisScale,\n      minorAxisScale: newViewport.minorAxisScale\n    });\n  };\n\n  return (\n    <TimeComponentZoomControl\n      accessibleLabel={accessibleLabel}\n      isDisabled={isDisabled}\n      onAction={onAction}>\n      <PlusIcon size=\"4x\" />\n    </TimeComponentZoomControl>\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 */\nimport { TimeComponentZoomControl } from './TimeComponentZoomControl';\nimport { MinusIcon } from '#PRIVATE_ThemedIcons/MinusIcon';\nimport type {\n  OnTimeComponentViewportChange,\n  TimeComponentZoomParameters\n} from './timeComponent.types';\nimport { getISOString } from './utils/timeUtils';\nimport { zoomTime, DEFAULT_ZOOM_OUT_FACTOR } from './utils/timeZoomUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\ntype Props = {\n  zoomFactor?: number;\n  startTime: number;\n  endTime: number;\n  viewportStartTime: number;\n  viewportEndTime: number;\n  majorAxisZoomOrder?: TimeComponentZoomParameters['majorAxisZoomOrder'];\n  majorAxisZoomOrderIndex?: TimeComponentZoomParameters['majorAxisZoomOrderIndex'];\n  minorAxisZoomOrder: TimeComponentZoomParameters['minorAxisZoomOrder'];\n  minorAxisZoomOrderIndex: TimeComponentZoomParameters['minorAxisZoomOrderIndex'];\n  zoomOrderViewDurationThresholds: ReturnType<\n    TimeComponentZoomParameters['getZoomOrderViewDurationThresholds']\n  >;\n  minZoomViewportDuration: TimeComponentZoomParameters['minZoomViewportDuration'];\n  maxZoomViewportDuration: TimeComponentZoomParameters['maxZoomViewportDuration'];\n  onViewportChange?: OnTimeComponentViewportChange;\n};\n\nexport function TimeComponentZoomOutControl({\n  zoomFactor = DEFAULT_ZOOM_OUT_FACTOR,\n  startTime,\n  endTime,\n  viewportStartTime,\n  viewportEndTime,\n  majorAxisZoomOrder,\n  majorAxisZoomOrderIndex,\n  minorAxisZoomOrder,\n  minorAxisZoomOrderIndex,\n  zoomOrderViewDurationThresholds,\n  minZoomViewportDuration,\n  maxZoomViewportDuration,\n  onViewportChange\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabel = translations.timeComponent_tooltipZoomOut();\n\n  const viewportCenter = viewportStartTime + (viewportEndTime - viewportStartTime) / 2;\n  const { newViewport, isViewportChanged } = zoomTime(\n    viewportCenter,\n    viewportStartTime,\n    viewportEndTime,\n    startTime,\n    endTime,\n    zoomFactor,\n    minZoomViewportDuration,\n    maxZoomViewportDuration,\n    zoomOrderViewDurationThresholds,\n    minorAxisZoomOrder,\n    minorAxisZoomOrderIndex,\n    majorAxisZoomOrder,\n    majorAxisZoomOrderIndex\n  );\n  const isDisabled = !isViewportChanged;\n\n  const onAction = () => {\n    onViewportChange?.({\n      viewportStart: getISOString(newViewport.viewportStartTime),\n      viewportEnd: getISOString(newViewport.viewportEndTime),\n      majorAxisScale: newViewport.majorAxisScale,\n      minorAxisScale: newViewport.minorAxisScale\n    });\n  };\n\n  return (\n    <TimeComponentZoomControl\n      accessibleLabel={accessibleLabel}\n      isDisabled={isDisabled}\n      onAction={onAction}>\n      <MinusIcon size=\"4x\" />\n    </TimeComponentZoomControl>\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 */\nimport type { RefObject } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { usePointerGesture } from './usePointerGesture';\n\ntype DraggableRegion = {\n  xMin: number;\n  xMax: number;\n  yMin: number;\n  yMax: number;\n};\n\ntype DragDetail = {\n  x: number;\n  y: number;\n  dx: number;\n  dy: number;\n  regionOffsetX: number;\n  regionOffsetY: number;\n  originalEvent: PointerEvent;\n};\n\ntype UseDragOptions = {\n  captureTargetRef: RefObject<HTMLDivElement>;\n  draggableRegion?: DraggableRegion;\n  onDragStart?: (detail: Omit<DragDetail, 'dx' | 'dy'>) => void;\n  onDragMove?: (detail: DragDetail) => void;\n  onDragEnd?: (detail: DragDetail) => void;\n  isDisabled?: boolean;\n};\n\nconst inDraggableRegion = (x: number, y: number, region?: DraggableRegion) => {\n  if (!region) return true;\n  const { xMin, xMax, yMin, yMax } = region;\n  return x >= xMin && x <= xMax && y >= yMin && y <= yMax;\n};\n\nconst getRegionOffset = (x: number, y: number, region?: DraggableRegion) => {\n  if (!region) return { regionOffsetX: x, regionOffsetY: y };\n  return { regionOffsetX: x - region.xMin, regionOffsetY: y - region.yMin };\n};\n\n/**\n * Hook that enables and handles drag gestures.\n */\nconst useDrag = ({\n  captureTargetRef,\n  draggableRegion,\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  isDisabled = false\n}: UseDragOptions) => {\n  const inactiveState = { isDragging: false, x0: -1, y0: -1, regionOffsetX: -1, regionOffsetY: -1 };\n  const dragState = useRef(inactiveState);\n\n  const handlePointerEvent = (e: PointerEvent, cb?: (detail: DragDetail) => void) => {\n    const { isDragging, x0, y0, regionOffsetX, regionOffsetY } = dragState.current;\n    if (!isDragging) return;\n    const x = e.offsetX;\n    const y = e.offsetY;\n    cb && cb({ x, y, dx: x - x0, dy: y - y0, regionOffsetX, regionOffsetY, originalEvent: e });\n  };\n\n  const dragProps = usePointerGesture({\n    captureTargetRef,\n    numPointers: 1, // Only allow 1 pointer dragging\n    onExtraneousPointerDown: () => {\n      dragState.current = inactiveState;\n    },\n    onPointerGestureDown: ({ pointers: [e] }) => {\n      const x = e.offsetX;\n      const y = e.offsetY;\n      if (e.button !== 0 || !inDraggableRegion(x, y, draggableRegion)) return;\n      const { regionOffsetX, regionOffsetY } = getRegionOffset(x, y, draggableRegion);\n      dragState.current = { isDragging: true, x0: x, y0: y, regionOffsetX, regionOffsetY };\n      // captureTargetRef.current!.setPointerCapture(e.pointerId);\n      onDragStart && onDragStart({ x, y, regionOffsetX, regionOffsetY, originalEvent: e });\n    },\n    onPointerGestureMove: ({ pointers: [e] }) => {\n      handlePointerEvent(e, onDragMove);\n    },\n    onPointerGestureEnd: ({ pointers: [e] }) => {\n      handlePointerEvent(e, onDragEnd);\n      dragState.current = inactiveState;\n    }\n  });\n\n  return isDisabled ? {} : dragProps;\n};\n\nexport { useDrag };\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 */\nimport { useRef } from 'preact/hooks';\nimport { useDrag } from './hooks/useDrag';\nimport type {\n  horizontalScrollbarStyles,\n  verticalScrollbarStyles\n} from './themes/TimeComponentStyles.css';\n\ntype HorizontalThumbProps = {\n  thumbWidth: number;\n  thumbHeight?: undefined;\n  thumbTop?: undefined;\n  thumbLeft?: number;\n  thumbRight?: number;\n  styles: typeof horizontalScrollbarStyles;\n};\n\ntype VerticalThumbProps = {\n  thumbWidth?: undefined;\n  thumbHeight: number;\n  thumbTop: number;\n  thumbLeft?: undefined;\n  thumbRight?: undefined;\n  styles: typeof verticalScrollbarStyles;\n};\n\ntype Props = (HorizontalThumbProps | VerticalThumbProps) & {\n  draggableRegion: { xMin: number; xMax: number; yMin: number; yMax: number };\n  processDragRangeXChange?: (x: number, thumbOffsetX: number) => void;\n  processDragRangeYChange?: (y: number, thumbOffsetY: number) => void;\n  processClickRangeXChange?: (x: number) => void;\n  processClickRangeYChange?: (y: number) => void;\n  width: number;\n  height: number;\n};\n\nexport function TimeComponentScrollbar({\n  thumbWidth,\n  thumbHeight,\n  thumbTop,\n  thumbLeft,\n  thumbRight,\n  draggableRegion,\n  processDragRangeXChange,\n  processDragRangeYChange,\n  processClickRangeXChange,\n  processClickRangeYChange,\n  styles,\n  width,\n  height\n}: Props) {\n  // Scrollbar is draggable to change the range\n  const ref = useRef<HTMLDivElement>(null);\n  const dragProps = useDrag({\n    captureTargetRef: ref,\n    draggableRegion,\n    onDragMove: ({ x, y, regionOffsetX, regionOffsetY }) => {\n      processDragRangeXChange?.(x, regionOffsetX);\n      processDragRangeYChange?.(y, regionOffsetY);\n    }\n  });\n\n  // Scrollbar is also clickable to jump to an arbitrary range\n  const handleClick = (e: MouseEvent) => {\n    const x = e.offsetX;\n    const y = e.offsetY;\n    const { xMin, xMax, yMin, yMax } = draggableRegion;\n    const inDraggableRegion = x >= xMin && x <= xMax && y >= yMin && y <= yMax;\n    if (inDraggableRegion) return;\n    processClickRangeXChange?.(x);\n    processClickRangeYChange?.(y);\n  };\n\n  return (\n    <div\n      ref={ref}\n      class={styles.container}\n      style={{ width, height }}\n      onClick={handleClick}\n      {...dragProps}>\n      <div class={styles.track}>\n        <div\n          class={styles.thumb}\n          style={{\n            width: thumbWidth,\n            height: thumbHeight,\n            top: thumbTop,\n            left: thumbLeft,\n            right: thumbRight\n          }}\n        />\n      </div>\n    </div>\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 */\nimport { verticalGridlinesStyles } from './themes/TimeComponentStyles.css';\n\ntype Props = {\n  width: number;\n  height: number;\n  positions: number[];\n  variant: 'major' | 'minor';\n};\n\nexport function TimeComponentVerticalGridlines({ width, height, positions, variant }: Props) {\n  const cmd = positions.map((p) => `M${p},0 V${height}`).join(' ');\n  return (\n    <svg width={width} height={height}>\n      <path class={verticalGridlinesStyles[variant]} d={cmd} />\n    </svg>\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 */\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { Text } from '#UNSAFE_Text';\nimport { timeAxisLabelsStyles } from './themes/TimeComponentStyles.css';\n\ntype Props = {\n  x: number;\n  y: number;\n  width: number;\n  label: string;\n  labelPosition: 'start' | 'center';\n  font: { fontSize?: string; fontWeight?: string };\n  isTruncated: boolean;\n  isStartIntervalTruncated: boolean;\n  isRTL: boolean;\n};\n\nexport function TimeComponentHorizontalTimeAxisLabel({\n  x,\n  y,\n  width,\n  label,\n  font,\n  labelPosition,\n  isTruncated,\n  isStartIntervalTruncated,\n  isRTL\n}: Props) {\n  const {\n    tooltipContent,\n    tooltipProps: { onFocus, onBlur, ...restTooltipProps }\n  } = useTooltip({ text: label, isDisabled: !isTruncated });\n\n  const textAlign = labelPosition === 'center' ? 'center' : undefined;\n\n  // If start truncated, we want the ellipsis to be the prefix rather than suffix in ltr,\n  // so a trick is to locally set the direction to rtl\n  const direction = isStartIntervalTruncated && isTruncated ? (isRTL ? 'ltr' : 'rtl') : undefined;\n\n  return (\n    <div\n      {...restTooltipProps}\n      aria-hidden=\"true\"\n      class={classNames([\n        timeAxisLabelsStyles.label,\n        isTruncated && timeAxisLabelsStyles.labelTruncated\n      ])}\n      style={{ left: x, top: y, width, textAlign, direction, ...font }}>\n      <Text variant=\"primary\" truncation=\"ellipsis\" size=\"inherit\" weight=\"inherit\">\n        {label}\n      </Text>\n      {tooltipContent}\n    </div>\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 */\nimport { useLayoutEffect, useRef } from 'preact/hooks';\n\ntype Props = {\n  width: number;\n  height: number;\n  draw: (ctx: CanvasRenderingContext2D) => void;\n};\n\nexport function TimeComponentCanvas2D({ width, height, draw }: Props) {\n  const ref = useRef<HTMLCanvasElement>(null);\n\n  useLayoutEffect(() => {\n    const canvas = ref.current!;\n    const ctx = canvas.getContext('2d')!;\n\n    canvas.style.width = `${width}px`;\n    canvas.style.height = `${height}px`;\n\n    const scale = window.devicePixelRatio;\n    canvas.width = Math.floor(width * scale);\n    canvas.height = Math.floor(height * scale);\n    ctx.scale(scale, scale);\n  }, [width, height]);\n\n  useLayoutEffect(() => {\n    const canvas = ref.current!;\n    const ctx = canvas.getContext('2d')!;\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    draw(ctx);\n  }, [width, height, draw]);\n\n  return <canvas ref={ref}></canvas>;\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 */\nimport { useRef } from 'preact/hooks';\nimport { horizontalScrollbarStyles } from './themes/TimeComponentStyles.css';\nimport { TimeComponentScrollbar } from './TimeComponentScrollbar';\n\ntype Props = {\n  thumbWidth: number;\n  thumbLeft?: number;\n  thumbRight?: number;\n  draggableRegion: { xMin: number; xMax: number; yMin: number; yMax: number };\n  getNewRange: (newThumbLeft: number) => { newMin: number; newMax: number };\n  onRangeChange: (newMin: number, newMax: number) => void;\n  width: number;\n  height: number;\n};\n\nexport function TimeComponentHorizontalScrollbar({ getNewRange, onRangeChange, ...props }: Props) {\n  const prevRange = useRef({ min: 0, max: 0 });\n  const processRange = (newMin: number, newMax: number) => {\n    const { min: prevMin, max: prevMax } = prevRange.current;\n    const isRangeChanged = newMin !== prevMin || newMax !== prevMax;\n    isRangeChanged && onRangeChange(newMin, newMax);\n    prevRange.current = { min: newMin, max: newMax };\n  };\n\n  const processDragRangeXChange = (x: number, thumbOffsetX: number) => {\n    const { newMin, newMax } = getNewRange(Math.max(0, x - thumbOffsetX));\n    processRange(newMin, newMax);\n  };\n\n  const processClickRangeXChange = (x: number) => {\n    const { xMin, xMax } = props.draggableRegion;\n    const halfThumbWidth = (xMax - xMin) / 2;\n    const { newMin, newMax } = getNewRange(Math.max(0, x - halfThumbWidth));\n    processRange(newMin, newMax);\n  };\n\n  return (\n    <TimeComponentScrollbar\n      {...props}\n      processDragRangeXChange={processDragRangeXChange}\n      processClickRangeXChange={processClickRangeXChange}\n      styles={horizontalScrollbarStyles}\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 */\nimport { ComponentChildren } from 'preact';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { horizontalScrollbarStyles } from './themes/TimeComponentStyles.css';\nimport type { getResolvedHorizontalScrollbarLayout } from './utils/scrollbarLayoutUtils';\n\ntype GetLayout = ReturnType<typeof getResolvedHorizontalScrollbarLayout>;\ntype OnRangeChange = (newMin: number, newMax: number) => void;\ntype Layout = ReturnType<GetLayout> & { onRangeChange: OnRangeChange } & {\n  width: number;\n  height: number;\n};\n\ntype Props = {\n  getLayout: GetLayout;\n  onRangeChange: OnRangeChange;\n  children: (layout: Layout) => ComponentChildren;\n};\n\nexport function TimeComponentHorizontalScrollbarContainer({\n  getLayout,\n  onRangeChange,\n  children\n}: Props) {\n  return (\n    <div class={horizontalScrollbarStyles.base}>\n      <TrackResizeContainer width=\"100%\" height=\"100%\">\n        {(width, height) => children({ ...getLayout(width), onRangeChange, width, height })}\n      </TrackResizeContainer>\n    </div>\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 */\nimport { TimeComponentLayersStack } from './TimeComponentLayersStack';\nimport { TimeComponentVerticalGridlines } from './TimeComponentVerticalGridlines';\nimport { TimeComponentHorizontalTimeAxisLabel } from './TimeComponentHorizontalTimeAxisLabel';\nimport { timeAxisLabelsStyles } from './themes/TimeComponentStyles.css';\n\ntype Props = {\n  font: { fontSize?: string; fontWeight?: string };\n  labelPosition: 'start' | 'center';\n  labels: string[];\n  labelTicks: number[];\n  labelPositions: number[];\n  isLabelTruncated: boolean[];\n  isIntervalStartTruncated: boolean;\n  intervalWidths: number[];\n  majorGridTicksPos?: number[];\n  minorGridTicksPos?: number[];\n  isRTL: boolean;\n  width: number;\n  height: number;\n};\n\nexport function TimeComponentHorizontalTimeAxis({\n  font,\n  labelPosition,\n  labels,\n  labelTicks,\n  labelPositions,\n  isLabelTruncated,\n  isIntervalStartTruncated,\n  intervalWidths,\n  majorGridTicksPos,\n  minorGridTicksPos,\n  isRTL,\n  width,\n  height\n}: Props) {\n  return (\n    <TimeComponentLayersStack width={`${width}px`} height={`${height}px`}>\n      <div class={timeAxisLabelsStyles.base}>\n        {labels.map((text, i) => (\n          <TimeComponentHorizontalTimeAxisLabel\n            key={labelTicks[i]}\n            font={font}\n            label={text}\n            labelPosition={labelPosition}\n            x={labelPositions[i]}\n            y={0}\n            width={intervalWidths[i]}\n            isTruncated={isLabelTruncated[i]}\n            isStartIntervalTruncated={i === 0 ? isIntervalStartTruncated : false}\n            isRTL={isRTL}\n          />\n        ))}\n      </div>\n      {minorGridTicksPos && (\n        <TimeComponentVerticalGridlines\n          width={width}\n          height={height}\n          positions={minorGridTicksPos}\n          variant=\"minor\"\n        />\n      )}\n      {majorGridTicksPos && (\n        <TimeComponentVerticalGridlines\n          width={width}\n          height={height}\n          positions={majorGridTicksPos}\n          variant=\"major\"\n        />\n      )}\n    </TimeComponentLayersStack>\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 */\nimport type { ComponentChildren, RefObject } from 'preact';\nimport { panZoomLayoutStyles } from './themes/TimeComponentStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TimeComponentLayersStack } from './TimeComponentLayersStack';\nimport { TimeComponentOverlayControlsContainer } from './TimeComponentOverlayControlsContainer';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype Props = {\n  overlayControlsContainerRef: RefObject<HTMLDivElement>;\n  width?: Size;\n  height?: Size;\n  overlayControls?: ComponentChildren;\n  verticalControl?: ComponentChildren;\n  verticalControlTopGap?: string;\n  verticalControlBottomGap?: string;\n  verticalControlStartGap?: boolean;\n  horizontalControl?: ComponentChildren;\n  horizontalControlStartGap?: string;\n  horizontalControlEndGap?: string;\n  horizontalControlTopGap?: boolean;\n  vis: ComponentChildren;\n};\n\nexport function TimeComponentPanZoomLayout({\n  overlayControlsContainerRef,\n  width,\n  height,\n  overlayControls,\n  verticalControl,\n  verticalControlTopGap = '0',\n  verticalControlBottomGap = '0',\n  verticalControlStartGap = true,\n  horizontalControl,\n  horizontalControlStartGap = '0',\n  horizontalControlEndGap = '0',\n  horizontalControlTopGap = true,\n  vis\n}: Props) {\n  return (\n    <div\n      class={panZoomLayoutStyles.base}\n      style={{\n        gridTemplateColumns: `${horizontalControlStartGap} minmax(0, 1fr) ${horizontalControlEndGap} auto`,\n        gridTemplateRows: `${verticalControlTopGap} minmax(0, 1fr) ${verticalControlBottomGap} auto`,\n        width,\n        height\n      }}>\n      <div\n        class={classNames([\n          panZoomLayoutStyles.verticalControl,\n          verticalControlStartGap && panZoomLayoutStyles.verticalControlWithSpacing\n        ])}>\n        {verticalControl}\n      </div>\n      <div\n        class={classNames([\n          panZoomLayoutStyles.horizontalControl,\n          horizontalControlTopGap && panZoomLayoutStyles.horizontalControlWithSpacing\n        ])}>\n        {horizontalControl}\n      </div>\n      <div class={panZoomLayoutStyles.vis}>\n        {overlayControls ? (\n          <TimeComponentLayersStack>\n            {vis}\n            <TimeComponentOverlayControlsContainer innerRef={overlayControlsContainerRef}>\n              {overlayControls}\n            </TimeComponentOverlayControlsContainer>\n          </TimeComponentLayersStack>\n        ) : (\n          vis\n        )}\n      </div>\n    </div>\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 */\nimport { useRef } from 'preact/hooks';\nimport { verticalScrollbarStyles } from './themes/TimeComponentStyles.css';\nimport { TimeComponentScrollbar } from './TimeComponentScrollbar';\n\ntype Props = {\n  thumbHeight: number;\n  thumbTop: number;\n  draggableRegion: { xMin: number; xMax: number; yMin: number; yMax: number };\n  getNewRange: (newThumbTop: number) => { newMin: number; newMax: number };\n  onRangeChange: (newMin: number, newMax: number) => void;\n  width: number;\n  height: number;\n};\n\nexport function TimeComponentVerticalScrollbar({ getNewRange, onRangeChange, ...props }: Props) {\n  const prevRange = useRef({ min: 0, max: 0 });\n  const processRange = (newMin: number, newMax: number) => {\n    const { min: prevMin, max: prevMax } = prevRange.current;\n    const isRangeChanged = newMin !== prevMin || newMax !== prevMax;\n    isRangeChanged && onRangeChange(newMin, newMax);\n    prevRange.current = { min: newMin, max: newMax };\n  };\n\n  const processDragRangeYChange = (y: number, thumbOffsetY: number) => {\n    const { newMin, newMax } = getNewRange(Math.max(0, y - thumbOffsetY));\n    processRange(newMin, newMax);\n  };\n\n  const processClickRangeYChange = (y: number) => {\n    const { yMin, yMax } = props.draggableRegion;\n    const halfThumbWidth = (yMax - yMin) / 2;\n    const { newMin, newMax } = getNewRange(Math.max(0, y - halfThumbWidth));\n    processRange(newMin, newMax);\n  };\n\n  return (\n    <TimeComponentScrollbar\n      {...props}\n      processDragRangeYChange={processDragRangeYChange}\n      processClickRangeYChange={processClickRangeYChange}\n      styles={verticalScrollbarStyles}\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 */\nimport { ComponentChildren } from 'preact';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { verticalScrollbarStyles } from './themes/TimeComponentStyles.css';\nimport type { getResolvedVerticalScrollbarLayout } from './utils/scrollbarLayoutUtils';\n\ntype GetLayout = ReturnType<typeof getResolvedVerticalScrollbarLayout>;\ntype OnRangeChange = (newMin: number, newMax: number) => void;\ntype Layout = ReturnType<GetLayout> & { onRangeChange: OnRangeChange } & {\n  width: number;\n  height: number;\n};\n\ntype Props = {\n  getLayout: GetLayout;\n  onRangeChange: OnRangeChange;\n  children: (layout: Layout) => ComponentChildren;\n};\n\nexport function TimeComponentVerticalScrollbarContainer({\n  getLayout,\n  onRangeChange,\n  children\n}: Props) {\n  return (\n    <div class={verticalScrollbarStyles.base}>\n      <TrackResizeContainer width=\"100%\" height=\"100%\">\n        {(width, height) => children({ ...getLayout(height), onRangeChange, width, height })}\n      </TrackResizeContainer>\n    </div>\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 */\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { Flex } from '#UNSAFE_Flex';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { zoomControlsLayoutStyles } from './themes/TimeComponentStyles.css';\nimport { TimeComponentZoomInControl } from './TimeComponentZoomInControl';\nimport { TimeComponentZoomOutControl } from './TimeComponentZoomOutControl';\nimport type {\n  OnTimeComponentViewportChange,\n  TimeComponentZoomParameters\n} from './timeComponent.types';\n\ntype Props = {\n  position?: 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';\n  zoomParameters: TimeComponentZoomParameters;\n  onViewportChange?: OnTimeComponentViewportChange;\n};\n\nexport function TimeComponentZoomControls({\n  position = 'topEnd',\n  zoomParameters,\n  onViewportChange\n}: Props) {\n  return (\n    <TrackResizeContainer width=\"100%\" height=\"100%\">\n      {(width, _) => {\n        const { getZoomOrderViewDurationThresholds, ...restZoomParameters } = zoomParameters;\n        const zoomOrderViewDurationThresholds = getZoomOrderViewDurationThresholds(width);\n        return (\n          <div\n            class={classNames([zoomControlsLayoutStyles.base, zoomControlsLayoutStyles[position]])}>\n            <div class={zoomControlsLayoutStyles.controls}>\n              <Flex direction=\"column\" gap=\"2.25x\">\n                <TimeComponentZoomInControl\n                  {...restZoomParameters}\n                  zoomOrderViewDurationThresholds={zoomOrderViewDurationThresholds}\n                  onViewportChange={onViewportChange}\n                />\n                <TimeComponentZoomOutControl\n                  {...restZoomParameters}\n                  zoomOrderViewDurationThresholds={zoomOrderViewDurationThresholds}\n                  onViewportChange={onViewportChange}\n                />\n              </Flex>\n            </div>\n          </div>\n        );\n      }}\n    </TrackResizeContainer>\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 */\ntype WheelDetail = {\n  x: number;\n  y: number;\n  deltaX: number;\n  deltaY: number;\n  ctrlKey: boolean;\n};\n\ntype UseWheelOptions = {\n  onWheel: (detail: WheelDetail) => void;\n  preventDefault?: boolean;\n  isDisabled?: boolean;\n};\n\nconst PX_FACTOR_PER_LINE = 15; // Value used in Toolkit\nconst PX_FACTOR_PER_PAGE = 40; // Value copied from datagrid; this is not handled in Toolkit\n\nconst getNormalizedDelta = (e: WheelEvent) => {\n  const { deltaX, deltaY, deltaMode } = e;\n\n  switch (deltaMode) {\n    case e.DOM_DELTA_PIXEL:\n      return { deltaX: -deltaX, deltaY: -deltaY };\n    case e.DOM_DELTA_LINE:\n      return { deltaX: -deltaX * PX_FACTOR_PER_LINE, deltaY: -deltaY * PX_FACTOR_PER_LINE };\n    case e.DOM_DELTA_PAGE:\n      return { deltaX: -deltaX * PX_FACTOR_PER_PAGE, deltaY: -deltaY * PX_FACTOR_PER_PAGE };\n    default:\n      return { deltaX: -deltaX, deltaY: -deltaY };\n  }\n};\n\n/**\n * Hook that enables and handles wheel gestures.\n */\nconst useWheel = ({\n  onWheel: onWheelCallback,\n  preventDefault = true,\n  isDisabled = false\n}: UseWheelOptions) => {\n  const onWheel = (e: WheelEvent) => {\n    const { deltaX, deltaY } = getNormalizedDelta(e);\n    if (preventDefault) e.preventDefault();\n    onWheelCallback({\n      x: e.offsetX,\n      y: e.offsetY,\n      deltaX,\n      deltaY,\n      ctrlKey: e.ctrlKey || e.metaKey\n    });\n  };\n  return isDisabled ? {} : { onWheel };\n};\n\nexport { useWheel, PX_FACTOR_PER_LINE };\n"],"names":["TimeComponentLayersStack","width","height","children","align","justify","layers","toChildArray","_jsx","class","layersStackStyles","base","style","alignItems","justifyItems","map","layer","jsx","TimeComponentOverlayControlsContainer","innerRef","isVisible","setIsVisible","useState","visibilityProps","onControlsShow","onControlsHide","ref","classNames","overlayControlsContainerStyles","visible","TimeComponentZoomControl","accessibleLabel","isDisabled","onAction","tooltipContent","tooltipProps","onFocus","onBlur","restTooltipProps","useTooltip","text","_jsxs","jsxs","zoomControlStyles","BaseButton","elementDetails","undefined","type","isFocusable","size","variant","styling","ButtonLabelLayout","display","startIcon","parseDate","date","Date","parse","getISOString","time","toISOString","DEFAULT_ZOOM_IN_FACTOR","DEFAULT_ZOOM_OUT_FACTOR","zoomTime","viewportStartTime","viewportEndTime","startTime","endTime","zoomFactor","minZoomViewportDuration","maxZoomViewportDuration","zoomOrderViewDurationThresholds","minorAxisZoomOrder","minorAxisZoomOrderIndex","majorAxisZoomOrder","majorAxisZoomOrderIndex","onViewportChange","newViewportStartTime","newViewportEndTime","minViewportDuration","maxViewportDuration","t","vs","ve","s","e","N","dur","dsMax","Math","max","deMax","dsMin","deMin","ds","min","de","sOverShoot","eOverShoot","getZoomViewport","minorAxisScale","majorAxisScale","idealMinorZoomOrderIndex","duration","findIndex","threshold","getZoomOrderIndex","indexOffset","length","getZoomScales","newViewport","isViewportChanged","viewportStart","viewportEnd","TimeComponentZoomInControl","useTranslationBundle","timeComponent_tooltipZoomIn","viewportCenter","PlusIcon","TimeComponentZoomOutControl","timeComponent_tooltipZoomOut","MinusIcon","useDrag","captureTargetRef","draggableRegion","onDragStart","onDragMove","onDragEnd","inactiveState","isDragging","x0","y0","regionOffsetX","regionOffsetY","dragState","useRef","handlePointerEvent","cb","current","x","offsetX","y","offsetY","dx","dy","originalEvent","dragProps","usePointerGesture","numPointers","onExtraneousPointerDown","onPointerGestureDown","pointers","button","region","xMin","xMax","yMin","yMax","inDraggableRegion","getRegionOffset","onPointerGestureMove","onPointerGestureEnd","TimeComponentScrollbar","thumbWidth","thumbHeight","thumbTop","thumbLeft","thumbRight","processDragRangeXChange","processDragRangeYChange","processClickRangeXChange","processClickRangeYChange","styles","container","onClick","track","thumb","top","left","right","TimeComponentVerticalGridlines","positions","cmd","p","join","verticalGridlinesStyles","d","TimeComponentHorizontalTimeAxisLabel","label","font","labelPosition","isTruncated","isStartIntervalTruncated","isRTL","textAlign","direction","timeAxisLabelsStyles","labelTruncated","Text","truncation","weight","draw","useLayoutEffect","canvas","ctx","getContext","scale","window","devicePixelRatio","floor","clearRect","getNewRange","onRangeChange","props","prevRange","processRange","newMin","newMax","prevMin","prevMax","thumbOffsetX","halfThumbWidth","horizontalScrollbarStyles","getLayout","TrackResizeContainer","labels","labelTicks","labelPositions","isLabelTruncated","isIntervalStartTruncated","intervalWidths","majorGridTicksPos","minorGridTicksPos","i","overlayControlsContainerRef","overlayControls","verticalControl","verticalControlTopGap","verticalControlBottomGap","verticalControlStartGap","horizontalControl","horizontalControlStartGap","horizontalControlEndGap","horizontalControlTopGap","vis","panZoomLayoutStyles","gridTemplateColumns","gridTemplateRows","verticalControlWithSpacing","horizontalControlWithSpacing","thumbOffsetY","verticalScrollbarStyles","position","zoomParameters","_","getZoomOrderViewDurationThresholds","restZoomParameters","zoomControlsLayoutStyles","controls","Flex","gap","timeTest","timeTestString","intervalStart","getPreviousDate","formatOptions","getNextDate","dateStyle","timeStyle","locale","navigator","language","getFormatParse","format","delta","abs","sign","pos","ltrPos","onWheel","onWheelCallback","preventDefault","deltaX","deltaY","deltaMode","DOM_DELTA_PIXEL","DOM_DELTA_LINE","DOM_DELTA_PAGE","getNormalizedDelta","ctrlKey","metaKey"],"mappings":"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"}

package/amd/ToggleButton-a999647d.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-771c5db8', './useToggleAction-59741954', './mergeProps-bcfa6a92', './toggleButtonUtils-0ebe4c56', './buttonUtils-97878e90', './ToggleButtonLabel-2f0e4f18'], (function(e,t,o,a,s,l,i,n,r){"use strict";const d=o.forwardRef((({startIcon:e,endIcon:o,variant:d="outlined",size:g="md",isDisabled:c=!1,isSelected:u=!1,onToggle:b,display:p="all",autofocus:f,testId:B,label:T,"aria-label":y,"aria-describedby":m,width:I,...v},x)=>{const{globalEventProps:D}=n.processGlobals(v),P=!e&&!o||"label"===p,{triggerProps:h}=s.useToggleAction({isDisabled:c,onToggle:b}),j=i.toggleStyling("auto",u,!1,!1,"outlined"===d,void 0,P,!1,!0),w={"aria-describedby":m};return t.jsx(a.BaseButton,{...l.mergeProps(h,D,w),ref:x,variant:d,isDisabled:c,size:g,width:I,"aria-pressed":u,autofocus:f,styling:j,"aria-label":y??T,testId:B,...D,children:t.jsx(r.ToggleButtonLabel,{onAction:()=>b?.({value:u}),label:T,isDisabled:c,display:p,startIcon:e,endIcon:o})})}));d.displayName="ToggleButton",e.ToggleButton=d}));
-//# sourceMappingURL=ToggleButton-a999647d.js.map

package/amd/ToggleButton-a999647d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton-a999647d.js","sources":["../../src/UNSAFE_ToggleButton/ToggleButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the togglebutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - togglebutton label, used for accessibility if no override\n     */\n    label: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the togglebutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless togglebuttons are a more prominent variation. Borderless\n     * togglebuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined togglebuttons are salient, but lighter weight than\n     * solid togglebuttons. Outlined togglebuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the togglebutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the togglebutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the togglebutton.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * ToggleButtons direct users to toggle a state with a single tap, click, or keystroke.\n */\nexport const ToggleButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      isSelected = false,\n      onToggle,\n      display = 'all',\n      autofocus,\n      testId,\n      label,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ToggleButtonProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      labelOnly,\n      false,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps, ariaProps)}\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        variant={variant}\n        isDisabled={isDisabled}\n        size={size}\n        width={width}\n        aria-pressed={isSelected}\n        autofocus={autofocus}\n        styling={styling}\n        aria-label={accessibleLabel ?? label}\n        testId={testId}\n        {...globalEventProps}>\n        <ToggleButtonLabel\n          onAction={() => onToggle?.({ value: isSelected })}\n          label={label}\n          isDisabled={isDisabled}\n          display={display}\n          startIcon={startIcon}\n          endIcon={endIcon}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nToggleButton.displayName = 'ToggleButton';\n"],"names":["ToggleButton","forwardRef","startIcon","endIcon","variant","size","isDisabled","isSelected","onToggle","display","autofocus","testId","label","accessibleLabel","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","labelOnly","triggerProps","useToggleAction","styling","toggleStyling","undefined","ariaProps","_jsx","BaseButton","mergeProps","ToggleButtonLabel","onAction","value","displayName"],"mappings":"sQAwFa,MAAAA,EAAeC,EAAAA,YAC1B,EAEIC,YACAC,UACAC,UAAU,WACVC,OAAO,KACPC,cAAa,EACbC,cAAa,EACbC,WACAC,UAAU,MACVC,YACAC,SACAC,QACA,aAAcC,EACd,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,GAEtCI,GAAclB,IAAcC,GAAwB,UAAZM,GACxCY,aAAEA,GAAiBC,kBAAgB,CACvChB,WAAYA,EACZE,SAAUA,IAGNe,EAAUC,EAAaA,cAC3B,OACAjB,GACA,GACA,EACY,aAAZH,OACAqB,EACAL,GACA,GACA,GAGIM,EAAY,CAAE,mBAAoBZ,GAExC,OACEa,MAACC,EAAAA,WAAU,IACLC,EAAUA,WAACR,EAAcH,EAAkBQ,GAC/CT,IAAKA,EACLb,QAASA,EACTE,WAAYA,EACZD,KAAMA,EACNU,MAAOA,EACO,eAAAR,EACdG,UAAWA,EACXa,QAASA,EAAO,aACJV,GAAmBD,EAC/BD,OAAQA,KACJO,WACJS,EAAAA,IAACG,EAAiBA,mBAChBC,SAAU,IAAMvB,IAAW,CAAEwB,MAAOzB,IACpCK,MAAOA,EACPN,WAAYA,EACZG,QAASA,EACTP,UAAWA,EACXC,QAASA,KAEb,IAINH,EAAaiC,YAAc"}

package/amd/VirtualizedCollection-897516a5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Collection-46cfa244', './useViewportIntersect-b2d47a4b'], (function(e,t,o,n,r){"use strict";const c="oj-collection-placeholder",i=({context:e,placeholderHeight:o})=>{const{fromIndex:n,toIndex:r,which:i,estimateItemSize:l}=e;let s=0;if(o)s=o(e);else{const e=0===l?48:l;s=Math.max(0,r-n)*e}const a="topPlaceholder"===i?"_topPlaceholder":"_bottomPlaceholder",d={height:s+"px"};return 0===s&&(d.display="none"),t.jsx("div",{className:c,style:d},a)};function l(e){return function({itemSize:t,viewportHeight:o,scrollOffset:n,overscan:r=0}){if(void 0===t||0===t||void 0===o||void 0===n)return{offset:0,count:e};const c=Math.ceil(n/t),i=Math.ceil(o/t);return{offset:Math.max(0,c-r),count:i+r*(c>0?2:1)}}}const s=(e,t,o,n,r)=>{let c,i;if(e&&t){const o=t.getBoundingClientRect(),n=(e=>{let t,o;if(e===document.documentElement)t=0,o=document.documentElement.clientHeight;else{const n=e.getBoundingClientRect();t=n.top,o=n.bottom}return{top:t,bottom:o}})(e);o&&n&&(c=n.top-o.top-1,i=n.bottom-n.top+1)}if(void 0!==c&&void 0!==i){return n({scrollOffset:c,viewportHeight:i,overscan:o,itemSize:r})}return null},a=`.oj-collection-loadmore, .${c}`,d=l(25);e.PLACEHOLDER_STYLE_CLASS=c,e.VirtualizedCollection=function({data:e,children:c,viewportConfig:l,itemSelector:u,placeholderHeight:h,rangeExtractor:f=d,overscan:m=1,onLoadRange:g,loadMoreIndicator:x,suggestions:p}){const v=o.useRef(null),I=o.useRef(0);if(r.useViewportIntersect(l,1,0,a,(()=>{const e=s(l.scroller(),v.current,m,f,I.current??0);e&&g(e)})),o.useEffect((()=>{if(0===I.current){let e=0;const t=v.current.querySelectorAll(u);t.length>0&&(t.forEach((t=>{e+=t.offsetHeight})),I.current=e/t.length)}})),!(e&&(S=e,S&&S.data&&S.offset>=0&&S.totalSize>=0)))return t.jsx("div",{ref:v});var S;const z=e.data,j=e.offset,w=j+z.length,E=e.totalSize,H=j>=0?{fromIndex:0,toIndex:j,which:"topPlaceholder",estimateItemSize:I.current??0}:void 0,C=w&&w<=E?{fromIndex:w,toIndex:E,which:"bottomPlaceholder",estimateItemSize:I.current??0}:void 0,b=x&&"atLeast"===e.sizePrecision&&w<=E;return t.jsxs("div",{ref:v,style:"will-change: contents",children:[p,H&&t.jsx(i,{context:H,placeholderHeight:h}),t.jsx(n.Collection,{items:z,children:(P=j,e=>{const t={index:P+e.index,data:e.data};return c(t)})}),C&&t.jsx(i,{context:C,placeholderHeight:h}),b&&x]});var P},e.getVirtualizedRangeExtractor=l}));
-//# sourceMappingURL=VirtualizedCollection-897516a5.js.map

package/amd/VirtualizedCollection-897516a5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedCollection-897516a5.js","sources":["../../src/PRIVATE_VirtualizedCollection/Placeholder.tsx","../../src/PRIVATE_VirtualizedCollection/VirtualizedCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\n\nexport const placeholderTypes = ['topPlaceholder', 'bottomPlaceholder'] as const;\n/**\n * Type of placeholder (top which is before the data content and bottom which is after the data content)\n */\nexport type PlaceholderType = (typeof placeholderTypes)[number];\n\n/**\n * Context object which is pass to the placeholderHeight function callback\n */\nexport type PlaceholderContext = {\n  fromIndex: number;\n  toIndex: number;\n  estimateItemSize: number;\n  which: PlaceholderType;\n};\n\nexport const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';\n\nconst DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item\nconst TOP_PLACEHOLDER_KEY = '_topPlaceholder';\nconst BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';\n\ntype Props = {\n  context: PlaceholderContext;\n  placeholderHeight?: (context: PlaceholderContext) => number;\n};\n\n/**\n * A component that renders placeholder which is used internally by VirtualizeViewportCollection\n */\nexport const Placeholder = ({ context, placeholderHeight }: Props) => {\n  const { fromIndex, toIndex, which, estimateItemSize } = context;\n  let totalHeight = 0;\n  if (placeholderHeight) {\n    totalHeight = placeholderHeight(context);\n  } else {\n    const placeholderUnitHeight =\n      estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;\n    totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;\n  }\n\n  const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;\n  const style: JSX.CSSProperties = { height: totalHeight + 'px' };\n  if (totalHeight === 0) {\n    style.display = 'none';\n  }\n  return <div key={key} className={PLACEHOLDER_STYLE_CLASS} style={style}></div>;\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 */\nimport { RefObject, ComponentChildren } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata, ViewportInfo } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Placeholder,\n  PlaceholderContext,\n  PlaceholderType,\n  PLACEHOLDER_STYLE_CLASS\n} from './Placeholder';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Callback to calculate placeholder height\n   */\n  placeholderHeight?: (context: PlaceholderContext) => number;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * The selector string to identify the children items\n   */\n  itemSelector: string;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * The number of additional items to render before and after the current viewport.  This is\n   * mainly used for performance tuning.  Increase the overscan will result in less frequent\n   * rendering when scroll but at the same time each render will take longer depending on the\n   * item content.\n   */\n  overscan?: number;\n\n  /**\n   * Optionally provide a custom callback to return the range to render based on viewport info\n   */\n  rangeExtractor?: (info: ViewportInfo) => Range;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\n/**\n * A function that returns the default range extractor\n * @param fetchSize\n */\nexport function getVirtualizedRangeExtractor(fetchSize: number) {\n  return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }: ViewportInfo): Range {\n    // if any of these is missing then return default initial range\n    if (\n      itemSize === undefined ||\n      itemSize === 0 ||\n      viewportHeight === undefined ||\n      scrollOffset === undefined\n    ) {\n      return { offset: 0, count: fetchSize };\n    }\n    const offset = Math.ceil(scrollOffset / itemSize);\n    const count = Math.ceil(viewportHeight / itemSize);\n    return {\n      offset: Math.max(0, offset - overscan),\n      count: count + overscan * (offset > 0 ? 2 : 1)\n    };\n  };\n}\n\n/**\n * Helper function to find the top and bottom of an element relative to the viewport\n * @param elem\n */\nconst getElementTopBottom = (elem: HTMLElement): { top: number; bottom: number } => {\n  let top;\n  let bottom;\n  if (elem === document.documentElement) {\n    top = 0;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const scrollerBounds = elem.getBoundingClientRect();\n    top = scrollerBounds.top;\n    bottom = scrollerBounds.bottom;\n  }\n  return { top, bottom };\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\n\n/**\n * Returns the range for the current viewport\n */\nconst getViewportRange = (\n  scroller: HTMLElement | null,\n  root: HTMLElement,\n  overscan: number,\n  rangeExtractor: (info: ViewportInfo) => Range,\n  estimateItemSize: number\n) => {\n  let scrollOffset;\n  let viewportHeight;\n\n  if (scroller && root) {\n    const rootRect = root.getBoundingClientRect();\n    const viewportRect = getElementTopBottom(scroller);\n    if (rootRect && viewportRect) {\n      scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;\n      viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;\n    }\n  }\n\n  if (scrollOffset !== undefined && viewportHeight !== undefined) {\n    // figure out what the new range should be\n    const range = rangeExtractor({\n      scrollOffset,\n      viewportHeight,\n      overscan: overscan,\n      itemSize: estimateItemSize\n    });\n\n    return range;\n  }\n  return null;\n};\n\nconst DEFAULT_OVERSCAN = 1;\nconst DEFAULT_END_INDEX = 25; // match default fetch size\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;\nconst DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function VirtualizedCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  itemSelector,\n  placeholderHeight,\n  rangeExtractor = DEFAULT_RANGE_EXTRACTOR,\n  overscan = DEFAULT_OVERSCAN,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const estimateItemSizeRef: RefObject<number> = useRef(0);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    DEFAULT_MARGIN,\n    0,\n    LOAD_MORE_AND_PLACEHOLDER_SELECTOR,\n    () => {\n      const range = getViewportRange(\n        viewportConfig.scroller(),\n        rootRef.current,\n        overscan,\n        rangeExtractor,\n        estimateItemSizeRef.current ?? 0\n      );\n      if (range) {\n        onLoadRange(range);\n      }\n    }\n  );\n\n  // calculate average item height.  For now, we'll just do this once, but we can\n  // do a rolling average where we'll adjust on every render.\n  useEffect(() => {\n    if (estimateItemSizeRef.current === 0) {\n      let totalHeight = 0;\n      const nodes = rootRef.current.querySelectorAll(itemSelector);\n      if (nodes.length > 0) {\n        nodes.forEach((item: HTMLElement) => {\n          totalHeight += item.offsetHeight;\n        });\n        estimateItemSizeRef.current = totalHeight / nodes.length;\n      }\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const rangeData = data.data;\n  const offset = data.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = data.totalSize;\n  const topPlaceholderContext =\n    offset >= 0\n      ? {\n          fromIndex: 0,\n          toIndex: offset,\n          which: 'topPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n  const bottomPlaceholderContext =\n    endIndex && endIndex <= itemCount\n      ? {\n          fromIndex: endIndex,\n          toIndex: itemCount,\n          which: 'bottomPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n\n  const renderLoadMore =\n    loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef} style=\"will-change: contents\">\n      {suggestions}\n      {topPlaceholderContext && (\n        <Placeholder\n          context={topPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {bottomPlaceholderContext && (\n        <Placeholder\n          context={bottomPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      {renderLoadMore && loadMoreIndicator}\n    </div>\n  );\n}\n"],"names":["PLACEHOLDER_STYLE_CLASS","Placeholder","context","placeholderHeight","fromIndex","toIndex","which","estimateItemSize","totalHeight","placeholderUnitHeight","Math","max","key","style","height","display","_jsx","jsx","className","getVirtualizedRangeExtractor","fetchSize","itemSize","viewportHeight","scrollOffset","overscan","undefined","offset","count","ceil","getViewportRange","scroller","root","rangeExtractor","rootRect","getBoundingClientRect","viewportRect","elem","top","bottom","document","documentElement","clientHeight","scrollerBounds","getElementTopBottom","LOAD_MORE_AND_PLACEHOLDER_SELECTOR","DEFAULT_RANGE_EXTRACTOR","data","children","viewportConfig","itemSelector","onLoadRange","loadMoreIndicator","suggestions","rootRef","useRef","estimateItemSizeRef","useViewportIntersect","range","current","useEffect","nodes","querySelectorAll","length","forEach","item","offsetHeight","dataState","totalSize","ref","rangeData","endIndex","itemCount","topPlaceholderContext","bottomPlaceholderContext","renderLoadMore","sizePrecision","_jsxs","jsxs","Collection","items","startIndex","itemContext","index"],"mappings":"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"}

package/amd/VirtualizedListView-0b9e1c53.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './List-37e37948'], (function(i,e,t){"use strict";i.VirtualizedListView=function(i){return e.jsx(t.List,{isVirtualized:!0,...i,children:i.children})}}));
-//# sourceMappingURL=VirtualizedListView-0b9e1c53.js.map

package/amd/VirtualizedListView-0b9e1c53.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedListView-0b9e1c53.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.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 { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentItemOverride'\n  | 'data'\n  | 'gridlines'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return (\n    <List isVirtualized={true} {...props}>\n      {props.children}\n    </List>\n  );\n}\n"],"names":["props","_jsx","List","isVirtualized","children"],"mappings":"8GAoCM,SAA4DA,GAChE,OACEC,MAACC,EAAAA,KAAI,CAACC,eAAe,KAAUH,WAC5BA,EAAMI,UAGb"}

package/amd/YearsGridView-c09d1d19.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Grid-a8a51c37', './StyledDatePickerButton-e886e52a', './useTranslationBundle-7c40cb58', './useUser-797287de', './getFormatParse-3d7186b3', './logger-0f873e29', './maskUtils-9370948f', 'preact/compat', './useCellNavigation-47060bc3', './calendarDateUtils-5e25297c', './_curry2-86c52b86'], (function(e,t,r,o,a,n,s,i,l,c,u,d,p){"use strict";function g(e){return"[object Number]"===Object.prototype.toString.call(e)}var b=p._curry2((function(e,t){if(!g(e)||!g(t))throw new TypeError("Both arguments to range must be numbers");for(var r=[],o=e;o<t;)r.push(o),o+=1;return r}));const v=e=>{const{buttonProps:r}=(({isCurrent:e,isFocusable:t,isFocused:r,isSelected:o,month:s,onAction:i,onNavigation:d})=>{const{locale:p}=n.useUser(),g=c.useMemo((()=>({short:l.getMonthName(p,s,"*","short"),long:l.getMonthName(p,s,"*","long")})),[p,s]),b=a.useTranslationBundle("@oracle/oraclejet-preact"),v=`${g.long}${e?`, ${b.datePicker_currentDate()}`:""}${o?`, ${b.datePicker_selected()}`:""}`,m=u.useFocusableCell({isFocusable:t,isFocused:r}),h=u.useCellNavigation({navigationMap:{ArrowDown:"down",ArrowLeft:{ltr:"previous",rtl:"next"},ArrowRight:{ltr:"next",rtl:"previous"},ArrowUp:"up"},payload:{month:s},onAction:i,onNavigation:d});return{buttonProps:{"aria-label":v,isActivable:!0,label:g.short,isHoverable:!0,isSelected:o,isToday:e,variant:"month",...m,...h}}})(e);return t.jsx(o.StyledDatePickerButton,{...r})},m=b(1,13),h=e=>{const{buttonProps:r}=(({isCurrent:e,isFocusable:t,isFocused:r,isSelected:o,year:s,onAction:i,onNavigation:l})=>{const{locale:c}=n.useUser(),p=d.getNumericFormattedYear(c,s,1),g=a.useTranslationBundle("@oracle/oraclejet-preact");return{buttonProps:{"aria-label":`${p}${e?`, ${g.datePicker_currentDate()}`:""}${o?`, ${g.datePicker_selected()}`:""}`,isActivable:!0,label:p,isHoverable:!0,isSelected:o,isToday:e,variant:"year",...u.useFocusableCell({isFocusable:t,isFocused:r}),...u.useCellNavigation({navigationMap:{ArrowDown:"down",ArrowLeft:{ltr:"previous",rtl:"next"},ArrowRight:{ltr:"next",rtl:"previous"},ArrowUp:"up",PageDown:"previousDecade",PageUp:"nextDecade"},payload:{year:s},onAction:i,onNavigation:l})}}})(e);return t.jsx(o.StyledDatePickerButton,{...r})};e.MonthsGridView=({currentMonth:e,focusableMonth:o,isFocused:n=!1,selectedMonth:s,testId:i,onAction:l,onNavigation:c})=>{const u=a.useTranslationBundle("@oracle/oraclejet-preact").datePicker_months();return t.jsx(r.Grid,{role:"grid",gap:["13.5x","0x"],testId:i,"aria-label":u,children:[0,1,2].map((a=>t.jsx(r.Grid,{role:"row",gap:["0x","3x"],gridTemplateColumns:"repeat(4, 1fr)",children:[0,1,2,3].map((r=>{const i=m[4*a+r];return t.jsx("div",{role:"gridcell",children:t.jsx(v,{month:i,isCurrent:i===e,isFocusable:i===o,isFocused:i===o&&n,isSelected:i===s,onAction:l,onNavigation:c},`${i}`)})}))},a)))})},e.YearsGridView=({currentYear:e,focusableYear:o,isFocused:n=!1,selectedYear:s,testId:i,onAction:l,onNavigation:c})=>{const u=d.getClosestDecade(o),p=a.useTranslationBundle("@oracle/oraclejet-preact").datePicker_years();return t.jsx(r.Grid,{role:"grid",gap:["13.5x","0x"],testId:i,"aria-label":p,children:[0,1,2].map((a=>t.jsx(r.Grid,{role:"row",gap:["0x","3x"],gridTemplateColumns:"repeat(4, 1fr)",children:b(4*a,4*a+4).map((r=>{const a=u+r;return a<u+11?t.jsx("div",{role:"gridcell",children:t.jsx(h,{year:a,isCurrent:a===e,isFocusable:a===o,isFocused:a===o&&n,isSelected:a===s,onAction:l,onNavigation:c},`${a}`)}):null}))},a)))})}}));
-//# sourceMappingURL=YearsGridView-c09d1d19.js.map

package/amd/YearsGridView-c09d1d19.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearsGridView-c09d1d19.js","sources":["../../../../node_modules/ramda/es/internal/_isNumber.js","../../../../node_modules/ramda/es/range.js","../../src/PRIVATE_MonthYearGridView/useMonthCell.ts","../../src/PRIVATE_MonthYearGridView/MonthCell.tsx","../../src/PRIVATE_MonthYearGridView/MonthsGridView.tsx","../../src/PRIVATE_MonthYearGridView/YearCell.tsx","../../src/PRIVATE_MonthYearGridView/useYearCell.ts","../../src/PRIVATE_MonthYearGridView/YearsGridView.tsx"],"sourcesContent":["export default function _isNumber(x) {\n  return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from \"./internal/_curry2.js\";\nimport _isNumber from \"./internal/_isNumber.js\";\n/**\n * Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n *\n *      R.range(1, 5);    //=> [1, 2, 3, 4]\n *      R.range(50, 53);  //=> [50, 51, 52]\n */\n\nvar range =\n/*#__PURE__*/\n_curry2(function range(from, to) {\n  if (!(_isNumber(from) && _isNumber(to))) {\n    throw new TypeError('Both arguments to range must be numbers');\n  }\n\n  var result = [];\n  var n = from;\n\n  while (n < to) {\n    result.push(n);\n    n += 1;\n  }\n\n  return result;\n});\n\nexport default range;","/**\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 */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getMonthName } from '#utils/PRIVATE_dayUtils';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useMemo } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseMonthCellProps = {\n  /**\n   * Specifies if this month is today's month.\n   */\n  isCurrent: boolean;\n\n  /**\n   * Specifies if this month should be focused first when\n   * one tabs into the MonthsGridView.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies if this month is currently focused.\n   */\n  isFocused: boolean;\n\n  /**\n   * Specifies if this month is currently selected.\n   */\n  isSelected: boolean;\n\n  /**\n   * The month represented by this MonthCell.\n   */\n  month: IsoMonth;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on this MonthCell.\n   * @param payload The payload containing the month represented by this cell.\n   */\n  onAction: (payload: { month: IsoMonth }) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on this MonthCell.\n   * @param payload The payload specifying the direction of the navigation performed and the month.\n   */\n  onNavigation: (payload: {\n    direction: 'up' | 'next' | 'down' | 'previous';\n    month: IsoMonth;\n  }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the MonthCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useMonthCell = ({\n  isCurrent,\n  isFocusable,\n  isFocused,\n  isSelected,\n  month,\n  onAction,\n  onNavigation\n}: UseMonthCellProps) => {\n  const { locale } = useUser();\n  const monthText = useMemo(\n    () => ({\n      short: getMonthName(locale, month, '*', 'short') as string,\n      long: getMonthName(locale, month, '*', 'long') as string\n    }),\n    [locale, month]\n  );\n\n  // custom aria label for selected and current month\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = `${monthText.long}${\n    isCurrent ? `, ${translations.datePicker_currentDate()}` : ''\n  }${isSelected ? `, ${translations.datePicker_selected()}` : ''}`;\n\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowDown: 'down',\n      ArrowLeft: { ltr: 'previous', rtl: 'next' },\n      ArrowRight: { ltr: 'next', rtl: 'previous' },\n      ArrowUp: 'up'\n    },\n    payload: { month },\n    onAction,\n    onNavigation\n  });\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      isActivable: true,\n      label: monthText.short,\n      isHoverable: true,\n      isSelected,\n      isToday: isCurrent,\n      variant: 'month' as const,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\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 */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseMonthCellProps, useMonthCell } from './useMonthCell';\n\ntype PickedUseMonthCellProps = Pick<\n  UseMonthCellProps,\n  'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'month' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseMonthCellProps;\n\n/**\n * This component renders the individual month cell in the MonthsGridView.\n */\nexport const MonthCell = (props: Props) => {\n  const { buttonProps } = useMonthCell(props);\n  return <StyledDatePickerButton {...buttonProps} />;\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 */\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { IsoMonth } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { MonthCell } from './MonthCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\nconst MONTHS = range(1, 13) as IsoMonth[];\n\ntype PickedMonthCellProps = Pick<ComponentProps<typeof MonthCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedMonthCellProps &\n  TestIdProps & {\n    /**\n     * Specifies the current month determined from the today's date.\n     */\n    currentMonth?: IsoMonth;\n\n    /**\n     * Specifies which month cell should be focused first when tabbing\n     * into the MonthsGridView.\n     */\n    focusableMonth: IsoMonth;\n\n    /**\n     * Specifies if the focusableMonth month cell is currently focused.\n     * @default false\n     */\n    isFocused?: boolean;\n\n    /**\n     * Specifies which month cell is currently selected.\n     */\n    selectedMonth?: IsoMonth;\n  };\n\n/**\n * This component renders the Months Grid View for the DatePicker component.\n */\nexport const MonthsGridView = ({\n  currentMonth,\n  focusableMonth,\n  isFocused = false,\n  selectedMonth,\n  testId,\n  onAction,\n  onNavigation\n}: Props) => {\n  // Lay out the Months in a 3-row grid.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const monthsAriaLabel = translations.datePicker_months();\n\n  return (\n    <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={monthsAriaLabel}>\n      {[0, 1, 2].map((rowIndex) => (\n        <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n          {[0, 1, 2, 3].map((cellIndex) => {\n            const month = MONTHS[rowIndex * 4 + cellIndex];\n            return (\n              <div role=\"gridcell\">\n                <MonthCell\n                  key={`${month}`}\n                  month={month}\n                  isCurrent={month === currentMonth}\n                  isFocusable={month === focusableMonth}\n                  isFocused={month === focusableMonth && isFocused}\n                  isSelected={month === selectedMonth}\n                  onAction={onAction}\n                  onNavigation={onNavigation}\n                />\n              </div>\n            );\n          })}\n        </Grid>\n      ))}\n    </Grid>\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 */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseYearCellProps, useYearCell } from './useYearCell';\n\ntype PickedUseYearCellProps = Pick<\n  UseYearCellProps,\n  'isCurrent' | 'isFocusable' | 'isFocused' | 'isSelected' | 'year' | 'onAction' | 'onNavigation'\n>;\ntype Props = PickedUseYearCellProps;\n\n/**\n * This component renders the individual year cell in the YearsGridView.\n */\nexport const YearCell = (props: Props) => {\n  const { buttonProps } = useYearCell(props);\n  return <StyledDatePickerButton {...buttonProps} />;\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 */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getNumericFormattedYear } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useCellNavigation } from '../UNSAFE_DatePicker/useCellNavigation';\nimport { useFocusableCell } from '../UNSAFE_DatePicker/useFocusableCell';\n\nexport type UseYearCellProps = {\n  /**\n   * Specifies if this year is today's year.\n   */\n  isCurrent: boolean;\n\n  /**\n   * Specifies if this year should be focused first when one\n   * tabs into the YearsGridView.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies if this year is currently focused.\n   */\n  isFocused: boolean;\n\n  /**\n   * Specifies if this year is currently selected.\n   */\n  isSelected: boolean;\n\n  /**\n   * The year represented by this YearCell.\n   */\n  year: number;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on this YearCell.\n   * @param payload The payload containing the year represented by this cell.\n   */\n  onAction: (payload: { year: number }) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on this YearCell.\n   * @param payload The payload specifying the direction of the navigation performed and the year.\n   */\n  onNavigation: (payload: {\n    direction: 'up' | 'next' | 'down' | 'previous' | 'previousDecade' | 'nextDecade';\n    year: number;\n  }) => void;\n};\n\n/**\n * A custom hook that adds functionalities to the YearCell component and computes properties for the\n * StyledDatePickerButton.\n */\nexport const useYearCell = ({\n  isCurrent,\n  isFocusable,\n  isFocused,\n  isSelected,\n  year,\n  onAction,\n  onNavigation\n}: UseYearCellProps) => {\n  const { locale } = useUser();\n  const yearText = getNumericFormattedYear(locale, year, 1);\n  // custom aria label for selected and current year\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = `${yearText}${isCurrent ? `, ${translations.datePicker_currentDate()}` : ''}${\n    isSelected ? `, ${translations.datePicker_selected()}` : ''\n  }`;\n\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowDown: 'down',\n      ArrowLeft: { ltr: 'previous', rtl: 'next' },\n      ArrowRight: { ltr: 'next', rtl: 'previous' },\n      ArrowUp: 'up',\n      PageDown: 'previousDecade',\n      PageUp: 'nextDecade'\n    },\n    payload: { year },\n    onAction,\n    onNavigation\n  });\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      isActivable: true,\n      label: yearText,\n      isHoverable: true,\n      isSelected,\n      isToday: isCurrent,\n      variant: 'year' as const,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\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 */\nimport { Grid } from '#UNSAFE_Grid';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { getClosestDecade } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { range } from 'ramda';\nimport { YearCell } from './YearCell';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\n/**\n * Represents the total number of years rendered in the view\n */\nconst NUM_YEARS_IN_GRID = 11;\n\ntype PickedYearCellProps = Pick<ComponentProps<typeof YearCell>, 'onAction' | 'onNavigation'>;\ntype Props = PickedYearCellProps &\n  TestIdProps & {\n    /**\n     * Specifies the current year determined from the today's date.\n     */\n    currentYear?: number;\n\n    /**\n     * Specifies which year cell should be focused first when tabbing\n     * into the YearsGridView.\n     */\n    focusableYear: number;\n\n    /**\n     * Specifies if the focusableYear year cell is currently focused.\n     * @default false\n     */\n    isFocused?: boolean;\n\n    /**\n     * Specifies which year is currently selected.\n     */\n    selectedYear?: number;\n  };\n\n/**\n * This component renders the Years Grid View for the DatePicker component.\n */\nexport const YearsGridView = ({\n  currentYear,\n  focusableYear,\n  isFocused = false,\n  selectedYear,\n  testId,\n  onAction,\n  onNavigation\n}: Props) => {\n  const decade = getClosestDecade(focusableYear);\n  // Lay out the 11 Years in a 3-row grid.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const yearsAriaLabel = translations.datePicker_years();\n\n  return (\n    <Grid role=\"grid\" gap={['13.5x', '0x']} testId={testId} aria-label={yearsAriaLabel}>\n      {[0, 1, 2].map((rowIndex) => (\n        <Grid key={rowIndex} role=\"row\" gap={['0x', '3x']} gridTemplateColumns=\"repeat(4, 1fr)\">\n          {range(rowIndex * 4, rowIndex * 4 + 4).map((index) => {\n            const year = decade + index;\n            if (year < decade + NUM_YEARS_IN_GRID) {\n              return (\n                <div role=\"gridcell\">\n                  <YearCell\n                    key={`${year}`}\n                    year={year}\n                    isCurrent={year === currentYear}\n                    isFocusable={year === focusableYear}\n                    isFocused={year === focusableYear && isFocused}\n                    isSelected={year === selectedYear}\n                    onAction={onAction}\n                    onNavigation={onNavigation}\n                  />\n                </div>\n              );\n            }\n            return null;\n          })}\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["_isNumber","x","Object","prototype","toString","call","range$1","_curry2","from","to","TypeError","result","n","push","MonthCell","props","buttonProps","isCurrent","isFocusable","isFocused","isSelected","month","onAction","onNavigation","locale","useUser","monthText","useMemo","short","getMonthName","long","translations","useTranslationBundle","ariaLabel","datePicker_currentDate","datePicker_selected","useFocusableCell","buttonEventHandlers","useCellNavigation","navigationMap","ArrowDown","ArrowLeft","ltr","rtl","ArrowRight","ArrowUp","payload","isActivable","label","isHoverable","isToday","variant","useMonthCell","_jsx","jsx","StyledDatePickerButton","MONTHS","range","YearCell","year","yearText","getNumericFormattedYear","PageDown","PageUp","useYearCell","currentMonth","focusableMonth","selectedMonth","testId","monthsAriaLabel","datePicker_months","Grid","role","gap","children","map","rowIndex","gridTemplateColumns","cellIndex","currentYear","focusableYear","selectedYear","decade","getClosestDecade","yearsAriaLabel","datePicker_years","index"],"mappings":"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"}

package/amd/useCellNavigation-47060bc3.js

@@ -1,2 +0,0 @@
-define(['exports', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'preact/compat', './useUser-797287de'], (function(e,o,a,t,c){"use strict";const s=e=>{e.preventDefault(),e.stopPropagation()},n=(e,o)=>"string"==typeof e?e:e[o];e.useCellNavigation=({navigationMap:e,payload:o,onAction:a,onNavigation:i})=>{const{direction:r}=c.useUser(),l=t.useCallback((()=>{a(o)}),[o,a]),u=t.useCallback((e=>{if(["Enter","Space"].includes(e.code))return s(e),void l()}),[l]),d=t.useCallback((a=>{if("Space"===a.code)return void a.preventDefault();if("KeyT"===a.code&&a.ctrlKey&&a.altKey){const t=e.CtrlAltT;void 0!==t&&(s(a),i({direction:n(t,r),...o}))}const{key:t,shiftKey:c}=a;switch(t){case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"ArrowDown":case"End":case"Home":case"PageUp":case"PageDown":const l=!c||"PageUp"!==t&&"PageDown"!==t?t:`Shift${t}`;if(void 0!==e[l]){s(a);const t=e[l];i({direction:n(t,r),...o})}}}),[r,e,i,o]);return{onClick:l,onKeyDown:d,onKeyUp:u}},e.useFocusableCell=({isFocusable:e,isFocused:o})=>{const c=t.useRef(null),{isTabbable:s}=a.useTabbableMode();return t.useLayoutEffect((()=>{e&&o&&c.current?.focus()}),[e,o]),{ref:c,tabIndex:e&&s?0:-1}}}));
-//# sourceMappingURL=useCellNavigation-47060bc3.js.map

package/amd/useCellNavigation-47060bc3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellNavigation-47060bc3.js","sources":["../../src/UNSAFE_DatePicker/useFocusableCell.ts","../../src/UNSAFE_DatePicker/useCellNavigation.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useLayoutEffect, useRef } from 'preact/compat';\n\ntype UseFocusableCellProps = {\n  /**\n   * Specifies if this cell is the one that will be focused when\n   * one tabs into the grid view.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies whether or not the cell is currently focused.\n   */\n  isFocused: boolean;\n};\n\n/**\n * A custom hook that handles focus for a month or year cell.\n */\nexport const useFocusableCell = <T extends HTMLElement = HTMLElement>({\n  isFocusable,\n  isFocused\n}: UseFocusableCellProps) => {\n  const cellRef = useRef<T>(null);\n  const { isTabbable } = useTabbableMode();\n\n  // Using layout effect here to set the focus as we want to focus the element\n  // before the browser has a chance to paint. This way the browser don't have to\n  // repaint the focused state.\n  useLayoutEffect(() => {\n    if (isFocusable && isFocused) {\n      cellRef.current?.focus();\n    }\n  }, [isFocusable, isFocused]);\n\n  return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };\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 */\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useCallback } from 'preact/compat';\n\ntype SupportedKeyBindings =\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'End'\n  | 'Home'\n  | 'PageUp'\n  | 'PageDown'\n  | 'ShiftPageUp'\n  | 'ShiftPageDown'\n  | 'CtrlAltT';\ntype NavigationValue<T extends string> = T | { ltr: T; rtl: T };\ntype NavigationMap<T extends string> = Partial<Record<SupportedKeyBindings, NavigationValue<T>>>;\n\ntype UseCellNavigationProps<Payload extends object, Navigation extends string> = {\n  /**\n   * Payload for the callbacks from this cell.\n   */\n  payload: Payload;\n\n  /**\n   * An object that maps the key codes to the direction of navigation. The onNavigation\n   * callback will be invoked only for the key codes provided in the map and specifies the\n   * direction as provided in the value.\n   */\n  navigationMap: NavigationMap<Navigation>;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on the DatePicker cell.\n   * @param payload The provided payload.\n   */\n  onAction: (payload: Payload) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on the DatePicker cell.\n   * @param details The object specifying the direction of the navigation performed and the payload.\n   */\n  onNavigation: (details: { direction: Navigation } & Payload) => void;\n};\n\n// Utility for killing handled events.\nconst killEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\n/**\n * A custom hook that handles navigation for a DatePicker cell.\n */\nexport const useCellNavigation = <T extends object, U extends string>({\n  navigationMap,\n  payload,\n  onAction,\n  onNavigation\n}: UseCellNavigationProps<T, U>) => {\n  const { direction } = useUser();\n  const handleSelection = useCallback(() => {\n    onAction(payload);\n  }, [payload, onAction]);\n\n  // JET-67580: Prevent InputDatePicker dropdown from re-opening by performing\n  // selection onKeyUp. After a selection is made, IDP transfers focus to the\n  // calendar icon. If we use key down, then IconButton gets the key up which\n  // causes it to fire its action handler and reopen the picker.\n  const handleKeyUp = useCallback<NonNullable<GlobalEventHandlers['onkeyup']>>(\n    (event) => {\n      if (['Enter', 'Space'].includes(event.code)) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        killEvent(event);\n        handleSelection();\n        return;\n      }\n    },\n    [handleSelection]\n  );\n\n  // Although we handle the Space/Enter keys in onKeyUp, the rest of the events\n  // (like arrow keys, home, end, etc.) are still handled on key down which feels\n  // more natural. It also lets you hold keys down - like arrow keys - to keep\n  // navigating through day cells.\n  const handleKeyDown = useCallback<NonNullable<GlobalEventHandlers['onkeydown']>>(\n    (event) => {\n      if (event.code === 'Space') {\n        // Even though we handle Space on key up, we need to call preventDefault on\n        // key down to prevent browser scrolling on some browsers.\n        event.preventDefault();\n        return;\n      }\n\n      // Handle Ctrl + Alt + T\n      if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {\n        const navigationDirection = navigationMap['CtrlAltT'];\n        if (navigationDirection !== undefined) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          onNavigation({\n            direction: getLogicalValue(navigationDirection, direction),\n            ...payload\n          });\n        }\n      }\n\n      const { key, shiftKey } = event;\n\n      switch (key) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'End':\n        case 'Home':\n        case 'PageUp':\n        case 'PageDown':\n          const mapKey: SupportedKeyBindings =\n            shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;\n          if (navigationMap[mapKey] !== undefined) {\n            killEvent(event);\n            const navigationDirection = navigationMap[mapKey]!;\n            onNavigation({\n              direction: getLogicalValue(navigationDirection, direction),\n              ...payload\n            });\n          }\n      }\n    },\n    [direction, navigationMap, onNavigation, payload]\n  );\n\n  return {\n    onClick: handleSelection,\n    onKeyDown: handleKeyDown,\n    onKeyUp: handleKeyUp\n  };\n};\n\n/**\n * Determines the logical value for the navigation direction.\n * @param value The value representing the navigation direction\n * @param dir The reading direction from the user preferences\n * @returns The logical navigation direction\n */\nconst getLogicalValue = <T extends string>(value: NavigationValue<T>, dir: 'ltr' | 'rtl') =>\n  typeof value === 'string' ? value : value[dir];\n"],"names":["killEvent","event","preventDefault","stopPropagation","getLogicalValue","value","dir","navigationMap","payload","onAction","onNavigation","direction","useUser","handleSelection","useCallback","handleKeyUp","includes","code","handleKeyDown","ctrlKey","altKey","navigationDirection","undefined","key","shiftKey","mapKey","onClick","onKeyDown","onKeyUp","isFocusable","isFocused","cellRef","useRef","isTabbable","useTabbableMode","useLayoutEffect","current","focus","ref","tabIndex"],"mappings":"wJA0Ba,MC0BPA,EAAaC,IACjBA,EAAMC,iBACND,EAAME,iBAAiB,EAsGnBC,EAAkB,CAAmBC,EAA2BC,IACnD,iBAAVD,EAAqBA,EAAQA,EAAMC,uBAjGX,EAC/BC,gBACAC,UACAC,WACAC,mBAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAChBC,EAAkBC,EAAAA,aAAY,KAClCL,EAASD,EAAQ,GAChB,CAACA,EAASC,IAMPM,EAAcD,eACjBb,IACC,GAAI,CAAC,QAAS,SAASe,SAASf,EAAMgB,MAKpC,OAFAjB,EAAUC,QACVY,GAED,GAEH,CAACA,IAOGK,EAAgBJ,eACnBb,IACC,GAAmB,UAAfA,EAAMgB,KAIR,YADAhB,EAAMC,iBAKR,GAAmB,SAAfD,EAAMgB,MAAmBhB,EAAMkB,SAAWlB,EAAMmB,OAAQ,CAC1D,MAAMC,EAAsBd,EAAwB,cACxBe,IAAxBD,IAGFrB,EAAUC,GACVS,EAAa,CACXC,UAAWP,EAAgBiB,EAAqBV,MAC7CH,IAGR,CAED,MAAMe,IAAEA,EAAGC,SAAEA,GAAavB,EAE1B,OAAQsB,GAGN,IAAK,YACL,IAAK,aACL,IAAK,UACL,IAAK,YACL,IAAK,MACL,IAAK,OACL,IAAK,SACL,IAAK,WACH,MAAME,GACJD,GAAqB,WAARD,GAA4B,aAARA,EAAsCA,EAAhB,QAAQA,IACjE,QAA8BD,IAA1Bf,EAAckB,GAAuB,CACvCzB,EAAUC,GACV,MAAMoB,EAAsBd,EAAckB,GAC1Cf,EAAa,CACXC,UAAWP,EAAgBiB,EAAqBV,MAC7CH,GAEN,EACJ,GAEH,CAACG,EAAWJ,EAAeG,EAAcF,IAG3C,MAAO,CACLkB,QAASb,EACTc,UAAWT,EACXU,QAASb,EACV,qBDzH6B,EAC9Bc,cACAC,gBAEA,MAAMC,EAAUC,SAAU,OACpBC,WAAEA,GAAeC,EAAAA,kBAWvB,OANAC,EAAAA,iBAAgB,KACVN,GAAeC,GACjBC,EAAQK,SAASC,OAClB,GACA,CAACR,EAAaC,IAEV,CAAEQ,IAAKP,EAASQ,SAAUV,GAAeI,EAAa,GAAK,EAAG"}

package/amd/useChartMarquee-8ce16d57.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './clientUtils-8c0e90ff', './useVisDragModeControls-69001c64', './hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css'], (function(t,e,n,r,o,i){"use strict";function a(t,e){return"zoom"===t||"select"===t?"crosshair":"pan"===t?e?"grabbing":"grab":void 0}function s(t,e,n){return t>=n.x&&t<=n.x+n.width&&e>=n.y&&e<=n.y+n.height}function u(t,e,n,r,o){return!(s(t,e,n)||s(t,e,r)||s(t,e,o))}function c({x1:t,y1:n,width:r,height:o}){return e.jsxs(e.Fragment,{children:[e.jsx("rect",{x:t,y:n,width:r,height:o,class:i.styles.visMarquee,"data-oj-private-object":"marquee"}),e.jsx("rect",{x:t+1,y:n+1,width:Math.max(0,r-2),height:Math.max(0,o-2),class:i.styles.visMarqueeInnerArea})]})}t.useChartMarquee=function({plotAreaSpace:t,xSpace:i,ySpace:h,dragMode:x,chartWidth:f,isMultiSelection:l,onViewportChange:m,isZoomScroll:M,xAxisExtent:d,xScale:g,selectedIds:y,getDataById:p,onSelectionChange:v,viewportMax:w,viewportMin:S,isRtl:C,xAxisMinExtent:P}){const z=r.isTouch(),q=n.useRef(!1),R=n.useRef(0),b=n.useRef(),j=function(t,e,n){return!(!n||!t||"user"!==e&&"pan"!==e)}(M,x,z),A=function(t,e,n){return!!t&&(e&&"zoom"===n||!e&&"user"===n)}(M,z,x),B=function(t,e,n,r){return!!t&&(e||"user"!==r&&"select"!==r?"user"===r||n&&"select"===r:n)}(l,M,z,x),{dragButtonDivRef:D,toggleButtonContent:I,userDragMode:E}=o.useVisDragModeControls({componentWidth:f,plotAreaSpace:t,isRtl:C,showPanButton:j,showZoomButton:A,showSelectButton:B,dragMode:x}),[T,V]=n.useState(!1),U=n.useRef(!1),[k,K]=n.useState(),W=n.useRef(new Set),X=function(t,e,n,r,o,i){return null!=o&&t?o:"user"!==r||n?n?"off":r:e?"pan":i?"select":"off"}(j&&"pan"===E||B&&"select"===E||A&&"zoom"===E,M,z,x,E,l),Y=function(t,e,n,r,o,i){if(t&&e){const a=n.x+n.width,u=n.y+n.height;let c=Math.max(Math.min(t.x,e.x),n.x),h=Math.min(Math.max(t.x,e.x),a),x=Math.max(Math.min(t.y,e.y),n.y);const f=Math.min(Math.max(t.y,e.y),u);let l=Math.abs(h-c),m=Math.abs(f-x);return s(t.x,t.y,r)||i?(x=n.y,m=n.height):s(t.x,t.y,o)&&(c=n.x,h=a,l=n.width),{x1:c,y1:x,width:l,height:m,x2:h,y2:f}}}(b.current,k,t,i,h,"zoom"===X);let Z;const F="select"===X&&Y?(t,e)=>{if(b.current?.isMeta&&y?.has(t))return!0;const{x1:n,x2:r,y1:o,y2:i}=Y,{x:a,y:u}=e;return s(a,u,{x:n,width:r-n,y:o,height:i-o})?(W.current?.add(t),!0):(W.current?.delete(t),!1)}:void 0;return!Y||"zoom"!==X&&"select"!==X||(Z=e.jsx(c,{...Y})),{ignoreSelectPointerUp:("pan"===X||"zoom"===X)&&U.current,cursor:a(X,T),yAxisCursor:"zoom"!==X?a(X,T):"initial",marqueeContent:Z,toggleButtonContent:!T&&(!z&&q.current||z)&&I,isPointInsideMarquee:F,dragMode:X,marqueeProps:"off"!=x?{onPointerDown:e=>{if(D?.current?.contains(e.target))return;const n=e.offsetX,r=e.offsetY;V(!0),u(n,r,t,i,h)||"zoom"===X&&s(n,r,h)||(b.current={x:n,y:r})},onPointerMove:e=>{if(!T)return;U.current=!0,e.metaKey&&b.current&&(b.current.isMeta=!0);const n=e.offsetX,r=e.offsetY;if(!(u(n,r,t,i,h)||"zoom"===X&&s(n,r,h))){if("pan"===X&&m&&(!z||z&&1===R.current)){const t=g.invert(n)-g.invert(k?.x||b.current?.x),e=w-S;let r=S-t,o=w-t;r<d.min&&(r=d.min,o=r+e),o>d.max&&(o=d.max,r=o-e),r!=S&&o!=w&&Math.abs(o-r)>P&&m({xMin:r,xMax:o})}K({x:n,y:r})}},onPointerUp:t=>{if(V(!1),K(void 0),b.current=void 0,U.current=!1,!D.current?.contains(t.target)&&Y){if("zoom"===X){const{x1:t,x2:e}=Y;let n=Math.min(g.invert(t),g.invert(e)),r=Math.max(g.invert(t),g.invert(e));if(Math.abs(r-n)<P){const t=(n+r)/2;n=Math.max(d.min,t-P/2),r=Math.min(d.max,n+P)}m?.({xMin:n,xMax:r})}if("select"===X){const e=[...new Set([...W.current,...t.metaKey&&y||new Set])],n=e.map((t=>p(t)));v?.({ids:e,data:n}),W.current=new Set}}},onPointerLeave:t=>{q.current=!1,Y&&z&&"off"!=X&&t.currentTarget.setPointerCapture(t.pointerId)},onPointerEnter:()=>{q.current=!0},onTouchEnd:t=>{V(!1),K(void 0),b.current=void 0,R.current=t.touches.length},onTouchStart:t=>{R.current=t.touches.length}}:{}}}}));
-//# sourceMappingURL=useChartMarquee-8ce16d57.js.map

package/amd/useChartMarquee-8ce16d57.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartMarquee-8ce16d57.js","sources":["../../src/hooks/PRIVATE_useChartMarquee/utils.ts","../../src/hooks/PRIVATE_useChartMarquee/Marquee.tsx","../../src/hooks/PRIVATE_useChartMarquee/useChartMarquee.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getResolvedDragMode(\n  isUserDragModeButtonShown: boolean,\n  isZoomAndScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'off' | 'pan' | 'zoom' | 'user' | 'select',\n  userSelectedDragMode?: 'pan' | 'zoom' | 'select',\n  isMultiSelection?: boolean\n) {\n  if (userSelectedDragMode != undefined && isUserDragModeButtonShown) {\n    // when dragMode api value change happens, userDragMode state can be stale.\n    // only select userDragMode if there is a button that is present to select it.\n    return userSelectedDragMode;\n  }\n\n  if (dragMode === 'user') {\n    if (!isMobile) {\n      return isZoomAndScroll ? 'pan' : isMultiSelection ? 'select' : 'off';\n    }\n  }\n\n  return isMobile ? 'off' : dragMode;\n}\n\nexport function getMarqueeDims(\n  initialPoint: { x: number; y: number } | undefined,\n  finalPoint: { x: number; y: number } | undefined,\n  plotAreaSpace: Dimension,\n  xSpace: Dimension,\n  ySpace: Dimension,\n  treatAsXSpace: boolean\n) {\n  if (initialPoint && finalPoint) {\n    const spaceWidth = plotAreaSpace.x + plotAreaSpace.width;\n    const spaceHeight = plotAreaSpace.y + plotAreaSpace.height;\n\n    let x1 = Math.max(Math.min(initialPoint.x, finalPoint.x), plotAreaSpace.x);\n    let x2 = Math.min(Math.max(initialPoint.x, finalPoint.x), spaceWidth);\n\n    let y1 = Math.max(Math.min(initialPoint.y, finalPoint.y), plotAreaSpace.y);\n    const y2 = Math.min(Math.max(initialPoint.y, finalPoint.y), spaceHeight);\n\n    let width = Math.abs(x2 - x1);\n    let height = Math.abs(y2 - y1);\n\n    if (isPointInsideSpace(initialPoint.x, initialPoint.y, xSpace) || treatAsXSpace) {\n      y1 = plotAreaSpace.y;\n      height = plotAreaSpace.height;\n    } else if (isPointInsideSpace(initialPoint.x, initialPoint.y, ySpace)) {\n      x1 = plotAreaSpace.x;\n      x2 = spaceWidth;\n      width = plotAreaSpace.width;\n    }\n    return {\n      x1,\n      y1,\n      width,\n      height,\n      x2,\n      y2\n    };\n  }\n  return;\n}\n\nexport function getCursorType(\n  currentDragMode: 'zoom' | 'select' | 'pan' | 'off' | 'user',\n  isPointerDown: boolean\n) {\n  if (currentDragMode === 'zoom' || currentDragMode === 'select') {\n    return 'crosshair';\n  }\n\n  if (currentDragMode === 'pan') {\n    return isPointerDown ? 'grabbing' : 'grab';\n  }\n\n  return;\n}\n\nexport function isPointInsideSpace(x: number, y: number, space: Dimension) {\n  if (x >= space.x && x <= space.x + space.width && y >= space.y && y <= space.y + space.height) {\n    return true;\n  }\n  return false;\n}\n\nexport function isPointOutsideTargetSpace(\n  x: number,\n  y: number,\n  plotAreaSpace: Dimension,\n  xSpace: Dimension,\n  ySpace: Dimension\n) {\n  if (\n    !isPointInsideSpace(x, y, plotAreaSpace) &&\n    !isPointInsideSpace(x, y, xSpace) &&\n    !isPointInsideSpace(x, y, ySpace)\n  ) {\n    return true;\n  }\n  return false;\n}\n\nexport function getPanButtonVisibility(\n  isZoomAndScroll: boolean,\n  dragMode: 'off' | 'pan' | 'zoom' | 'user' | 'select',\n  isMobile: boolean\n) {\n  if (!isMobile || !isZoomAndScroll) {\n    return false;\n  }\n\n  return dragMode === 'user' || dragMode === 'pan';\n}\n\nexport function getZoomButtonVisibility(\n  isZoomAndScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'zoom' | 'select' | 'pan' | 'off' | 'user'\n) {\n  if (!isZoomAndScroll) {\n    return false;\n  }\n\n  // In mobile don't show for user mode\n  return (isMobile && dragMode === 'zoom') || (!isMobile && dragMode === 'user');\n}\n\nexport function getSelectButtonVisibility(\n  isMultiSelection: boolean,\n  isZoomScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'zoom' | 'select' | 'pan' | 'user' | 'off'\n) {\n\n  if (!isMultiSelection) {\n    return false;\n  }\n  else if(!isZoomScroll && ( dragMode === 'user' || dragMode === 'select')){\n    return isMobile;\n  }\n  \n  return dragMode === 'user' || (isMobile && dragMode === 'select');\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/useChartMarquee.css';\n\ntype Props = {\n  x1: number;\n  y1: number;\n  width: number;\n  height: number;\n};\nexport function Marquee({ x1, y1, width, height }: Props) {\n  return (\n    <>\n      <rect\n        x={x1}\n        y={y1}\n        width={width}\n        height={height}\n        class={styles.visMarquee}\n        data-oj-private-object=\"marquee\"\n      />\n      <rect\n        x={x1 + 1}\n        y={y1 + 1}\n        width={Math.max(0, width - 2)}\n        height={Math.max(0, height - 2)}\n        class={styles.visMarqueeInnerArea}\n      />\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 { VNode } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getCursorType,\n  getMarqueeDims,\n  isPointOutsideTargetSpace,\n  isPointInsideSpace,\n  getPanButtonVisibility,\n  getZoomButtonVisibility,\n  getSelectButtonVisibility,\n  getResolvedDragMode\n} from './utils';\nimport { isTouch } from '#utils/UNSAFE_visUtils/clientUtils';\nimport { useVisDragModeControls } from '#hooks/PRIVATE_useVisDragModeControls';\nimport { Marquee } from './Marquee';\nimport { SelectionDetail } from '#hooks/PRIVATE_useVisSelection/useSelection';\n\ntype MarqueeProps<K, D> = {\n  chartWidth: number;\n  plotAreaSpace: Dimension;\n  xSpace: Dimension;\n  ySpace: Dimension;\n  isZoomScroll: boolean;\n  isMultiSelection: boolean;\n  onSelectionChange?: (detail: SelectionDetail<K, D>) => void;\n  xScale: Scale;\n  onViewportChange?: (x: { xMin?: number; yMin?: number; xMax?: number; yMax?: number }) => void;\n  dragMode: 'user' | 'select' | 'zoom' | 'pan' | 'off';\n  getDataById: (id: K) => D | undefined;\n  xAxisExtent: { min: number; max: number };\n  selectedIds?: Set<K>;\n  viewportMin: number;\n  viewportMax: number;\n  isRtl: boolean;\n  xAxisMinExtent: number;\n};\n\nexport function useChartMarquee<K, D>({\n  plotAreaSpace,\n  xSpace,\n  ySpace,\n  dragMode,\n  chartWidth,\n  isMultiSelection,\n  onViewportChange,\n  isZoomScroll,\n  xAxisExtent,\n  xScale,\n  selectedIds,\n  getDataById,\n  onSelectionChange,\n  viewportMax,\n  viewportMin,\n  isRtl,\n  xAxisMinExtent\n}: MarqueeProps<K, D>) {\n  const isDeviceTouch = isTouch();\n  const isHovered = useRef(false);\n  const numOfActiveTouches = useRef(0);\n\n  const initialPointRef = useRef<{\n    x: number;\n    y: number;\n    isMeta?: boolean;\n  }>();\n\n  const showPanButton = getPanButtonVisibility(isZoomScroll, dragMode, isDeviceTouch);\n  const showZoomButton = getZoomButtonVisibility(isZoomScroll, isDeviceTouch, dragMode);\n  const showSelectButton = getSelectButtonVisibility(isMultiSelection, isZoomScroll, isDeviceTouch, dragMode);\n\n  const { dragButtonDivRef, toggleButtonContent, userDragMode } = useVisDragModeControls({\n    componentWidth: chartWidth,\n    plotAreaSpace,\n    isRtl,\n    showPanButton,\n    showZoomButton,\n    showSelectButton,\n    dragMode\n  });\n\n  // for drag --> dragging cursor rerender in pan mode\n  const [isPointerDown, setIsPointerDown] = useState(false);\n  const isDragActiveRef = useRef(false);\n\n  const [finalPoint, setFinalPoint] = useState<{ x: number; y: number }>();\n\n  const selectedIdsRef = useRef<Set<K>>(new Set());\n\n  const isUserDragModeButtonShown =\n    (showPanButton && userDragMode === 'pan') ||\n    (showSelectButton && userDragMode === 'select') ||\n    (showZoomButton && userDragMode === 'zoom');\n\n  const mode = getResolvedDragMode(\n    isUserDragModeButtonShown,\n    isZoomScroll,\n    isDeviceTouch,\n    dragMode,\n    userDragMode,\n    isMultiSelection\n  );\n\n  const dims = getMarqueeDims(\n    initialPointRef.current,\n    finalPoint,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    mode === 'zoom' // We need to revisit this for scatter chart and others charts\n  );\n\n  const onPointerEnter = () => {\n    isHovered.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    // prevent setIsPointerDown(true) when clicked on button\n    // otherwise the button will disapper before being clicked.\n    if (dragButtonDivRef?.current?.contains(event.target as HTMLElement)) {\n      return;\n    }\n\n    const x = event.offsetX;\n    const y = event.offsetY;\n\n    setIsPointerDown(true);\n\n    if (\n      isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||\n      (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))\n    ) {\n      return;\n    }\n\n    initialPointRef.current = { x, y };\n  };\n\n  const onPointerLeave = (event: PointerEvent) => {\n    isHovered.current = false;\n    if (dims && isDeviceTouch && mode != 'off') {\n      (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n    }\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (!isPointerDown) {\n      return;\n    }\n\n    isDragActiveRef.current = true;\n\n    if (event.metaKey && initialPointRef.current) {\n      initialPointRef.current.isMeta = true;\n    }\n\n    const x = event.offsetX;\n    const y = event.offsetY;\n\n    if (\n      isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||\n      (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))\n    ) {\n      return;\n    }\n\n    if (\n      mode === 'pan' &&\n      onViewportChange &&\n      (!isDeviceTouch || (isDeviceTouch && numOfActiveTouches.current === 1))\n    ) {\n      const axisDelta =\n        xScale.invert(x) - xScale.invert((finalPoint?.x || initialPointRef.current?.x)!);\n\n      const viewportRange = viewportMax - viewportMin;\n\n      let xMin = viewportMin - axisDelta;\n      let xMax = viewportMax - axisDelta;\n\n      if (xMin < xAxisExtent.min) {\n        xMin = xAxisExtent.min;\n        xMax = xMin + viewportRange;\n      }\n\n      if (xMax > xAxisExtent.max) {\n        xMax = xAxisExtent.max;\n        xMin = xMax - viewportRange;\n      }\n\n      if (xMin != viewportMin && xMax != viewportMax && Math.abs(xMax - xMin) > xAxisMinExtent) {\n        onViewportChange({\n          xMin,\n          xMax\n        });\n      }\n    }\n\n    setFinalPoint({ x, y });\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    setIsPointerDown(false);\n    setFinalPoint(undefined);\n    initialPointRef.current = undefined;\n    isDragActiveRef.current = false;\n\n    if (dragButtonDivRef.current?.contains(event.target as HTMLElement)) {\n      return;\n    }\n\n    if (!dims) {\n      return;\n    }\n\n    if (mode === 'zoom') {\n      const { x1, x2 } = dims;\n      let xMin = Math.min(xScale.invert(x1), xScale.invert(x2));\n      let xMax = Math.max(xScale.invert(x1), xScale.invert(x2));\n      if (Math.abs(xMax - xMin) < xAxisMinExtent) {\n        const mid = (xMin + xMax) / 2;\n        xMin = Math.max(xAxisExtent.min, mid - xAxisMinExtent / 2);\n        xMax = Math.min(xAxisExtent.max, xMin + xAxisMinExtent);\n      }\n      onViewportChange?.({\n        xMin,\n        xMax\n      });\n    }\n\n    if (mode === 'select') {\n      const ids = [\n        ...new Set([\n          ...selectedIdsRef.current,\n          ...(event.metaKey ? selectedIds || new Set<K>() : new Set<K>())\n        ])\n      ];\n      const data = ids.map((id) => getDataById(id));\n      onSelectionChange?.({ ids, data });\n      selectedIdsRef.current = new Set<K>();\n    }\n  };\n\n  // if mode is 'off', we still want to show the toggleButton.\n  // pointerUp will not fire because browser will have already claimed the\n  // pointer\n  const onTouchEnd = (event: TouchEvent) => {\n    setIsPointerDown(false);\n    setFinalPoint(undefined);\n    initialPointRef.current = undefined;\n    numOfActiveTouches.current = event.touches.length;\n  };\n\n  const onTouchStart = (event: TouchEvent) => {\n    numOfActiveTouches.current = event.touches.length;\n  };\n\n  let marqueeContent: VNode | undefined;\n\n  const isPointInsideMarquee =\n    mode === 'select' && dims\n      ? (id: K, point: { x: number; y: number }) => {\n          if (initialPointRef.current?.isMeta && selectedIds?.has(id)) {\n            return true;\n          }\n          const { x1, x2, y1, y2 } = dims;\n          const { x, y } = point;\n          if (isPointInsideSpace(x, y, { x: x1, width: x2 - x1, y: y1, height: y2 - y1 })) {\n            selectedIdsRef.current?.add(id);\n            return true;\n          } else {\n            selectedIdsRef.current?.delete(id);\n          }\n          return false;\n        }\n      : undefined;\n\n  if (dims && (mode === 'zoom' || mode === 'select')) {\n    marqueeContent = <Marquee {...dims} />;\n  }\n\n  return {\n    ignoreSelectPointerUp: (mode === 'pan' || mode === 'zoom') && isDragActiveRef.current,\n    cursor: getCursorType(mode, isPointerDown),\n    yAxisCursor: mode !== 'zoom' ? getCursorType(mode, isPointerDown) : 'initial',\n    marqueeContent,\n    toggleButtonContent:\n      !isPointerDown &&\n      ((!isDeviceTouch && isHovered.current) || isDeviceTouch) &&\n      toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode,\n    marqueeProps:\n      dragMode != 'off'\n        ? {\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n            onPointerLeave,\n            onPointerEnter,\n            onTouchEnd,\n            onTouchStart\n          }\n        : {}\n  };\n}\n"],"names":["getCursorType","currentDragMode","isPointerDown","isPointInsideSpace","x","y","space","width","height","isPointOutsideTargetSpace","plotAreaSpace","xSpace","ySpace","Marquee","x1","y1","_jsxs","_Fragment","children","_jsx","class","styles","visMarquee","Math","max","visMarqueeInnerArea","dragMode","chartWidth","isMultiSelection","onViewportChange","isZoomScroll","xAxisExtent","xScale","selectedIds","getDataById","onSelectionChange","viewportMax","viewportMin","isRtl","xAxisMinExtent","isDeviceTouch","isTouch","isHovered","useRef","numOfActiveTouches","initialPointRef","showPanButton","isZoomAndScroll","isMobile","getPanButtonVisibility","showZoomButton","getZoomButtonVisibility","showSelectButton","getSelectButtonVisibility","dragButtonDivRef","toggleButtonContent","userDragMode","useVisDragModeControls","componentWidth","setIsPointerDown","useState","isDragActiveRef","finalPoint","setFinalPoint","selectedIdsRef","Set","mode","isUserDragModeButtonShown","userSelectedDragMode","undefined","getResolvedDragMode","dims","initialPoint","treatAsXSpace","spaceWidth","spaceHeight","min","x2","y2","abs","getMarqueeDims","current","marqueeContent","isPointInsideMarquee","id","point","isMeta","has","add","delete","ignoreSelectPointerUp","cursor","yAxisCursor","marqueeProps","onPointerDown","event","contains","target","offsetX","offsetY","onPointerMove","metaKey","axisDelta","invert","viewportRange","xMin","xMax","onPointerUp","mid","ids","data","map","onPointerLeave","currentTarget","setPointerCapture","pointerId","onPointerEnter","onTouchEnd","touches","length","onTouchStart"],"mappings":"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"}

package/amd/usePressClick-b7b38da2.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks'], (function(s,e){"use strict";const o={isDisabled:!1};s.usePressClick=function(s,i=o){const t=e.useCallback((e=>{e.stopPropagation(),s(e)}),[s]);return{pressProps:i?.isDisabled?{}:{onClick:t}}}}));
-//# sourceMappingURL=usePressClick-b7b38da2.js.map

package/amd/usePressClick-b7b38da2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePressClick-b7b38da2.js","sources":["../../src/hooks/UNSAFE_usePressClick/usePressClick.ts"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\ntype PressOptions = {\n  isDisabled?: boolean;\n};\n\nconst DefaultSettings = {\n  isDisabled: false\n};\n\n/**\n * Returns a click handler that can make a target element either clickable or keyboard pressable.\n *\n * @param onPressHandler function\n * @param isDisabled boolean\n * @returns\n */\n\nexport function usePressClick(\n  onPressHandler: (event: Event) => void,\n  settings: PressOptions = DefaultSettings\n): { pressProps: Record<string, any> } {\n  // Not adding any detection of repeat keyboard triggering, such as onKeyDown setting\n  // state to gate dispatch, to try to keep changes as basic as possible for now.\n  const onClick = useCallback(\n    (event: Event) => {\n      // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue\n      event.stopPropagation();\n      // in legacy, we would check event.detail <= 1 to fire only once on multi-clicks,\n      // however, for now keeping this simple.\n      onPressHandler(event);\n    },\n    [onPressHandler]\n  );\n\n  const pressProps = settings?.isDisabled ? {} : { onClick };\n\n  return {\n    pressProps\n  };\n}\n"],"names":["DefaultSettings","isDisabled","onPressHandler","settings","onClick","useCallback","event","stopPropagation","pressProps"],"mappings":"8DAMA,MAAMA,EAAkB,CACtBC,YAAY,4BAYZC,EACAC,EAAyBH,GAIzB,MAAMI,EAAUC,eACbC,IAECA,EAAMC,kBAGNL,EAAeI,EAAM,GAEvB,CAACJ,IAKH,MAAO,CACLM,WAHiBL,GAAUF,WAAa,CAAA,EAAK,CAAEG,WAKnD"}

package/amd/useSelectCommon-fd0e7664.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Flex-590160eb', './HighlightText-ded0d51b', './Grid-a8a51c37', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-d294501d', './Skeleton-a09190e1', 'preact/hooks', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-37e37948', './Floating-ae9845d4', './Layer-139c23c4', 'preact/compat', './LayerHost-733ade2f', './keyboardUtils-71bc5d84', './useOutsideMousedown-73d5a78a', './usePress-949a0d03', './CaretDown-a231e32a', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-c286f212', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './FormFieldContext-3c44aaaa', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-3d3e72a9', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-05c6b793', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useTranslationBundle-7c40cb58', './Link-2dae4de2', './useFocusWithin-5a504fca', './useHover-7964884c', './Separator-181f7541', './WindowOverlay-c390f525', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './useFormFieldContext-8196183c', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css', './TextFieldUtils-f3868e96', './useTabbableMode-dc440317', './Text-0609bf4d', './useAccessibleContext-23e8a333', './stringUtils-0ae982c2', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './clientHints-fff66be9', './tabbableUtils-428c264e'], (function(e,t,s,n,o,a,l,r,i,d,c,u,p,h,m,b,y,S,x,f,w,C,g,v,T,F,A,D,I,k,M,E,U,j,K,P,L,R,B,N,O,_,V,H,W,Y,G,z,q,$,J,Q,X,Z,ee,te,se,ne,oe,ae,le,re,ie,de,ce,ue,pe,he,me,be,ye,Se,xe,fe,we,Ce,ge,ve){"use strict";function Te(e,t){if("string"!=typeof t)return t(e);if(e.data?.hasOwnProperty(t)){const s=e.data[t];return String(s)}d.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const Fe=()=>{};const Ae=t.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(s.Flex,{height:"12x",align:"center",children:t.jsx(r.Skeleton,{height:"4x"})})}),De=e=>0===e.button&&!e.ctrlKey,Ie=e=>{e.currentTarget===e.target&&e.preventDefault()},ke="bottom-start";const Me=()=>{};function Ee({"aria-labelledby":e,children:n,id:o,isOpen:a}){return a?t.jsx(h.Layer,{children:t.jsx(de.WindowOverlay,{children:t.jsx("div",{id:o,class:ce.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:t.jsx(s.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:n})})})}):null}const Ue=[...Object.values(pe.textInterpolations)],je=he.mergeInterpolations(Ue),Ke=m.forwardRef((({"aria-controls":e,"aria-describedby":s,"aria-expanded":n,"aria-invalid":o,"aria-label":a,"aria-labelledby":l,displayValue:r,hasEmptyLabel:i,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:p,placeholder:h,textAlign:m,variant:b="default"},y)=>{const{isDisabled:S,isFocused:x,hasValue:f=!1}=me.useFormFieldContext(),{isTabbable:g,tabbableModeProps:v}=Se.useTabbableMode(),T=ye.isInputPlaceholderShown(d,f,x)?h:void 0,{UNSAFE_ariaLabelledBy:F}=fe.useAccessibleContext(),A=i?we.merge([l,F]):l,{class:D}=je({textAlign:m}),{classes:I}=C.useComponentTheme(Ce.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:b,textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:f?"hasValue":"noValue",focused:x?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled"}),k=w.classNames([be.selectMobileFieldInputStyles.base,D,I]);return t.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":s,"aria-expanded":n,"aria-invalid":o,"aria-label":a,"aria-labelledby":A,"aria-required":c?"true":void 0,class:k,onBlur:u,onFocus:p,ref:y,role:"combobox",...g&&v,children:t.jsx("div",{class:be.selectMobileFieldInputStyles.content,children:t.jsx(xe.Text,{variant:r?"inherit":"secondary",children:r||T})})})}));e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:a,data:r,itemRenderer:d,itemText:p,onCurrentKeyChange:h,onItemAction:m,onLoadRange:b=Fe,onSelectionChange:y,searchText:S,selectedKeys:x,selectionMode:f}){const w=i.useCallback((e=>{const o={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:S,selectedKeys:x,onSelectionChange:({value:e})=>{y?.({value:e})}},a={data:e.data,key:e.metadata.key,metadata:e.metadata};return d?d(o):t.jsxs(s.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:c.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===f?c.dropdownStyles.singleSelectItem:c.dropdownStyles.multiSelectItem,children:t.jsx(l.ListItemText,{variant:"primary",children:t.jsx(n.HighlightText,{matchText:S,children:Te(a,p)})})})]})}),[d,p,y,S,x,f]),C=i.useMemo((()=>({all:!1,keys:x??new Set})),[x]),g=i.useMemo((()=>void 0!==a?{rowKey:a}:void 0),[a]),v=i.useCallback((({context:{data:e,metadata:t}})=>{m?.({context:{data:e,key:t.key,metadata:t}})}),[m]),T=i.useCallback((({value:e})=>{y?.({value:new Set(e.keys?.values())})}),[y]);return t.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentItemOverride:g,data:r??null,loadingIndicator:Ae,onPersistCurrentItem:h,onItemAction:v,onLoadRange:b,onSelectionChange:T,role:"listbox",selectedKeys:C,selectionMode:f,children:e=>w(e)})},e.Dropdown=function({anchorRef:e,children:s,dropdownRef:n,id:o,isOpen:a,onAutoDismiss:l,onPosition:r}){const[d,u]=i.useState(ke),[m,b]=i.useState(a);m!==a&&(a||u(ke));const x=i.useCallback((e=>{u(e.placement),r?.(e)}),[r,u]),f=i.useCallback((e=>{l?.(e)}),[l]),w=i.useCallback((e=>{if(!e.defaultPrevented&&!y.isControlOrFunctionKey(e))switch(e.code){case y.KEYS.ESC:case y.KEYS.TAB:f(e)}}),[f]);S.useOutsideMousedown({isDisabled:!a,ref:[e,n],handler:f});const C=a?{minWidth:`${e.current?.offsetWidth}px`}:{};return m!==a&&b(a),a?t.jsx(h.Layer,{logicalParentRef:e,children:t.jsx(p.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:n,placement:d,offsetValue:{mainAxis:4,crossAxis:0},onPosition:x,children:t.jsx("div",{class:c.dropdownStyles.base,id:o,style:C,onKeyDown:w,onMouseDown:Ie,children:s})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:s,testId:n}){const{classes:o}=C.useComponentTheme(g.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:a}=C.useComponentTheme(T.BaseButtonRedwoodTheme),l=i.useCallback((e=>{e.preventDefault()}),[]),{pressProps:r}=x.usePress(s??Me,{isDisabled:e}),d=w.classNames([o,a,c.dropdownStyles.arrow.base,e?c.dropdownStyles.arrow.disabled:c.dropdownStyles.arrow.enabled]),u=v.useTestId(n);return t.jsx("span",{"aria-hidden":"true",class:d,tabIndex:-1,onMouseDown:l,...u,...r,children:t.jsx(f.SvgCaretDown,{})})},e.DropdownList=function({children:e,hasTopGap:s=!0,hasBottomGap:n=!0,isLoading:o=!1}){const a=w.classNames([c.dropdownStyles.list.base,s&&c.dropdownStyles.list.topGap,n&&c.dropdownStyles.list.bottomGap,o&&c.dropdownStyles.list.loading]);return t.jsx(F.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{class:a,onMouseDown:Ie,children:e})})},e.DropdownUserAssistance=function(e){const s=i.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return t.jsx(A.FormFieldContext.Provider,{value:{isFocused:!0},children:t.jsx("div",{class:c.dropdownStyles.userAssistance,onMouseDown:s,children:t.jsx(E.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=oe.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:c.dropdownStyles.results.extraItem,onMouseDown:Ie,children:e.select_noMatchesFound()})},e.LinkItem=({children:e,isHighlighted:s,onAction:n})=>{const{isHover:o,hoverProps:a}=re.useHover(),{isFocused:l,focusProps:r}=le.useFocusWithin(),d=i.useCallback((e=>(e.preventDefault(),n?.(),!1)),[n]),u=w.classNames([l?c.dropdownStyles.results.linkItemFocus:void 0]),p=w.classNames([c.dropdownStyles.results.extraItem,o||l||s?c.dropdownStyles.results.linkItemHighlight:void 0]);return t.jsx("div",{class:u,...r,children:t.jsx(ae.Link,{href:"#",onClick:d,children:t.jsx("div",{class:p,...a,children:e})})})},e.MobileDropdown=Ee,e.SelectMobileDropdown=function({children:e,footer:s,hasHeaderSeparator:n=!0,header:o,id:a,isOpen:l,labelId:r}){return t.jsxs(Ee,{id:a,isOpen:l,"aria-labelledby":r,children:[o,n&&t.jsx(ie.Separator,{}),t.jsx("div",{class:ue.selectMobileDropdownStyles.content,children:e}),t.jsx(ie.Separator,{}),s]})},e.SelectMobileFieldInput=Ke,e.createKeysFromValueItems=function(e){const t=e?.reduce(((e,t)=>(e.add(t.key),e)),new Set);return t},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=ge.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===ge.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=De,e.isTablet=function(){return"tablet"===ge.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=Ie,e.renderItemText=Te,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:s,onSelectedKeysChange:n,searchText:o,selectedKeys:a,selectedOnlyData:l}){return m.useMemo((()=>{const r={searchText:o,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:a};return void 0!==s?{...r,onRowAction:s}:{...r,onSelectedChange:n,selectedOnlyData:l}}),[e,t,s,n,o,a,l])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:s,onFilter:n}){const o=i.useRef(null),a=i.useRef(null),[l,r]=i.useState(!1),[d,c]=i.useState(!1),[u,p]=i.useState({rowKey:void 0}),h=i.useRef(),m=i.useCallback((e=>{h.current=e.rowKey,p(e)}),[]),[b,S]=i.useState(!1),[x,f]=i.useState(),[w,C]=i.useState(),[g,v]=i.useState(l),[T,F]=i.useState(s),[A,D]=i.useState(b),I=i.useCallback((e=>{!e.defaultPrevented&&De(e)&&(l||r(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,l]),k=i.useCallback((()=>{r(!l),t.current?.focus()}),[t,l]),M=i.useCallback((e=>{if(l)switch(r(!1),e?.type){case"keydown":if(e.code===y.KEYS.ESC)t.current?.focus();break;case"mousedown":a.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,l]),E=i.useCallback((e=>{c(e.placement.startsWith("top"))}),[]),U=i.useCallback((()=>l&&a.current?ve.allTabbableElements(a.current):void 0),[l]),j=i.useCallback((t=>{if(l){if(null!=e){const t=U();t?.[0]?.focus(),void 0===u.rowKey&&m({rowKey:e.data[0]?.metadata?.key})}}else r(!0);t.preventDefault()}),[u,e,U,l,m]),K=i.useCallback((e=>{if(!y.isControlOrFunctionKey(e))switch(e.code){case y.KEYS.PAGE_UP:case y.KEYS.PAGE_DOWN:return void e.preventDefault();case y.KEYS.UP:case y.KEYS.DOWN:e.preventDefault();break;case y.KEYS.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),P=i.useCallback((e=>{if(!y.isControlOrFunctionKey(e))switch(e.code){case y.KEYS.UP:case y.KEYS.DOWN:j(e)}}),[j]),L=i.useCallback((e=>{l||r(!0),S(!0),f(e.value);const t=e.value;C(t),n?.({searchText:t})}),[l,n]),R=i.useCallback((e=>{h.current=e.value}),[]),B=i.useCallback((()=>{S(!1),f(""),C("")}),[]);return g===l&&T===s&&A===b||l||s||!b||B(),i.useEffect((()=>{l&&!b&&n?.({searchText:void 0})}),[l,b,n]),g!==l&&(l||c(!1),v(l)),T!==s&&F(s),A!==b&&D(b),{currentRowKeyRef:h,currentRowOverride:u,dropdownRef:a,getDropdownTabbableElems:U,handleDropdownArrowClick:k,handleDropdownAutoDismiss:M,handleDropdownPosition:E,handleInput:L,handleMainFieldKeyDown:K,handleMainFieldKeyUp:P,handleUpDownArrowKeys:j,isDropdownAbove:d,isDropdownOpen:l,isFocused:s||l,isUserFiltering:b,mainFieldRef:o,onCurrentKeyChange:R,onMouseDown:I,searchText:w,setCurrentRowOverride:m,setDropdownOpen:r,setUserInput:f,stopFiltering:B,userInput:x}}}));
-//# sourceMappingURL=useSelectCommon-fd0e7664.js.map