@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/amd/Dialog-f189f1cf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog-f189f1cf.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable, ResizableConstraints } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  SLIDE_DOWN_XLARGE,\n  SLIDE_UP_XLARGE,\n  DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n  allTabbableElements,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\n// dialog states\ntype Status = 'initial' | 'opening' | 'closing' | 'unmounted';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype Animations = 'zoomIn' | 'zoomOut' | 'slideUp' | 'slideDown';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' | 'role'>;\n\ntype OnCloseDetail = {\n  /**\n   * reason for closing the dialog\n   */\n  reason: 'escapeKey' | 'icon';\n};\n\nexport type CancelBehavior = 'none' | 'escape' | 'icon';\n\ntype DialogProps = IntrinsicProps &\n  DimensionProps & {\n    /**\n     * Optional ref for an element to focus on when component mounts\n     */\n    autoFocusRef?: RefObject<{ focus: () => void }>;\n\n    /**\n     * On Close callback.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n\n    /**\n     * On opening or closing transition end callback.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n\n    /**\n     * Determines whether the Dialog is open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Dialog header content. Can be a string or VNode (Component Child).\n     * <p>\n     * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n     * will be used as the header content.\n     * </p>\n     * <p>\n     * Dialog will automatically refer to the header content as the accessible label.\n     * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n     * and setting its value as needed.\n     * </p>\n     */\n    header?: ComponentChild;\n\n    /**\n     * Dialog footer content.\n     */\n    footer?: ComponentChild;\n\n    /**\n     * Determines dialog modality. Default is 'modal'.\n     */\n    modality?: 'modal' | 'modeless';\n\n    /**\n     * Specifies dialog's cancel behavior. Default is 'none'.\n     */\n    cancelBehavior?: CancelBehavior;\n\n    /**\n     * Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n     * If not specified, focus goes back to the last active element before dialog opened.\n     */\n    launcherRef?: RefObject<HTMLElement | UnsafeDomHandle<HTMLElement>>;\n\n    /**\n     * Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n     * it is placed relatively to window.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n\n    /**\n     * Determines placement of the dialog relative to the viewport.\n     * Supported values are:\n     * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n     * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n     * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n     * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n     * </p>\n     * Default is <code>center</code>.\n     */\n    placement?: WindowOverlayPlacement;\n\n    /**\n     * Determines the offset of the Dialog from its core placement along the specified axes.\n     *\n     * Offset could be a number or an object\n     *\n     * An object has the following type:\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n     * offset from the top, crossAxis defines offset from the left side of the view port.\n     *\n     * A number is a shortcut for setting the mainAxis.\n     */\n    offset?: Offset;\n\n    /**\n     * Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n     * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n     */\n    dragAffordance?: 'none' | 'header';\n\n    /**\n     * Determines if the Dialog should support resizing. To create a resizable dialog,\n     * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n     */\n    resizeBehavior?: 'none' | 'resizable';\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragStart?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragMove?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragEnd?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is initiated. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeStart?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is detected. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResize?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is completed. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeEnd?: (rect: Rect) => void;\n\n    /**\n     * Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n     * via the F6 key.\n     */\n    onFocusSet?: () => void;\n\n    /**\n     * Determines if the header decoration should be displayed. The default is <code>on</code>\n     * which renders a textured strip at the top of the dialog header in the Redwood theme.\n     * If set to <code>off</code>, no decoration is rendered.\n     */\n    headerDecoration?: 'off' | 'on';\n\n    /**\n     * Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n     * should choose from the following:\n     * <ul>\n     *   <li><code>dialog</code> defines an application window that is designed to interrupt the current\n     *      processing of an application in order to prompt the user to enter information or require\n     *      a response.</li>\n     *   <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n     *      focus goes to an element within the dialog.</li>\n     * </ul>\n     */\n    role?: string;\n\n    /**\n     * Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n     * accessible <label htmlFor=\"\" className=\"\"></label>\n     * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n     */\n    'aria-labelledby'?: string;\n\n    /**\n     * Optional accessible description for the dialog.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n  id?: string;\n  cancelBehavior?: CancelBehavior;\n  onClose?: (detail: OnCloseDetail) => void;\n  draggableProps?: DraggableProps;\n  headerDecoration?: 'off' | 'on';\n};\n\nconst StyledDialogHeader = ({\n  children,\n  id,\n  cancelBehavior,\n  onClose,\n  draggableProps,\n  headerDecoration = 'on'\n}: DialogHeaderProps) => {\n  const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n  const classes = classNames([\n    styles.dialogHeaderStyle,\n    ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n  ]);\n\n  const content: ComponentChild =\n    typeof children === 'string' ? (\n      <h1 id={id} className={styles.dialogTitleStyle}>\n        {children}\n      </h1>\n    ) : (\n      <>{children}</>\n    );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const handleIconClose = () => {\n    onClose?.({ reason: 'icon' });\n  };\n\n  const closeIcon: ComponentChild =\n    cancelBehavior === 'icon' ? (\n      <div>\n        <div className={styles.dialogHeaderCloseIconStyle}>\n          <IconButton\n            aria-label={translations.message_close()}\n            size=\"sm\"\n            variant=\"ghost\"\n            onAction={handleIconClose}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <div className={classes} {...draggableProps}>\n      {content}\n      {closeIcon}\n    </div>\n  );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n  style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n  ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    return (\n      <div ref={ref} className={style}>\n        {children}\n      </div>\n    );\n  }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' | 'header' | 'footer' | 'role'> &\n  Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'style' | 'onKeyDown'> & {\n    visibility: VisibilityStatus;\n    labelId?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    cancelBehavior?: CancelBehavior;\n    draggableProps?: DraggableProps;\n    isResizable?: boolean;\n    headerDecoration?: 'off' | 'on';\n    containerRef?: RefObject<HTMLElement>;\n    onClose?: (detail: OnCloseDetail) => void;\n    onResizeStart?: (rect: Rect) => void;\n    onResize?: (rect: Rect) => void;\n    onResizeEnd?: (rect: Rect) => void;\n    footerRef?: RefObject<HTMLDivElement | null>;\n  } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n  (\n    {\n      children,\n      header,\n      footer,\n      visibility,\n      labelId,\n      role,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      cancelBehavior,\n      draggableProps,\n      isResizable,\n      headerDecoration,\n      containerRef,\n      onClose,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onKeyDown,\n      testId,\n      style,\n      footerRef\n    }: MainProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const elementRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs(ref, elementRef);\n\n    // computed dialog dimension limits\n    const sizeConstraints = useRef<ResizableConstraints>();\n\n    const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n    const isSmallWidth = !useBreakpoints()['md'];\n\n    const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n      DialogRedwoodTheme\n    );\n\n    const resizeHandler = useCallback(() => {\n      if (elementRef.current) {\n        if (elementRef.current.clientHeight < 400) {\n          setSmallHeight(true);\n        } else {\n          setSmallHeight(false);\n        }\n        if (elementRef.current) {\n          const cs = window.getComputedStyle(elementRef.current);\n          sizeConstraints.current = {\n            minHeight: parseFloat(cs.minHeight),\n            maxHeight: parseFloat(cs.maxHeight),\n            minWidth: parseFloat(cs.minWidth),\n            maxWidth: parseFloat(cs.maxWidth)\n          };\n        }\n      }\n    }, []);\n\n    // set initial Height\n    useEffect(() => {\n      resizeHandler();\n    }, [resizeHandler]);\n\n    useResizeObserver(elementRef, resizeHandler);\n\n    // for small widths (mobile), use the 'smallWidth' dialog style\n    // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n    const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n    // content should scroll depending on the viewport height\n    // on large screens, the header and footer should be \"sticky\",\n    // at small viewport heights, the entire content should be scrollable\n    const contentStyle = isSmallHeight\n      ? styles.dialogContentStyleNoShrink\n      : styles.dialogContentStyle;\n\n    const visibilityStyle =\n      visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <FocusTrap restoreFocusRef={false}>\n        <div\n          ref={mergedRef}\n          tabIndex={-1}\n          className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n          style={style}\n          onKeyDown={onKeyDown}\n          role={role}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          <div className={styles.dialogContainerStyle}>\n            <StyledDialogHeader\n              id={labelId}\n              onClose={onClose}\n              headerDecoration={headerDecoration}\n              cancelBehavior={cancelBehavior}\n              draggableProps={draggableProps}>\n              {header}\n            </StyledDialogHeader>\n            <div className={contentStyle}>\n              <div className={styles.dialogBodyStyle}>{children}</div>\n            </div>\n            <StyledDialogFooter ref={footerRef} style={styles.dialogFooterStyle}>\n              {footer}\n            </StyledDialogFooter>\n          </div>\n          {isResizable && (\n            <Resizable\n              onResizeStart={onResizeStart}\n              onResize={onResize}\n              onResizeEnd={onResizeEnd}\n              containerRef={containerRef}\n              constraints={sizeConstraints.current}></Resizable>\n          )}\n        </div>\n      </FocusTrap>\n    );\n  }\n);\n\n// main Dialog component\n\n/**\n * WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n  (\n    {\n      children,\n      isOpen,\n      header = '',\n      footer,\n      modality = 'modal',\n      launcherRef,\n      anchorRef,\n      autoFocusRef,\n      placement,\n      offset = 0,\n      cancelBehavior = 'none',\n      dragAffordance = 'none',\n      resizeBehavior = 'none',\n      headerDecoration = 'on',\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onFocusSet,\n      onClose,\n      onTransitionEnd,\n      role = 'dialog',\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: DialogProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const [status, _setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const _status = useRef<Status>(isOpen ? 'initial' : 'unmounted');\n    const setStatus = (s: Status) => {\n      _status.current = s;\n      _setStatus(s);\n    };\n\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n    const prevStatusRef = useRef<Status>('unmounted');\n\n    const floatingRef = useRef<HTMLDivElement>(null);\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const footerRef = useRef<HTMLDivElement | null>(null);\n\n    const isSmallWidth = !useBreakpoints()['md'];\n    const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n    const animationType = isSmallWidth\n      ? status === 'opening'\n        ? 'slideUp'\n        : 'slideDown'\n      : status === 'opening'\n      ? 'zoomIn'\n      : 'zoomOut';\n\n    const uniqueId = useId();\n    const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n    const shouldReturnFocus = useRef<boolean>(false);\n\n    const setInitialFocus = useCallback(() => {\n      // Focus autoFocusRef if specifed, otherwise focus on first tabbable element\n      // in the Dialog or the Dialog container itself if there is none\n      if (autoFocusRef && autoFocusRef.current) {\n        focusOn(autoFocusRef.current);\n      } else if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n        focusWithin(footerRef.current);\n      } else {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n      }\n      onFocusSet?.();\n    }, [autoFocusRef, onFocusSet]);\n\n    const returnFocus = useCallback((): void => {\n      const launcherEl = localLauncherRef.current;\n\n      if (shouldReturnFocus.current && launcherEl) {\n        focusOn(launcherEl);\n        shouldReturnFocus.current = false;\n      }\n    }, []);\n\n    // Animation\n    const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (isOpen) {\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          // Should return focus?\n          // Modeless: check whether Dialog contains focus before it unmounts\n          // Modal: always return focus\n          shouldReturnFocus.current =\n            contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) || false;\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === 'F6') {\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n\n          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [modality]\n    );\n\n    const { draggableProps } = useDraggable({\n      isDisabled: dragAffordance === 'none',\n      containerRef: floatingRef,\n      onDragStart,\n      onDragMove,\n      onDragEnd\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render or return focus on component unmount\n      if (status === 'unmounted' && !isOpen) {\n        if (status !== prevStatusRef.current) {\n          returnFocus();\n        }\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      else if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      else if (status === 'initial' && isOpen) {\n        nodeRef(contentWrapperRef.current);\n        setStatus('opening');\n      }\n\n      // 3. Unhide component. It becomes visible.\n      else if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n      }\n\n      // 4. Closing\n      else if (!isOpen && _status.current !== 'unmounted') {\n        setStatus('closing');\n      }\n\n      return () => {\n        // remember the previous status\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, nodeRef, returnFocus]);\n\n    // Destroy case handler\n    useEffect(() => {\n      return () => {\n        const launcherEl = localLauncherRef.current;\n        if (\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          (contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) || false) &&\n          launcherEl\n        ) {\n          // In destroy case ModalManager is blocking returning of the focus.\n          // We need to reschedule it to workaround that\n          setTimeout(() => {\n            focusOn(launcherEl);\n          }, 0);\n        }\n      };\n    }, []);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        localLauncherRef.current = _getLauncherElement(launcherRef);\n\n        // Register F6 key handler to enter a modeless dialog\n        if (modality === 'modeless') {\n          localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      return () => {\n        // Deregister F6 key handler\n        if (modality === 'modeless') {\n          localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        }\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n    // setInitialFocus when the dialog becomes visible\n    useEffect(() => {\n      if (visibility === 'visible') {\n        setInitialFocus();\n      }\n    }, [visibility, setInitialFocus]);\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Escape':\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        case 'F6':\n          // Focus launcher\n          if (localLauncherRef.current && modality === 'modeless') {\n            focusOn(localLauncherRef.current);\n          }\n          // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          break;\n      }\n    };\n\n    const handleBackdropClick = () => {\n      // in case of a backdrop click, move focus to dialog's root element\n      contentWrapperRef.current?.focus();\n    };\n\n    const renderDialogContent = () => {\n      return (\n        <StyledDialog\n          ref={mergedRef}\n          labelId={labelId}\n          header={header}\n          footer={footer}\n          role={role}\n          ariaLabelledBy={labelId}\n          ariaDescribedBy={ariaDescribedBy}\n          onKeyDown={handleKeyDown}\n          testId={testId}\n          style={styles}\n          visibility={visibility}\n          cancelBehavior={cancelBehavior}\n          draggableProps={draggableProps}\n          isResizable={resizeBehavior === 'resizable'}\n          headerDecoration={headerDecoration}\n          containerRef={floatingRef}\n          onClose={onClose}\n          onResizeStart={onResizeStart}\n          onResize={onResize}\n          onResizeEnd={onResizeEnd}\n          footerRef={footerRef}>\n          {children}\n        </StyledDialog>\n      );\n    };\n\n    const renderDialog = () => {\n      if (anchorRef && anchorRef.current) {\n        return (\n          <Floating\n            ref={floatingRef}\n            anchorRef={anchorRef}\n            placement={'bottom-start'}\n            flipOptions={{ mainAxis: false, crossAxis: false }}\n            shiftOptions={{ mainAxis: false, crossAxis: false }}>\n            {renderDialogContent()}\n          </Floating>\n        );\n      } else {\n        return (\n          <WindowOverlay placement={derivedPlacement} offset={offset}>\n            {renderDialogContent()}\n          </WindowOverlay>\n        );\n      }\n    };\n\n    if (modality === 'modal') {\n      return (\n        <Modal isOpen={status !== 'unmounted'} onBackdropClick={handleBackdropClick}>\n          {renderDialog()}\n        </Modal>\n      );\n    } else {\n      return status !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n    }\n  }\n);\n\nfunction _getLauncherElement(launcherRef: DialogProps['launcherRef']) {\n  const launcher = launcherRef?.current;\n\n  if (launcher) {\n    const launcherElement = launcher instanceof Element ? launcher : launcher[UNSAFE_DOM_ACCESS];\n\n    if (document.body.contains(launcherElement)) {\n      return launcherElement;\n    }\n  }\n\n  return getActiveElement() as HTMLElement;\n}\n\nconst animationStates = {\n  zoomIn: {\n    from: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      transformOrigin: 'center',\n      opacity: 0\n    },\n    to: {\n      scaleX: 1,\n      scaleY: 1,\n      opacity: 1\n    },\n    options: {\n      duration: 200\n    }\n  },\n  zoomOut: {\n    from: {\n      scaleX: 1,\n      scaleY: 1,\n      transformOrigin: 'center',\n      opacity: 1\n    },\n    to: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      opacity: 0\n    },\n    options: {\n      duration: 200\n    }\n  },\n  slideUp: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  slideDown: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n"],"names":["StyledDialogHeader","children","id","cancelBehavior","onClose","draggableProps","headerDecoration","styles","useComponentTheme","DialogRedwoodTheme","classes","classNames","dialogHeaderStyle","dialogHeaderDecorationStyle","content","_jsx","className","dialogTitleStyle","jsx","_Fragment","Fragment","translations","useTranslationBundle","closeIcon","dialogHeaderCloseIconStyle","IconButton","message_close","size","variant","onAction","reason","CloseIcon","SvgClose","_jsxs","StyledDialogFooter","forwardRef","style","ref","StyledDialog","header","footer","visibility","labelId","role","ariaLabelledBy","ariaDescribedBy","isResizable","containerRef","onResizeStart","onResize","onResizeEnd","onKeyDown","testId","footerRef","elementRef","useRef","mergedRef","mergeRefs","sizeConstraints","isSmallHeight","setSmallHeight","useState","isSmallWidth","useBreakpoints","styleClasses","resizeHandler","useCallback","current","clientHeight","cs","window","getComputedStyle","minHeight","parseFloat","maxHeight","minWidth","maxWidth","useEffect","useResizeObserver","baseStyle","baseStyleSmallWidth","baseStyleDesktop","contentStyle","dialogContentStyleNoShrink","dialogContentStyle","visibilityStyle","visibilityVisible","visibilityHidden","testIdProps","useTestId","FocusTrap","restoreFocusRef","tabIndex","globalImages","dialogContainerStyle","dialogBodyStyle","dialogFooterStyle","Resizable","constraints","Dialog","isOpen","modality","launcherRef","anchorRef","autoFocusRef","placement","offset","dragAffordance","resizeBehavior","onDragStart","onDragMove","onDragEnd","onFocusSet","onTransitionEnd","props","status","_setStatus","_status","setStatus","s","setVisibility","prevStatusRef","floatingRef","contentWrapperRef","localLauncherRef","derivedPlacement","animationType","uniqueId","useId","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","shouldReturnFocus","setInitialFocus","focusOn","allTabbableElements","length","focusWithin","returnFocus","launcherEl","nodeRef","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","contains","getActiveElement","useMemo","launcherKeyDownCallback","event","code","preventDefault","stopPropagation","useDraggable","isDisabled","setTimeout","launcher","launcherElement","Element","UNSAFE_DOM_ACCESS","document","body","_getLauncherElement","addEventListener","removeEventListener","handleKeyDown","handleBackdropClick","focus","renderDialogContent","renderDialog","Floating","flipOptions","mainAxis","crossAxis","shiftOptions","WindowOverlay","Modal","onBackdropClick","Layer","zoomIn","from","scaleX","scaleY","transformOrigin","opacity","to","options","duration","zoomOut","slideUp","SLIDE_UP_XLARGE","DURATION_LARGE","slideDown","SLIDE_DOWN_XLARGE"],"mappings":"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"}

