@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/amd/TimeComponentCanvas2D-d563bdbb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeComponentCanvas2D-d563bdbb.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, type JSX } from 'preact';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/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<UnpackSignals<JSX.IntrinsicElements['div']>, '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, JSX } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { overlayControlsContainerStyles } from './themes/TimeComponentStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, '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","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-627f7646.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-c02238cd', './useToggleAction-59741954', './mergeProps-bcfa6a92', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130', './ToggleButtonLabel-03111248'], (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:b=!1,onToggle:u,display:p="all",autofocus:B,testId:f,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:u}),j=i.toggleStyling("auto",b,!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":b,autofocus:B,styling:j,"aria-label":y??T,testId:f,...D,children:t.jsx(r.ToggleButtonLabel,{onAction:()=>u?.({value:b}),label:T,isDisabled:c,display:p,startIcon:e,endIcon:o})})}));d.displayName="ToggleButton",e.ToggleButton=d}));
-//# sourceMappingURL=ToggleButton-627f7646.js.map

package/amd/ToggleButton-627f7646.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton-627f7646.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 } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } 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 ButtonHandle = ElementRef<typeof BaseButton>;\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: ForwardedRef<ButtonHandle>\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}\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":"sQA0Fa,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/YearsGridView-1dd16878.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Grid-d415ba8d', './StyledDatePickerButton-e886e52a', './useTranslationBundle-8e42d505', './useUser-12ec03f1', './getFormatParse-7ea0c25b', './logger-0f873e29', './maskUtils-8e7a7701', 'preact/compat', './useCellNavigation-403623a8', './calendarDateUtils-dd5b75ee', './_curry2-86c52b86'], (function(e,t,o,r,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 o=[],r=e;r<t;)o.push(r),r+=1;return o}));const h=e=>{const{buttonProps:o}=(({isCurrent:e,isFocusable:t,isFocused:o,isSelected:r,month:s,onAction:i,onMonthFocused:d,onNavigation:p})=>{const{locale:g}=n.useUser(),b=c.useMemo((()=>({short:l.getMonthName(g,s,"*","short"),long:l.getMonthName(g,s,"*","long")})),[g,s]),h=a.useTranslationBundle("@oracle/oraclejet-preact"),v=`${b.long}${e?`, ${h.datePicker_currentDate()}`:""}${r?`, ${h.datePicker_selected()}`:""}`,m=u.useFocusableCell({isFocusable:t,isFocused:o}),x=u.useCellNavigation({navigationMap:{ArrowDown:"down",ArrowLeft:{ltr:"previous",rtl:"next"},ArrowRight:{ltr:"next",rtl:"previous"},ArrowUp:"up"},payload:{month:s},onAction:i,onNavigation:p}),F=c.useCallback((()=>{d({month:s})}),[s,d]);return{buttonProps:{"aria-label":v,isActivable:!0,label:b.short,isHoverable:!0,isSelected:r,isToday:e,variant:"month",onMouseDown:F,...m,...x}}})(e);return t.jsx(r.StyledDatePickerButton,{...o})},v=b(1,13),m=e=>{const{buttonProps:o}=(({isCurrent:e,isFocusable:t,isFocused:o,isSelected:r,year:s,onAction:i,onNavigation:l,onYearFocused:p})=>{const{locale:g}=n.useUser(),b=d.getNumericFormattedYear(g,s,1),h=a.useTranslationBundle("@oracle/oraclejet-preact"),v=`${b}${e?`, ${h.datePicker_currentDate()}`:""}${r?`, ${h.datePicker_selected()}`:""}`,m=u.useFocusableCell({isFocusable:t,isFocused:o}),x=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});return{buttonProps:{"aria-label":v,isActivable:!0,label:b,isHoverable:!0,isSelected:r,isToday:e,variant:"year",onMouseDown:c.useCallback((()=>{p({year:s})}),[p,s]),...m,...x}}})(e);return t.jsx(r.StyledDatePickerButton,{...o})};e.MonthsGridView=({currentMonth:e,focusableMonth:r,isFocused:n=!1,selectedMonth:s,testId:i,onAction:l,onMonthFocused:c,onNavigation:u})=>{const d=a.useTranslationBundle("@oracle/oraclejet-preact").datePicker_months();return t.jsx(o.Grid,{role:"grid",gap:["13.5x","0x"],testId:i,"aria-label":d,children:[0,1,2].map((a=>t.jsx(o.Grid,{role:"row",gap:["0x","3x"],gridTemplateColumns:"repeat(4, 1fr)",children:[0,1,2,3].map((o=>{const i=v[4*a+o];return t.jsx("div",{role:"gridcell",children:t.jsx(h,{month:i,isCurrent:i===e,isFocusable:i===r,isFocused:i===r&&n,isSelected:i===s,onAction:l,onMonthFocused:c,onNavigation:u},`${i}`)})}))},a)))})},e.YearsGridView=({currentYear:e,focusableYear:r,isFocused:n=!1,selectedYear:s,testId:i,onAction:l,onNavigation:c,onYearFocused:u})=>{const p=d.getClosestDecade(r),g=a.useTranslationBundle("@oracle/oraclejet-preact").datePicker_years();return t.jsx(o.Grid,{role:"grid",gap:["13.5x","0x"],testId:i,"aria-label":g,children:[0,1,2].map((a=>t.jsx(o.Grid,{role:"row",gap:["0x","3x"],gridTemplateColumns:"repeat(4, 1fr)",children:b(4*a,4*a+4).map((o=>{const a=p+o;return a<p+11?t.jsx("div",{role:"gridcell",children:t.jsx(m,{year:a,isCurrent:a===e,isFocusable:a===r,isFocused:a===r&&n,isSelected:a===s,onAction:l,onNavigation:c,onYearFocused:u},`${a}`)}):null}))},a)))})}}));
-//# sourceMappingURL=YearsGridView-1dd16878.js.map