package/amd/EmbeddedIconButton-cb74290f.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './BaseButton-c02238cd', './ButtonLabelLayout-9cc087dc'], (function(e,i,a,t){"use strict";e.EmbeddedIconButton=({isDisabled:e=!1,size:s="sm",onAction:n,"aria-label":d,"aria-describedby":c,"aria-hidden":o=!1,...r})=>i.jsx(a.BaseButton,{elementDetails:{type:"span",isFocusable:!1},isDisabled:e,size:s,variant:"ghost",styling:["min"],onAction:n,"aria-describedby":c,"aria-hidden":o,"aria-label":d,children:i.jsx(t.ButtonLabelLayout,{display:"icons",startIcon:r.children,size:s})})}));
-//# sourceMappingURL=EmbeddedIconButton-cb74290f.js.map

package/amd/EmbeddedIconButton-cb74290f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbeddedIconButton-cb74290f.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.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 { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["isDisabled","size","onAction","accessibleLabel","ariaDescribedBy","ariaHidden","props","_jsx","jsx","BaseButton","elementDetails","type","isFocusable","variant","styling","children","ButtonLabelLayout","display","startIcon"],"mappings":"oJA+DkC,EAChCA,cAAa,EACbC,OAAO,KACPC,WACA,aAAcC,EACd,mBAAoBC,EACpB,cAAeC,GAAa,KACzBC,KAGDC,EAAAC,IAACC,EAAUA,WAAA,CACTC,eAAgB,CAAEC,KAAM,OAAQC,aAAa,GAC7CZ,WAAYA,EACZC,KAAMA,EACNY,QAAS,QACTC,QAAS,CAAC,OACVZ,SAAUA,EACQ,mBAAAE,EACL,cAAAC,EACD,aAAAF,EACZY,SAAAR,EAAAA,IAACS,EAAiBA,kBAChB,CAAAC,QAAS,QACTC,UAAWZ,EAAMS,SACjBd,KAAMA"}

package/amd/ExpandableList-6f79ec92.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './classNames-08d99695', './useId-c9578d26', './useTranslationBundle-8e42d505', './keys-4755c121', './Button-fa7ebbaf', './HiddenAccessible-037ef42d', './ChevronDown-1d01f028', './CollapseIcon-8d26ba2a', './LiveRegion-ef77cf92', './useUser-12ec03f1', './collectionUtils-26e6c87c', './GroupLoadingIndicator-87f32efc', './useNavigation-a6a2218f', './List-5b5b3bd7'], (function(e,t,n,a,s,o,i,r,l,d,c,u,p,x,g,y,m,f,k){"use strict";const v=e=>{"Enter"!==e.key&&" "!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},b=(e,t,n,a,s)=>{const o=a(t);if(s&&o){const t=l.containsKey(n,o);(e&&t||!e&&!t)&&s({value:o})}},h=(e,t,n)=>{const a=t(e.target);n&&a&&(n({value:a}),"click"===e.type&&e.stopPropagation())};const C={all:!1,keys:new Set},L=s.memo((e=>{const n=o.classNames(["oj-listview-expander"]);return t.jsx("span",{class:n,role:"presentation",children:t.jsx(d.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?t.jsx(u.SvgChevronDown,{size:"6x"}):t.jsx(p.CollapseIcon,{size:"6x"})})})}),((e,t)=>e.itemKey===t.itemKey&&e.expanded===t.expanded&&e.onToggle===t.onToggle));e.ExpandableList=function({children:e,data:s,onSelectionChange:o,onToggle:d,onPersistCurrentItem:u,...p}){const[j,I]=a.useState(""),K=r.useTranslationBundle("@oracle/oraclejet-preact"),T=a.useRef(),A=a.useCallback((e=>{T.current=e.value,u?.(e)}),[u]),R=a.useCallback((e=>{if(d?.(e),s){const t=l.containsKey(s?.expanded,e.value);I(t?K.expandableList_groupCollapse():K.expandableList_groupExpand()),setTimeout((()=>{I("")}),1e3)}}),[d,s,K]),w=function(e,t,n){const{direction:s}=g.useUser(),o=a.useCallback((t=>{h(t,e,n)}),[e,n]),i=a.useCallback((a=>{if("Enter"===a.key||" "===a.key)h(a,e,n);else if("ArrowLeft"===a.key||"ArrowRight"===a.key){const o="rtl"===s,i="ArrowLeft"===a.key&&!o;b(i,a.target,t,e,n),a.preventDefault(),a.stopPropagation()}}),[e,n,t,s]);return n?{onClick:o,onKeyDown:v,onKeyUp:i}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===T.current?null:T.current:y.keyExtractor(e,m.GROUP_SELECTOR)),null==s?C:s.expanded,d&&R),D=i.useId(),E=a.useRef(D),S=a.useCallback((e=>{if(o&&s){const t=f.excludeGroup(s,e.value);l.isSameKey(t,e.value)?o(e):t.keys&&t.keys.size>0&&o({...e,value:t})}}),[o,s]);return t.jsxs(n.Fragment,{children:[t.jsx(k.List,{data:s,role:"treegrid",loadingIndicator:t.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:S,customItemRenderer:n=>{const a=n.listItemContext.metadata.key,o=s&&d?{expanded:l.containsKey(s.expanded,a),onToggle:d}:void 0,i=((e,n)=>{const a=void 0!==n?()=>t.jsx(L,{itemKey:e.metadata.key,expanded:n.expanded,onToggle:n.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:a}})(n.listItemContext,o);return i.leaf?n.defaultListItem(i,{itemDepth:i.depth+1}):t.jsx(m.ListGroupHeader,{ariaDescribedBy:E.current,itemKey:i.metadata.key,itemIndex:i.index,itemDepth:i.depth,isFocused:n.isFocused,isFocusRingVisible:n.isFocusRingVisible,isActive:n.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==s?C:s.expanded,onToggle:d,children:e(i)},i.metadata.key)},onPersistCurrentItem:A,...p,...w,children:t=>e(t)}),d&&t.jsxs(n.Fragment,{children:[t.jsx(x.LiveRegion,{children:j}),t.jsx("span",{id:E.current,children:t.jsx(c.HiddenAccessible,{children:K.expandableList_expandCollapseInstructionText()})})]})]})}}));
-//# sourceMappingURL=ExpandableList-6f79ec92.js.map

package/amd/ExpandableList-6f79ec92.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableList-6f79ec92.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.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 { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, expanded, direction]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (\n    event.key === 'Enter' ||\n    event.key === ' ' ||\n    event.key === 'ArrowLeft' ||\n    event.key === 'ArrowRight'\n  ) {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useCallback, useRef } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  CurrentKeyDetail,\n  ListItemRendererContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState,\n  HierarchicalItemRendererContext\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemRendererContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  data,\n  onSelectionChange,\n  onToggle,\n  onPersistCurrentItem,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const currentKey = useRef<K>();\n  const handleOnPersistCurrentItem = useCallback(\n    (detail: CurrentKeyDetail<K>) => {\n      currentKey.current = detail.value;\n      onPersistCurrentItem?.(detail);\n    },\n    [onPersistCurrentItem]\n  );\n\n  const updateStateText = useCallback(\n    (detail: ToggleDetail<K>) => {\n      onToggle?.(detail);\n      if (data) {\n        const previouslyExpanded = containsKey(data?.expanded, detail.value);\n        setStatusText(\n          previouslyExpanded\n            ? translations.expandableList_groupCollapse()\n            : translations.expandableList_groupExpand()\n        );\n        // we need to clear the live region text otherwise screenreader\n        // won't read again if the content did not change the next time\n        setTimeout(() => {\n          setStatusText('');\n        }, 1000);\n      }\n    },\n    [onToggle, data, translations]\n  );\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey.current === undefined ? null : currentKey.current;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle && updateStateText\n  );\n\n  const descId = useId();\n  const stableDescIdRef = useRef(descId);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemRendererContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescIdRef.current}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        onPersistCurrentItem={handleOnPersistCurrentItem}\n        {...{ ...props, ...expandCollapseProps }}>\n        {(context: ListItemRendererContext<K, D>) => {\n          return children(context as HierarchicalItemRendererContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescIdRef.current}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const classes = classNames(['oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","_jsx","class","role","children","jsx","Button","onAction","variant","startIcon","ExpandIcon","size","CollapseIcon","prev","next","data","onSelectionChange","onPersistCurrentItem","statusText","setStatusText","useState","translations","useTranslationBundle","currentKey","useRef","handleOnPersistCurrentItem","useCallback","detail","current","updateStateText","previouslyExpanded","expandableList_groupCollapse","expandableList_groupExpand","setTimeout","expandCollapseProps","direction","useUser","onClick","onKeyUp","isRtl","useExpandCollapse","element","getAttribute","undefined","GROUP_SELECTOR","descId","useId","stableDescIdRef","handleSelectionChange","excludeGroup","isSameKey","_jsxs","jsxs","Fragment","List","loadingIndicator","GroupLoadingIndicator","customItemRenderer","context","listItemContext","metadata","options","itemContext","expanderRenderer","parentKey","leaf","isLeaf","depth","treeDepth","expander","createHierarchicalContext","defaultListItem","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","LiveRegion","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"4eAqDA,MAAMA,EAAaC,IAED,UAAdA,EAAMC,KACQ,MAAdD,EAAMC,KACQ,cAAdD,EAAMC,KACQ,eAAdD,EAAMC,KAEND,EAAME,gBACP,EAGGC,EAAiB,CACrBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAaF,GAC7B,GAAIG,GAAYC,EAAS,CACvB,MAAMC,EAAWC,EAAAA,YAAYL,EAAUG,IAClCL,GAAeM,IAAeN,IAAgBM,IACjDF,EAAS,CAAEI,MAAOH,GAErB,GAGGI,EAAe,CACnBb,EACAO,EACAC,KAEA,MAAMC,EAAUF,EAAaP,EAAMK,QAC/BG,GAAYC,IACdD,EAAS,CAAEI,MAAOH,IACC,UAAfT,EAAMc,MACRd,EAAMe,kBAET,ECmHH,MAAMC,EAAY,CAAEC,KAAK,EAAOC,KAAM,IAAIC,KAEpCC,EAAWC,EAAAA,MACVC,IACH,MAAMC,EAAUC,EAAAA,WAAW,CAAC,yBAM5B,OACEC,EAAAA,YAAMC,MAAOH,EAASI,KAAK,eACzBC,SAAAH,EAAAI,IAACC,EAAMA,OACL,CAAAC,SAPgB,KACpBT,EAAMd,SAAS,CAAEI,MAAOU,EAAMb,SAAU,EAOpCuB,QAAQ,QACRC,UAAWX,EAAMhB,SAAWmB,EAAAA,IAACS,EAAAA,eAAW,CAAAC,KAAK,OAAUV,EAAAI,IAACO,EAAYA,aAAA,CAACD,KAAK,UAG9E,IAEJ,CAACE,EAAWC,IAERD,EAAK5B,UAAY6B,EAAK7B,SACtB4B,EAAK/B,WAAagC,EAAKhC,UACvB+B,EAAK7B,WAAa8B,EAAK9B,sCA3KgCoB,SAC3DA,EAAQW,KACRA,EAAIC,kBACJA,EAAiBhC,SACjBA,EAAQiC,qBACRA,KACGnB,IAEH,MAAOoB,EAAYC,GAAiBC,EAAQA,SAAC,IACvCC,EAAeC,uBAAiC,4BAEhDC,EAAaC,EAAAA,SACbC,EAA6BC,eAChCC,IACCJ,EAAWK,QAAUD,EAAOvC,MAC5B6B,IAAuBU,EAAO,GAEhC,CAACV,IAGGY,EAAkBH,eACrBC,IAEC,GADA3C,IAAW2C,GACPZ,EAAM,CACR,MAAMe,EAAqB3C,EAAAA,YAAY4B,GAAMjC,SAAU6C,EAAOvC,OAC9D+B,EACEW,EACIT,EAAaU,+BACbV,EAAaW,8BAInBC,YAAW,KACTd,EAAc,GAAG,GAChB,IACJ,IAEH,CAACnC,EAAU+B,EAAMM,IAEba,WD9ENnD,EACAD,EACAE,GAEA,MAAMmD,UAAEA,GAAcC,EAAAA,UAEhBC,EAAUX,eACblD,IACCa,EAAab,EAAOO,EAAcC,EAAS,GAE7C,CAACD,EAAcC,IAGXsD,EAAUZ,eACblD,IACC,GAAkB,UAAdA,EAAMC,KAAiC,MAAdD,EAAMC,IACjCY,EAAab,EAAOO,EAAcC,QAC7B,GAAkB,cAAdR,EAAMC,KAAqC,eAAdD,EAAMC,IAAsB,CAClE,MAAM8D,EAAsB,QAAdJ,EACRvD,EAA4B,cAAdJ,EAAMC,MAAwB8D,EAClD5D,EAAeC,EAAaJ,EAAMK,OAAuBC,EAAUC,EAAcC,GAEjFR,EAAME,iBACNF,EAAMe,iBACP,IAEH,CAACR,EAAcC,EAAUF,EAAUqD,IAGrC,OAAOnD,EAAW,CAAEqD,UAAS9D,YAAW+D,WAAY,CAAA,CACtD,CCgD8BE,EACzBC,GACsC,aAAjCA,EAAQC,aAAa,aACOC,IAAvBpB,EAAWK,QAAwB,KAAOL,EAAWK,QAEvD7C,EAAYA,aAAC0D,EAASG,EAAAA,iBAEvB,MAAR7B,EAAgBvB,EAAwBuB,EAAKjC,SAC7CE,GAAY6C,GAGRgB,EAASC,EAAAA,QACTC,EAAkBvB,SAAOqB,GA0BzBG,EAAwBtB,eAC3BC,IACC,GAAIX,GAAqBD,EAAM,CAC7B,MAAMrB,EAAOuD,EAAYA,aAAClC,EAAMY,EAAOvC,OACnC8D,YAAUxD,EAAMiC,EAAOvC,OACzB4B,EAAkBW,GACTjC,EAAKA,MAAQA,EAAKA,KAAKiB,KAAO,GACvCK,EAAkB,IAAKW,EAAQvC,MAAOM,GAEzC,IAEH,CAACsB,EAAmBD,IA+BtB,OACEoC,EAACC,KAAAC,EAAQA,oBACPpD,EAAAA,IAACqD,EAAAA,MACCvC,KAAMA,EACNZ,KAAK,WACLoD,iBAAkBtD,EAAAI,IAACmD,wBAAwB,CAAA,GAC3CxC,kBAAmBgC,EACnBS,mBAnCsBC,IAC1B,MAAMzE,EAAUyE,EAAQC,gBAAgBC,SAASnF,IAC3CoF,EACJ9C,GAAQ/B,EAAW,CAAEF,SAAUK,EAAAA,YAAY4B,EAAKjC,SAAUG,GAAUD,iBAAa2D,EAC7EmB,EA1C0B,EAChCJ,EACAG,KAEA,MAAME,OACQpB,IAAZkB,EACI,IACE5D,EAAAI,IAACT,EAAQ,CACPX,QAASyE,EAAQE,SAASnF,IAC1BK,SAAU+E,EAAQ/E,SAClBE,SAAU6E,EAAQ7E,gBAGtB2D,EAEN,MAAO,IACFe,EACHM,UAAWN,EAAQE,SAASI,UAC5BC,KAAMP,EAAQE,SAASM,SAAU,EACjCC,MAAOT,EAAQE,SAASQ,WAAa,EACrCC,SAAUN,EACX,EAqBmBO,CAA0BZ,EAAQC,gBAAiBE,GACvE,OAAIC,EAAYG,KACPP,EAAQa,gBAAgBT,EAAa,CAAEU,UAAWV,EAAYK,MAAQ,IAG3ElE,EAACI,IAAAoE,mBAECC,gBAAiB3B,EAAgBnB,QACjC3C,QAAS6E,EAAYF,SAASnF,IAC9BkG,UAAWb,EAAYc,MACvBJ,UAAWV,EAAYK,MACvBU,UAAWnB,EAAQmB,UACnBC,mBAAoBpB,EAAQoB,mBAC5BC,SAAUrB,EAAQqB,SAClBC,mBAAmB,EACnBC,cAAc,EACdC,aAAsB,MAARnE,EAAgBvB,EAAwBuB,EAAKjC,SAC3DE,SAAUA,WACToB,EAAS0D,IAZLA,EAAYF,SAASnF,IAe/B,EAWGwC,qBAAsBQ,KACb3B,KAAUoC,WACjBwB,GACOtD,EAASsD,KAGnB1E,GACCmE,EAACC,KAAAC,EAAQA,SACP,CAAAjD,SAAA,CAAAH,EAAAI,IAAC8E,EAAUA,WAAE,CAAA/E,SAAAc,IACbjB,EAAAA,YAAMmF,GAAIrC,EAAgBnB,QAAOxB,SAC/BH,EAACI,IAAAgF,EAAgBA,2BACdhE,EAAaiE,wDAO5B"}

package/amd/Expander-1a5afc56.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './EmbeddedIconButton-cb74290f', './ChevronDown-1d01f028', './ChevronRight-3c1f1b2c', './classNames-08d99695'], (function(e,n,s,t,o,a){"use strict";const c="oj-collection-expander";e.Expander=function({itemKey:e,expanded:i,onToggle:l}){const r=a.classNames([c]);return n.jsx("span",{class:r,children:n.jsx(s.EmbeddedIconButton,{"aria-label":i?"collapsible":"expandable",onAction:()=>{l({value:e})},children:i?n.jsx(t.SvgChevronDown,{size:"6x"}):n.jsx(o.SvgChevronRight,{size:"6x"})})})},e.ITEM_SELECTOR=c,e.isExpander=e=>!(!e.parentElement||!e.parentElement.classList.contains(c))}));
-//# sourceMappingURL=Expander-1a5afc56.js.map

package/amd/Expander-1a5afc56.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander-1a5afc56.js","sources":["../../src/PRIVATE_Expander/Expander.tsx"],"sourcesContent":["import { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { ChevronDown } from '#UNSAFE_RedwoodIcons/ChevronDown';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = 'oj-collection-expander';\n\n/**\n * Props for the Expander component\n */\ntype Props<K> = TestIdProps & {\n  /**\n   * The key of the item\n   */\n  itemKey: K;\n  /**\n   * A boolean to indicate whether the expander is expander or collapsed\n   */\n  expanded: boolean;\n  /**\n   * Callback function to invoke when the user expands or collapses the expander.\n   */\n  onToggle: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * The Expander component renders expand and collapse icons in collections.\n */\nexport function Expander<K>({ itemKey, expanded, onToggle }: Props<K>) {\n  const classes = classNames([ITEM_SELECTOR]);\n\n  const actionHandler = () => {\n    onToggle({ value: itemKey });\n  };\n\n  return (\n    <span class={classes}>\n      <EmbeddedIconButton\n        aria-label={expanded ? 'collapsible' : 'expandable'}\n        onAction={actionHandler}>\n        {expanded ? <ChevronDown size=\"6x\" /> : <ChevronRight size=\"6x\" />}\n      </EmbeddedIconButton>\n    </span>\n  );\n}\n\nexport const isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {\n    return true;\n  }\n  return false;\n};\n"],"names":["ITEM_SELECTOR","itemKey","expanded","onToggle","classes","classNames","_jsx","class","children","EmbeddedIconButton","onAction","value","ChevronDown","size","jsx","ChevronRight","SvgChevronRight","elem","parentElement","classList","contains"],"mappings":"uLAOa,MAAAA,EAAgB,oCAuBvB,UAAsBC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,IAC/C,MAAMC,EAAUC,EAAAA,WAAW,CAACL,IAM5B,OACEM,cAAMC,MAAOH,EACXI,SAAAF,EAAAA,IAACG,EAAAA,mBACa,CAAA,aAAAP,EAAW,cAAgB,aACvCQ,SARgB,KACpBP,EAAS,CAAEQ,MAAOV,GAAU,EAODO,SACtBN,EAAWI,EAAAA,IAACM,EAAAA,gBAAYC,KAAK,OAAUP,EAACQ,IAAAC,EAAYC,iBAACH,KAAK,UAInE,iCAE2BI,MACrBA,EAAKC,gBAAiBD,EAAKC,cAAcC,UAAUC,SAASpB"}

package/amd/FlatTreeView-e7662576.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-26e6c87c', './LoadMoreCollection-3ac9e69e', './classNames-08d99695', './TabbableModeContext-a9c97640', './useId-c9578d26', './View-ab4d3a33', './UNSAFE_FlatTreeView/themes/TreeViewStyles.css', './UNSAFE_FlatTreeView/themes/TreeViewContract.css', './Flex-07d2aa5b', './Skeleton-a7e166a0', './useHover-8b8a1496', './clientHints-6d361eaa', './Expander-1a5afc56', './UNSAFE_FlatTreeView/themes/redwood/TreeViewTheme.css', './useSelection-d2a32b37', './useAdditiveSelection-9135c06c', './ReorderableContext-6d10a1b7', './keys-4755c121', './LayerHost-daf96749', 'preact/compat', './useExpandCollapse-99ff9bec', './useComponentTheme-5aa41a8f', './useUser-12ec03f1', './useNavigation-a6a2218f', './Selector-470f114d', './LiveRegion-ef77cf92', './HiddenAccessible-037ef42d', './useTranslationBundle-8e42d505'], (function(e,t,n,a,r,l,i,s,o,d,c,u,x,y,g,m,p,f,v,b,h,E,T,S,C,k,j,w,I,M,L,R){"use strict";function K({children:e,indentation:a=0}){const[r,l]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{l(!0)}),50)}),[]),r&&e?t.jsx("div",{role:"presentation",children:t.jsx(d.View,{paddingInlineStart:a,children:[...Array(1)].map(((t,n)=>e(n)))})}):null}function A({indentation:e=0,isLeaf:n=!1}){return t.jsx(d.View,{paddingInlineStart:O(e,!n||void 0),children:t.jsx(d.View,{padding:[0,"4px"],children:t.jsxs(x.Flex,{height:"9x",align:"center",gap:"2x",children:[!n&&t.jsx(y.Skeleton,{width:"6x",height:"6x",borderRadius:"4px"}),t.jsx(y.Skeleton,{height:"5x",borderRadius:"4px"})]})})})}function F(){return t.jsxs(t.Fragment,{children:[t.jsx(A,{}),t.jsx(A,{indentation:1}),t.jsx(A,{indentation:2,isLeaf:!0})]})}function V({itemKey:e,depth:a,context:r,children:l,isExpanded:u,onToggle:y,selected:m,isSelectable:f,isCheckboxless:v,isTabbable:b,isLoading:h,isFocusRingVisible:E}){const T=n.useRef(null),S=O(a,u),C=O(a+1,u),{isHover:k,hoverProps:j}=g.useHover(),w=i.classNames([c.styles.treeItemStyles.base,E&&c.styles.treeItemStyles.focused,!0===m&&c.styles.treeItemStyles.selected,!0===m&&v&&c.styles.treeItemStyles.checkboxlessSelected,f&&!m&&k&&c.styles.treeItemStyles.hovered]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:T,id:o.useId(),tabIndex:_()?-1:void 0,"data-oj-key":e,class:w,role:"treeitem","aria-level":a+1,"aria-selected":m?"true":"false",...void 0!==u&&{"aria-expanded":u},..."number"==typeof e&&{"data-oj-key-type":"number"},...j,children:t.jsxs(t.Fragment,{children:[!0===m&&k&&t.jsx("div",{class:c.styles.selectedHoveredOverlay}),t.jsx(s.TabbableModeContext.Provider,{value:{isTabbable:b},children:t.jsx(d.View,{paddingInlineStart:S,children:t.jsxs(x.Flex,{align:"center",children:[void 0!==u&&t.jsx(p.Expander,{itemKey:e,expanded:u,onToggle:y}),l(r)]})})})]})}),h?t.jsx(K,{indentation:C,children:()=>t.jsx(F,{})}):null]})}const _=()=>{const{platform:e}=m.getClientHints();return"ios"===e||"android"===e},O=(e,t)=>{const n=void 0===t?"40px":"0px";return`calc(${Math.max(0,e)} * ${u.treeViewVars.indentWidth} + ${n})`};function N({children:e,minimumCount:a=1,onSkeletonVisible:r}){const[l,s]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{s(!0),r?.()}),50)}),[r]);const o=i.classNames([c.styles.skeletonStyles.container]);return l&&e?t.jsx("div",{class:o,role:"presentation",children:[...Array(a)].map(((t,n)=>e(n)))}):null}function P({data:e,children:n,selectionMode:a,onToggle:r=()=>{},viewportConfig:i,hasMore:s=!1,onLoadMore:o=()=>{},loadMoreIndicator:d=H,updateContext:c}){return t.jsx(t.Fragment,{children:null===e?null:t.jsx(l.LoadMoreCollection,{data:e,viewportConfig:i,hasMore:s,onLoadMore:o,loadMoreIndicator:d,children:e=>{const l=e.data.metadata.key,i={index:e.index,data:e.data.data,metadata:{key:l}};c&&c(i);const s=e.data.metadata.expanded;return t.jsx(V,{itemKey:i.metadata.key,context:i,depth:e.data.metadata.treeDepth,isExpanded:"ongoing"===s||s,onToggle:r,isSelectable:"none"!==a,isCheckboxless:"single"===a,selected:e.data.metadata.selected,isLoading:"ongoing"===s,isTabbable:!1,isFocusRingVisible:e.data.metadata.hasFocus,children:n},i.metadata.key)}})})}const H=t.jsx("div",{class:l.LOADMORE_STYLE_CLASS,children:t.jsx(N,{minimumCount:1,children:()=>t.jsx(F,{})})});const U=(e,t,n,a)=>{if(e&&null!==t){const r=Array.from(e.querySelectorAll(a)),l=r.findIndex((e=>e.dataset.ojKey==t));for(let e=l;e>=0;e--){const t=r[e].getAttribute("aria-level");if(null!==t&&Number(t)==n-1)return r[e]}}return null};const D=e=>t.jsx(N,{minimumCount:8,onSkeletonVisible:e,children:()=>t.jsx(F,{})}),B=e=>e.id,$=(e,t)=>{const n=t.map((e=>e.metadata.key)),a=n.indexOf(e.value.start),r=n.indexOf(e.value.end),l=Math.min(a,r),i=Math.max(a,r);return-1===l?{offset:0,count:-1}:n.slice(l,i+1)};e.FlatTreeView=function({"aria-label":e,"aria-labelledby":l,"aria-describedby":i,data:s,selectionMode:d="none",selectedKeys:c={all:!1,keys:new Set},onSelectionChange:u,onToggle:x,viewportConfig:y,...g}){const m=n.useRef(null),[p,h]=n.useState(),{collection_loading:T,collection_loaded:S}=R.useTranslationBundle("@oracle/oraclejet-preact"),K=o.useId(),A=n.useCallback((e=>{if(m.current){const t=r.findElementByKey(m.current,e,r.ITEM_SELECTOR);return"true"===t?.getAttribute("aria-expanded")}return!1}),[]),{treeNavigationProps:F,currentKey:V,showFocusRing:O}=function(e,t,l,i){const{direction:s}=j.useUser(),o={ArrowUp:e=>r.getPrevNextKey(t.current,e,!0,r.ITEM_SELECTOR),ArrowDown:e=>r.getPrevNextKey(t.current,e,!1,r.ITEM_SELECTOR)},{navigationProps:d,currentKey:c,onCurrentKeyChange:u,showFocusRing:x}=w.useNavigation(e,t,i,o,void 0,void 0,void 0,void 0,!0,!1,!0,!1),y=n.useCallback((e=>"tree"===e.getAttribute("role")?void 0===c?null:c:r.keyExtractor(e,r.ITEM_SELECTOR)),[c,r.keyExtractor]),g=n.useCallback((e=>{if("ArrowLeft"===e.key||"ArrowRight"===e.key){const n="rtl"===s,a="ArrowLeft"===e.key&&!n,i=y(e.target);if(i){const e=l(i);if(a&&!e&&t.current){const e=r.findElementByKey(t.current,i,r.ITEM_SELECTOR);if(e){const n=e.getAttribute("aria-level"),a=null!==n&&U(t.current,i,Number(n),r.ITEM_SELECTOR),l=a&&y(a);E.isKeyDefined(l)&&u?.({value:l})}}else if(!a&&e){const e=r.getPrevNextKey(t.current,i,!1,r.ITEM_SELECTOR)();E.isKeyDefined(e)&&u?.({value:e})}}}}),[s,l,u,y]);return{treeNavigationProps:a.mergeProps(d,{onKeyUp:g}),currentKey:c,showFocusRing:x}}(s,m,A,B),N=n.useMemo((()=>s?.map((e=>{const t=e.metadata.key,n={...e};return n.metadata.selected=E.containsKey(c,t),n.metadata.hasFocus=V===t&&O,n}))||[]),[s,c,V,O]),H=C.useExpandCollapse((e=>"tree"===e.getAttribute("role")?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),A,x,!0),q=n.useRef(),z=n.useCallback((e=>{u&&(!1===e.value.all&&e.value.keys.size>0&&(q.current=Array.from(e.value.keys.values()).pop()),u(e))}),[q,u]),W=n.useCallback((e=>{if(s&&u){const t=$(e,s);if(Array.isArray(t))if("shiftSpace"===e.eventType?q.current=e.value.start:q.current=e.value.end,"multipleToggle"===d){const e=E.addKeys(c,t);u({value:e,target:null})}else u({value:{all:!1,keys:new Set(t)},target:null})}}),[s,c,u]),{selectionProps:Y}=v.useSelection((e=>e===m.current?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),c,"multipleToggle"===d?"none":d,!1,"replace",z,q.current,V,((e,t)=>r.getPrevNextKey(m.current,e,t,r.ITEM_SELECTOR)),void 0,(e=>{if(m.current){const t=r.findElementByKey(m.current,e,r.ITEM_SELECTOR);t&&t.scrollIntoView({block:"nearest"})}}),W),{eventProps:G}=b.useAdditiveSelection((e=>e===m.current?void 0===V?null:V:r.keyExtractor(e,r.ITEM_SELECTOR)),c,"multipleToggle"===d?"multiple":"none",!1,(e=>s?s.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>{if(s){return s.map((e=>e.metadata.key)).slice(e,t)}return[]}),((e,t)=>r.getPrevNextKey(m.current,e,t,r.ITEM_SELECTOR)),V,z,W),J=n.useCallback((e=>{"multiple"!==d&&"multipleToggle"!==d||u&&(e.metaKey||e.ctrlKey)&&"a"===e.key&&(e.preventDefault(),u({value:{all:!0,deletedKeys:new Set},target:e.target}))}),[u,d]),{classes:Q}=k.useComponentTheme(f.TreeViewRedwoodTheme);y=r.getViewportConfig(m,y);const X=n.useCallback((e=>{const n=e.metadata.key;e.selector="none"===d||"single"===d?void 0:e=>t.jsx("div",{"aria-hidden":!_()||void 0,children:t.jsx(I.Selector,{"aria-label":_()?e:void 0,rowKey:n,selectedKeys:c,onChange:u})})}),[d,c,u]),Z=n.useCallback((()=>{h(T())}),[T]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":e,"aria-labelledby":l,"aria-describedby":null==s?i?[...new Set(i.split(/\s+/).concat(K))].join(" "):K:i,ref:m,role:"tree","aria-multiselectable":"multiple"===d,tabIndex:0,class:Q,...a.mergeProps(F,Y,G,H,{onKeyDown:J}),children:null==s?D(Z):t.jsx(P,{data:N,selectionMode:d,onToggle:x,viewportConfig:y,updateContext:X,...g})}),t.jsx(L.HiddenAccessible,{id:K,children:T()}),t.jsx(M.LiveRegion,{children:null==s?p:p===T()?S():""})]})}}));
-//# sourceMappingURL=FlatTreeView-e7662576.js.map

package/amd/FlatTreeView-e7662576.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlatTreeView-e7662576.js","sources":["../../src/UNSAFE_FlatTreeView/NodeSkeletonContainer.tsx","../../src/UNSAFE_FlatTreeView/TreeItemSkeletons.tsx","../../src/UNSAFE_FlatTreeView/TreeItem.tsx","../../src/UNSAFE_FlatTreeView/SkeletonContainer.tsx","../../src/UNSAFE_FlatTreeView/LoadMoreTreeCollection.tsx","../../src/UNSAFE_FlatTreeView/useTreeNavigation.ts","../../src/UNSAFE_FlatTreeView/FlatTreeView.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 { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { Size } from '#utils/UNSAFE_size';\nimport { View } from '#UNSAFE_View';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  indentation?: Size;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * Represents the skeleton for a tree item in expanding state\n **/\nexport function NodeSkeletonContainer({ children, indentation = 0 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible && children ? (\n    <div role=\"presentation\">\n      <View paddingInlineStart={indentation as Size}>\n        {[...Array(1)].map((_element, index) => children(index))}\n      </View>\n    </div>\n  ) : null;\n}\n","import { calcIndentation } from './TreeItem';\nimport { View } from '#UNSAFE_View';\nimport { Skeleton } from '#UNSAFE_Skeleton';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype Props = {\n  indentation?: number;\n  isLeaf?: boolean;\n};\n\nfunction TreeItemSkeleton({ indentation = 0, isLeaf = false }: Props) {\n  return (\n    <View paddingInlineStart={calcIndentation(indentation, isLeaf ? undefined : true) as Size}>\n      <View padding={[0, '4px']}>\n        <Flex height=\"9x\" align=\"center\" gap=\"2x\">\n          {!isLeaf && <Skeleton width=\"6x\" height=\"6x\" borderRadius=\"4px\" />}\n          <Skeleton height=\"5x\" borderRadius=\"4px\" />\n        </Flex>\n      </View>\n    </View>\n  );\n}\n\nexport function TreeItemSkeletons() {\n  return (\n    <>\n      <TreeItemSkeleton />\n      <TreeItemSkeleton indentation={1} />\n      <TreeItemSkeleton indentation={2} isLeaf={true} />\n    </>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { Size } from '#utils/UNSAFE_size';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { ToggleDetail, ListItemRendererContext } from '#UNSAFE_Collection';\nimport { View } from '#UNSAFE_View';\nimport { styles } from './themes/TreeViewStyles.css';\nimport { treeViewVars as cssVars } from './themes/TreeViewContract.css';\nimport { Expander } from '#PRIVATE_Expander';\nimport { Flex } from '#UNSAFE_Flex';\nimport { NodeSkeletonContainer } from './NodeSkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\ntype Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  itemKey: K;\n  depth: number;\n  context: ListItemRendererContext<K, D>;\n  isExpanded: boolean | undefined;\n  onToggle: (detail: ToggleDetail<K>) => void;\n  selected: boolean | 'partial';\n  isSelectable: boolean;\n  isCheckboxless: boolean;\n  isTabbable: boolean;\n  isLoading?: boolean;\n  isFocusRingVisible: boolean;\n};\n\nexport function TreeItem<K extends string | number, D>({\n  itemKey,\n  depth,\n  context,\n  children,\n  isExpanded,\n  onToggle,\n  selected,\n  isSelectable,\n  isCheckboxless,\n  isTabbable,\n  isLoading,\n  isFocusRingVisible\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const indentation = calcIndentation(depth, isExpanded);\n  const skeletonIndentation = calcIndentation(depth + 1, isExpanded);\n\n  const { isHover, hoverProps } = useHover();\n\n  const classes = classNames([\n    styles.treeItemStyles.base,\n    isFocusRingVisible && styles.treeItemStyles.focused,\n    selected === true && styles.treeItemStyles.selected,\n    selected === true && isCheckboxless && styles.treeItemStyles.checkboxlessSelected,\n    isSelectable && !selected && isHover && styles.treeItemStyles.hovered\n  ]);\n\n  return (\n    <>\n      <div\n        ref={rootRef}\n        id={useId()}\n        tabIndex={isMobile() ? -1 : undefined}\n        data-oj-key={itemKey}\n        class={classes}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        aria-selected={selected ? 'true' : 'false'}\n        {...(isExpanded !== undefined && { 'aria-expanded': isExpanded })}\n        {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n        {...hoverProps}>\n        <>\n          {selected === true && isHover && <div class={styles.selectedHoveredOverlay}></div>}\n          <TabbableModeContext.Provider value={{ isTabbable }}>\n            <View paddingInlineStart={indentation as Size}>\n              <Flex align=\"center\">\n                {isExpanded !== undefined && (\n                  <Expander itemKey={itemKey} expanded={isExpanded} onToggle={onToggle} />\n                )}\n                {children(context)}\n              </Flex>\n            </View>\n          </TabbableModeContext.Provider>\n        </>\n      </div>\n      {isLoading ? (\n        <NodeSkeletonContainer indentation={skeletonIndentation as Size}>\n          {() => {\n            return <TreeItemSkeletons />;\n          }}\n        </NodeSkeletonContainer>\n      ) : null}\n    </>\n  );\n}\n\nexport const isMobile = () => {\n  const { platform } = getClientHints();\n  return platform === 'ios' || platform === 'android';\n};\n\nexport const calcIndentation = (depth: number, isExpanded?: boolean) => {\n  const expanderPlaceholder = isExpanded === undefined ? '40px' : '0px';\n  return `calc(${Math.max(0, depth)} * ${cssVars.indentWidth} + ${expanderPlaceholder})`;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/TreeViewStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n  /**\n   * Callback when skeleton do become visible, handler can use this\n   * to update its live region.\n   */\n  onSkeletonVisible?: () => void;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1, onSkeletonVisible }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n      onSkeletonVisible?.();\n    }, timerValue);\n  }, [onSkeletonVisible]);\n\n  const containerClasses = classNames([styles.skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\n}\n","import { ItemContext } from '#UNSAFE_Collection';\nimport { LoadMoreCollection } from '#PRIVATE_LoadMoreCollection';\nimport { TreeItem } from './TreeItem';\nimport { InternalTreeNode, LoadMoreTreeCollectionProps as Props } from './TreeView.types';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { LOADMORE_STYLE_CLASS } from '#PRIVATE_LoadMoreCollection';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/TreeViewTheme.css';\n\n/**\n * Component that receives the flattened data and renders the hierarchy betweens items based on the shaped metadata.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n * This is an internal component that is used by FlatTreeView.\n */\nexport function LoadMoreTreeCollection<K extends string | number, D>({\n  data,\n  children,\n  selectionMode,\n  onToggle = () => {},\n  viewportConfig,\n  hasMore = false,\n  onLoadMore = () => {},\n  loadMoreIndicator = defaultLoadMoreIndicator,\n  updateContext\n}: Props<K, D>) {\n  const createTreeItem = (context: ItemContext<InternalTreeNode<K, D>>) => {\n    const key = context.data.metadata.key;\n    const treeItemContext = {\n      index: context.index,\n      data: context.data.data,\n      metadata: { key }\n    };\n    // allow container to inject additional things to context\n    if (updateContext) {\n      updateContext(treeItemContext);\n    }\n    const expanded = context.data.metadata.expanded;\n    return (\n      <TreeItem\n        key={treeItemContext.metadata.key}\n        itemKey={treeItemContext.metadata.key}\n        context={treeItemContext}\n        depth={context.data.metadata.treeDepth}\n        isExpanded={expanded === 'ongoing' ? true : expanded}\n        onToggle={onToggle}\n        isSelectable={selectionMode !== 'none'}\n        isCheckboxless={selectionMode === 'single'} // TODO: need to update when checkboxless multiple is added\n        selected={context.data.metadata.selected}\n        isLoading={expanded === 'ongoing'}\n        isTabbable={false}\n        isFocusRingVisible={context.data.metadata.hasFocus}>\n        {children}\n      </TreeItem>\n    );\n  };\n\n  return (\n    <>\n      {data === null ? null : (\n        <LoadMoreCollection\n          data={data}\n          viewportConfig={viewportConfig}\n          hasMore={hasMore}\n          onLoadMore={onLoadMore}\n          loadMoreIndicator={loadMoreIndicator}>\n          {createTreeItem}\n        </LoadMoreCollection>\n      )}\n    </>\n  );\n}\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={1}>\n      {() => {\n        return <TreeItemSkeletons />;\n      }}\n    </SkeletonContainer>\n  </div>\n);\n","import { RefObject } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport {\n  findElementByKey,\n  keyExtractor,\n  getPrevNextKey,\n  ITEM_SELECTOR\n} from '#utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\nimport { useNavigation } from '#hooks/PRIVATE_useListCommon';\n\nexport function useTreeNavigation<K extends string | number>(\n  data: any | null,\n  rootRef: RefObject<HTMLDivElement>,\n  isExpanded: (key: K) => boolean,\n  idExtractor: (elem: Element) => string\n) {\n  const { direction } = useUser();\n\n  const arrowKeyAndHandlers = {\n    ArrowUp: (key?: K) => getPrevNextKey(rootRef.current, key, true, ITEM_SELECTOR),\n    ArrowDown: (key?: K) => getPrevNextKey(rootRef.current, key, false, ITEM_SELECTOR)\n  };\n\n  const { navigationProps, currentKey, onCurrentKeyChange, showFocusRing } = useNavigation(\n    data,\n    rootRef,\n    idExtractor,\n    arrowKeyAndHandlers,\n    undefined, // currentItemOverride,\n    undefined, //onPersistCurrentItem,\n    undefined,\n    undefined,\n    true, // should always allow shift key\n    false, // TODO: update allowTabbableMode when F2 mode is added\n    true,\n    false\n  );\n\n  const itemKeyExtractor = useCallback(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'tree') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    [currentKey, keyExtractor]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        const itemKey = itemKeyExtractor(event.target as HTMLElement);\n        if (itemKey) {\n          const contains = isExpanded(itemKey);\n          // arrow left on a collapsed node, go to its parent\n          if (isLeftArrow && !contains && rootRef.current) {\n            const item = findElementByKey(rootRef.current, itemKey, ITEM_SELECTOR);\n            if (item) {\n              const treeDepth = item.getAttribute('aria-level');\n              const parent =\n                treeDepth !== null &&\n                findParentElementByKey(rootRef.current, itemKey, Number(treeDepth), ITEM_SELECTOR);\n              const newKey = parent && itemKeyExtractor(parent as HTMLElement);\n              if (isKeyDefined(newKey)) {\n                onCurrentKeyChange?.({ value: newKey as K });\n              }\n            }\n          } else if (!isLeftArrow && contains) {\n            // arrow right on an expanded node, go to its first child\n            const newKey = getPrevNextKey(rootRef.current, itemKey, false, ITEM_SELECTOR)();\n            if (isKeyDefined(newKey)) {\n              onCurrentKeyChange?.({ value: newKey as K });\n            }\n          }\n        }\n      }\n    },\n    [direction, isExpanded, onCurrentKeyChange, itemKeyExtractor]\n  );\n\n  const treeNavigationProps = mergeProps(navigationProps, { onKeyUp });\n  return { treeNavigationProps, currentKey, showFocusRing };\n}\n\nconst findParentElementByKey = <K extends string | number>(\n  root: HTMLElement | null,\n  key: K | null,\n  treeDepth: number,\n  itemSelector: string\n) => {\n  if (root && key !== null) {\n    const items = Array.from(root.querySelectorAll(itemSelector));\n    const index = items.findIndex((i) => (i as HTMLElement).dataset['ojKey'] == key);\n    for (let i = index; i >= 0; i--) {\n      const level = items[i].getAttribute('aria-level');\n      if (level !== null && Number(level) == treeDepth - 1) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n","import { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { SelectionDetail, ListItemRendererContext } from '#UNSAFE_Collection';\nimport { getViewportConfig } from '#utils/PRIVATE_collectionUtils';\nimport { FlattenedTreeNode, InternalTreeNode, FlatTreeViewProps as Props } from './TreeView.types';\nimport { LoadMoreTreeCollection } from './LoadMoreTreeCollection';\nimport {\n  useSelection,\n  useAdditiveSelection,\n  SelectionRangeDetail\n} from '#hooks/PRIVATE_useSelection';\nimport { useExpandCollapse } from '#hooks/PRIVATE_useListCommon';\nimport {\n  keyExtractor,\n  getPrevNextKey,\n  findElementByKey,\n  ITEM_SELECTOR\n} from '#utils/PRIVATE_collectionUtils';\nimport { addKeys, containsKey } from '#utils/UNSAFE_keys';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { TreeViewRedwoodTheme } from './themes/redwood/TreeViewTheme.css';\nimport { useTreeNavigation } from './useTreeNavigation';\nimport { Selector } from '#UNSAFE_Selector';\nimport { isMobile } from './TreeItem';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { TreeItemSkeletons } from './TreeItemSkeletons';\nimport { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\n/**\n * A FlatTreeView displays flattened data as a tree with highly interactive features.\n */\nexport function FlatTreeView<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  data,\n  selectionMode = 'none',\n  selectedKeys = { all: false, keys: new Set() },\n  onSelectionChange,\n  onToggle,\n  viewportConfig,\n  ...rest\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [liveRegion, setLiveRegion] = useState<string>();\n  const { collection_loading, collection_loaded } = useTranslationBundle<BundleType>(\n    '@oracle/oraclejet-preact'\n  );\n  const loadingDescId = useId();\n\n  const isExpanded = useCallback((key: K) => {\n    if (rootRef.current) {\n      const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n      return elem?.getAttribute('aria-expanded') === 'true';\n    }\n    return false;\n  }, []);\n\n  const { treeNavigationProps, currentKey, showFocusRing } = useTreeNavigation(\n    data,\n    rootRef,\n    isExpanded,\n    idExtractor\n  );\n\n  const items: InternalTreeNode<K, D>[] = useMemo(\n    () =>\n      data?.map((value: FlattenedTreeNode<K, D>) => {\n        const itemKey = value.metadata.key;\n        const newValue = { ...value } as InternalTreeNode<K, D>;\n        newValue.metadata.selected = containsKey(selectedKeys, itemKey);\n        newValue.metadata.hasFocus = currentKey === itemKey && showFocusRing;\n        return newValue;\n      }) || [],\n    [data, selectedKeys, currentKey, showFocusRing]\n  );\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'tree') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    isExpanded,\n    onToggle,\n    true\n  );\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          if (selectionMode === 'multipleToggle') {\n            const keys = addKeys(selectedKeys, value);\n            onSelectionChange({ value: keys, target: null });\n          } else {\n            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          }\n        }\n      }\n    },\n    [data, selectedKeys, onSelectionChange]\n  );\n\n  // single or multiple selection mode\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode === 'multipleToggle' ? 'none' : selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          elem.scrollIntoView({ block: 'nearest' });\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  // multipleToggle selection mode\n  const { eventProps: multipleToggleSelectionProps } = useAdditiveSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    selectionMode === 'multipleToggle' ? 'multiple' : 'none',\n    false,\n    (key: K) => {\n      if (data) {\n        return data.findIndex((value: FlattenedTreeNode<K, D>) => value.metadata.key === key);\n      }\n      return -1;\n    },\n    (startIndex: number, endIndex: number) => {\n      if (data) {\n        const keys = data.map((value: FlattenedTreeNode<K, D>) => value.metadata.key);\n        return keys.slice(startIndex, endIndex);\n      }\n      return [];\n    },\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    currentKey,\n    handleSelectionChange,\n    handleSelectionRangeChange\n  );\n\n  //Note: onKeyUp doesn't work with the cmd key\n  const selectAllWithKeyboard = useCallback(\n    (event: KeyboardEvent) => {\n      if (selectionMode === 'multiple' || selectionMode === 'multipleToggle') {\n        if (onSelectionChange && (event.metaKey || event.ctrlKey) && event.key === 'a') {\n          event.preventDefault();\n          onSelectionChange({\n            value: { all: true, deletedKeys: new Set() },\n            target: event.target\n          });\n        }\n      }\n    },\n    [onSelectionChange, selectionMode]\n  );\n\n  const { classes } = useComponentTheme(TreeViewRedwoodTheme);\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  const updateContextCallback = useCallback(\n    (context: ListItemRendererContext<K, D>) => {\n      const key = context.metadata.key;\n      context.selector =\n        selectionMode === 'none' || selectionMode === 'single'\n          ? undefined\n          : (ariaLabel?: string) => (\n              <div aria-hidden={isMobile() ? undefined : true}>\n                <Selector\n                  aria-label={isMobile() ? ariaLabel : undefined}\n                  rowKey={key}\n                  selectedKeys={selectedKeys}\n                  onChange={onSelectionChange}\n                />\n              </div>\n            );\n    },\n    [selectionMode, selectedKeys, onSelectionChange]\n  );\n\n  const updateLiveRegion = useCallback(() => {\n    setLiveRegion(collection_loading());\n  }, [collection_loading]);\n\n  return (\n    <>\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={\n          data == null\n            ? ariaDescribedBy\n              ? [...new Set(ariaDescribedBy.split(/\\s+/).concat(loadingDescId))].join(' ')\n              : loadingDescId\n            : ariaDescribedBy\n        }\n        ref={rootRef}\n        role=\"tree\"\n        aria-multiselectable={selectionMode === 'multiple' ? true : false}\n        tabIndex={0}\n        class={classes}\n        {...mergeProps(\n          treeNavigationProps,\n          selectionProps,\n          multipleToggleSelectionProps,\n          expandCollapseProps,\n          { onKeyDown: selectAllWithKeyboard }\n        )}>\n        {data == null ? (\n          defaultLoadingIndicator(updateLiveRegion)\n        ) : (\n          <LoadMoreTreeCollection\n            data={items}\n            selectionMode={selectionMode}\n            onToggle={onToggle}\n            viewportConfig={viewportConfig}\n            updateContext={updateContextCallback}\n            {...rest}></LoadMoreTreeCollection>\n        )}\n      </div>\n      <HiddenAccessible id={loadingDescId}>{collection_loading()}</HiddenAccessible>\n      <LiveRegion>\n        {data == null ? liveRegion : liveRegion === collection_loading() ? collection_loaded() : ''}\n      </LiveRegion>\n    </>\n  );\n}\n\nconst defaultLoadingIndicator = (callback: () => void) => {\n  return (\n    <SkeletonContainer minimumCount={8} onSkeletonVisible={callback}>\n      {() => {\n        return <TreeItemSkeletons />;\n      }}\n    </SkeletonContainer>\n  );\n};\n\nconst idExtractor = (elem: Element) => elem.id;\n\n/**\n * A helper function to handle range selection\n */\nexport const handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  data: FlattenedTreeNode<K, D>[]\n) => {\n  const keys = data.map((value: FlattenedTreeNode<K, D>) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: -1 };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n"],"names":["NodeSkeletonContainer","children","indentation","isVisible","setIsVisible","useState","useEffect","setTimeout","_jsx","role","View","paddingInlineStart","Array","map","_element","index","TreeItemSkeleton","isLeaf","calcIndentation","undefined","padding","_jsxs","Flex","height","align","gap","Skeleton","width","borderRadius","TreeItemSkeletons","_Fragment","TreeItem","itemKey","depth","context","isExpanded","onToggle","selected","isSelectable","isCheckboxless","isTabbable","isLoading","isFocusRingVisible","rootRef","useRef","skeletonIndentation","isHover","hoverProps","useHover","classes","classNames","styles","treeItemStyles","base","focused","checkboxlessSelected","hovered","jsx","ref","id","useId","tabIndex","isMobile","class","Fragment","selectedHoveredOverlay","TabbableModeContext","Provider","value","Expander","expanded","platform","getClientHints","expanderPlaceholder","Math","max","cssVars","treeViewVars","indentWidth","SkeletonContainer","minimumCount","onSkeletonVisible","containerClasses","skeletonStyles","container","LoadMoreTreeCollection","data","selectionMode","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","defaultLoadMoreIndicator","updateContext","LoadMoreCollection","key","metadata","treeItemContext","treeDepth","hasFocus","LOADMORE_STYLE_CLASS","findParentElementByKey","root","itemSelector","items","from","querySelectorAll","findIndex","i","dataset","level","getAttribute","Number","defaultLoadingIndicator","callback","idExtractor","elem","handleSelectionRange","detail","keys","startIndex","indexOf","start","endIndex","end","minIndex","min","maxIndex","offset","count","slice","ariaLabel","ariaLabelledBy","ariaDescribedBy","selectedKeys","all","Set","onSelectionChange","rest","liveRegion","setLiveRegion","collection_loading","collection_loaded","useTranslationBundle","loadingDescId","useCallback","current","findElementByKey","ITEM_SELECTOR","treeNavigationProps","currentKey","showFocusRing","direction","useUser","arrowKeyAndHandlers","ArrowUp","getPrevNextKey","ArrowDown","navigationProps","onCurrentKeyChange","useNavigation","itemKeyExtractor","element","keyExtractor","onKeyUp","event","isRtl","isLeftArrow","target","contains","item","parent","newKey","isKeyDefined","mergeProps","useTreeNavigation","useMemo","newValue","containsKey","expandCollapseProps","useExpandCollapse","anchorKey","handleSelectionChange","size","values","pop","handleSelectionRangeChange","isArray","eventType","addKeys","selectionProps","useSelection","isPrev","scrollIntoView","block","eventProps","multipleToggleSelectionProps","useAdditiveSelection","selectAllWithKeyboard","metaKey","ctrlKey","preventDefault","deletedKeys","useComponentTheme","TreeViewRedwoodTheme","getViewportConfig","updateContextCallback","selector","Selector","rowKey","onChange","updateLiveRegion","split","concat","join","onKeyDown","HiddenAccessible","LiveRegion"],"mappings":"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"}

package/amd/Gantt-844026a4.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './PRIVATE_TimeComponent/themes/TimeComponentStyles.css', './UNSAFE_Gantt/themes/GanttStyles.css', './size-0127b66b', './useTestId-9afc201a', './TrackResizeContainer-a4999df9', './Text-9e32c423', './accUtils-acd70e81', './TimeComponentCanvas2D-d563bdbb', './useUser-12ec03f1', './Layer-c91c7141', 'preact/compat', './LayerHost-daf96749', './Floating-8192acb2', './hooks/PRIVATE_useDatatip/themes/useDatatip.css', './useId-c9578d26', './datatipUtils-6846028e', './layoutUtils-641af87a', './mergeProps-bcfa6a92', './usePinch-fc8ed928', './useSelection-59251fff', './VisTabularDatatip-e95bbf79', './useTranslationBundle-8e42d505', './lineUtils-81206f70', './useCssVars-5b3bc31e', './useTextDimensions-f254e8f5', './themeContract.css-2e4b066d', './utils-ad4761c9', './eventsUtils-5fb81c3e'], (function(e,t,o,i,r,a,n,s,d,l,c,h,u,m,g,w,p,b,x,f,v,y,T,k,A,R,j,S,C,I,P,L){"use strict";function O({innerRef:e,width:o,height:d,testId:l,children:c,...h}){const u=s.useTestId(l);return t.jsx("div",{ref:e,tabIndex:0,...u,...h,class:i.classNames([r.styles.baseStyle,a.styles.baseStyle]),style:{width:o&&n.sizeToCSS(o),height:d&&n.sizeToCSS(d)},children:c})}function E({rowAxisTopGap:e="0",rowAxisBottomGap:o="0",resolvedRowAxisWidth:i,resolvedRowAxisMaxWidth:r,rowAxis:n,ganttView:s}){const l="%"===i.suffix,c="%"===r.suffix;return l||c?t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:(d,h)=>t.jsxs("div",{class:a.rowAxisLayoutStyles.base,style:{gridTemplateRows:`${e} minmax(0, 1fr) ${o}`},children:[t.jsx("div",{class:a.rowAxisLayoutStyles.rowAxis,children:n(l?d*(i.value/100):i.value,c?d*(r.value/100):r.value)}),t.jsx("div",{class:a.rowAxisLayoutStyles.ganttView,children:s})]})}):t.jsxs("div",{class:a.rowAxisLayoutStyles.base,style:{gridTemplateRows:`${e} minmax(0, 1fr) ${o}`},children:[t.jsx("div",{class:a.rowAxisLayoutStyles.rowAxis,children:n(i.value,r.value)}),t.jsx("div",{class:a.rowAxisLayoutStyles.ganttView,children:s})]})}const D=({maxWidth:e,maxHeight:o,data:{label:i="",labelStyle:r}})=>t.jsx("div",{style:{width:e>-1?e:void 0,height:o,display:"flex",alignItems:"center",...r},children:t.jsx(l.Text,{size:"md",variant:r?.color?"inherit":"primary",truncation:"ellipsis",children:i})}),M=(e,t,o)=>({maxWidth:o,maxHeight:e.height,data:t[e.index]});class V{constructor(){this.ids=[],this.values=[],this.length=0}clear(){this.length=0}push(e,t){let o=this.length++;for(;o>0;){const e=o-1>>1,i=this.values[e];if(t>=i)break;this.ids[o]=this.ids[e],this.values[o]=i,o=e}this.ids[o]=e,this.values[o]=t}pop(){if(0===this.length)return;const e=this.ids[0];if(this.length--,this.length>0){const e=this.ids[0]=this.ids[this.length],t=this.values[0]=this.values[this.length],o=this.length>>1;let i=0;for(;i<o;){let e=1+(i<<1);const o=e+1;let r=this.ids[e],a=this.values[e];const n=this.values[o];if(o<this.length&&n<a&&(e=o,r=this.ids[o],a=n),a>=t)break;this.ids[i]=r,this.values[i]=a,i=e}this.ids[i]=e,this.values[i]=t}return e}peek(){if(0!==this.length)return this.ids[0]}peekValue(){if(0!==this.length)return this.values[0]}shrink(){this.ids.length=this.values.length=this.length}}const z=[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array];class B{static from(e){if(!e||void 0===e.byteLength||e.buffer)throw new Error("Data must be an instance of ArrayBuffer or SharedArrayBuffer.");const[t,o]=new Uint8Array(e,0,2);if(251!==t)throw new Error("Data does not appear to be in a Flatbush format.");const i=o>>4;if(3!==i)throw new Error(`Got v${i} data when expected v3.`);const r=z[15&o];if(!r)throw new Error("Unrecognized array type.");const[a]=new Uint16Array(e,2,1),[n]=new Uint32Array(e,4,1);return new B(n,a,r,void 0,e)}constructor(e,t=16,o=Float64Array,i=ArrayBuffer,r){if(void 0===e)throw new Error("Missing required argument: numItems.");if(isNaN(e)||e<=0)throw new Error(`Unexpected numItems value: ${e}.`);this.numItems=+e,this.nodeSize=Math.min(Math.max(+t,2),65535);let a=e,n=a;this._levelBounds=[4*a];do{a=Math.ceil(a/this.nodeSize),n+=a,this._levelBounds.push(4*n)}while(1!==a);this.ArrayType=o,this.IndexArrayType=n<16384?Uint16Array:Uint32Array;const s=z.indexOf(this.ArrayType),d=4*n*this.ArrayType.BYTES_PER_ELEMENT;if(s<0)throw new Error(`Unexpected typed array class: ${o}.`);r&&void 0!==r.byteLength&&!r.buffer?(this.data=r,this._boxes=new this.ArrayType(this.data,8,4*n),this._indices=new this.IndexArrayType(this.data,8+d,n),this._pos=4*n,this.minX=this._boxes[this._pos-4],this.minY=this._boxes[this._pos-3],this.maxX=this._boxes[this._pos-2],this.maxY=this._boxes[this._pos-1]):(this.data=new i(8+d+n*this.IndexArrayType.BYTES_PER_ELEMENT),this._boxes=new this.ArrayType(this.data,8,4*n),this._indices=new this.IndexArrayType(this.data,8+d,n),this._pos=0,this.minX=1/0,this.minY=1/0,this.maxX=-1/0,this.maxY=-1/0,new Uint8Array(this.data,0,2).set([251,48+s]),new Uint16Array(this.data,2,1)[0]=t,new Uint32Array(this.data,4,1)[0]=e),this._queue=new V}add(e,t,o,i){const r=this._pos>>2,a=this._boxes;return this._indices[r]=r,a[this._pos++]=e,a[this._pos++]=t,a[this._pos++]=o,a[this._pos++]=i,e<this.minX&&(this.minX=e),t<this.minY&&(this.minY=t),o>this.maxX&&(this.maxX=o),i>this.maxY&&(this.maxY=i),r}finish(){if(this._pos>>2!==this.numItems)throw new Error(`Added ${this._pos>>2} items when expected ${this.numItems}.`);const e=this._boxes;if(this.numItems<=this.nodeSize)return e[this._pos++]=this.minX,e[this._pos++]=this.minY,e[this._pos++]=this.maxX,void(e[this._pos++]=this.maxY);const t=this.maxX-this.minX||1,o=this.maxY-this.minY||1,i=new Uint32Array(this.numItems);for(let r=0,a=0;r<this.numItems;r++){const n=e[a++],s=e[a++],d=e[a++],l=e[a++],c=Math.floor(65535*((n+d)/2-this.minX)/t),h=Math.floor(65535*((s+l)/2-this.minY)/o);i[r]=W(c,h)}H(i,e,this._indices,0,this.numItems-1,this.nodeSize);for(let t=0,o=0;t<this._levelBounds.length-1;t++){const i=this._levelBounds[t];for(;o<i;){const t=o;let r=e[o++],a=e[o++],n=e[o++],s=e[o++];for(let t=1;t<this.nodeSize&&o<i;t++)r=Math.min(r,e[o++]),a=Math.min(a,e[o++]),n=Math.max(n,e[o++]),s=Math.max(s,e[o++]);this._indices[this._pos>>2]=t,e[this._pos++]=r,e[this._pos++]=a,e[this._pos++]=n,e[this._pos++]=s}}}search(e,t,o,i,r){if(this._pos!==this._boxes.length)throw new Error("Data not yet indexed - call index.finish().");let a=this._boxes.length-4;const n=[],s=[];for(;void 0!==a;){const d=Math.min(a+4*this.nodeSize,F(a,this._levelBounds));for(let l=a;l<d;l+=4){if(o<this._boxes[l])continue;if(i<this._boxes[l+1])continue;if(e>this._boxes[l+2])continue;if(t>this._boxes[l+3])continue;const d=0|this._indices[l>>2];a>=4*this.numItems?n.push(d):(void 0===r||r(d))&&s.push(d)}a=n.pop()}return s}neighbors(e,t,o=1/0,i=1/0,r){if(this._pos!==this._boxes.length)throw new Error("Data not yet indexed - call index.finish().");let a=this._boxes.length-4;const n=this._queue,s=[],d=i*i;e:for(;void 0!==a;){const i=Math.min(a+4*this.nodeSize,F(a,this._levelBounds));for(let o=a;o<i;o+=4){const i=0|this._indices[o>>2],s=_(e,this._boxes[o],this._boxes[o+2]),l=_(t,this._boxes[o+1],this._boxes[o+3]),c=s*s+l*l;c>d||(a>=4*this.numItems?n.push(i<<1,c):(void 0===r||r(i))&&n.push(1+(i<<1),c))}for(;n.length&&1&n.peek();){if(n.peekValue()>d)break e;if(s.push(n.pop()>>1),s.length===o)break e}a=n.length?n.pop()>>1:void 0}return n.clear(),s}}function _(e,t,o){return e<t?t-e:e<=o?0:e-o}function F(e,t){let o=0,i=t.length-1;for(;o<i;){const r=o+i>>1;t[r]>e?i=r:o=r+1}return t[o]}function H(e,t,o,i,r,a){if(Math.floor(i/a)>=Math.floor(r/a))return;const n=e[i+r>>1];let s=i-1,d=r+1;for(;;){do{s++}while(e[s]<n);do{d--}while(e[d]>n);if(s>=d)break;U(e,t,o,s,d)}H(e,t,o,i,d,a),H(e,t,o,d+1,r,a)}function U(e,t,o,i,r){const a=e[i];e[i]=e[r],e[r]=a;const n=4*i,s=4*r,d=t[n],l=t[n+1],c=t[n+2],h=t[n+3];t[n]=t[s],t[n+1]=t[s+1],t[n+2]=t[s+2],t[n+3]=t[s+3],t[s]=d,t[s+1]=l,t[s+2]=c,t[s+3]=h;const u=o[i];o[i]=o[r],o[r]=u}function W(e,t){let o=e^t,i=65535^o,r=65535^(e|t),a=e&(65535^t),n=o|i>>1,s=o>>1^o,d=r>>1^i&a>>1^r,l=o&r>>1^a>>1^a;o=n,i=s,r=d,a=l,n=o&o>>2^i&i>>2,s=o&i>>2^i&(o^i)>>2,d^=o&r>>2^i&a>>2,l^=i&r>>2^(o^i)&a>>2,o=n,i=s,r=d,a=l,n=o&o>>4^i&i>>4,s=o&i>>4^i&(o^i)>>4,d^=o&r>>4^i&a>>4,l^=i&r>>4^(o^i)&a>>4,o=n,i=s,r=d,a=l,d^=o&r>>8^i&a>>8,l^=i&r>>8^(o^i)&a>>8,o=d^d>>1,i=l^l>>1;let c=e^t,h=i|65535^(c|o);return c=16711935&(c|c<<8),c=252645135&(c|c<<4),c=858993459&(c|c<<2),c=1431655765&(c|c<<1),h=16711935&(h|h<<8),h=252645135&(h|h<<4),h=858993459&(h|h<<2),h=1431655765&(h|h<<1),(h<<1|c)>>>0}const Z=e=>{const t=e.map((e=>e.taskObjs.length)).reduce(((e,t)=>e+t),0),o=new B(t);return e.forEach((e=>e.taskObjs.forEach((({overallStartTime:e,overallEndTime:t,y:i,height:r})=>{o.add(e,i,t,i+r)})))),o.finish(),o},Y=(e,t,o,i,r=!0)=>r?e<=i&&o<=t:e<i&&o<t,X=(e,t)=>Y(e.overallStartTime,e.overallEndTime,t.overallStartTime,t.overallEndTime,!1),G=(e,t,o)=>{const i=((e,t,o)=>{if(0===e.length)return 0;let i=0,r=e.length;for(;i<r;){const o=Math.floor((i+r)/2);e[o]<t?i=o+1:r=o}if(i<e.length&&(e[i]===t||"successor"===o))return i;return i>0?i-1:0})(e,t,"predecessor");let r=i;for(let t=i;t<e.length&&e[t]<=o;t++)r=t;return{minRowInd:i,maxRowInd:r}},K=e=>({start:e.start?e.start:e.end,end:e.end?e.end:e.start}),N=e=>!(!e||"none"===e),$=(e,t,o,i)=>{const r=N(i.selectionMode),a=new Set(i.selectedIds);let n=0;const s=e.map(((i,s)=>{const d=i.tasks.map(((e,o)=>{const{start:i,end:n}=K(e),d=h.parseDate(i),l=h.parseDate(n);return{id:e.id,renderIndex:0,index:o,rowIndex:s,y:-1,startTime:d,endTime:l,overallStartTime:d,overallEndTime:l,rowLevel:0,height:void 0!==e.height?e.height:t.taskHeight,borderRadius:void 0!==e.borderRadius?e.borderRadius.toString():t.taskBorderRadius,fill:e.color?e.color:t.taskBgColor,stroke:t.taskBorderColor,strokeWidth:1,isSelectable:r,isSelected:a.has(e.id),selectionEffect:{stroke:t.taskEffectBorderColor,strokeWidth:2,padding:2},hoverEffect:{stroke:t.taskEffectBorderColor,strokeWidth:1,padding:0,shadow:{...t.taskEffectBoxShadow}},focusEffect:{stroke:t.taskEffectBorderColor,strokeWidth:1,padding:2}}}));d.sort(((e,t)=>e.startTime-t.startTime)),d.forEach(((e,t)=>e.renderIndex=t));const l=(({rowHeight:e,rowY:t,taskObjs:o,resolvedVars:i})=>{if(0===o.length)return(e=>e.rowPaddingTop+e.taskHeight+e.rowPaddingBottom)(i);o[0].rowLevel=0,o[0].y=0;const r=[[o[0]]],a=[o[0]];for(let e=1;e<o.length;e++){const t=o[e],i="stack",n=o[e-1];X(t,n)?r[r.length-1].push(t):r.push([t]);let s,d=0;switch(i){case"stack":{let e=!0;for(let o=0;o<a.length;o++){if(s=void 0,!X(t,a[o])){s=a[o],a[o]=t,e=!1;break}d+=1}e&&a.push(t),t.y=0,s&&(t.previousAdjacentTaskObj=s,s.nextAdjacentTaskObj=t);break}default:return i}t.rowLevel=d}const n=i.rowPaddingTop,s=i.rowPaddingBottom,d=a.map((()=>0));if(void 0===e){o.forEach((e=>{e.height>d[e.rowLevel]&&(d[e.rowLevel]=e.height)}));const e=d.map((e=>e+n+s)).reduce(((e,t,o)=>(e.push((e[o-1]||0)+t),e)),[]);o.forEach((t=>{t.y+=(e[t.rowLevel-1]||0)+n}))}const l=r.map((e=>{let t=0;return e.forEach((e=>{const o=e.y+e.height;o>t&&(t=o)})),t}));let c;return void 0===e?(c=l.reduce(((e,t)=>Math.max(e,t)))+n,r.forEach((e=>{e.forEach((e=>{const o=d[e.rowLevel];e.y+=(o-e.height)/2+t}))}))):(c=e,r.forEach(((e,o)=>{const i=l[o];let r=Number.MAX_VALUE;e.forEach((e=>{e.y+=Math.floor((c-e.height)/2),e.y<r&&(r=e.y)}));const a=Math.floor((c-i)/2)-r;e.forEach((e=>{e.y+=t+a}))}))),c})({rowHeight:i.height,rowY:n,taskObjs:d,resolvedVars:t});((e,t)=>{e.forEach((e=>{const{index:o,rowIndex:i}=e,r=t[i].tasks[o].label;r&&(e.labelObj={startTime:e.startTime,endTime:e.endTime,label:r,isInner:!0,position:"center"})}))})(d,e);const c={id:i.id,y:n,height:l,index:s,isSelected:d.some((e=>e.isSelected)),taskObjs:d},u="on"===o.horizontal?1:0;return n+=l+u,c})),d=s[s.length-1],l=d?d.y+d.height:0,c=new Map;s.forEach((e=>e.taskObjs.forEach((e=>c.set(e.id,e)))));const u=new Map;s.forEach((e=>u.set(e.id,e)));const m=(e=>({tasks:Z(e)}))(s);return{rowData:e,rowObjs:s,rowPadding:t.rowPaddingTop,totalRowsHeight:l,gridlines:o,spatialIndex:m,idRowObjMap:u,idTaskObjMap:c,getTaskDataById:t=>{const o=c.get(t);return o&&e[o.rowIndex].tasks[o.index]}}},q=(e,t,o,i,r,a)=>{const n=h.getTimePosition(e.startTime,t,o,i,a),s=h.getTimePosition(e.endTime,t,o,i,a);return{...e,x:a?s:n,y:e.y-r,width:a?n-s:s-n}},J=(e,t,o,i,r,a,n)=>{const s=i,d=i+a,l=e.rowObjs.map((e=>e.y)),{minRowInd:c,maxRowInd:u}=G(l,s,d),m=[];for(let a=c;a<=u;a++){const s=e.rowObjs[a],d=s.taskObjs.filter((({overallStartTime:e,overallEndTime:i})=>Y(e,i,t,o))).map((e=>q(e,t,o,r,i,n))),l={...s,y:s.y-i,taskObjs:d};m.push(l)}const g=[];m.forEach((i=>{i.taskObjs.forEach((({index:i,rowIndex:a,labelObj:s,y:d,height:l})=>{const c=((e,t,o,i,r,a,n,s)=>{if(!e)return;const d=h.getTimePosition(e.startTime,r,a,n,s),l=h.getTimePosition(e.endTime,r,a,n,s);let c;switch(e.position){case"center":c="center";break;case"start":c=s?"right":"left";break;case"end":c=s?"left":"right";break;default:return e.position}return{x:s?l:d,y:o,width:s?d-l:l-d,height:i,label:e.label,isInner:e.isInner,textAlign:c,labelStyle:t}})(s,e.rowData[a].tasks[i].labelStyle,d,l,t,o,r,n);c&&g.push(c)}))}));const w="on"===e.gridlines.horizontal?m.map((({y:e,height:t})=>e+t+.5)):void 0,p=new Map;return m.forEach((e=>e.taskObjs.forEach((e=>p.set(e.id,e))))),{spatialIndex:e.spatialIndex,gridlines:e.gridlines,horizontalGridlinesPos:w,rowData:e.rowData,allRowObjs:e.rowObjs,allIdTaskObjMap:e.idTaskObjMap,allIdRowObjMap:e.idRowObjMap,rowPadding:e.rowPadding,rowObjs:m,taskLabelObjs:g,idTaskObjMap:p,getTaskDataById:e.getTaskDataById}},Q=(e,t,o,i)=>{const r=t[e.rowIndex].tasks[e.index],a=void 0!==r.accessibleLabel?r.accessibleLabel:((e,t,o,i)=>{const r=t[e.rowIndex],a=r.tasks[e.index],{start:n,end:s}=K(a),d=n===s,l=[];if(r.label){const e=i.vis_labelAndValue({LABEL:i.gantt_labelRow(),VALUE:r.label});l.push(e)}if(d){const e=i.vis_labelAndValue({LABEL:i.gantt_labelDate(),VALUE:o(n)});l.push(e)}else{const e=i.vis_labelAndValue({LABEL:i.gantt_labelStart(),VALUE:o(n)}),t=i.vis_labelAndValue({LABEL:i.gantt_labelEnd(),VALUE:o(s)});l.push(e),l.push(t)}if(a.label){const e=i.vis_labelAndValue({LABEL:i.gantt_labelLabel(),VALUE:a.label});l.push(e)}return l.join("; ")})(e,t,o,i);return c.generateAriaLabel(i,a,{isSelected:e.isSelected})};function ee({rowObj:e,rowData:o,isRowSelected:r,isFocused:n,isHorizontalGridlinesVisible:s,ariaActive:d,children:l}){const c=((e,t)=>{const o=t[e.index];return o.accessibleLabel||o.label})(e,o);return t.jsx("div",{id:d?.dataId===e.id?d.ariaId:void 0,"data-oj-private-row-index":e.index,role:"row","aria-label":c,class:i.classNames([a.rowAxisStyles.labelContainer,r&&a.rowBackgroundStyles.selected,n&&a.rowAxisStyles.labelContainerFocused,s&&a.rowAxisStyles.withLabelSeparatorBottom]),children:t.jsx("div",{role:"rowheader",children:l})},e.id)}function te({content:e,placement:i="top-end-corner",offset:r,borderColor:a,anchor:n,targetFocusRef:s}){const d=o.useRef(x.useId()),[l,c]=o.useState({x:0,y:0}),h=r||{mainAxis:f.DATATIP_OFFSET,crossAxis:-1*f.DATATIP_OFFSET},u=o.useRef(null),g="element"===n?u:{current:l};return{datatipContent:null!=e?t.jsx(m.Layer,{children:t.jsx(p.Floating,{anchorRef:g,placement:i,offsetValue:h,flipOptions:{crossAxis:!0,mainAxis:!0},shiftOptions:{crossAxis:!1,mainAxis:!1},children:t.jsx("div",{id:d.current,className:b.styles.visDatatipStyle,style:{borderColor:a},children:e})})}):null,datatipProps:{"aria-describedby":d.current,onPointerEnter:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(u.current=e.currentTarget)},onPointerLeave:()=>{c({x:-1e4,y:-1e4})},onPointerMove:e=>{c({x:e.clientX,y:e.clientY})},onFocus:e=>{e.eventPhase!==Event.AT_TARGET&&e.eventPhase!==Event.BUBBLING_PHASE||(u.current=e.target)},onShowFocusDatatip:()=>{u.current=s.current}}}}const oe=({rowObjs:e,hoverProps:t})=>({onPointerMove:o=>{const i=(t=>{const{clientX:o,clientY:i}=t,r=document.elementsFromPoint(o,i);for(let t=0;t<r.length;t++){const o=r[t].dataset.ojRowIndex;if(o)return e[Number(o)].id}})(o);i!==t.hoveredRowLabelId&&t.onRowLabelHoverChange({id:i})}});function ie({innerRef:e,scrollPosition:o,resolvedWidth:r,resolvedMaxWidth:n,currentRowLabel:s,currentRowLabelInteraction:d,hoveredRowLabelId:l,onRowLabelHoverChange:c,layoutObj:{labelPaddingInlineStart:h,labelPaddingInlineEnd:m,rowData:g,rowObjs:w,idRowObjMap:p,isHorizontalGridlinesVisible:b},ariaActive:x,children:f}){const T=r!==1/0?r:void 0,k=n!==1/0?n:void 0,A=Math.min(r,n),R=A===1/0?-1:A-(h+m),j=oe({rowObjs:w,hoverProps:{hoveredRowLabelId:l,onRowLabelHoverChange:c}}),{datatipContent:S,datatipProps:C}=(({targetRef:e,rowData:t,hoveredRowObj:o,focusedRowObj:i,currentRowLabelInteraction:r,rowAxisRegion:a})=>{const{direction:n}=u.useUser(),s="rtl"===n,d={hover:{rowObj:o,anchor:"pointer"},focus:{rowObj:i,anchor:"element"},none:{rowObj:void 0,anchor:"pointer"}},{anchor:l,rowObj:c}=d[r],h=c?t[c.index].accessibleLabel:void 0,m=c&&"element"===l?{x:0,y:c.y+a.y,width:a.w,height:c.height}:void 0;return te({content:h,anchor:l,placement:"top-start",offset:v.calculateOffset(s,a.w,m),targetFocusRef:e})})({rowData:g,hoveredRowObj:l&&p.get(l),focusedRowObj:s?.isFocused?p.get(s.id):void 0,currentRowLabelInteraction:d,rowAxisRegion:{x:0,y:-o,w:2*(h+m),h:-1},targetRef:e});return t.jsxs("div",{ref:e,...y.mergeProps(j,C),class:i.classNames([a.rowAxisStyles.base,b&&a.rowAxisStyles.withSeparatorTop]),style:{width:T,maxWidth:k},children:[t.jsx("div",{role:"grid",class:a.rowAxisStyles.contentContainer,style:{top:-o},children:w.map((e=>t.jsx(ee,{ariaActive:x,rowObj:e,rowData:g,isRowSelected:e.isSelected,isFocused:!!s?.isFocused&&s.id===e.id,isHorizontalGridlinesVisible:b,children:f(M(e,g,R))})))}),S]})}const re=(e,t,o,i,r)=>{const a=((e,t,o)=>{const i=t.max-o.max,r=t.min-o.min,a=e*(t.max-t.min),n=Math.max(i,Math.min(a,r));return{min:Math.max(0,t.min-n),max:t.max-n}})(e,t,i),{min:n,max:s}=o,d=a.min!==n||a.max!==s;return d&&r(a),{newRange:a,isRangeChanged:d}},ae=({rowObjs:e})=>{if(0!==e.length&&0!==e[0].taskObjs.length)return{id:e[0].taskObjs[0].id,isFocused:!0}},ne=(e,{rowObjs:t,idTaskObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="next"===i?1:-1,{rowIndex:n,renderIndex:s}=r,d=t[n].taskObjs[s+a];if(d)return d.id;const l=t[n+a];if(l){const e="next"===i?l.taskObjs[0]:l.taskObjs[l.taskObjs.length-1];if(e)return e.id}},se=(e,{rowObjs:t,idTaskObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="down"===i?1:-1,{rowIndex:n}=r,s=t[n+a];if(!s)return;const d=s.taskObjs[0];return d?d.id:void 0},de=(e,t)=>ne(e,t,"next"),le=(e,t)=>ne(e,t,"prev"),ce=(e,{rowObjs:t,idRowObjMap:o},i)=>{const r=o.get(e);if(!r)return;const a="down"===i?1:-1,{index:n}=r,s=t[n+a];return s?s.id:void 0},he=(e,t,o,i="auto",r="auto",a=0)=>{const n=Math.min(e.x-t.x-a,0),s=Math.max(0,e.x+e.w-(t.x+t.w)+a),d=o?s:n,l=o?n:s;let c=0;switch(i){case"start":c=d;break;case"end":c=l;break;case"auto":c=(o?l<0:l>0)?l:d;break;default:return i}const h=Math.min(e.y-t.y-a,0),u=Math.max(0,e.y+e.h-(t.y+t.h)+a);let m=0;switch(r){case"top":m=h;break;case"bottom":m=u;break;case"auto":m=h<0?h:u;break;default:return r}return{dx:-c,dy:-m}},ue=({viewportLayout:e,dataBodyWidth:t,dataBodyHeight:i,viewportStartTime:r,viewportEndTime:a,scrollPosition:n,...s})=>{const{direction:d}=u.useUser(),l="rtl"===d,c=(({getRangeX:e,getRangeY:t,globalRangeX:i,globalRangeY:r,onRangeXChange:a,onRangeYChange:n,isDisabled:s=!1})=>{const d=o.useRef({min:0,max:0}),l=o.useRef({min:0,max:0});return s?{}:{onKbPanHorizontal:t=>{const{detail:{rangeRatio:o}}=t,{newRange:r}=re(o,e(),d.current,i,a);d.current=r},onKbPanVertical:e=>{const{detail:{rangeRatio:o}}=e,{newRange:i}=re(o,t(),l.current,r,n);l.current=i}}})(s),h=o.useRef({min:0,max:0}),m=o.useRef({min:0,max:0}),g=(e=0,o=0)=>{if(0!==e){const{newRange:o}=re(e/t,s.getRangeX(),h.current,s.globalRangeX,s.onRangeXChange);h.current=o}if(0!==o){const{newRange:e}=re(o/i,s.getRangeY(),m.current,s.globalRangeY,s.onRangeYChange);m.current=e}};return s.isDisabled?{}:{...c,onKbPanTaskIntoView:o=>{let s=e.idTaskObjMap.get(o.detail.id);if(!s){const i=e.allIdTaskObjMap.get(o.detail.id);if(!i)return;s=q(i,r,a,t,n,l)}const{x:d,y:c,width:h,height:u}=s,m={x:d,y:c,w:h,h:u},w={x:0,y:0,w:t,h:i},p=e.rowPadding,{dx:b,dy:x}=he(m,w,l,"auto","auto",p);g(b,x)},onKbPanRowIntoView:o=>{const r=e.allIdRowObjMap.get(o.detail.id);if(!r)return;const a={x:0,y:r.y-n,w:t,h:r.height},s={x:0,y:0,w:t,h:i},d=e.rowPadding,{dy:c}=he(a,s,l,"auto","auto",d);g(0,c)}}},me=({captureTargetRef:e,width:t,height:i,viewportStartTime:r,viewportEndTime:a,majorAxisScale:n,minorAxisScale:s,startTime:d,endTime:l,zoomParameters:c,scrollPosition:m,dataBodyHeight:g,totalRowsHeight:w,viewportLayout:p,onViewportChange:b,onScrollPositionChange:x,onCursorChange:f,isPanDisabled:v,isZoomDisabled:k})=>{const A={captureTargetRef:e,width:t,height:i,getRangeX:()=>({min:r,max:a}),getRangeY:()=>({min:m,max:m+g}),globalRangeX:{min:d,max:l},globalRangeY:{min:0,max:w},onRangeXChange:e=>{b?.({viewportStart:h.getISOString(e.min),viewportEnd:h.getISOString(e.max),majorAxisScale:n,minorAxisScale:s})},onRangeYChange:e=>{x?.({y:e.min})},isDisabled:v},{getZoomOrderViewDurationThresholds:R,...j}=c,S={captureTargetRef:e,width:t,...j,zoomOrderViewDurationThresholds:R(t),onViewportChange:b,isDisabled:k},C=(({captureTargetRef:e,width:t,height:i,getRangeX:r,getRangeY:a,globalRangeX:n,globalRangeY:s,onRangeXChange:d,onRangeYChange:l,onDragPanStart:c,onDragPanEnd:m,isDisabled:g=!1})=>{const{direction:w}=u.useUser(),p=o.useRef({min:0,max:0}),b=o.useRef({min:0,max:0}),x=o.useRef({min:0,max:0}),f=o.useRef({min:0,max:0}),v=o.useRef(!1),y=h.useDrag({captureTargetRef:e,onDragStart:()=>{x.current=r(),f.current=a(),c&&c()},onDragMove:({dx:e,dy:o})=>{v.current=!0;const{newRange:r}=re(("rtl"===w?-1:1)*e/t,x.current,p.current,n,d);p.current=r;const{newRange:a}=re(o/i,f.current,b.current,s,l);b.current=a},onDragEnd:({originalEvent:e})=>{v.current&&e.preventDefault(),v.current=!1,m&&m()},isDisabled:g});return g?{}:y})({...A,onDragPanStart:()=>f?.({cursor:"grabbing"}),onDragPanEnd:()=>f?.({cursor:"grabbingUnset"})}),I=(({width:e,height:t,getRangeX:i,getRangeY:r,globalRangeX:a,globalRangeY:n,onRangeXChange:s,onRangeYChange:d,isDisabled:l=!1})=>{const{direction:c}=u.useUser(),m=o.useRef({min:0,max:0}),g=o.useRef({min:0,max:0}),w=h.useWheel({onWheel:({deltaX:o,deltaY:l,ctrlKey:h})=>{if(h)return;const{newRange:u}=re(("rtl"===c?-1:1)*o/e,i(),m.current,a,s);m.current=u;const{newRange:w}=re(l/t,r(),g.current,n,d);g.current=w},isDisabled:l});return l?{}:w})(A),P=ue({...A,viewportLayout:p,dataBodyWidth:t,dataBodyHeight:g,viewportStartTime:r,viewportEndTime:a,scrollPosition:m}),L=(({captureTargetRef:e,width:t,startTime:o,endTime:i,viewportStartTime:r,viewportEndTime:a,majorAxisZoomOrder:n,majorAxisZoomOrderIndex:s,minorAxisZoomOrder:d,minorAxisZoomOrderIndex:l,zoomOrderViewDurationThresholds:c,minZoomViewportDuration:m,maxZoomViewportDuration:g,onViewportChange:w,isDisabled:p=!1})=>{const{direction:b}=u.useUser(),x="rtl"===b,f=T.usePinch({captureTargetRef:e,onPinchZoomChange:({origin:{x:e},delta:u})=>{const p=h.getPositionTime(e,r,a,t,x);h.zoomTime(p,r,a,o,i,h.getGestureZoomFactor(u),m,g,c,d,l,n,s,w)},isDisabled:p});return p?{}:f})(S),O=(({width:e,startTime:t,endTime:o,viewportStartTime:i,viewportEndTime:r,majorAxisZoomOrder:a,majorAxisZoomOrderIndex:n,minorAxisZoomOrder:s,minorAxisZoomOrderIndex:d,zoomOrderViewDurationThresholds:l,minZoomViewportDuration:c,maxZoomViewportDuration:m,onViewportChange:g,isDisabled:w=!1})=>{const{direction:p}=u.useUser(),b="rtl"===p,x=h.useWheel({onWheel:({x:u,deltaY:w,ctrlKey:p})=>{if(!p)return;const x=h.getPositionTime(u,i,r,e,b);h.zoomTime(x,i,r,t,o,h.getGestureZoomFactor(w),c,m,l,s,d,a,n,g)},isDisabled:w});return w?{}:x})(S),E=(({startTime:e,endTime:t,viewportStartTime:o,viewportEndTime:i,majorAxisZoomOrder:r,majorAxisZoomOrderIndex:a,minorAxisZoomOrder:n,minorAxisZoomOrderIndex:s,zoomOrderViewDurationThresholds:d,minZoomViewportDuration:l,maxZoomViewportDuration:c,onViewportChange:u,isDisabled:m=!1})=>m?{}:{onKbZoomIn:m=>{const g=o+(i-o)/2;h.zoomTime(g,o,i,e,t,m.detail.zoomFactor,l,c,d,n,s,r,a,u)},onKbZoomOut:m=>{const g=o+(i-o)/2;h.zoomTime(g,o,i,e,t,m.detail.zoomFactor,l,c,d,n,s,r,a,u)}})(S);return{gestureProps:y.mergeProps(C,I,P,L,O,E)}},ge=({targetRef:e,datatip:o,rowData:i,dateFormatter:r,hoveredTaskObj:a,focusedTaskObj:n,currentTaskInteraction:s,dataBodyRegion:d})=>{const{direction:l}=u.useUser(),c="rtl"===l,h=R.useTranslationBundle("@oracle/oraclejet-preact"),m={hover:{taskObj:a,anchor:"pointer"},focus:{taskObj:n,anchor:"element"},none:{taskObj:void 0,anchor:"pointer"}},{anchor:g,taskObj:w}=m[s],p=o??(e=>{const{translations:o,dateFormatter:i}=e;return({data:e,rowData:r})=>{if(void 0!==e.accessibleLabel)return{content:e.accessibleLabel};const{start:a,end:n}=K(e),s=a===n,d=[];return r.label&&d.push({key:o.gantt_labelRow(),value:r.label}),s?d.push({key:o.gantt_labelDate(),value:i(a)}):(d.push({key:o.gantt_labelStart(),value:i(a)}),d.push({key:o.gantt_labelEnd(),value:i(n)})),e.label&&d.push({key:o.gantt_labelLabel(),value:e.label}),{content:t.jsx(A.VisTabularDatatip,{tableData:d})}}})({translations:h,dateFormatter:r,isRTL:c}),{content:b,borderColor:x}=w?p(((e,t)=>{const{index:o,rowIndex:i}=t;return{data:e[i].tasks[o],rowData:e[i]}})(i,w)):{content:void 0,borderColor:void 0},f=w&&"element"===g?{x:w.x,y:w.y+d.y,width:w.width,height:w.height}:void 0;return te({content:b,anchor:g,placement:"top-start",offset:v.calculateOffset(c,d.w,f),borderColor:x,targetFocusRef:e})};function we({innerRef:e,isRTL:r,scrollPosition:n,onScrollPositionChange:s,isViewportDefined:l,onViewportChange:c,zoomParameters:u,zooming:m,selectedIds:g,selectionMode:w,onSelectionChange:p,hoveredTaskId:b,onTaskHoverChange:x,currentTask:f,onCurrentTaskChange:v,currentTaskInteraction:T,ariaActive:A,getTimeAxesLayout:R,getResolvedViewportLayout:j,rowDataLayout:S,rowAxisSeparator:C,datatip:I,majorAxis:P,minorAxis:L,dataBody:O}){return l?t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:function(d,l){const E=R(d),{position:D,majorAxis:M,minorAxis:V,viewportStartTime:z,viewportEndTime:B,startTime:_,endTime:F}=E,H=M&&M.zoomOrder[M.zoomOrderIndex],U=V.zoomOrder[V.zoomOrderIndex],W=M?M.height:0,{height:Z}=V,Y=l-(W+Z),X=j(S,z,B,n,d,Y,r),G=((e,t)=>{const o=e.selectionProps.selectedIds||[],i=[];o.forEach((e=>{const o=t.get(e);o&&i.push(o)}));const r=N(e.selectionProps.selectionMode)?e.hoverProps.hoveredTaskId:void 0,a=void 0!==r?t.get(r):void 0,n=e.currentProps.currentTask,s=!0===n?.isFocused,d=n?.id,l=s&&void 0!==d?t.get(d):void 0;return{selectedTaskObjs:i,hoveredTaskObj:a,focusedTaskObj:l}})({selectionProps:{selectedIds:g,selectionMode:w},hoverProps:{hoveredTaskId:b},currentProps:{currentTask:f}},X.idTaskObjMap),K=h.getDefaultDateFormatter(U,z),$=M&&P(M),q=L(V),J=O({width:d,height:Y,viewportLayout:X,minorAxisLayout:V,effectsLayout:G,dateFormatter:K,ariaActiveTask:A}),Q={top:{components:[$,q,J],dataBodyPos:l-Y},bottom:{components:[J,q,$],dataBodyPos:0}},[ee,te]=o.useState(),oe=e=>te((t=>void 0===t?e.cursor:"grabbing"===t&&"grabbingUnset"!==e.cursor?"grabbing":"grabbingUnset"!==e.cursor&&"pointerUnset"!==e.cursor?e.cursor:void 0)),{gestureProps:ie}=me({captureTargetRef:e,width:d,height:l,viewportStartTime:z,viewportEndTime:B,majorAxisScale:H,minorAxisScale:U,startTime:_,endTime:F,zoomParameters:u,scrollPosition:n,dataBodyHeight:Y,totalRowsHeight:S.totalRowsHeight,viewportLayout:X,onViewportChange:e=>{c&&(c(e),x({id:void 0}))},onScrollPositionChange:e=>{s&&(s(e),x({id:void 0}))},onCursorChange:oe,isPanDisabled:!1,isZoomDisabled:"off"===m}),re={x:0,y:Q[D].dataBodyPos,w:d,h:Y},{gestureProps:ae,selectionContent:ne}=(({viewportLayout:e,viewportYOffset:t,dataBodyRegion:o,viewportStartTime:i,viewportEndTime:r,width:a,isRTL:n,selectionProps:s,hoverProps:d,currentProps:l,onCursorChange:c})=>{const{x:u,y:m,w:g,h:w}=o,p=N(s.selectionMode),b=o=>{const s=e.allRowObjs,d=e.spatialIndex,{offsetX:l,offsetY:c}=o;if(l<u||l>u+g||c<m||c>m+w)return;const p={time:h.getPositionTime(l,i,r,a,n),y:c+t},b=((e,t,{time:o,y:i})=>{const r=t.search(o,i,o,i);if(0===r.length)return;let a=r[0];for(let t=0;t<e.length;t++){const o=e[t];for(let e=0;e<o.taskObjs.length;e++){if(0===a)return{rowIndex:t,taskIndex:e};a-=1}}})(s,d.tasks,p);if(!b)return;const{rowIndex:x,taskIndex:f}=b;return s[x].taskObjs[f].id},x={onPointerMove:e=>{const t=b(e);t!==d.hoveredTaskId&&d.onTaskHoverChange({id:t}),p&&c?.({cursor:void 0!==t?"pointer":"pointerUnset"})}},f={onPointerUp:e=>{const t=b(e);void 0!==t&&(p&&c?.({cursor:"pointer"}),t!==l?.currentTask?.id&&l.onCurrentTaskChange({id:t,isFocused:!1}))}},{selectionProps:{onKeyUp:v,...T},selectionContent:A}=k.useSelection({idExtracter:b,selection:s.selectedIds,selectionMode:s.selectionMode,onChange:s.onSelectionChange,getDataById:e.getTaskDataById});return{gestureProps:y.mergeProps(x,f,T),selectionContent:A}})({viewportLayout:X,viewportYOffset:n-Q[D].dataBodyPos,dataBodyRegion:re,viewportStartTime:z,viewportEndTime:B,width:d,isRTL:r,selectionProps:{selectedIds:g,selectionMode:w,onSelectionChange:p},hoverProps:{hoveredTaskId:b,onTaskHoverChange:x},currentProps:{currentTask:f,onCurrentTaskChange:v},onCursorChange:oe}),{datatipContent:se,datatipProps:de}=ge({datatip:I,rowData:X.rowData,dateFormatter:K,hoveredTaskObj:b&&X.idTaskObjMap.get(b),focusedTaskObj:G.focusedTaskObj,currentTaskInteraction:T,dataBodyRegion:re,targetRef:e}),le=y.mergeProps(ie,ae,de);return t.jsxs("div",{ref:e,...le,class:i.classNames([a.timeAxisDataBodyStyles.base,a.timeAxisDataBodyStyles.pannable,r?C&&a.timeAxisDataBodyStyles.withRowAxisSeparatorRight:C&&a.timeAxisDataBodyStyles.withRowAxisSeparatorLeft]),style:{cursor:ee},children:[Q[D].components,se,ne]})}}):t.jsx(d.TrackResizeContainer,{width:"100%",height:"100%",children:e=>{const t=R(e),{majorAxis:o,minorAxis:i,viewportStartTime:r,viewportEndTime:a}=t,n=o&&o.zoomOrder[o.zoomOrderIndex],s=i.zoomOrder[i.zoomOrderIndex];return c?.({viewportStart:h.getISOString(r),viewportEnd:h.getISOString(a),majorAxisScale:n,minorAxisScale:s}),null}})}function pe({width:e,height:o,positions:i}){const r=i.map((t=>`M0,${t} H${e}`)).join(" ");return t.jsx("svg",{width:e,height:o,children:t.jsx("path",{class:a.horizontalGridlinesStyles.base,d:r})})}function be({width:e,height:i,rowData:r,dateFormatter:a,ariaActiveId:n,ariaActiveTaskObj:s}){const d=R.useTranslationBundle("@oracle/oraclejet-preact"),l=o.useRef(0),c=o.useMemo((()=>{const e=0===l.current?[n,v.getRandomId()]:[v.getRandomId(),n];return l.current=Math.abs(l.current-1),e}),[n]),h=s&&Q(s,r,a,d);return t.jsxs("div",{style:{width:e,height:i},children:[t.jsx("div",{role:"img",id:c[0],"aria-label":h}),t.jsx("div",{role:"img",id:c[1],"aria-label":h})]})}function xe({width:e,height:o,rowData:i,dateFormatter:r,layoutObjs:n}){const s=R.useTranslationBundle("@oracle/oraclejet-preact"),d=[];return n.forEach((e=>{e.taskObjs.forEach((e=>{const o=Q(e,i,r,s);d.push(t.jsx("div",{role:"img","aria-label":o,class:a.taskMobileAccStyles.content,style:{width:e.width,height:e.height,top:e.y,left:e.x}}))}))})),t.jsx("div",{class:a.taskMobileAccStyles.base,style:{width:e,height:o},children:d})}function fe({width:e,height:o,rowData:i,dateFormatter:r,ariaActiveId:a,ariaActiveTaskObj:n,layoutObjs:s}){return c.supportsMobileScreenReader?t.jsx(xe,{width:e,height:o,layoutObjs:s,rowData:i,dateFormatter:r}):t.jsx(be,{width:e,height:o,rowData:i,dateFormatter:r,ariaActiveId:a,ariaActiveTaskObj:n})}function ve({width:e,height:o,layoutObjs:i}){const r=i.filter((e=>e.isSelected)),n=r.map((({y:t,height:o})=>`M1,${t} H${e-1} V${t+o} H1 Z`)).join(" ");return r.length>0?t.jsx("svg",{width:e,height:o,children:t.jsx("path",{class:a.rowBackgroundStyles.selected,d:n})}):null}const ye=(e,t)=>{const{x:o,y:i,width:r,height:a,borderRadius:n,stroke:s,strokeWidth:d,padding:l}=t,c=o-l,h=i-l,u=r+2*l,m=a+2*l,g=j.rectangleWithBorderRadius(c,h,u,m,n,Math.min(u,m),"0"),w=new Path2D(g);e.strokeStyle=s,e.lineWidth=d,e.stroke(w)},Te=(e,t,o)=>{const i="hovered"===o,{x:r,y:a,width:n,height:s,borderRadius:d,fill:l,stroke:c,strokeWidth:h}=t,u=j.rectangleWithBorderRadius(r,a,n,s,d,Math.min(n,s),"0"),m=new Path2D(u);switch(i&&((e,t)=>{e.shadowColor=t.shadowColor,e.shadowOffsetX=t.shadowOffsetX,e.shadowOffsetY=t.shadowOffsetY,e.shadowBlur=t.shadowBlur})(e,t.hoverEffect.shadow),e.fillStyle="#ffffff",e.fill(m),i&&(e=>{e.shadowColor="transparent",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0})(e),e.strokeStyle=c,e.fillStyle=l,e.lineWidth=h,e.fill(m),e.stroke(m),o){case"selected":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.selectionEffect});break;case"hovered":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.hoverEffect});break;case"focused":ye(e,{x:r,y:a,width:n,height:s,borderRadius:d,...t.focusEffect});break;case void 0:break;default:return o}};function ke({width:e,height:o,layoutObj:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i&&Te(e,i,"focused")}})}function Ae({width:e,height:o,layoutObj:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i&&Te(e,i,"hovered")}})}function Re({width:e,height:o,layoutObjs:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i.forEach((t=>Te(e,t,"selected")))}})}function je({width:e,height:o,layoutObjs:{selectedTaskObjs:i,hoveredTaskObj:r,focusedTaskObj:a}}){return t.jsxs(h.TimeComponentLayersStack,{width:`${e}px`,height:`${o}px`,children:[t.jsx(ke,{width:e,height:o,layoutObj:a}),t.jsx(Re,{width:e,height:o,layoutObjs:i}),t.jsx(Ae,{width:e,height:o,layoutObj:r})]})}function Se({x:e,y:o,width:r,height:n,label:s,isInner:d,textAlign:c,labelStyle:h}){return t.jsx("div",{"aria-hidden":"true",class:i.classNames([a.taskLabelLayerStyles.label,d&&a.taskLabelLayerStyles.innerLabel]),style:{left:e,top:o,width:r,height:n,textAlign:c,...h},children:t.jsx(l.Text,{variant:h?.color?"inherit":"primary",truncation:"ellipsis",size:"md",weight:"inherit",children:s})})}function Ce({width:e,height:o,layoutObjs:i}){return t.jsx("div",{class:a.taskLabelLayerStyles.base,style:{width:e,height:o},children:i.map((e=>t.jsx(Se,{...e})))})}function Ie({width:e,height:o,layoutObjs:i}){return t.jsx(h.TimeComponentCanvas2D,{width:e,height:o,draw:e=>{i.forEach((t=>{t.taskObjs.forEach((t=>Te(e,t)))}))}})}function Pe({width:e,height:o,minorAxisLayout:{minorGridTicksPos:i,majorGridTicksPos:r},viewportLayout:{gridlines:a,rowData:n,rowObjs:s,taskLabelObjs:d,horizontalGridlinesPos:l,idTaskObjMap:c},effectsLayout:u,dateFormatter:m,ariaActiveTask:g}){return t.jsxs(h.TimeComponentLayersStack,{width:`${e}px`,height:`${o}px`,children:[t.jsx(ve,{width:e,height:o,layoutObjs:s}),"on"===a.vertical&&t.jsx(h.TimeComponentVerticalGridlines,{width:e,height:o,positions:i,variant:"minor"}),"on"===a.vertical&&r&&t.jsx(h.TimeComponentVerticalGridlines,{width:e,height:o,positions:r,variant:"major"}),l&&t.jsx(pe,{width:e,height:o,positions:l}),t.jsx(fe,{width:e,height:o,layoutObjs:s,rowData:n,dateFormatter:m,ariaActiveId:g?.ariaId,ariaActiveTaskObj:g&&c.get(g.dataId)}),t.jsx(Ie,{width:e,height:o,layoutObjs:s}),t.jsx(je,{width:e,height:o,layoutObjs:u}),t.jsx(Ce,{width:e,height:o,layoutObjs:d})]})}function Le({visRef:e,overlayControlsContainerRef:o,panZoomLayout:i,getTimeAxesLayout:r,getHorizontalScrollbarLayout:a,onHorizontalScrollChange:n,getVerticalScrollbarLayout:s,onVerticalScrollChange:d,rowAxisSeparator:l=!1,zoomParameters:c,zooming:u="on",isViewportDefined:m,onViewportChange:g,getResolvedViewportLayout:w,datatip:p,rowDataLayout:b,isRTL:x,scrollPosition:f,onScrollPositionChange:v,selectedIds:y,selectionMode:T,onSelectionChange:k,hoveredTaskId:A,onTaskHoverChange:R,currentTask:j,onCurrentTaskChange:S,currentTaskInteraction:C,ariaActive:I,width:P,height:L}){return t.jsx(h.TimeComponentPanZoomLayout,{overlayControlsContainerRef:o,...i,width:P,height:L,overlayControls:"on"===u&&c&&m?t.jsx(h.TimeComponentZoomControls,{position:i.overlayControlsPosition,zoomParameters:c,onViewportChange:g}):void 0,verticalControl:t.jsx(h.TimeComponentVerticalScrollbarContainer,{getLayout:s,onRangeChange:d,children:e=>t.jsx(h.TimeComponentVerticalScrollbar,{...e})}),horizontalControl:t.jsx(h.TimeComponentHorizontalScrollbarContainer,{getLayout:a,onRangeChange:n,children:e=>t.jsx(h.TimeComponentHorizontalScrollbar,{...e})}),vis:t.jsx(we,{innerRef:e,isRTL:x,scrollPosition:f,onScrollPositionChange:v,isViewportDefined:m,onViewportChange:g,zoomParameters:c,zooming:u,rowAxisSeparator:l,selectedIds:y,selectionMode:T,onSelectionChange:k,hoveredTaskId:A,onTaskHoverChange:R,currentTask:j,onCurrentTaskChange:S,currentTaskInteraction:C,ariaActive:I,getTimeAxesLayout:r,getResolvedViewportLayout:w,rowDataLayout:b,datatip:p,majorAxis:e=>t.jsx(h.TimeComponentHorizontalTimeAxis,{...e}),minorAxis:e=>t.jsx(h.TimeComponentHorizontalTimeAxis,{...e}),dataBody:e=>t.jsx(Pe,{...e})})})}const Oe=(e,t,o)=>t.map((t=>e(t,o))),Ee=e=>void 0===e?"0px":void 0!==e.height?`${e.height}px`:r.bridgeValues.horizontalTimeAxisHeight,De=(e,t)=>{const o=((e,t)=>void 0===t?0:void 0!==t.height?t.height:e)(e,t),{scale:i,zoomOrder:r=[t.scale]}=t;return{height:o,zoomOrder:r,zoomOrderIndex:r.indexOf(i)}},Me=(e,t)=>Date.parse(e.getPreviousDate(new Date(t).toISOString())),Ve=(e,t)=>Date.parse(e.getNextDate(new Date(t).toISOString())),ze=(e,t,o)=>{const i=[Me(e,t)];for(;i[i.length-1]<o;)i.push(Ve(e,i[i.length-1]));return i},Be=(e,t)=>{const{type:o,params:i}=t;switch(o){case"exact":{const t=new Map,o=ze(e,i.startTime,i.endTime);for(let e=0;e<o.length-1;e++)t.set(o[e],o[e+1]);return{intervals:t,numIntervals:t.size}}case"approximate":{const{startTime:t,endTime:o,numSections:r,numIntervalsPerSection:a}=i,n=((e,t,o,i,r)=>{const a=new Map,n=Math.floor((o-t)/i);for(let s=0;s<i;s++){const i=t+n*s,d=Math.min(t+n*(s+1),o);let l=Me(e,i);for(let t=0;t<r&&!(l>=d);t++){const t=Ve(e,l);a.set(l,t),l=t}l=Me(e,d-1),a.set(l,Ve(e,l))}return a})(e,t,o,r,a),s=[...n.keys()],d=s.reduce(((e,t)=>e+(n.get(t)-Number(t))),0)/s.length;return{intervals:n,numIntervals:(o-t)/d}}default:return o}},_e=(e,t)=>e.formatter(new Date(t).toISOString()),Fe=(e,t,o)=>{const i=ze(e,t,o),r=i.slice(0,i.length-1).map((t=>_e(e,t)));return{ticks:i,labels:r}},He=(e,t,o,i,r="start",a,n,s,d,l,c,u,m,g)=>{const w=t+o,p=c,b=u,x=a.slice(0,a.length-1),f=n.map((e=>h.getTimePosition(e,p,b,m,g))),v=a.map((e=>h.getTimePosition(e,p,b,m,g))),y=v.slice(1).map(((e,t)=>g?v[t]-e:e-v[t])),T=a[0]<d;T&&(v[0]=0,y[0]=v[1]),a[a.length-1]>l&&(v[v.length-1]=g?0:m,y[y.length-1]=g?v[v.length-2]-v[v.length-1]:v[v.length-1]-v[v.length-2]);const k=v.slice(0,v.length-1).map(((e,t)=>g?e-y[t]:e)),A=Oe(e,s,i).map((({width:e},t)=>Math.floor(e)-Math.floor(y[t]-w)>0));return{font:i,labelPosition:r,labels:s,labelTicks:x,labelPositions:k,isLabelTruncated:A,isIntervalStartTruncated:T,intervalWidths:y,gridTicksPos:f,isRTL:g}},Ue=(e,t,o,i,r,a,n,s)=>{const{zoomOrderMinLengthFactor:d,maxNumIntervals:l}=((e,t,o,i,r,a,n)=>{const s=t+o,d=a.map((e=>Be(e,n))),l=Math.max(...d.map((({numIntervals:e})=>e)));return{zoomOrderMinLengthFactor:d.map((({intervals:t},o)=>{const n=a[o],d=[...t.keys()],l=d.map((e=>_e(n,t.get(e)))),c=d.map((e=>t.get(e)-e)),h=Oe(e,l,r),u=Math.min(...c.map(((e,t)=>e/Math.max(i,h[t].width+s))));return u})),maxNumIntervals:l}})(e,t,o,i,r,s,{type:"approximate",params:{numSections:4,numIntervalsPerSection:10,startTime:a,endTime:n}});return{getZoomOrderViewDurationThresholds:e=>d.map((t=>e*t)),minorAxisZoomOrder:s,minZoomViewportDuration:(n-a)/l,maxZoomViewportDuration:n-a,startTime:a,endTime:n}},We=(e,t,o,i,r,a,n,s,d,l,c,h,u,m)=>g=>{const{zoomOrder:w,zoomOrderIndex:p}=c,b=a(g),{viewportStartTime:x,viewportEndTime:f}=((e,t,o,i,r)=>void 0!==i&&void 0!==r?{viewportStartTime:i,viewportEndTime:r}:void 0!==i&&void 0===r?{viewportStartTime:i,viewportEndTime:Math.min(o,i+e)}:void 0===i&&void 0!==r?{viewportStartTime:Math.max(t,r-e),viewportEndTime:r}:{viewportStartTime:t,viewportEndTime:Math.min(o,t+e)})(b[p],s,d,u,m),{majorAxisLayout:v,minorAxisLayout:y}=((e,t,o,i,r,a,n,s,d,l,c,h,u)=>{const m=u?Fe(u,s,d):{ticks:[],labels:[]},g=Fe(h,s,d),{ticks:w,labels:p}=m,{ticks:b,labels:x}=g,f=new Set(w),v=new Set(b),y=0===w.filter((e=>e>s&&e<d&&!v.has(e))).length,T=y?b.filter((e=>!f.has(e))):b,k=u&&He(e,t,o,i,u.labelPosition,w,w,p,a,n,s,d,l,c),A=He(e,t,o,r,h.labelPosition,b,T,x,a,n,s,d,l,c);return{minorAxisLayout:{majorGridTicksPos:y&&k?k.gridTicksPos:void 0,minorGridTicksPos:A.gridTicksPos,variant:"minor",...A},majorAxisLayout:k&&{majorGridTicksPos:k.gridTicksPos,minorGridTicksPos:void 0,variant:"major",...k}}})(e,t,o,i,r,s,d,x,f,g,l,w[p],h&&h.zoomOrder[h.zoomOrderIndex]);return{position:n,startTime:s,endTime:d,viewportStartTime:x,viewportEndTime:f,width:g,majorAxis:v&&{width:g,...h,...v},minorAxis:{width:g,...c,...y}}},Ze=[{tokenVar:r.bridgeValues.horizontalTimeAxisHeight,key:"defaultTimeAxisHeight",cssProp:"height"},{tokenVar:r.bridgeValues.horizontalTimeAxisLabelPaddingInlineStart,key:"timeAxisLabelPaddingInlineStart",cssProp:"margin-inline-start"},{tokenVar:r.bridgeValues.horizontalTimeAxisLabelPaddingInlineEnd,key:"timeAxisLabelPaddingInlineEnd",cssProp:"margin-inline-end"},{tokenVar:P.xUnits(12.5),key:"timeAxisLabelMinWidth",cssProp:"min-width"},{tokenVar:I.typographyVars.body.md.fontSize,key:"majorAxisFontSize",cssProp:"font-size"},{tokenVar:I.typographyVars.body.sm.fontSize,key:"minorAxisFontSize",cssProp:"margin-block-start"},{tokenVar:I.typographyVars.body.md.fontWeight.semibold,key:"majorAxisFontWeight"},{tokenVar:I.typographyVars.body.sm.fontWeight.regular,key:"minorAxisFontWeight"}],Ye=e=>"0"===e?0:Number(e.substring(0,e.length-2)),Xe=[{tokenVar:a.bridgeValues.rowLabelPaddingInlineStart,key:"rowLabelPaddingInlineStart",cssProp:"padding-inline-start"},{tokenVar:a.bridgeValues.rowLabelPaddingInlineStart,key:"rowLabelPaddingInlineEnd",cssProp:"padding-inline-end"},{tokenVar:P.xUnits(3),key:"rowPaddingTop",cssProp:"padding-top"},{tokenVar:P.xUnits(3),key:"rowPaddingBottom",cssProp:"padding-bottom"},{tokenVar:P.xUnits(6),key:"taskHeight",cssProp:"min-height"},{tokenVar:P.xUnits(1),key:"taskBorderRadius",cssProp:"border-radius"},{tokenVar:a.bridgeValues.taskBgColor,key:"taskBgColor",cssProp:"background-color"},{tokenVar:a.bridgeValues.taskBorderColor,key:"taskBorderColor",cssProp:"border-color"},{tokenVar:a.bridgeValues.taskEffectBorderColor,key:"taskEffectBorderColor",cssProp:"outline-color"},{tokenVar:I.baseVars.boxShadow.md,key:"taskEffectBoxShadow",cssProp:"box-shadow"}],Ge=e=>{const[t,o,i,r,...a]=e.split(" ").reverse();return{shadowColor:a.reverse().join(" "),shadowOffsetX:Ye(r??"0"),shadowOffsetY:Ye(i??"0"),shadowBlur:Ye(o??"0")}},Ke=e=>e.endsWith("px")?{value:Number(e.substring(0,e.length-2)),suffix:"px"}:e.endsWith("%")?{value:Number(e.substring(0,e.length-1)),suffix:"%"}:{value:1/0,suffix:void 0},Ne=Ze.concat(Xe),$e=({rowAxis:e,gridlines:{horizontal:o="off",vertical:i="on"}={horizontal:"off",vertical:"on"},axisPosition:a="top",minorAxis:n,majorAxis:s,start:d,end:l,viewportStart:c,viewportEnd:m,onViewportChange:g,scrollPosition:{y:w=0}={y:0},onScrollPositionChange:p,rows:b,selectedIds:x,selectionMode:f="none"})=>{const{direction:v}=u.useUser(),{resolvedVars:y,cssContent:T}=S.useCssVars(Ne),{textMeasureContent:k,getTextDimensions:A}=C.useTextDimensions(),R="rtl"===v,j=t.jsxs(t.Fragment,{children:[k,T]}),{startTime:I,endTime:L,viewportStartTime:O,viewportEndTime:E,isValidTimeConfig:M}=((e,t,o,i)=>{const r=h.parseDate(e),a=h.parseDate(t),n=o?h.parseDate(o):void 0,s=i?h.parseDate(i):void 0,d=((e,t,o,i)=>t>e&&(void 0===o||void 0===i||i>o)&&(void 0===o||o>=e&&o<t)&&(void 0===i||i>e&&i<=t))(r,a,n,s);return{startTime:r,endTime:a,viewportStartTime:n,viewportEndTime:s,isValidTimeConfig:d}})(d,l,c,m);if(!A||0===Object.keys(y).length)return{isRTL:R,layoutContent:j,isValidConfig:M,isReady:!1};if(!M)return{isRTL:R,layoutContent:j,isValidConfig:M,isReady:!0};const V=void 0===e?"off":"on",z="on"===e?{}:e,B=z?.width??"max-content",_=z?.maxWidth??"none",F=z?.labelRenderer??D,H=((e,t,o)=>{const i=Ee(t);return{position:e,height:`calc(${Ee(o)} + ${i})`}})(a,n,s),U={top:{overlayControlsPosition:"topEnd",verticalControlTopGap:(W=H).height,verticalControlBottomGap:"0"},bottom:{overlayControlsPosition:"bottomEnd",verticalControlTopGap:"0",verticalControlBottomGap:W.height}}[W.position];var W;const Z="on"===V?((e,t)=>{const o=`${P.xUnits(1)} + ${r.bridgeValues.horizontalScrollbarHeight}`,i={top:{rowAxisTopGap:e.height,rowAxisBottomGap:`calc(${o})`},bottom:{rowAxisTopGap:"0",rowAxisBottomGap:`calc(${e.height} + ${o})`}},a=Ke(t.width),n=Ke(t.maxWidth);return{...i[e.position],resolvedRowAxisWidth:a,resolvedRowAxisMaxWidth:n,label:t.label}})(H,{width:B,maxWidth:_,label:F}):void 0,Y=(e=>({defaultTimeAxisHeight:Ye(e.defaultTimeAxisHeight),timeAxisLabelPaddingInlineStart:Ye(e.timeAxisLabelPaddingInlineStart),timeAxisLabelPaddingInlineEnd:Ye(e.timeAxisLabelPaddingInlineEnd),timeAxisLabelMinWidth:Ye(e.timeAxisLabelMinWidth),majorAxisFont:{fontSize:e.majorAxisFontSize,fontWeight:e.majorAxisFontWeight},minorAxisFont:{fontSize:e.minorAxisFontSize,fontWeight:e.minorAxisFontWeight}}))(y),X=s&&De(Y.defaultTimeAxisHeight,s),G=De(Y.defaultTimeAxisHeight,n),K=Ue(A,Y.timeAxisLabelPaddingInlineStart,Y.timeAxisLabelPaddingInlineEnd,Y.timeAxisLabelMinWidth,Y.minorAxisFont,I,L,G.zoomOrder),N=We(A,Y.timeAxisLabelPaddingInlineStart,Y.timeAxisLabelPaddingInlineEnd,Y.majorAxisFont,Y.minorAxisFont,K.getZoomOrderViewDurationThresholds,a,I,L,R,G,X,O,E),q=(e=>({rowPaddingTop:Ye(e.rowPaddingTop),rowPaddingBottom:Ye(e.rowPaddingBottom)}))(y),Q=(e=>({taskHeight:Ye(e.taskHeight),taskBorderRadius:e.taskBorderRadius,taskBgColor:e.taskBgColor,taskBorderColor:e.taskBorderColor,taskEffectBorderColor:e.taskEffectBorderColor,taskEffectBoxShadow:Ge(e.taskEffectBoxShadow)}))(y),ee=$(b,{...q,...Q},{horizontal:o,vertical:i},{selectedIds:x,selectionMode:f}),te=(e=>({rowLabelPaddingInlineStart:Ye(e.rowLabelPaddingInlineStart),rowLabelPaddingInlineEnd:Ye(e.rowLabelPaddingInlineEnd)}))(y),oe={labelPaddingInlineStart:te.rowLabelPaddingInlineStart,labelPaddingInlineEnd:te.rowLabelPaddingInlineEnd,rowData:ee.rowData,rowObjs:ee.rowObjs,idRowObjMap:ee.idRowObjMap,isHorizontalGridlinesVisible:"on"===o},ie=((e,t,o,i,r)=>a=>{const n=t-e,s=i-o,d=a*n/s,l=a*(e-o)/s,c=r?a-l-d:l;return{thumbWidth:d,thumbLeft:r?void 0:l,thumbRight:r?l:void 0,draggableRegion:{xMin:c,xMax:c+d,yMin:-1/0,yMax:1/0},getNewRange:e=>{const t=r?Math.max(0,a-e-d):e,l=Math.min(o+t/a*s,i-n);return{newMin:l,newMax:l+n}}}})(O??I,E??L,I,L,R),re=(ae=w,ne=void 0,se=0,de=ee.totalRowsHeight,e=>{const t=(ne??e+ae)-ae,o=de-se,i=Math.min(e,e*t/o),r=Math.max(0,e*(ae-se)/o);return{thumbHeight:i,thumbTop:r,draggableRegion:{xMin:-1/0,xMax:1/0,yMin:r,yMax:r+i},getNewRange:i=>{const r=Math.max(0,Math.min(se+i/e*o,de-t));return{newMin:r,newMax:r+t}}}});var ae,ne,se,de;return{scrollPosition:w,panZoomLayout:U,withRowAxisLayout:Z,getTimeAxesLayout:N,zoomParameters:void 0!==O&&void 0!==E?{viewportStartTime:O,viewportEndTime:E,minorAxisZoomOrderIndex:G.zoomOrderIndex,majorAxisZoomOrder:X?.zoomOrder,majorAxisZoomOrderIndex:X?.zoomOrderIndex,...K}:void 0,rowDataLayout:ee,rowAxisLayout:oe,getResolvedViewportLayout:J,getHorizontalScrollbarLayout:ie,onHorizontalScrollChange:(e,t)=>{g?.({viewportStart:h.getISOString(e),viewportEnd:h.getISOString(t),majorAxisScale:s?.scale,minorAxisScale:n.scale})},getVerticalScrollbarLayout:re,onVerticalScrollChange:e=>{p?.({y:e})},isRTL:R,layoutContent:j,isValidConfig:M,isReady:!0}},qe=({visRef:e,isDisabled:t=!1})=>t?{}:{onKeyDown:t=>{switch(t.key){case"=":case"+":{const o=new CustomEvent("KbZoomIn",{detail:{zoomFactor:h.DEFAULT_ZOOM_IN_FACTOR}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"-":case"_":{const o=new CustomEvent("KbZoomIn",{detail:{zoomFactor:h.DEFAULT_ZOOM_OUT_FACTOR}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"PageUp":{const o=t.shiftKey?new CustomEvent("KbPanHorizontal",{detail:{rangeRatio:.25}}):new CustomEvent("KbPanVertical",{detail:{rangeRatio:.25}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}case"PageDown":{const o=t.shiftKey?new CustomEvent("KbPanHorizontal",{detail:{rangeRatio:-.25}}):new CustomEvent("KbPanVertical",{detail:{rangeRatio:-.25}});e.current?.dispatchEvent(o),L.cancelEvent(t);break}}}},Je=({rowDataLayout:e,currentTask:t,onCurrentTaskChange:o,isRTL:i,isDisabled:r=!1})=>r?{}:{onKeyDown:r=>{switch(r.key){case"ArrowRight":{const a=t&&(i?le(t.id,e):de(t.id,e));void 0!==a&&o({id:a,isFocused:!0}),L.cancelEvent(r);break}case"ArrowLeft":{const a=t&&(i?de(t.id,e):le(t.id,e));void 0!==a&&o({id:a,isFocused:!0}),L.cancelEvent(r);break}case"ArrowUp":{const i=t&&((e,t)=>se(e,t,"up"))(t.id,e);void 0!==i&&o({id:i,isFocused:!0}),L.cancelEvent(r);break}case"ArrowDown":{const i=t&&((e,t)=>se(e,t,"down"))(t.id,e);void 0!==i&&o({id:i,isFocused:!0}),L.cancelEvent(r);break}}}},Qe=({rowDataLayout:e,currentRowLabel:t,onCurrentRowLabelChange:o,isDisabled:i=!1})=>i?{}:{onKeyDown:i=>{switch(i.key){case"ArrowUp":{const r=t&&((e,t)=>ce(e,t,"up"))(t.id,e);void 0!==r&&o({id:r,isFocused:!0}),L.cancelEvent(i);break}case"ArrowDown":{const r=t&&((e,t)=>ce(e,t,"down"))(t.id,e);void 0!==r&&o({id:r,isFocused:!0}),L.cancelEvent(i);break}}}},et=({visRef:e,rowAxisRef:t,rowDataLayout:i,navigationModes:r,selectionProps:a,isRTL:n,isDisabled:s=!1})=>{const d=o.useRef("tasks"),{onKeyUp:l}=k.useSelection({idExtracter:e=>{if("tasks"===d.current&&"keyup"===e.type)return r.tasks.currentItem?.id},selection:a.selectedIds,selectionMode:a.selectionMode,onChange:a.onSelectionChange,getDataById:i?.getTaskDataById||(()=>{})}).selectionProps,c="tasks"===d.current?{onKeyUp:l}:{},h=qe({visRef:e,isDisabled:s}),u=Je({rowDataLayout:i,currentTask:r.tasks.currentItem,onCurrentTaskChange:r.tasks.onCurrentItemChange,isRTL:n}),m=Qe({rowDataLayout:i,currentRowLabel:r.rowLabels.currentItem,onCurrentRowLabelChange:r.rowLabels.onCurrentItemChange}),g={onFocus:()=>{const o=new Event("ShowFocusDatatip");e.current?.dispatchEvent(o),t.current?.dispatchEvent(o)}};return s?{}:y.mergeProps(h,g,{onKeyDown:e=>{let t=!1;const o=e=>{const{onCurrentItemChange:t}=r[e.type];t({id:e.id,isFocused:!0})},a=e=>{const{currentItem:t,onCurrentItemChange:o}=r[e];t&&o({id:t.id,isFocused:!1})},s=()=>{const n=((e,t)=>{const o=t.idTaskObjMap.get(e),{rowIndex:i}=o;return t.rowObjs[i].id})(r.tasks.currentItem.id,i);o({id:n,type:"rowLabels"}),a("tasks"),d.current="rowLabels",t=!0,L.cancelEvent(e)},l=()=>{const n=((e,t,o)=>{if(void 0!==o){const i=t.idTaskObjMap.get(o);if(i){const{rowIndex:r}=i;if(t.rowObjs[r].id===e)return o}}const i=t.idRowObjMap.get(e),r=i?.taskObjs[0];if(r)return r.id;const a=ae(t);return a?.id})(r.rowLabels.currentItem.id,i,r.tasks.currentItem?.id);void 0!==n&&o({id:n,type:"tasks"}),a("rowLabels"),d.current="tasks",t=!0,L.cancelEvent(e)};switch(e.key){case"Tab":a(d.current);break;case"ArrowLeft":e.altKey&&(n||"tasks"!==d.current?n&&"rowLabels"===d.current&&l():s());break;case"ArrowRight":e.altKey&&(n||"rowLabels"!==d.current?n&&"tasks"===d.current&&s():l())}if(!t)switch(d.current){case"tasks":u.onKeyDown?.(e);break;case"rowLabels":m.onKeyDown?.(e);break;default:return d.current}},onKeyUp:e=>{switch(e.key){case"Tab":{const{currentItem:t,onCurrentItemChange:o}=r[d.current],a=t||ae(i);a&&o({id:a.id,isFocused:!0}),L.cancelEvent(e);break}}}},c)};e.Gantt=function({width:e,height:i,testId:r,...a}){const n=o.useRef(null),{scrollPosition:s,panZoomLayout:d,withRowAxisLayout:l,getTimeAxesLayout:c,zoomParameters:h,rowDataLayout:u,rowAxisLayout:m,getResolvedViewportLayout:g,getHorizontalScrollbarLayout:w,onHorizontalScrollChange:p,getVerticalScrollbarLayout:b,onVerticalScrollChange:x,isRTL:f,layoutContent:T,isValidConfig:k,isReady:A}=$e(a),R={"aria-label":a["aria-label"],"aria-describedby":a["aria-describedby"],"aria-labelledby":a["aria-labelledby"],role:"application"},j=void 0!==a.viewportStart&&void 0!==a.viewportEnd,[S,C]=o.useState(),[I,P]=o.useState("none"),[L,D]=o.useState(),[M,V]=o.useState("none"),[z,B]=o.useState(),_=e=>{void 0!==e.id&&C({dataId:e.id,ariaId:v.getRandomId(),type:"rowLabel"}),V(void 0!==e.id?"hover":"none"),B(e.id)},[F,H]=o.useState(),U=e=>{if(e.isFocused){const t=new CustomEvent("KbPanTaskIntoView",{detail:{id:e.id}});Y.current?.dispatchEvent(t),C({dataId:e.id,ariaId:v.getRandomId(),type:"task"}),P("focus")}H(e)},[W,Z]=o.useState(),Y=o.useRef(null),X=o.useRef(null),G=o.useRef(null),K=(({rootRef:e,overlayControlsContainerRef:t,isDisabled:i=!1})=>{const r=o.useRef(!1),a=()=>{const e=new Event("ControlsShow");t.current?.dispatchEvent(e)},n=()=>{const e=new Event("ControlsHide");t.current?.dispatchEvent(e)};return i?{}:{onFocus:()=>{r.current=!0,a()},onBlur:t=>{t.relatedTarget&&e.current?.contains(t.relatedTarget)||(r.current=!1,n())},onPointerDown:t=>{"mouse"!==t.pointerType&&e.current?.focus()},onPointerOver:e=>{"mouse"===e.pointerType&&a()},onPointerOut:e=>{"mouse"===e.pointerType&&(r.current||n())}}})({rootRef:n,overlayControlsContainerRef:G,isDisabled:!j}),N=et({visRef:Y,rowAxisRef:X,navigationModes:{tasks:{currentItem:F,onCurrentItemChange:U},rowLabels:{currentItem:W,onCurrentItemChange:e=>{if(e.isFocused){const t=new CustomEvent("KbPanRowIntoView",{detail:{id:e.id}});Y.current?.dispatchEvent(t),C({dataId:e.id,ariaId:v.getRandomId(),type:"rowLabel"}),V("focus")}Z(e)}}},rowDataLayout:u,selectionProps:{selectedIds:a.selectedIds,selectionMode:a.selectionMode,onSelectionChange:a.onSelectionChange},isRTL:f,isDisabled:!j});if(!A||!k)return t.jsx(O,{innerRef:n,width:e,height:i,...R,children:T});const $=t.jsx(Le,{visRef:Y,overlayControlsContainerRef:G,isRTL:f,isViewportDefined:j,scrollPosition:s,onScrollPositionChange:a.onScrollPositionChange,onViewportChange:a.onViewportChange,rowAxisSeparator:!!l,zoomParameters:h,zooming:a.zooming,panZoomLayout:d,getTimeAxesLayout:c,getHorizontalScrollbarLayout:w,onHorizontalScrollChange:p,getVerticalScrollbarLayout:b,onVerticalScrollChange:x,getResolvedViewportLayout:g,rowDataLayout:u,datatip:a.datatip,selectedIds:a.selectedIds,selectionMode:a.selectionMode,onSelectionChange:a.onSelectionChange,hoveredTaskId:L,onTaskHoverChange:e=>{void 0!==e.id&&C({dataId:e.id,ariaId:v.getRandomId(),type:"task"}),P(void 0!==e.id?"hover":"none"),D(e.id)},currentTask:F,onCurrentTaskChange:U,currentTaskInteraction:I,ariaActive:"task"===S?.type?S:void 0}),q=l&&t.jsx(E,{...l,rowAxis:(e,o)=>t.jsx(ie,{innerRef:X,resolvedWidth:e,resolvedMaxWidth:o,currentRowLabel:W,hoveredRowLabelId:z,onRowLabelHoverChange:_,currentRowLabelInteraction:M,ariaActive:"rowLabel"===S?.type?S:void 0,layoutObj:m,scrollPosition:s,children:l.label}),ganttView:$});return t.jsxs(O,{innerRef:n,width:e,height:i,testId:r,...R,...y.mergeProps(N,K),"aria-activedescendant":S?.ariaId,children:[q||$,T]})}}));
-//# sourceMappingURL=Gantt-844026a4.js.map