package/amd/YearsGridView-1dd16878.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearsGridView-1dd16878.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, useCallback, 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 mouse down is performed on this MonthCell.\n   * @param payload The payload containing the month represented by this cell.\n   */\n  onMonthFocused: (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  onMonthFocused,\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  // JET-73067 (can not set value on first click) - when the currently selected cell is not\n  // in the viewport, the first click on any other cell scrolls that selection into view\n  // instead of selecting it. To fix this, we update the focusableMonth onmousedown, before\n  // focus is transferred to MonthsGridView, so that it does not try to focus or scroll to\n  // the previously selected cell.\n  const onMouseDown = useCallback(() => {\n    onMonthFocused({ month });\n  }, [month, onMonthFocused]);\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      onMouseDown,\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'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isSelected'\n  | 'month'\n  | 'onAction'\n  | 'onMonthFocused'\n  | '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<\n  ComponentProps<typeof MonthCell>,\n  'onAction' | 'onMonthFocused' | 'onNavigation'\n>;\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  onMonthFocused,\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                  onMonthFocused={onMonthFocused}\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'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isSelected'\n  | 'year'\n  | 'onAction'\n  | 'onYearFocused'\n  | '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, useCallback } 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 mouse down is performed on this YearCell.\n   * @param payload The payload containing the year represented by this cell.\n   */\n  onYearFocused: (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  onYearFocused\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  // JET-73067 (can not set value on first click) - when the currently selected cell is not\n  // in the viewport, the first click on any other cell scrolls that selection into view\n  // instead of selecting it. To fix this, we update the focusableYear onmousedown, before\n  // focus is transferred to YearsGridView, so that it does not try to focus or scroll to\n  // the previously selected cell.\n  const onMouseDown = useCallback(() => {\n    onYearFocused({ year });\n  }, [onYearFocused, year]);\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      onMouseDown,\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<\n  ComponentProps<typeof YearCell>,\n  'onAction' | 'onYearFocused' | 'onNavigation'\n>;\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  onYearFocused\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                    onYearFocused={onYearFocused}\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","onMonthFocused","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","onMouseDown","useCallback","isActivable","label","isHoverable","isToday","variant","useMonthCell","_jsx","jsx","StyledDatePickerButton","MONTHS","range","YearCell","year","onYearFocused","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/useBareButton-98f047f8.js

@@ -1,2 +0,0 @@
-define(['exports', './usePress-949a0d03', './usePressClick-b7b38da2', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './clientHints-6d361eaa', './mergeProps-bcfa6a92', './buttonUtils-cbbb0130', './useTestId-9afc201a'], (function(e,t,s,o,a,n,i,r,b){"use strict";e.useBareButton=function({onAction:e,isDisabled:o,isRepeat:u,isClick:l,elementDetails:d={type:"button",buttonType:"button"},testId:p,...c}){const P="ios"===n.getClientHints().platform?{ontouchstart:function(){}}:{},f=t=>{e&&e({reason:""==t.pointerType?"keyboard":"pointer"})},{globalEventProps:y,ariaProps:{"aria-disabled":T,"aria-hidden":g,...h}}=r.processGlobals(c),{pressProps:m}=t.usePress(f,{isDisabled:o,isRepeat:u}),{pressProps:k}=s.usePressClick(f,{isDisabled:o}),{type:v="button",isFocusable:C=!0,isLabel:w=!1,isSwitch:D=!1,...I}={...d},M="button"===d.type?d.buttonType??"button":void 0,x="button"===d.type&&"button"===d.buttonType?{type:M}:{},B=((e,t,s,o,a)=>{switch(e){case"link":return{role:"link"};case"button":return a?{role:"switch"}:{};case"div":return t?{}:{role:"button"};case"span":return o?{}:t?{role:"none"}:s?a?{role:"switch"}:{role:"button"}:{role:"img"};default:return t?{role:"none"}:s?{role:"button"}:{role:"img"}}})(v,Boolean(g),C??!1,w??!1,D??!1),H=d?.type,R="span"==H,A="button"==H,{tabbableModeProps:E}=a.useTabbableMode(o),F="button"==H?T?{"aria-disabled":T}:{}:o?{"aria-disabled":o}:{},G="div"===H?{}:{"aria-hidden":g},L="none"===B.role?{}:i.mergeProps(F,G,h),S=b.useTestId(p),U={autofocus:c.autofocus,title:c.title,disabled:o};return i.mergeProps(I,e?u||(l??A)?k:m:{},P,y,L,R&&(!1===C||o)||A&&o?{tabIndex:void 0}:E,x,S,B,U)}}));
-//# sourceMappingURL=useBareButton-98f047f8.js.map

package/amd/useBareButton-98f047f8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBareButton-98f047f8.js","sources":["../../src/hooks/UNSAFE_useBareButton/useBareButton.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, JSX } from 'preact';\nimport { usePress } from '../UNSAFE_usePress';\nimport { usePressClick } from '../UNSAFE_usePressClick';\nimport { useTabbableMode } from '../UNSAFE_useTabbableMode';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport type { UnpackSignals } from '../../utils/UNSAFE_attributeUtils';\nimport { processGlobals } from '../../utils/UNSAFE_buttonUtils';\nimport type {\n  ButtonIntrinsicProps,\n  ButtonIntrinsicAriaProps\n} from '../../utils/UNSAFE_buttonUtils';\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\n\n/**\n * The ActionDetail reasons\n */\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\n/**\n * Element details\n */\nexport type BareButtonElementDetails =\n  | {\n      type: 'button';\n      isFocusable?: never;\n      buttonType?: 'button' | 'submit';\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'div';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type BareButtonProps = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BareButtonElementDetails;\n  };\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean,\n  isFocusable: boolean,\n  isLabel: boolean,\n  isSwitch: boolean\n): { role?: UnpackSignals<JSX.HTMLAttributes['role']> } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return isSwitch ? { role: 'switch' } : {};\n    case 'div':\n      return hidden ? {} : { role: 'button' };\n    case 'span':\n      return isLabel\n        ? {}\n        : hidden\n        ? { role: 'none' }\n        : isFocusable\n        ? isSwitch\n          ? { role: 'switch' }\n          : { role: 'button' }\n        : { role: 'img' };\n    default:\n      return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };\n  }\n};\n\n/**\n * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport function useBareButton({\n  onAction,\n  isDisabled,\n  isRepeat,\n  isClick,\n  elementDetails = { type: 'button', buttonType: 'button' },\n  testId,\n  ...props\n}: BareButtonProps) {\n  const clientHints = getClientHints();\n  // :active only works on IOS devices if a touch handler exists\n  const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\n\n  const pressHandler = (e: Event) => {\n    if (onAction) {\n      onAction({\n        reason: (e as PointerEvent).pointerType == '' ? 'keyboard' : 'pointer'\n      });\n    }\n  };\n  const {\n    globalEventProps,\n    ariaProps: { 'aria-disabled': ariaDisabled, 'aria-hidden': ariaHidden, ...ariaOtherProps }\n  } = processGlobals(props);\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled: isDisabled,\n    isRepeat\n  });\n\n  const { pressProps: pressClickProps } = usePressClick(pressHandler, {\n    isDisabled: isDisabled\n  });\n\n  const {\n    type: elementType = 'button',\n    isFocusable: isElementFocusable = true,\n    isLabel: isElementLabel = false,\n    isSwitch: isElementSwitch = false,\n    ...elementProps\n  } = { ...elementDetails };\n\n  const buttonType =\n    elementDetails.type === 'button' ? elementDetails.buttonType ?? 'button' : undefined;\n  const typeProps =\n    elementDetails.type === 'button' && elementDetails.buttonType === 'button'\n      ? { type: buttonType }\n      : {};\n\n  // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable\n  const role = roleProps(\n    elementType,\n    Boolean(ariaHidden),\n    isElementFocusable ?? false,\n    isElementLabel ?? false,\n    isElementSwitch ?? false\n  );\n  const ElementType = elementDetails?.type;\n  const isSpan = ElementType == 'span';\n  const isBareButton = ElementType == 'button';\n  const { tabbableModeProps } = useTabbableMode(isDisabled);\n\n  const arDisabled =\n    ElementType == 'button'\n      ? ariaDisabled\n        ? { 'aria-disabled': ariaDisabled }\n        : {}\n      : isDisabled\n      ? { 'aria-disabled': isDisabled }\n      : {};\n\n  const arHidden = ElementType === 'div' ? {} : { 'aria-hidden': ariaHidden };\n\n  const adjustedAriaProps =\n    role.role === 'none' ? {} : mergeProps(arDisabled, arHidden, ariaOtherProps);\n\n  const testIdProps = useTestId(testId);\n\n  const getTabIndex = () => {\n    if ((isSpan && (isElementFocusable === false || isDisabled)) || (isBareButton && isDisabled)) {\n      // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements\n      return { tabIndex: undefined };\n    }\n    return tabbableModeProps;\n  };\n\n  const legacyGlobals = {\n    autofocus: props.autofocus,\n    title: props.title,\n    disabled: isDisabled\n  };\n\n  return mergeProps(\n    elementProps,\n    onAction ? (isRepeat || (isClick ?? isBareButton) ? pressClickProps : pressProps) : {},\n    iosProps,\n    globalEventProps,\n    adjustedAriaProps,\n    getTabIndex(),\n    typeProps,\n    testIdProps,\n    role,\n    legacyGlobals\n  );\n}\n"],"names":["onAction","isDisabled","isRepeat","isClick","elementDetails","type","buttonType","testId","props","iosProps","getClientHints","platform","ontouchstart","pressHandler","e","reason","pointerType","globalEventProps","ariaProps","ariaDisabled","ariaHidden","ariaOtherProps","processGlobals","pressProps","usePress","pressClickProps","usePressClick","elementType","isFocusable","isElementFocusable","isLabel","isElementLabel","isSwitch","isElementSwitch","elementProps","undefined","typeProps","role","elType","hidden","roleProps","Boolean","ElementType","isSpan","isBareButton","tabbableModeProps","useTabbableMode","arDisabled","arHidden","adjustedAriaProps","mergeProps","testIdProps","useTestId","legacyGlobals","autofocus","title","disabled","tabIndex"],"mappings":"6RAkIgB,UAAcA,SAC5BA,EAAQC,WACRA,EAAUC,SACVA,EAAQC,QACRA,EAAOC,eACPA,EAAiB,CAAEC,KAAM,SAAUC,WAAY,UAAUC,OACzDA,KACGC,IAEH,MAEMC,EAAoC,QAFtBC,EAAAA,iBAESC,SAAqB,CAAEC,aAAc,cAAmB,GAE/EC,EAAgBC,IAChBd,GACFA,EAAS,CACPe,OAA2C,IAAlCD,EAAmBE,YAAoB,WAAa,WAEhE,GAEGC,iBACJA,EACAC,WAAa,gBAAiBC,EAAc,cAAeC,KAAeC,IACxEC,EAAcA,eAACd,IAEbe,WAAEA,GAAeC,EAAQA,SAACX,EAAc,CAC5CZ,WAAYA,EACZC,cAGMqB,WAAYE,GAAoBC,EAAAA,cAAcb,EAAc,CAClEZ,WAAYA,KAIZI,KAAMsB,EAAc,SACpBC,YAAaC,GAAqB,EAClCC,QAASC,GAAiB,EAC1BC,SAAUC,GAAkB,KACzBC,GACD,IAAK9B,GAEHE,EACoB,WAAxBF,EAAeC,KAAoBD,EAAeE,YAAc,cAAW6B,EACvEC,EACoB,WAAxBhC,EAAeC,MAAmD,WAA9BD,EAAeE,WAC/C,CAAED,KAAMC,GACR,GAGA+B,EAlFU,EAChBC,EACAC,EACAX,EACAE,EACAE,KAEA,OAAQM,GACN,IAAK,OACH,MAAO,CAAED,KAAM,QACjB,IAAK,SACH,OAAOL,EAAW,CAAEK,KAAM,UAAa,CAAA,EACzC,IAAK,MACH,OAAOE,EAAS,CAAE,EAAG,CAAEF,KAAM,UAC/B,IAAK,OACH,OAAOP,EACH,CAAE,EACFS,EACA,CAAEF,KAAM,QACRT,EACAI,EACE,CAAEK,KAAM,UACR,CAAEA,KAAM,UACV,CAAEA,KAAM,OACd,QACE,OAAOE,EAAS,CAAEF,KAAM,QAAWT,EAAc,CAAES,KAAM,UAAa,CAAEA,KAAM,OACjF,EAwDYG,CACXb,EACAc,QAAQrB,GACRS,IAAsB,EACtBE,IAAkB,EAClBE,IAAmB,GAEfS,EAActC,GAAgBC,KAC9BsC,EAAwB,QAAfD,EACTE,EAA8B,UAAfF,GACfG,kBAAEA,GAAsBC,EAAeA,gBAAC7C,GAExC8C,EACW,UAAfL,EACIvB,EACE,CAAE,gBAAiBA,GACnB,CAAE,EACJlB,EACA,CAAE,gBAAiBA,GACnB,GAEA+C,EAA2B,QAAhBN,EAAwB,CAAE,EAAG,CAAE,cAAetB,GAEzD6B,EACU,SAAdZ,EAAKA,KAAkB,GAAKa,EAAAA,WAAWH,EAAYC,EAAU3B,GAEzD8B,EAAcC,YAAU7C,GAUxB8C,EAAgB,CACpBC,UAAW9C,EAAM8C,UACjBC,MAAO/C,EAAM+C,MACbC,SAAUvD,GAGZ,OAAOiD,EAAUA,WACfhB,EACAlC,EAAYE,IAAaC,GAAWyC,GAAgBnB,EAAkBF,EAAc,CAAE,EACtFd,EACAQ,EACAgC,EAlBKN,KAAkC,IAAvBd,GAAgC5B,IAAiB2C,GAAgB3C,EAExE,CAAEwD,cAAUtB,GAEdU,EAgBPT,EACAe,EACAd,EACAgB,EAEJ"}

package/amd/useCellNavigation-403623a8.js

@@ -1,2 +0,0 @@
-define(['exports', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', 'preact/compat', './useUser-12ec03f1'], (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-403623a8.js.map

package/amd/useCellNavigation-403623a8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellNavigation-403623a8.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    },\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,EAuGnBC,EAAkB,CAAmBC,EAA2BC,IACnD,iBAAVD,EAAqBA,EAAQA,EAAMC,uBAlGX,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,WAAY,CACf,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,CACF,EACF,GAEH,CAACG,EAAWJ,EAAeG,EAAcF,IAG3C,MAAO,CACLkB,QAASb,EACTc,UAAWT,EACXU,QAASb,EACV,qBD1H6B,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-84054198.js

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

package/amd/useChartMarquee-84054198.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartMarquee-84054198.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 { RefObject, 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';\nimport { AxisInfo } from '#PRIVATE_Axis/axis.types';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\n\ntype MarqueeProps<K, D> = {\n  rootRef: RefObject<HTMLElement>;\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  selectedIds?: Set<K>;\n  isRtl: boolean;\n  xAxisInfo: AxisInfo;\n};\n\nexport function useChartMarquee<K, D>({\n  rootRef,\n  plotAreaSpace,\n  xSpace,\n  ySpace,\n  dragMode,\n  chartWidth,\n  isMultiSelection,\n  onViewportChange,\n  isZoomScroll,\n  xScale,\n  selectedIds,\n  getDataById,\n  onSelectionChange,\n  isRtl,\n  xAxisInfo\n}: MarqueeProps<K, D>) {\n  const isDeviceTouch = isTouch();\n  const isHovered = useRef(false);\n  const numOfActiveTouches = useRef(0);\n\n  const { min, max, viewportMax, viewportMin, minAxisExtent } = xAxisInfo;\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(\n    isMultiSelection,\n    isZoomScroll,\n    isDeviceTouch,\n    dragMode\n  );\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    const elementData = getElementData(rootRef, event.target as HTMLElement);\n    const elemType = elementData?.['ojPrivateObject'];\n    const originatedFromOverview =\n      elemType === 'window' || elemType === 'leftHandle' || elemType === 'rightHandle';\n\n    if (\n      !originatedFromOverview &&\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 < min) {\n        xMin = min;\n        xMax = xMin + viewportRange;\n      }\n\n      if (xMax > max) {\n        xMax = max;\n        xMin = xMax - viewportRange;\n      }\n\n      if (xMin != viewportMin && xMax != viewportMax && Math.abs(xMax - xMin) >= minAxisExtent) {\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) < minAxisExtent) {\n        const mid = (xMin + xMax) / 2;\n        xMin = Math.max(min, mid - minAxisExtent / 2);\n        xMax = Math.min(max, xMin + minAxisExtent);\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","rootRef","dragMode","chartWidth","isMultiSelection","onViewportChange","isZoomScroll","xScale","selectedIds","getDataById","onSelectionChange","isRtl","xAxisInfo","isDeviceTouch","isTouch","isHovered","useRef","numOfActiveTouches","min","viewportMax","viewportMin","minAxisExtent","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","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","elementData","getElementData","elemType","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/useDisplayValue-2d2e6206.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './IconButton-b4b83d00', './NavLeft-14fe560c', 'preact/hooks', './keyboardUtils-fb6219eb', 'preact/compat', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './useAccessibleContext-23e8a333', './logger-0f873e29', './FormContext-6b0879a0', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', './textAlign-ef924afd', 'css!./FormControlUtilsStyles.styles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './StyledTextField-5e554e5b', './TextField-51b63f5f', 'css!./LiveRegionStyles.styles.css', './LayerHost-daf96749', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './useSelectCommon-f04454d2', './LiveRegion-ef77cf92', 'css!./LabelValueLayoutStyles.styles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', 'module', './Flex-07d2aa5b', 'css!./LayoutStyles.styles.css', './InputGroupContext-372087af', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b'], (function(e,t,s,o,l,n,i,a,d,r,c,u,x,F,y,S,h,m,T,b,p,C,f,L,v,w,A,g,B,j,I,_,U,k,N,E,R,V,D,M,z,O,G,H,K){"use strict";e.SelectSingleField=function({children:e,hasInsideLabel:l,isBackButtonShown:n,isClearButtonShown:i,isDropdownArrowShown:a,onBackButtonClick:d,onClearButtonClick:r,onDropdownArrowClick:c,...u}){const x=S.useTranslationBundle("@oracle/oraclejet-preact"),{isDisabled:y,isLoading:h}=F.useFormFieldContext(),m=n?t.jsx(s.IconButton,{"aria-label":x.selectMultiple_back(),size:"xs",variant:"ghost",onAction:d,children:t.jsx(o.SvgNavLeft,{})}):null,T=h?void 0:t.jsxs(t.Fragment,{children:[i&&t.jsx(s.IconButton,{"aria-label":x.formControl_clear(),size:"sm",variant:"ghost",onAction:r,children:t.jsx(o.SvgCancelS,{})}),a&&t.jsx(I.DropdownArrow,{isDisabled:y,onClick:c,testId:`${u.testId}_dropdownarrow`})]});return t.jsx(C.TextField,{startContent:m,mainContent:e,endContent:T,...u})},e.SelectSingleFieldInput=function({displayValue:e,isAddToListShown:s,isAdvancedSearchShown:o,isUserFiltering:l,liveRegionText:n,userInput:i,virtualKeyboard:d,...r}){const c=S.useTranslationBundle("@oracle/oraclejet-preact"),u=c.select_addToListAvailable(),x=c.select_moreSearchOptionsAvailable();return t.jsxs(t.Fragment,{children:[t.jsx(a.TextFieldInput,{...r,hasEndContent:!0,"aria-autocomplete":"list",autoComplete:"off",role:"combobox",spellcheck:!1,type:"auto"===d?"search":d,value:l?i:e}),t.jsx(_.LiveRegion,{children:n}),s?t.jsx(_.LiveRegion,{children:u}):void 0,o?t.jsx(_.LiveRegion,{children:x}):void 0]})},e.useDisplayValue=function(e,t){return l.useMemo((()=>void 0===t?"":I.renderItemText(t,e)??""),[t,e])}}));
-//# sourceMappingURL=useDisplayValue-2d2e6206.js.map

package/amd/useDisplayValue-2d2e6206.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDisplayValue-2d2e6206.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n  ComponentProps<typeof TextField>,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'contentVariant'\n  | 'endContent'\n  | 'hasZeroStartMargin'\n  | 'id'\n  | 'inlineUserAssistance'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'mainFieldRef'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'rootRef'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'testId'\n> & {\n  children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n  hasInsideLabel?: boolean;\n  isBackButtonShown?: boolean;\n  isClearButtonShown?: boolean;\n  isDropdownArrowShown?: boolean;\n  onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n  children,\n  hasInsideLabel,\n  isBackButtonShown,\n  isClearButtonShown,\n  isDropdownArrowShown,\n  onBackButtonClick,\n  onClearButtonClick,\n  onDropdownArrowClick,\n  ...passThroughTextFieldProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { isDisabled, isLoading } = useFormFieldContext();\n\n  const startContent = isBackButtonShown ? (\n    <IconButton\n      aria-label={translations.selectMultiple_back()}\n      size=\"xs\"\n      variant=\"ghost\"\n      onAction={onBackButtonClick}>\n      <NavLeft />\n    </IconButton>\n  ) : null;\n\n  const endContent = isLoading ? undefined : (\n    <>\n      {isClearButtonShown && (\n        <IconButton\n          aria-label={translations.formControl_clear()}\n          size=\"sm\"\n          variant=\"ghost\"\n          onAction={onClearButtonClick}>\n          <CancelS />\n        </IconButton>\n      )}\n      {isDropdownArrowShown && (\n        <DropdownArrow\n          isDisabled={isDisabled}\n          onClick={onDropdownArrowClick}\n          testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <TextField\n      startContent={startContent}\n      mainContent={children}\n      endContent={endContent}\n      {...passThroughTextFieldProps}\n    />\n  );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'hasEmptyLabel'\n  | 'hasInsideLabel'\n  | 'id'\n  | 'isRequired'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'placeholder'\n  | 'textAlign'\n  | 'variant'\n> & {\n  inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n  displayValue: string;\n  isAddToListShown: boolean;\n  isAdvancedSearchShown: boolean;\n  isUserFiltering: boolean;\n  liveRegionText?: string;\n  userInput?: string;\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n};\n\nexport function SelectSingleFieldInput({\n  displayValue,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isUserFiltering,\n  liveRegionText,\n  userInput,\n  virtualKeyboard,\n  ...passThroughTextFieldInputProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const addToListAccText = translations.select_addToListAvailable();\n  const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n\n  return (\n    <>\n      <TextFieldInput\n        {...passThroughTextFieldInputProps}\n        hasEndContent={true}\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        role=\"combobox\"\n        spellcheck={false}\n        type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n        value={isUserFiltering ? userInput : displayValue}\n      />\n      <LiveRegion>{liveRegionText}</LiveRegion>\n      {isAddToListShown ? <LiveRegion>{addToListAccText}</LiveRegion> : undefined}\n      {isAdvancedSearchShown ? <LiveRegion>{advancedSearchAccText}</LiveRegion> : undefined}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useMemo } from 'preact/hooks';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from '../PRIVATE_SelectCommon';\n\nexport function useDisplayValue<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItem?: Item<K, D>\n): string {\n  // create the text displayed in the field from the selected value\n  const displayValue = useMemo(() => {\n    return valueItem === undefined ? '' : renderItemText(valueItem, itemText) ?? '';\n  }, [valueItem, itemText]);\n\n  return displayValue;\n}\n"],"names":["children","hasInsideLabel","isBackButtonShown","isClearButtonShown","isDropdownArrowShown","onBackButtonClick","onClearButtonClick","onDropdownArrowClick","passThroughTextFieldProps","translations","useTranslationBundle","isDisabled","isLoading","useFormFieldContext","startContent","_jsx","IconButton","selectMultiple_back","size","variant","onAction","NavLeft","endContent","undefined","_jsxs","jsxs","_Fragment","Fragment","formControl_clear","CancelS","SvgCancelS","DropdownArrow","onClick","testId","TextField","mainContent","displayValue","isAddToListShown","isAdvancedSearchShown","isUserFiltering","liveRegionText","userInput","virtualKeyboard","passThroughTextFieldInputProps","addToListAccText","select_addToListAvailable","advancedSearchAccText","select_moreSearchOptionsAvailable","jsx","TextFieldInput","hasEndContent","autoComplete","role","spellcheck","type","value","LiveRegion","itemText","valueItem","useMemo","renderItemText"],"mappings":"+sDAiDM,UAA4BA,SAChCA,EAAQC,eACRA,EAAcC,kBACdA,EAAiBC,mBACjBA,EAAkBC,qBAClBA,EAAoBC,kBACpBA,EAAiBC,mBACjBA,EAAkBC,qBAClBA,KACGC,IAEH,MAAMC,EAAeC,uBAAiC,6BAChDC,WAAEA,EAAUC,UAAEA,GAAcC,EAAmBA,sBAE/CC,EAAeZ,EACnBa,EAAAA,IAACC,EAAUA,WAAA,CAAA,aACGP,EAAaQ,sBACzBC,KAAK,KACLC,QAAQ,QACRC,SAAUf,EACVL,SAAAe,MAACM,EAAAA,WAAO,CAAA,KAER,KAEEC,EAAaV,OAAYW,EAC7BC,EAAAC,KAAAC,EAAAC,SAAA,CAAA3B,SAAA,CACGG,GACCY,MAACC,EAAAA,WACa,CAAA,aAAAP,EAAamB,oBACzBV,KAAK,KACLC,QAAQ,QACRC,SAAUd,EAAkBN,SAC5Be,EAAAA,IAACc,EAAOC,WAAG,MAGd1B,GACCW,MAACgB,EAAAA,cAAa,CACZpB,WAAYA,EACZqB,QAASzB,EACT0B,OAAQ,GAAGzB,EAA0ByB,4BAM7C,OACElB,MAACmB,EAAAA,WACCpB,aAAcA,EACdqB,YAAanC,EACbsB,WAAYA,KACRd,GAGV,2BC/DM,UAAiC4B,aACrCA,EAAYC,iBACZA,EAAgBC,sBAChBA,EAAqBC,gBACrBA,EAAeC,eACfA,EAAcC,UACdA,EAASC,gBACTA,KACGC,IAEH,MAAMlC,EAAeC,uBAAiC,4BAChDkC,EAAmBnC,EAAaoC,4BAChCC,EAAwBrC,EAAasC,oCAE3C,OACEvB,OACEE,EAAAA,SAAA,CAAA1B,SAAA,CAAAe,EAAAiC,IAACC,iBACK,IAAAN,EACJO,eAAe,EAAI,oBACD,OAClBC,aAAa,MACbC,KAAK,WACLC,YAAY,EACZC,KAA0B,SAApBZ,EAA6B,SAAWA,EAC9Ca,MAAOhB,EAAkBE,EAAYL,IAEvCrB,EAACiC,IAAAQ,EAAUA,qBAAEhB,IACZH,EAAmBtB,EAAAiC,IAACQ,EAAUA,WAAE,CAAAxD,SAAA4C,SAAiCrB,EACjEe,EAAwBvB,EAAAiC,IAACQ,EAAUA,WAAE,CAAAxD,SAAA8C,SAAsCvB,IAGlF,oBCzDgB,SACdkC,EACAC,GAOA,OAJqBC,EAAAA,SAAQ,SACNpC,IAAdmC,EAA0B,GAAKE,EAAcA,eAACF,EAAWD,IAAa,IAC5E,CAACC,EAAWD,GAGjB"}

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/useSelectDrill-88810951.js

@@ -1,2 +0,0 @@
-define(['exports', './mergeProps-bcfa6a92', './useChartDataCursor-622da975', './useChartDatatip-7beb4b24', './eventsUtils-5fb81c3e', './accUtils-acd70e81', './useChartDrill-287d3f36', './useSelection-59251fff'], (function(e,t,a,o,r,s,n,i){"use strict";e.useChartDatatipAndCursor=function({series:e,leafGroupsInfo:r,width:s,height:n,findNearest:i,getMarkerInfo:l,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorPosition:c,dataCursorStyle:f,hoveredItemInfo:p,focusedItemInfo:I,getDataItem:g,getDataItemPos:C,datatip:m,valueFormats:D,isHoriz:h,xScale:P,yScale:y,y2Scale:S,plotAreaSpace:x,timeAxisType:b,touchResponse:F,isDisabled:A,defaultXFormatter:v,defaultYFormatter:G,defaultY2Formatter:Y,hasXYValues:E,getGroupFromPath:M,translations:R}){const{datatipContent:T,datatipProps:X}=o.useChartDatatip({series:e,leafGroupsInfo:r,width:s,height:n,isDataCursorEnabled:d,dataCursorPosition:c,hoveredItemInfo:p,getDataItem:g,getDataItemPos:C,focusedItemInfo:I,datatip:m,valueFormats:D,isHoriz:h,xScale:P,findNearest:i,timeAxisType:b,touchResponse:F,isDisabled:A,defaultXFormatter:v,defaultYFormatter:G,defaultY2Formatter:Y,hasXYValues:E,translations:R,getGroupFromPath:M}),{dataCursorContent:k,dataCursorProps:z}=a.useChartDataCursor({touchResponse:F,findNearest:i,dataCursorPosition:c,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorStyle:f,isHoriz:h,getMarkerInfo:l,focusedItemInfo:I,plotAreaSpace:x,yScale:y,y2Scale:S,xScale:P,getDataItemPos:C});return{datatipContent:T,dataCursorContent:k,datatipProps:t.mergeProps(z,X)}},e.useSelectDrill=function({selectionMode:e,selection:a,onChange:o,rootRef:s,drilling:l,onItemDrill:u,onGroupDrill:d,focusedGroupInfo:c,focusedItemInfo:f,levelsArray:p,getDataItem:I,getDataById:g,ignoreAsTrigger:C}){const{selectionProps:m,selectionContent:D}=i.useSelection({idExtracter:e=>{const t=f.isCurrent&&"keyup"===e.type?f:r.getInfo(s,e.target);return t&&null!=t.seriesIndex&&null!=t.groupIndex?I(t.seriesIndex,t.groupIndex,p[p.length-1][t.groupIndex].path)?.id:void 0},isDrillEnabled:"on"===l,selection:a,selectionMode:e,onChange:o,getDataById:g,ignoreAsTrigger:C}),h=n.useChartDrill({rootRef:s,selectionMode:e,drilling:l,focusedItemInfo:f,focusedGroupInfo:c,levelsArray:p,getDataItem:I,onItemDrill:u,onGroupDrill:d});return{selectDrillProps:t.mergeProps(m,h),selectionContent:D}}}));
-//# sourceMappingURL=useSelectDrill-88810951.js.map

package/amd/useSelectDrill-88810951.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectDrill-88810951.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.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 */\n\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  leafGroupsInfo,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  y2Scale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  defaultXFormatter,\n  defaultYFormatter,\n  defaultY2Formatter,\n  hasXYValues,\n  getGroupFromPath,\n  translations\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    leafGroupsInfo,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    defaultXFormatter,\n    defaultYFormatter,\n    defaultY2Formatter,\n    hasXYValues,\n    translations,\n    getGroupFromPath\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    y2Scale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\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 { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  levelsArray,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(\n          info.seriesIndex,\n          info.groupIndex,\n          levelsArray[levelsArray.length - 1][info.groupIndex].path\n        )?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    levelsArray,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","leafGroupsInfo","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getDataItemPos","datatip","valueFormats","isHoriz","xScale","yScale","y2Scale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","defaultXFormatter","defaultYFormatter","defaultY2Formatter","hasXYValues","getGroupFromPath","translations","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","levelsArray","getDataById","ignoreAsTrigger","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","length","path","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAqBgB,UAGdA,OACAA,EAAMC,eACNA,EAAcC,MACdA,EAAKC,OACLA,EAAMC,YACNA,EAAWC,cACXA,EAAaC,2BACbA,EAA0BC,oBAC1BA,EAAmBC,mBACnBA,EAAkBC,gBAClBA,EAAeC,gBACfA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,eACXA,EAAcC,QACdA,EAAOC,aACPA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,EAAUC,kBACVA,EAAiBC,kBACjBA,EAAiBC,mBACjBA,EAAkBC,YAClBA,EAAWC,iBACXA,EAAgBC,aAChBA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7DhC,SACAC,iBACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,iBACAF,kBACAG,UACAC,eACAC,UACAC,SACAb,cACAiB,eACAC,gBACAC,aACAC,oBACAC,oBACAC,qBACAC,cACAE,eACAD,sBAGIK,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEb,gBACAlB,cACAI,qBACAF,6BACAC,sBACAE,kBACAO,UACAX,gBACAM,kBACAS,gBACAF,SACAC,UACAF,SACAJ,mBAGF,MAAO,CACLiB,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBC9EgB,UAA+EM,cAC7FA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBjC,gBAChBA,EAAekC,YACfA,EAAWjC,YACXA,EAAWkC,YACXA,EAAWC,gBACXA,IAEA,MAeMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAhBmBC,IACnB,MACMC,EADgB1C,EAAgB2C,WAEJ,UAAfF,EAAMG,KACnB5C,EACA6C,EAAAA,QAAQhB,EAASY,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5C/C,EACEyC,EAAKK,YACLL,EAAKM,WACLd,EAAYA,EAAYe,OAAS,GAAGP,EAAKM,YAAYE,OACpDC,QACHC,CAAS,EAKbC,eAA6B,OAAbvB,EAChBH,YACAD,gBACAE,WACAO,cACAC,oBAGIkB,EAAaC,EAAAA,cAAoB,CACrC1B,UACAH,gBACAI,WACA9B,kBACAiC,mBACAC,cACAjC,cACA8B,cACAC,iBAGF,MAAO,CAAEwB,iBAAkB/B,EAAUA,WAACY,EAAgBiB,GAAahB,mBACrE"}

package/amd/useSelection-59251fff.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './eventsUtils-5fb81c3e', 'preact/jsx-runtime', './BaseButton-c02238cd', './Text-9e32c423', './useTranslationBundle-8e42d505', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-c91c7141', 'preact/compat', './LayerHost-daf96749', './Floating-8192acb2'], (function(e,t,n,o,r,l,c,i,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${c.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:i.clearButtonStyles.base,children:o.jsx(r.BaseButton,{styling:["default"],elementDetails:{type:"span",isFocusable:!1,isLabel:!0},variant:"outlined",onAction:e,children:o.jsx(l.Text,{truncation:"ellipsis",weight:"inherit",children:t})})})};const g=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],f=(e,t,o,r,l,c)=>{let i=new Set([]);if(null!=e){i=new Set(t);const n=t.has(e);"toggle"===r?n?i.delete(e):"single"===o?i=new Set([e]):i.add(e):n||(i=new Set([e]))}n.isEqual(i,t)||c?.({ids:[...i],data:[...i].map(l)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:r,onChange:l,isDrillEnabled:c,isKeyboardSelection:i,getDataById:a,ignoreAsTrigger:u}){const y=t.useRef(),{clearSelectionContent:x,tryToggleClearButton:h}=function({clearSelection:e}){const[n,r]=t.useState(!1),l=t.useRef({x:0,y:0}),c={mainAxis:36},i={current:l.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:i,offsetValue:c,placement:"top",flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:o.jsx(p,{onAction:()=>{r(!1),e()}})})}):null,tryToggleClearButton:(e,t,o,c)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&c.size>1&&(r(!n),l.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{f(void 0,new Set(e),n,"replace",a,l)}}),S=t.useCallback((t=>{if(u&&u(t.target))return;const o=new Set(e);if(y.current&&c)return clearTimeout(y.current),void(y.current=void 0);const i=r(t);if(h(t,i,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==i&&(s||d)||(c?y.current=setTimeout((()=>{f(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l),y.current=void 0}),250):f(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l))}),[e,n,l,r,c,a,h,u]),w=t.useCallback((t=>{const o=r(t),c=t.ctrlKey;f(o,new Set(e),n,c?"toggle":"replace",a,l)}),[e,n,l,r,a]),A=t.useCallback((t=>{const o=t.shiftKey,c=t.ctrlKey&&" "===t.key,s=-1!==g.indexOf(t.key),u=r(t);if(s||c||i&&i(t)){const t=o||c?"toggle":"replace";f(u,new Set(e),n,t,a,l)}}),[e,n,l,r,i,a]);return{selectionContent:x,selectionProps:"none"===n||null==l?{}:{onKeyUp:A,onContextMenu:w,onPointerUp:S}}}}));
-//# sourceMappingURL=useSelection-59251fff.js.map

package/amd/useSelection-59251fff.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection-59251fff.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.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 { BaseButton } from '#UNSAFE_BaseButton';\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { clearButtonStyles } from './themes/ClearSelection.css';\n\ntype Props = {\n  onAction: () => void;\n};\n\n/**\n * Clear selection button component\n */\nexport const ClearSelectionButton = ({ onAction }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearSelectionLabel = `${translations.vis_clearSelection()}`;\n  return (\n    <div class={clearButtonStyles.base}>\n      <BaseButton\n        styling={['default']}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        variant=\"outlined\"\n        onAction={onAction}>\n        <Text truncation={'ellipsis'} weight={'inherit'}>\n          {clearSelectionLabel}\n        </Text>\n      </BaseButton>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useRef } from 'preact/hooks';\nimport { isEqual } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useClearSelection } from './useClearSelection';\n\nexport type SelectionMode = 'none' | 'single' | 'multiple';\nexport type SelectionDetail<K, D> = {\n  ids: K[];\n  data: (D | undefined)[];\n};\ntype SelectionBehavior = 'toggle' | 'replace';\n\nconst NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n\n/**\n * The constant that defines time to wait to change selection after pointer up is fired.\n * If double click didn't happen\n */\nconst DBLCLICK_THRESHOLD = 250;\n\n/**\n * Handles the selection.\n * @param itemId The id of the item.\n * @param selectedIds The set of selected item ids.\n * @param selectionMode The selection mode.\n * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and\n * vice versa. If 'replace', the item will replace the previous selection.\n * @param getDataById The callback to get item data from idDataMap.\n * @param onChange The callback to trigger when selection changes.\n */\nconst handleSelect = <K, D>(\n  itemId: K | undefined,\n  selectedIds: Set<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  getDataById: (id: K) => D | undefined,\n  onChange?: (detail: SelectionDetail<K, D>) => void\n) => {\n  let ids = new Set<K>([]);\n  if (itemId != null) {\n    ids = new Set(selectedIds);\n    const isSelected = selectedIds.has(itemId);\n\n    if (selectionBehavior === 'toggle') {\n      if (isSelected) {\n        ids.delete(itemId);\n      } else if (selectionMode === 'single') {\n        ids = new Set([itemId]); // only selection\n      } else {\n        ids.add(itemId); // add to selection in \"multiple\" selectionMode\n      }\n    } else if (!isSelected) {\n      // In \"multiple\" selection mode, only replace selection if unselected item is selected.\n      // In \"single\" selection mode, only need to replace if unselected item is selected.\n      ids = new Set([itemId]);\n    }\n  }\n\n  if (!isEqual<K>(ids, selectedIds)) {\n    onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });\n  }\n};\n\ntype Props<K, D> = {\n  selection?: K[];\n  selectionMode?: SelectionMode;\n  idExtracter: (event: Event) => K | undefined;\n  onChange?: (detail: SelectionDetail<K, D>) => void;\n  isKeyboardSelection?: (event: KeyboardEvent) => boolean;\n  isDrillEnabled?: boolean;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\n/**\n * The hook to handle the selection behavior in vizualization components.\n */\nexport function useSelection<K, D>({\n  selection = [],\n  selectionMode = 'none',\n  idExtracter,\n  onChange,\n  isDrillEnabled,\n  isKeyboardSelection,\n  getDataById,\n  ignoreAsTrigger\n}: Props<K, D>) {\n  const setTimeOutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const clearSelection = () => {\n    handleSelect<K, D>(\n      undefined,\n      new Set(selection),\n      selectionMode,\n      'replace',\n      getDataById,\n      onChange\n    );\n  };\n\n  const { clearSelectionContent, tryToggleClearButton } = useClearSelection<K>({ clearSelection });\n\n  const onPointerUp = useCallback(\n    (event: PointerEvent) => {\n      // ignore pointer up when marquee is released\n      if (ignoreAsTrigger && ignoreAsTrigger(event.target)) {\n        return;\n      }\n\n      const selectedIds = new Set(selection);\n      if (setTimeOutRef.current && isDrillEnabled) {\n        clearTimeout(setTimeOutRef.current);\n        setTimeOutRef.current = undefined;\n        // doubleClick happened\n        return;\n      }\n\n      const key = idExtracter(event);\n\n      if (tryToggleClearButton(event, key, selectionMode, selectedIds)) {\n        return;\n      }\n\n      const isMeta = event.metaKey;\n      const isCtrl = event.ctrlKey;\n      // If there was a previous pointerUp event that occurred that should prevent selection,\n      // event.preventDefault was called\n      if (event.defaultPrevented || (key == null && (isMeta || isCtrl))) {\n        return;\n      }\n\n      // TODO: Encorporate more logic of dvt.EventManager.prototype._onClick\n      // this is a simple version of EventManager.prototype._onClick. Currently we are not checking\n      // for event.pageX, event.pageY to determine if they are exactly clicked on the same point.\n      // for now, the assumption is that if the pointerups are within 250ms, they are for a same double click.\n      if (isDrillEnabled) {\n        setTimeOutRef.current = setTimeout(() => {\n          // double pointer up didn't happen\n          handleSelect<K, D>(\n            key,\n            selectedIds,\n            selectionMode,\n            isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n            getDataById,\n            onChange\n          );\n          setTimeOutRef.current = undefined;\n        }, DBLCLICK_THRESHOLD);\n      } else {\n        handleSelect<K, D>(\n          key,\n          selectedIds,\n          selectionMode,\n          isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [\n      selection,\n      selectionMode,\n      onChange,\n      idExtracter,\n      isDrillEnabled,\n      getDataById,\n      tryToggleClearButton,\n      ignoreAsTrigger\n    ]\n  );\n\n  const onContextMenu = useCallback(\n    (event: MouseEvent) => {\n      const key = idExtracter(event);\n      const isCtrl = event.ctrlKey;\n      handleSelect<K, D>(\n        key,\n        new Set(selection),\n        selectionMode,\n        isCtrl ? 'toggle' : 'replace',\n        getDataById,\n        onChange\n      );\n    },\n    [selection, selectionMode, onChange, idExtracter, getDataById]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      const isShift = event.shiftKey;\n      const isSpaceCtrl = event.ctrlKey && event.key === ' ';\n      const isArrowKey = NAVKEYS.indexOf(event.key) !== -1;\n      const itemKey = idExtracter(event);\n\n      if (isArrowKey || isSpaceCtrl || (isKeyboardSelection && isKeyboardSelection(event))) {\n        const behavior = isShift || isSpaceCtrl ? 'toggle' : 'replace';\n        handleSelect<K, D>(\n          itemKey,\n          new Set(selection),\n          selectionMode,\n          behavior,\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [selection, selectionMode, onChange, idExtracter, isKeyboardSelection, getDataById]\n  );\n\n  return {\n    selectionContent: clearSelectionContent,\n    selectionProps:\n      selectionMode === 'none' || onChange == null\n        ? {}\n        : {\n            onKeyUp,\n            onContextMenu,\n            onPointerUp\n          }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { ClearSelectionButton } from './ClearSelectionButton';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating } from '#UNSAFE_Floating';\n\n/**\n * The default offset for clear selection mainAxis.\n */\nconst DEFAULT_OFFSET = 18;\ntype Props = {\n  clearSelection: () => void;\n};\ntype SelectionMode = 'none' | 'single' | 'multiple';\n\nexport function useClearSelection<K>({ clearSelection }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const coordinates = useRef({ x: 0, y: 0 });\n\n  const tryToggleClearButton = (\n    event: PointerEvent,\n    key: K | undefined,\n    selectionMode: SelectionMode,\n    selectedIds: Set<K>\n  ) => {\n    if (\n      event.pointerType === 'touch' &&\n      key === undefined &&\n      selectionMode === 'multiple' &&\n      selectedIds.size > 1\n    ) {\n      setIsVisible(!isVisible);\n      coordinates.current = { x: event.clientX, y: event.clientY };\n      return true;\n    }\n    return false;\n  };\n\n  const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };\n  const anchorRef = { current: coordinates.current };\n\n  const clearSelectionContent = isVisible ? (\n    <Layer>\n      <Floating\n        anchorRef={anchorRef}\n        offsetValue={offsetValue}\n        placement=\"top\"\n        flipOptions={{ crossAxis: false, mainAxis: false }}\n        shiftOptions={{ crossAxis: true, mainAxis: true }}>\n        <ClearSelectionButton\n          onAction={() => {\n            setIsVisible(false);\n            clearSelection();\n          }}\n        />\n      </Floating>\n    </Layer>\n  ) : null;\n\n  return {\n    clearSelectionContent,\n    tryToggleClearButton\n  };\n}\n"],"names":["ClearSelectionButton","onAction","clearSelectionLabel","useTranslationBundle","vis_clearSelection","_jsx","class","clearButtonStyles","base","children","BaseButton","styling","elementDetails","type","isFocusable","isLabel","variant","Text","truncation","weight","NAVKEYS","handleSelect","itemId","selectedIds","selectionMode","selectionBehavior","getDataById","onChange","ids","Set","isSelected","has","delete","add","isEqual","data","map","selection","idExtracter","isDrillEnabled","isKeyboardSelection","ignoreAsTrigger","setTimeOutRef","useRef","clearSelectionContent","tryToggleClearButton","clearSelection","isVisible","setIsVisible","useState","coordinates","x","y","offsetValue","mainAxis","anchorRef","current","Layer","jsx","Floating","placement","flipOptions","crossAxis","shiftOptions","event","key","pointerType","undefined","size","clientX","clientY","useClearSelection","onPointerUp","useCallback","target","clearTimeout","isMeta","metaKey","isCtrl","ctrlKey","defaultPrevented","setTimeout","onContextMenu","onKeyUp","isShift","shiftKey","isSpaceCtrl","isArrowKey","indexOf","itemKey","behavior","selectionContent","selectionProps"],"mappings":"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"}

package/amd/useVisDragModeControls-f3a420dc.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Button-c1b41673', './Move-37905d32', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', './useTranslationBundle-8e42d505', './ZoomAlt-d983f1d7', './ButtonSetSingle-545b4bcf', './ButtonSetItem-1f7c8a9f', './IconToggleButton-f6dc5222'], (function(e,o,t,n,s,l,i,a,u,r,c){"use strict";function d({position:e,divRef:t,dragMode:d,onDragModeChange:g,showZoomButton:v,showPanButton:m,showSelectButton:p}){const{right:B,left:h,top:x,bottom:S}=e,f=m&&!p&&!v||!m&&!p&&v||!m&&p&&!v,j=i.useTranslationBundle("@oracle/oraclejet-preact"),b=j.vis_marqueeZoomTooltip(),M=j.vis_panTooltip(),T=j.vis_marqueeSelectTooltip();return v||m||p?o.jsx("div",{ref:t,class:l.styles.background,"data-oj-private-object":"dragModeControls",style:{right:B,left:h,top:x,bottom:S},children:f?o.jsxs(o.Fragment,{children:[m&&o.jsx(c.IconToggleButton,{accessibleLabel:M,isSelected:"pan"===d,onToggle:()=>{g("pan"===d?void 0:"pan")},variant:"outlined",size:"sm",children:o.jsx(s.SvgMove,{})}),v&&o.jsx(c.IconToggleButton,{accessibleLabel:b,isSelected:"zoom"===d,onToggle:()=>{g("zoom"===d?void 0:"zoom")},variant:"outlined",size:"sm",children:o.jsx(a.SvgZoomAlt,{})}),p&&o.jsx(c.IconToggleButton,{accessibleLabel:T,isSelected:"select"===d,onToggle:()=>{g("select"===d?void 0:"select")},variant:"outlined",size:"sm",children:o.jsx(n.SvgButton,{})})]}):o.jsxs(u.ButtonSetSingle,{size:"sm",value:d,onCommit:({value:e})=>{g(e===d?void 0:e)},display:"icons",variant:"outlined",children:[m&&o.jsx(r.ButtonSetItem,{value:"pan",label:M,startIcon:o.jsx(s.SvgMove,{})}),v&&o.jsx(r.ButtonSetItem,{value:"zoom",label:b,startIcon:o.jsx(a.SvgZoomAlt,{})}),p&&o.jsx(r.ButtonSetItem,{value:"select",label:T,startIcon:o.jsx(n.SvgButton,{})})]})}):null}e.useVisDragModeControls=function({componentWidth:e,plotAreaSpace:n,isRtl:s,showPanButton:l,showZoomButton:i,showSelectButton:a,isDisabled:u=!1,dragMode:r}){const c=t.useRef(null),g=t.useRef(r),v=t.useRef(!0);t.useEffect((()=>{v.current=!1}),[]);const[m,p]=t.useState(),B=function(e,o,t,n){return!o||"pan"!==e&&"user"!==e?t&&"zoom"===e?"zoom":n&&"select"===e?"select":void 0:"pan"}(r,l,i,a);return(g.current!=r||v.current)&&(g.current=r,p(B)),{dragButtonDivRef:c,toggleButtonContent:u?void 0:o.jsx(d,{position:{top:`${n.y}px`,right:s?void 0:e-n.x-n.width+"px",left:s?`${n.x}px`:void 0},divRef:c,showSelectButton:a,showZoomButton:i,showPanButton:l,dragMode:m,onDragModeChange:p}),userDragMode:m}}}));
-//# sourceMappingURL=useVisDragModeControls-f3a420dc.js.map