@oracle/oraclejet-preact 15.0.5 → 15.1.0

package/amd/UNSAFE_Train.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Train.js","sources":["../../src/UNSAFE_Train/TrainContext.tsx","../../src/UNSAFE_Train/Connector.tsx","../../src/UNSAFE_Train/UserChosenIcon.tsx","../../src/UNSAFE_Train/StepIcon.tsx","../../src/UNSAFE_Train/StepLabel.tsx","../../src/UNSAFE_Train/Step.tsx","../../src/UNSAFE_Train/Train.tsx"],"sourcesContent":["import { createContext } from 'preact';\nexport interface TrainContextType {\n  onSelect: (event: Event, stepId: string) => void;\n  selectedStep: string;\n  numberOfSteps: number;\n  selectedStepIndex: number;\n  index: number;\n  isCurrent: boolean;\n}\n\nexport const Context = createContext<any>(null);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface ConnectorProps {\n  /**\n   * Determines if the adjacent steps should be connected.\n   */\n  isConnected: boolean;\n}\n\nexport const Connector = ({ isConnected }: ConnectorProps) => {\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      connectorConnected: isConnected ? 'isConnected' : 'notConnected'\n    }\n  );\n\n  return <span class={classNames([styles.connectorBaseStyle, variantClasses])}></span>;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MessageSeverity } from './TrainIcons.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\nconst messageTypeIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  fatal: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the UserChosenIcon component\n */\ntype Props = {\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    fatal?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * UserChosenIcon Component for rendering the severity based icon in Message\n */\nfunction UserChosenIcon({ messageType, isDisabled = false }: Props) {\n  const IconComponent = messageTypeIcons[messageType];\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      messageType: messageType,\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  return (\n    <div class={classNames([styles.messageTypeIconBaseStyle, variantClasses])} role=\"presentation\">\n      <IconComponent />\n    </div>\n  );\n}\n\nexport { UserChosenIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { UserChosenIcon } from './UserChosenIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepIconProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step has been visited\n   */\n  isVisited: boolean;\n\n  /**\n   * A string that defines which icon type the step should take\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step icon\n */\nexport const StepIcon = ({ isDisabled, isVisited, messageType }: StepIconProps) => {\n  const { index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const { isActive, activeProps } = useActive({ isDisabled: isDisabled || isCurrent });\n\n  console.log('isActive', isActive);\n  const mergedProps = mergeProps(interactionProps, activeProps);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepIconCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepIconVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepIconNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepIconPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepIconActive: isActive ? 'isActive' : 'notActive'\n    }\n  );\n\n  const iconStyles = () => {\n    if (messageType) {\n      return <UserChosenIcon messageType={messageType} isDisabled={isDisabled} />;\n    } else {\n      return (\n        <span {...mergedProps} class={classNames([styles.stepIconBaseStyle, variantClasses])}>\n          {index + 1}\n        </span>\n      );\n    }\n  };\n\n  return <span class={styles.stepIconContainerStyle}>{iconStyles()}</span>;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport type { BundleType } from '../resources/nls/bundle';\n\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepLabelProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step is visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Label of the step\n   */\n  label: string;\n\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step label component\n */\nexport const StepLabel = ({ label, isDisabled, isVisited, messageType }: StepLabelProps) => {\n  const { numberOfSteps, index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const currentStepStatus = isCurrent\n    ? translations.train_current()\n    : isVisited\n    ? translations.train_visited()\n    : translations.train_not_visited();\n\n  const currentStep = index + 1;\n\n  const statusTextForCurrentStep = messageType\n    ? `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}, ${translations.train_message_type()}: ${messageType}`\n    : `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}`;\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepLabelDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepLabelCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepLabelVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepLabelNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepLabelPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'\n    }\n  );\n\n  const handleClick = (event: Event) => {\n    event.preventDefault();\n  };\n\n  return (\n    <span class={styles.stepLabelWrapperStyle}>\n      <a\n        {...interactionProps}\n        href=\"#\"\n        class={classNames([styles.stepLabelBaseStyle, variantClasses])}\n        onClick={handleClick}>\n        {label}\n        <HiddenAccessible>{statusTextForCurrentStep}</HiddenAccessible>\n      </a>\n    </span>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { FunctionComponent } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useCallback, useContext, useState } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { Connector } from './Connector';\nimport { StepIcon } from './StepIcon';\nimport { StepLabel } from './StepLabel';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\n\ninterface StepProps {\n  /**\n   * Unique step id\n   */\n  id: string;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Determines if the step has been visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Determines which icon the step has from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Step Label\n   */\n  label: string;\n}\n\n/**\n * Step component\n */\n\nexport const Step: FunctionComponent<StepProps> = ({\n  id,\n  isDisabled,\n  isVisited,\n  messageType,\n  label\n}) => {\n  const { onSelect, /* selectedStep ,*/ numberOfSteps, selectedStepIndex, index } =\n    useContext<TrainContextType>(Context) || // get the context object or...\n    (() => {\n      // if there's no context object, throw an error\n      throw new Error('Step component must be rendered within a Train component.');\n    })();\n\n  const isCurrent = selectedStepIndex === index;\n\n  const [isActive, setIsActive] = useState(false);\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const isConnectorConnected = selectedStepIndex > index;\n\n  const onSelectHandler = useCallback(\n    (event: Event) => {\n      if (!isDisabled && !isCurrent) {\n        onSelect(event, id);\n      }\n    },\n    [isDisabled, onSelect, id]\n  );\n\n  const { pressProps } = usePress(onSelectHandler, {});\n\n  const isLast = index !== numberOfSteps - 1;\n\n  const onMouseUpHandler = useCallback(() => {\n    setIsActive(false);\n  }, [isActive]);\n\n  const onMouseDownHandler = useCallback(() => {\n    setIsActive(true);\n  }, [isActive]);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepActive: isActive && !isCurrent ? 'isActive' : 'notActive'\n    }\n  );\n\n  const mergedProps = mergeProps(pressProps, interactionProps, {\n    onMouseUp: onMouseUpHandler,\n    onMouseDown: onMouseDownHandler\n  });\n\n  return (\n    <span class={styles.stepContainerStyle}>\n      {isLast && <Connector isConnected={isConnectorConnected} />}\n      <span {...mergedProps} class={classNames([styles.stepBaseStyle, variantClasses])}>\n        <StepIcon isVisited={isVisited} isDisabled={isDisabled} messageType={messageType} />\n        <StepLabel\n          label={label}\n          isVisited={isVisited}\n          isDisabled={isDisabled}\n          messageType={messageType}\n        />\n      </span>\n    </span>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { toChildArray } from 'preact';\nimport { Context } from './TrainContext';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface TrainProps {\n  /**\n   * Id of the currently selected step.\n   */\n  selectedStep: string;\n\n  /**\n   * Children of Train which are of type Step.\n   */\n  children: JSX.Element[];\n\n  /**\n   * A callback function to be invoked when the Step is selected.\n   */\n  onSelect?: (detail: selectDetail) => void;\n}\n\nexport type selectDetail = {\n  /**\n   * Click event object\n   */\n  event: Event;\n  /**\n   * To step id\n   */\n  toStep: string;\n};\n\n/**\nThe JET Train component serves as a visual navigator enabling users to traverse through different 'steps'. Each 'step' is represented by the Step sub-component which can manifest its own state - 'visited', 'unvisited', or 'disabled', and is capable of communicating various message types including 'error', 'confirmation', 'warning', or 'info'.\n */\nexport function Train({ onSelect, selectedStep, children }: TrainProps) {\n  const { classes, styles } = useComponentTheme<never, TrainStyles>(TrainRedwoodTheme);\n\n  const selectedStepIndex = children.findIndex((step) => step.props.id === selectedStep);\n\n  const onStepSelect = useCallback(\n    (event: Event, stepId: string) => {\n      onSelect?.({\n        event: event,\n        toStep: stepId\n      });\n    },\n    [onSelect]\n  );\n\n  const trainContext = {\n    onSelect: onStepSelect,\n    selectedStep: selectedStep,\n    selectedStepIndex: selectedStepIndex,\n    numberOfSteps: children.length,\n    index: 0\n  };\n\n  const childrenArray = toChildArray(children).filter(Boolean);\n\n  return (\n    <div class={classes}>\n      {childrenArray.map((step, index) => (\n        <Context.Provider value={{ ...trainContext, index }}>\n          <div class={styles.baseListStyle}>{step}</div>\n        </Context.Provider>\n      ))}\n    </div>\n  );\n}\n"],"names":["Context","createContext","Connector","isConnected","styles","variantClasses","useComponentTheme","TrainRedwoodTheme","connectorConnected","_jsx","class","classNames","connectorBaseStyle","messageTypeIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","fatal","info","MessageInfoIcon","warning","MessageWarningIcon","UserChosenIcon","messageType","isDisabled","IconComponent","stepIconDisabled","messageTypeIconBaseStyle","role","children","StepIcon","isVisited","index","selectedStepIndex","useContext","isCurrent","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","isActive","activeProps","useActive","console","log","mergedProps","mergeProps","stepIconCurrent","stepIconVisited","stepIconNeedsEventsHover","stepIconPseudoHover","stepIconActive","jsx","stepIconContainerStyle","stepIconBaseStyle","StepLabel","label","numberOfSteps","translations","useTranslationBundle","currentStepStatus","train_current","train_visited","train_not_visited","currentStep","statusTextForCurrentStep","train_status","toString","train_message_type","stepLabelDisabled","stepLabelCurrent","stepLabelVisited","stepLabelNeedsEventsHover","stepLabelPseudoHover","stepLabelWrapperStyle","_jsxs","jsxs","href","stepLabelBaseStyle","onClick","event","preventDefault","HiddenAccessible","id","onSelect","Error","setIsActive","useState","isConnectorConnected","onSelectHandler","useCallback","pressProps","usePress","isLast","onMouseUpHandler","onMouseDownHandler","stepDisabled","needsEventsHover","pseudoHover","stepActive","onMouseUp","onMouseDown","stepContainerStyle","stepBaseStyle","selectedStep","classes","findIndex","step","props","trainContext","stepId","toStep","length","childrenArray","toChildArray","filter","Boolean","map","Provider","value","baseListStyle"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Train.js","sources":["../../src/UNSAFE_Train/TrainContext.tsx","../../src/UNSAFE_Train/Connector.tsx","../../src/UNSAFE_Train/UserChosenIcon.tsx","../../src/UNSAFE_Train/StepIcon.tsx","../../src/UNSAFE_Train/StepLabel.tsx","../../src/UNSAFE_Train/Step.tsx","../../src/UNSAFE_Train/Train.tsx"],"sourcesContent":["import { createContext } from 'preact';\nexport interface TrainContextType {\n  onSelect: (event: Event, stepId: string) => void;\n  selectedStep: string;\n  numberOfSteps: number;\n  selectedStepIndex: number;\n  index: number;\n  isCurrent: boolean;\n}\n\nexport const Context = createContext<any>(null);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface ConnectorProps {\n  /**\n   * Determines if the adjacent steps should be connected.\n   */\n  isConnected: boolean;\n}\n\nexport const Connector = ({ isConnected }: ConnectorProps) => {\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      connectorConnected: isConnected ? 'isConnected' : 'notConnected'\n    }\n  );\n\n  return <span class={classNames([styles.connectorBaseStyle, variantClasses])}></span>;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MessageSeverity } from './TrainIcons.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\nconst messageTypeIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  fatal: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the UserChosenIcon component\n */\ntype Props = {\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    fatal?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * UserChosenIcon Component for rendering the severity based icon in Message\n */\nfunction UserChosenIcon({ messageType, isDisabled = false }: Props) {\n  const IconComponent = messageTypeIcons[messageType];\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      messageType: messageType,\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  return (\n    <div class={classNames([styles.messageTypeIconBaseStyle, variantClasses])} role=\"presentation\">\n      <IconComponent />\n    </div>\n  );\n}\n\nexport { UserChosenIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { UserChosenIcon } from './UserChosenIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepIconProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step has been visited\n   */\n  isVisited: boolean;\n\n  /**\n   * A string that defines which icon type the step should take\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step icon\n */\nexport const StepIcon = ({ isDisabled, isVisited, messageType }: StepIconProps) => {\n  const { index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const { isActive, activeProps } = useActive({ isDisabled: isDisabled || isCurrent });\n\n  console.log('isActive', isActive);\n  const mergedProps = mergeProps(interactionProps, activeProps);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepIconCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepIconVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepIconNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepIconPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepIconActive: isActive ? 'isActive' : 'notActive'\n    }\n  );\n\n  const iconStyles = () => {\n    if (messageType) {\n      return <UserChosenIcon messageType={messageType} isDisabled={isDisabled} />;\n    } else {\n      return (\n        <span {...mergedProps} class={classNames([styles.stepIconBaseStyle, variantClasses])}>\n          {index + 1}\n        </span>\n      );\n    }\n  };\n\n  return <span class={styles.stepIconContainerStyle}>{iconStyles()}</span>;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport type { BundleType } from '../resources/nls/bundle';\n\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepLabelProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step is visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Label of the step\n   */\n  label: string;\n\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step label component\n */\nexport const StepLabel = ({ label, isDisabled, isVisited, messageType }: StepLabelProps) => {\n  const { numberOfSteps, index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const currentStepStatus = isCurrent\n    ? translations.train_current()\n    : isVisited\n    ? translations.train_visited()\n    : translations.train_not_visited();\n\n  const currentStep = index + 1;\n\n  const statusTextForCurrentStep = messageType\n    ? `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}, ${translations.train_message_type()}: ${messageType}`\n    : `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}`;\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepLabelDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepLabelCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepLabelVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepLabelNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepLabelPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'\n    }\n  );\n\n  const handleClick = (event: Event) => {\n    event.preventDefault();\n  };\n\n  return (\n    <span class={styles.stepLabelWrapperStyle}>\n      <a\n        {...interactionProps}\n        href=\"#\"\n        class={classNames([styles.stepLabelBaseStyle, variantClasses])}\n        onClick={handleClick}>\n        {label}\n        <HiddenAccessible>{statusTextForCurrentStep}</HiddenAccessible>\n      </a>\n    </span>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { FunctionComponent } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useCallback, useContext, useState } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { Connector } from './Connector';\nimport { StepIcon } from './StepIcon';\nimport { StepLabel } from './StepLabel';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\n\ninterface StepProps {\n  /**\n   * Unique step id\n   */\n  id: string;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Determines if the step has been visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Determines which icon the step has from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Step Label\n   */\n  label: string;\n}\n\n/**\n * Step component\n */\n\nexport const Step: FunctionComponent<StepProps> = ({\n  id,\n  isDisabled,\n  isVisited,\n  messageType,\n  label\n}) => {\n  const { onSelect, /* selectedStep ,*/ numberOfSteps, selectedStepIndex, index } =\n    useContext<TrainContextType>(Context) || // get the context object or...\n    (() => {\n      // if there's no context object, throw an error\n      throw new Error('Step component must be rendered within a Train component.');\n    })();\n\n  const isCurrent = selectedStepIndex === index;\n\n  const [isActive, setIsActive] = useState(false);\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const isConnectorConnected = selectedStepIndex > index;\n\n  const onSelectHandler = useCallback(\n    (event: Event) => {\n      if (!isDisabled && !isCurrent) {\n        onSelect(event, id);\n      }\n    },\n    [isDisabled, onSelect, id]\n  );\n\n  const { pressProps } = usePress(onSelectHandler, {});\n\n  const isLast = index !== numberOfSteps - 1;\n\n  const onMouseUpHandler = useCallback(() => {\n    setIsActive(false);\n  }, [isActive]);\n\n  const onMouseDownHandler = useCallback(() => {\n    setIsActive(true);\n  }, [isActive]);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepActive: isActive && !isCurrent ? 'isActive' : 'notActive'\n    }\n  );\n\n  const mergedProps = mergeProps(pressProps, interactionProps, {\n    onMouseUp: onMouseUpHandler,\n    onMouseDown: onMouseDownHandler\n  });\n\n  return (\n    <span class={styles.stepContainerStyle}>\n      {isLast && <Connector isConnected={isConnectorConnected} />}\n      <span {...mergedProps} class={classNames([styles.stepBaseStyle, variantClasses])}>\n        <StepIcon isVisited={isVisited} isDisabled={isDisabled} messageType={messageType} />\n        <StepLabel\n          label={label}\n          isVisited={isVisited}\n          isDisabled={isDisabled}\n          messageType={messageType}\n        />\n      </span>\n    </span>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback } from 'preact/hooks';\nimport { toChildArray } from 'preact';\nimport { Context } from './TrainContext';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface TrainProps {\n  /**\n   * Id of the currently selected step.\n   */\n  selectedStep: string;\n\n  /**\n   * Children of Train which are of type Step.\n   */\n  children: JSX.Element[];\n\n  /**\n   * A callback function to be invoked when the Step is selected.\n   */\n  onSelect?: (detail: selectDetail) => void;\n}\n\nexport type selectDetail = {\n  /**\n   * Click event object\n   */\n  event: Event;\n  /**\n   * To step id\n   */\n  toStep: string;\n};\n\n/**\nThe JET Train component serves as a visual navigator enabling users to traverse through different 'steps'. Each 'step' is represented by the Step sub-component which can manifest its own state - 'visited', 'unvisited', or 'disabled', and is capable of communicating various message types including 'error', 'confirmation', 'warning', or 'info'.\n */\nexport function Train({ onSelect, selectedStep, children }: TrainProps) {\n  const { classes, styles } = useComponentTheme<never, TrainStyles>(TrainRedwoodTheme);\n\n  const selectedStepIndex = children.findIndex((step) => step.props.id === selectedStep);\n\n  const onStepSelect = useCallback(\n    (event: Event, stepId: string) => {\n      onSelect?.({\n        event: event,\n        toStep: stepId\n      });\n    },\n    [onSelect]\n  );\n\n  const trainContext = {\n    onSelect: onStepSelect,\n    selectedStep: selectedStep,\n    selectedStepIndex: selectedStepIndex,\n    numberOfSteps: children.length,\n    index: 0\n  };\n\n  const childrenArray = toChildArray(children).filter(Boolean);\n\n  return (\n    <div class={classes}>\n      {childrenArray.map((step, index) => (\n        <Context.Provider value={{ ...trainContext, index }}>\n          <div class={styles.baseListStyle}>{step}</div>\n        </Context.Provider>\n      ))}\n    </div>\n  );\n}\n"],"names":["Context","createContext","Connector","isConnected","styles","variantClasses","useComponentTheme","TrainRedwoodTheme","connectorConnected","_jsx","class","classNames","connectorBaseStyle","messageTypeIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","fatal","info","MessageInfoIcon","warning","MessageWarningIcon","UserChosenIcon","messageType","isDisabled","IconComponent","stepIconDisabled","messageTypeIconBaseStyle","role","children","StepIcon","isVisited","index","selectedStepIndex","useContext","isCurrent","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","isActive","activeProps","useActive","console","log","mergedProps","mergeProps","stepIconCurrent","stepIconVisited","stepIconNeedsEventsHover","stepIconPseudoHover","stepIconActive","jsx","stepIconContainerStyle","stepIconBaseStyle","StepLabel","label","numberOfSteps","translations","useTranslationBundle","currentStepStatus","train_current","train_visited","train_not_visited","currentStep","statusTextForCurrentStep","train_status","toString","train_message_type","stepLabelDisabled","stepLabelCurrent","stepLabelVisited","stepLabelNeedsEventsHover","stepLabelPseudoHover","stepLabelWrapperStyle","_jsxs","jsxs","href","stepLabelBaseStyle","onClick","event","preventDefault","HiddenAccessible","id","onSelect","Error","setIsActive","useState","isConnectorConnected","onSelectHandler","useCallback","pressProps","usePress","isLast","onMouseUpHandler","onMouseDownHandler","stepDisabled","needsEventsHover","pseudoHover","stepActive","onMouseUp","onMouseDown","stepContainerStyle","stepBaseStyle","selectedStep","classes","findIndex","step","props","trainContext","stepId","toStep","length","childrenArray","toChildArray","filter","Boolean","map","Provider","value","baseListStyle"],"mappings":"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"}

package/amd/UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(s,e,t,a,i,c,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceRedwoodTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceRedwoodTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceTheme.js.map

package/amd/UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceVariants.css.js.map

package/amd/UNSAFE_UserAssistance/themes/stable/UserAssistanceTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(s,e,t,a,i,c,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceStableTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceStableTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceTheme.js.map

package/amd/UNSAFE_UserAssistance/themes/stable/UserAssistanceVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceVariants.css.js.map

package/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-949d1df3', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-79e32c42', './ComponentMessageContainer-98fc9e48', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-31b5a0a2', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-6a057f07', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-d98c2367', './_curry2-469edfc1', './hooks/UNSAFE_useTabbableMode', 'preact', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'css!./UserAssistanceStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57', './index-3e23c862', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-4be0a808', './PRIVATE_Message', './UNSAFE_Flex', './Flex-df79f02e', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9125182b', './utils/UNSAFE_mergeInterpolations', './_curry3-1b475303', './_has-0610d90b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-b8a638ad', './utils/UNSAFE_interpolations/flexbox', './flexbox-3486ae41', './utils/UNSAFE_interpolations/flexitem', './flexitem-899096c0', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-d1e4858f', './UNSAFE_IconButton', './IconButton-903e035b', './UNSAFE_BaseButton', './BaseButton-077e5a8a', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-a7a57239', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-c9efea1e', './UNSAFE_Text', './Text-a360dd6a', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-a5fb9a10', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-216a05d0', './MessageFormattingUtils-9897753c', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-5ffdcfb3', './Message.types-b4f9193e', './MessageStartIcon-6a8df238', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f72a5276', './MessageTimestamp-c2982045', './MessageUtils-e1be6387', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-a11de134', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-c8b653d8', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-112e1ecb', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_Floating', './Floating-586582eb', './index-fcc0840c', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-d22e3de9', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-feb9ff0e', './UNSAFE_FocusTrap', './FocusTrap-e842870b', './UNSAFE_Layer', './useThemeInterpolations-abf45dcc', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-d286a116', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './hooks/UNSAFE_useId', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css'], (function(e,s,o,t,n,a,i,l,r,c,u,d,m,h,p,A,S,F,U,_,E,T,g,N,x,y,C,I,b,f,M,B,P,k,w,j,R,v,L,V,H,D,q,O,W,G,z,$,J,K,Q,X,Y,Z,ee,se,oe,te,ne,ae,ie,le,re,ce,ue,de,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,ye,Ce,Ie,be,fe,Me,Be,Pe,ke,we,je,Re,ve,Le,Ve,He,De,qe,Oe,We,Ge,ze,$e,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,ns,as,is,ls,rs,cs,us,ds,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,ys,Cs,Is,bs,fs,Ms,Bs,Ps,ks,ws,js,Rs,vs,Ls,Vs,Hs,Ds,qs,Os,Ws,Gs,zs,$s,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,no,ao,io){"use strict";function lo({assistiveText:e,sourceLink:a,sourceText:i}){const{styles:{helpTextStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return s.jsxs("div",{children:[e&&a?s.jsx("span",{class:l,children:e}):e,a&&s.jsx(t.InlineHelpSource,{source:a,children:i})]})}function ro({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const{classes:l}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{align:e,visible:t||i?"hide":"show"}),r=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:l,children:r})}function co({variant:e="reflow",children:t,id:a}){const{classes:i,styles:{inlineContainerBaseStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{container:e});if(null!==u.useInputGroupContext())return null;return s.jsx("div",{class:d.classNames([i,l]),id:a,children:t})}e.InlineHelpSource=t.InlineHelpSource,e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:t,isRequiredShown:n,labelEdge:i})=>{const l=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:r,tooltipProps:c}=U.useTooltip({text:l,offset:{mainAxis:8}}),u=d.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:u,...c}),r]}),h=(o||t)&&s.jsx(A.CompactHelpSource,{id:e,labelEdge:i,source:o,children:t});return s.jsxs(s.Fragment,{children:["start"!==i&&m,h,"start"===i&&m]})},e.CompactUserAssistance=function({anchorRef:e,assistiveText:t,fieldLabel:a,id:i,messages:l=[]}){const{isInputFocused:c,isReadonly:u}=r.useFormFieldContext(),{isFocused:d,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===d,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==u&&(l.length>0||t)?s.jsx(h.Popup,{...p,placement:"end-top-corner",isOpen:U,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",children:s.jsxs("div",{id:i,class:_,children:[l.length>0&&s.jsx(m.ComponentMessageContainer,{fieldLabel:a,messages:l}),l.length>0&&t&&s.jsx("span",{class:S.dividerStyle,children:s.jsx(F.Divider,{})}),t&&s.jsx("span",{class:S.assistiveStyles,children:t})]})}):null},e.IconUserAssistance=({assistiveText:e,helpSourceLink:t,helpSourceText:n,isTabbable:i=!0,id:l})=>{const{bool:r,setFalse:c,setTrue:u}=T.useToggle(!1),m=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),p=t&&(n||m),{baseTheme:A}=o.useComponentTheme(N.PopupRedwoodTheme),{pressProps:F}=E.usePress((e=>{e.preventDefault(),u()})),U=_.useRef(null),x=d.classNames([A,S.iconUserAssistancePopupFocus]);return t||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...F,ref:U,tabIndex:i?0:-1,class:S.iconUserAssistanceIcon,id:`${l}-help-icon`,children:s.jsx(g.HelpIcon,{})}),s.jsx(h.Popup,{placement:"top",isOpen:r,anchorRef:U,onClose:c,onClickOutside:c,shiftOptions:{mainAxis:!0,crossAxis:!1},initialFocus:"firstFocusable",children:s.jsx("div",{id:l,tabIndex:0,class:x,children:s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:p})})})]}):null},e.InlineHelp=lo,e.InlineRequired=ro,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:o,helpSourceLink:t,helpSourceText:n,id:a,isRequiredShown:i,requiredAlignment:c,messages:u=[],userAssistanceDensity:d}){const{isReadonly:h}=l.useFormContext(),p="efficient"===d&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=u.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:u}):(e||t)&&A?s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:n}):i?s.jsx(ro,{align:c}):null;return S||p?s.jsx(co,{id:a,variant:d,children:S}):null},e.InlineUserAssistanceContainer=co,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-08f31b0a', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-7db86b04', './ComponentMessageContainer-0881de9e', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-39e1c0b1', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-54bffeab', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './hooks/UNSAFE_useTabbableMode', 'preact', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'css!./UserAssistanceStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2', './index-fc8f1cc9', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-eee5ec9d', './PRIVATE_Message', './UNSAFE_Flex', './Flex-162d1295', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './utils/UNSAFE_mergeInterpolations', './_curry3-966c4b00', './_has-fb587992', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-fefb7628', './utils/UNSAFE_interpolations/flexbox', './flexbox-f4af7fd8', './utils/UNSAFE_interpolations/flexitem', './flexitem-11c1ee04', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-27e527a8', './UNSAFE_IconButton', './IconButton-ba5bf817', './UNSAFE_BaseButton', './BaseButton-2a81d907', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-6a60a81f', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-3802dbaa', './UNSAFE_Text', './Text-124b29d6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-862cc6d2', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-26766dd3', './MessageFormattingUtils-e289771f', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-2f1755af', './Message.types-c7f3500d', './MessageStartIcon-9a6e6ebd', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-ea049723', './MessageTimestamp-ff1f927c', './MessageUtils-7eb71b76', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-cbe9e083', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-31342a6d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_Floating', './Floating-bce56ac3', './index-506999ae', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-18a5d83c', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-186f8d06', './UNSAFE_FocusTrap', './FocusTrap-618797a1', './UNSAFE_Layer', './useThemeInterpolations-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-3eddfa42', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './hooks/UNSAFE_useId', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css'], (function(e,s,o,t,n,a,i,l,r,c,u,d,m,h,p,A,S,F,U,_,E,T,g,N,x,b,y,C,f,I,M,B,P,k,w,j,R,v,L,V,H,D,q,O,W,G,z,$,J,K,Q,X,Y,Z,ee,se,oe,te,ne,ae,ie,le,re,ce,ue,de,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,be,ye,Ce,fe,Ie,Me,Be,Pe,ke,we,je,Re,ve,Le,Ve,He,De,qe,Oe,We,Ge,ze,$e,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,ns,as,is,ls,rs,cs,us,ds,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,bs,ys,Cs,fs,Is,Ms,Bs,Ps,ks,ws,js,Rs,vs,Ls,Vs,Hs,Ds,qs,Os,Ws,Gs,zs,$s,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,no,ao,io){"use strict";function lo({assistiveText:e,sourceLink:a,sourceText:i}){const{styles:{helpTextStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return s.jsxs("div",{children:[e&&a?s.jsx("span",{class:l,children:e}):e,a&&s.jsx(t.InlineHelpSource,{source:a,children:i})]})}function ro({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const{classes:l}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{align:e,visible:t||i?"hide":"show"}),r=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:l,children:r})}function co({variant:e="reflow",children:t,id:a}){const{classes:i,styles:{inlineContainerBaseStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{container:e});if(null!==u.useInputGroupContext())return null;return s.jsx("div",{class:d.classNames([i,l]),id:a,children:t})}e.InlineHelpSource=t.InlineHelpSource,e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:t,isRequiredShown:n,labelEdge:i})=>{const l=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:r,tooltipProps:c}=U.useTooltip({text:l,offset:{mainAxis:8}}),u=d.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:u,...c}),r]}),h=(o||t)&&s.jsx(A.CompactHelpSource,{id:e,labelEdge:i,source:o,children:t});return s.jsxs(s.Fragment,{children:["start"!==i&&m,h,"start"===i&&m]})},e.CompactUserAssistance=function({anchorRef:e,assistiveText:t,fieldLabel:a,id:i,messages:l=[]}){const{isInputFocused:c,isReadonly:u}=r.useFormFieldContext(),{isFocused:d,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===d,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==u&&(l.length>0||t)?s.jsx(h.Popup,{...p,placement:"end-top-corner",isOpen:U,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",children:s.jsxs("div",{id:i,class:_,children:[l.length>0&&s.jsx(m.ComponentMessageContainer,{fieldLabel:a,messages:l}),l.length>0&&t&&s.jsx("span",{class:S.dividerStyle,children:s.jsx(F.Divider,{})}),t&&s.jsx("span",{class:S.assistiveStyles,children:t})]})}):null},e.IconUserAssistance=({assistiveText:e,helpSourceLink:t,helpSourceText:n,isTabbable:i=!0,id:l})=>{const{bool:r,setFalse:c,setTrue:u}=T.useToggle(!1),m=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),p=t&&(n||m),{baseTheme:A}=o.useComponentTheme(N.PopupRedwoodTheme),{pressProps:F}=E.usePress((e=>{e.preventDefault(),u()})),U=_.useRef(null),x=d.classNames([A,S.iconUserAssistancePopupFocus]);return t||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...F,ref:U,tabIndex:i?0:-1,class:S.iconUserAssistanceIcon,id:`${l}-help-icon`,children:s.jsx(g.HelpIcon,{})}),s.jsx(h.Popup,{placement:"top",isOpen:r,anchorRef:U,onClose:c,onClickOutside:c,shiftOptions:{mainAxis:!0,crossAxis:!1},initialFocus:"firstFocusable",children:s.jsx("div",{id:l,tabIndex:0,class:x,children:s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:p})})})]}):null},e.InlineHelp=lo,e.InlineRequired=ro,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:o,helpSourceLink:t,helpSourceText:n,id:a,isRequiredShown:i,requiredAlignment:c,messages:u=[],userAssistanceDensity:d}){const{isReadonly:h}=l.useFormContext(),p="efficient"===d&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=u.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:u}):(e||t)&&A?s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:n}):i?s.jsx(ro,{align:c}):null;return S||p?s.jsx(co,{id:a,variant:d,children:S}):null},e.InlineUserAssistanceContainer=co,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

package/amd/UNSAFE_UserAssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx","../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx","../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { InlineHelpSource } from './InlineHelpSource';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  const {\n    styles: { helpTextStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n","import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Divider } from '../UNSAFE_Divider';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\">\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Divider />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n","import { useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '../UNSAFE_Popup/themes/redwood/PopupTheme';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, setTrue: setIsOpenTrue } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    setIsOpenTrue();\n  });\n  const anchorRef = useRef(null);\n\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={setIsOpenFalse}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        initialFocus=\"firstFocusable\">\n        <div id={id} tabIndex={0} class={iconUserAssistanceClasses}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","styles","helpTextStyles","useComponentTheme","UserAssistanceRedwoodTheme","_jsxs","children","_jsx","class","InlineHelpSource","source","InlineRequired","align","hasHelp","hasMessages","classes","visible","requiredStr","useTranslationBundle","userAssistance_required","InlineUserAssistanceContainer","variant","id","inlineContainerBaseStyles","container","useInputGroupContext","classNames","helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","helpIndicator","jsx","CompactHelpSource","jsxs","_Fragment","Fragment","anchorRef","fieldLabel","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","length","Popup","placement","flipOptions","crossAxis","tail","ComponentMessageContainer","dividerStyle","Divider","assistiveStyles","isTabbable","bool","setFalse","setIsOpenFalse","setTrue","setIsOpenTrue","useToggle","userAssistance_learnMoreStr","userAssistance_learnMore","popupBaseTheme","PopupRedwoodTheme","pressProps","usePress","e","preventDefault","useRef","iconUserAssistanceClasses","iconUserAssistancePopupFocus","ref","tabIndex","iconUserAssistanceIcon","HelpIcon","onClose","onClickOutside","shiftOptions","initialFocus","requiredAlignment","userAssistanceDensity","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","uaInlineContent"],"mappings":"6uMAcM,SAAUA,IAAWC,cAAEA,EAAaC,WAAEA,EAAUC,WAAEA,IACtD,MACEC,QAAQC,eAAEA,IACRC,EAAAA,kBACFC,EAAAA,4BAEF,OACEC,OACG,MAAA,CAAAC,SAAA,CAAAR,GAAiBC,EAChBQ,EAAAA,IAAA,OAAA,CAAMC,MAAON,EAAiBI,SAAAR,IAAqB,EAIpDC,GAAcQ,EAAAA,IAACE,EAAAA,iBAAiB,CAAAC,OAAQX,EAAUO,SAAGN,MAG5D,CClBgB,SAAAW,IAAeC,MAAEA,EAAQ,MAAKC,QAAEA,GAAU,EAAKC,YAAEA,GAAc,IAC7E,MAAMC,QAAEA,GAAYZ,EAAiBA,kBAA+BC,6BAA4B,CAC9FQ,QACAI,QAASH,GAAWC,EAAc,OAAS,SAIvCG,EADeC,uBAAiC,4BACrBC,0BAEjC,OAAOZ,EAAAA,WAAKC,MAAOO,EAAUT,SAAAW,GAC/B,CCHM,SAAUG,IAA8BC,QAAEA,EAAU,SAAQf,SAAEA,EAAQgB,GAAEA,IAC5E,MAAMP,QACJA,EACAd,QAAQsB,0BAAEA,IACRpB,EAAiBA,kBACnBC,6BACA,CACEoB,UAAWH,IAMf,GAA0B,OADAI,EAAAA,uBACM,OAAO,KAQvC,OALElB,EAAAA,IAAA,MAAA,CAAKC,MAAOkB,EAAUA,WAAC,CAACX,EAASQ,IAA6BD,GAAIA,EAC/DhB,SAAAA,GAKP,gEC1B+B,EAC7BqB,aACAC,iBACAC,iBACAC,kBACAC,gBAEA,MACMd,EADeC,uBAAiC,4BACrBC,2BAE3Ba,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMlB,EACNmB,OAAQ,CAAEC,SAAU,KAGhBC,EAAiBZ,EAAAA,WAAW,CAChCa,EAAgBA,iBACF,UAAdR,GAAyBS,EAA0BA,6BAE/CC,EAAoBX,GACxBzB,yBACEE,MAAM,OAAA,CAAAC,MAAO8B,KAAoBL,IAChCD,KAICU,GAAiBd,GAAkBC,IACvCtB,EAACoC,IAAAC,EAAiBA,kBAAC,CAAAtB,GAAIK,EAAYI,UAAWA,EAAWrB,OAAQkB,EAC9DtB,SAAAuB,IAIL,OACExB,EACGwC,KAAAC,EAAAC,SAAA,CAAAzC,SAAA,CAAc,UAAdyB,GAAyBU,EACzBC,EACc,UAAdX,GAAyBU,IAE5B,0BCjCY,UAAsBO,UACpCA,EAASlD,cACTA,EAAamD,WACbA,EAAU3B,GACVA,EAAE4B,SACFA,EAAW,KAEX,MAAMC,eAAEA,EAAcC,WAAEA,GAAeC,EAAmBA,uBAElDC,UAAWC,EAAcC,WAAEA,GAAeC,EAAmBA,sBAC/DC,GAA4B,IAAnBP,IAA8C,IAAnBI,GAEpCI,UAAEA,GAAcxD,EAAiBA,kBAACC,EAA0BA,4BAyBlE,OAtBiB,IAAfgD,IAAwBF,EAASU,OAAS,GAAK9D,GAC7CS,EAAAA,IAACsD,EAAAA,MAAK,IACAL,EACJM,UAAU,iBACVJ,OAAQA,EACRV,UAAWA,EACXe,YAbO,CAAE1B,UAAU,EAAM2B,WAAW,GAcpCC,KAAK,SACL3D,SAAAD,EAAAA,KAAA,MAAA,CAAKiB,GAAIA,EAAId,MAAOmD,EACjBrD,SAAA,CAAA4C,EAASU,OAAS,GACjBrD,EAAAoC,IAACuB,EAAyBA,0BAAC,CAAAjB,WAAYA,EAAYC,SAAUA,IAE9DA,EAASU,OAAS,GAAK9D,GACtBS,cAAMC,MAAO2D,EAAAA,aAAY7D,SACvBC,EAACoC,IAAAyB,EAAOA,cAGXtE,GAAiBS,EAAAoC,IAAA,OAAA,CAAMnC,MAAO6D,EAAeA,gBAAG/D,SAAAR,SAGnD,IAGR,uBCb2B,EACzBA,gBACA8B,iBACAC,iBACAyC,cAAa,EACbhD,SAEA,MAAQiD,KAAMb,EAAQc,SAAUC,EAAgBC,QAASC,GAAkBC,aAAU,GAG/EC,EADe3D,uBAAiC,4BACL4D,2BAC3C9E,EAAa4B,IAAmBC,GAAkBgD,IAEhDlB,UAAWoB,GAAmB5E,EAAiBA,kBAAC6E,EAAiBA,oBAEnEC,WAAEA,GAAeC,EAAQA,UAAEC,IAC/BA,EAAEC,iBACFT,GAAe,IAEX3B,EAAYqC,SAAO,MAEnBC,EAA4B5D,EAAUA,WAAC,CAACqD,EAAgBQ,EAAAA,+BAE9D,OAAO3D,GAAkB9B,EACvBO,EACEwC,KAAAC,EAAAC,SAAA,CAAAzC,SAAA,CAAAC,MAAA,OAAA,IACM0E,EACJO,IAAKxC,EACLyC,SAAUnB,EAAa,GAAK,EAC5B9D,MAAOkF,EAAAA,uBACPpE,GAAI,GAAGA,cACPhB,SAAAC,EAAAoC,IAACgD,WAAQ,CAAA,KAEXpF,EAACoC,IAAAkB,QACC,CAAAC,UAAU,MACVJ,OAAQA,EACRV,UAAWA,EACX4C,QAASnB,EACToB,eAAgBpB,EAChBqB,aAAc,CAAEzD,UAAU,EAAM2B,WAAW,GAC3C+B,aAAa,iBACbzF,SAAAC,EAAAoC,IAAA,MAAA,CAAKrB,GAAIA,EAAImE,SAAU,EAAGjF,MAAO8E,EAC/BhF,SAAAC,EAAAoC,IAAC9C,GAAU,CACTC,cAAeA,EACfC,WAAY6B,EACZ5B,WAAYA,WAKlB,IAAI,6DCxEJ,UAA+BF,cACnCA,EAAamD,WACbA,EAAUrB,eACVA,EAAcC,eACdA,EAAcP,GACdA,EAAEQ,gBACFA,EAAekE,kBACfA,EAAiB9C,SACjBA,EAAW,GAAE+C,sBACbA,IAEA,MAAQ7C,WAAY8C,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BH,IAA4D,IAAnBC,GACrC5C,UAAEA,GAAcD,EAAAA,sBAChBgD,EACJnD,EAASU,OAAS,EAChBrD,EAAAA,IAAC2D,EAAAA,0BAAyB,CAACjB,WAAYA,EAAYC,SAAUA,KAC1DpD,GAAiB8B,IAAmB0B,EACvC/C,EAAAA,IAACV,GAAU,CACTC,cAAeA,EACfC,WAAY6B,EACZ5B,WAAY6B,IAEZC,EACFvB,EAAAA,IAACI,GAAe,CAAAC,MAAOoF,IACrB,KAKN,OAAOK,GAAmBD,EACxB7F,MAACa,GAA6B,CAACE,GAAIA,EAAID,QAAS4E,EAC7C3F,SAAA+F,IAED,IACN"}
+{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx","../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx","../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { InlineHelpSource } from './InlineHelpSource';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  const {\n    styles: { helpTextStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n","import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Divider } from '../UNSAFE_Divider';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\">\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Divider />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n","import { useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '../UNSAFE_Popup/themes/redwood/PopupTheme';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, setTrue: setIsOpenTrue } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    setIsOpenTrue();\n  });\n  const anchorRef = useRef(null);\n\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={setIsOpenFalse}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        initialFocus=\"firstFocusable\">\n        <div id={id} tabIndex={0} class={iconUserAssistanceClasses}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","styles","helpTextStyles","useComponentTheme","UserAssistanceRedwoodTheme","_jsxs","children","_jsx","class","InlineHelpSource","source","InlineRequired","align","hasHelp","hasMessages","classes","visible","requiredStr","useTranslationBundle","userAssistance_required","InlineUserAssistanceContainer","variant","id","inlineContainerBaseStyles","container","useInputGroupContext","classNames","helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","helpIndicator","jsx","CompactHelpSource","jsxs","_Fragment","Fragment","anchorRef","fieldLabel","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","length","Popup","placement","flipOptions","crossAxis","tail","ComponentMessageContainer","dividerStyle","Divider","assistiveStyles","isTabbable","bool","setFalse","setIsOpenFalse","setTrue","setIsOpenTrue","useToggle","userAssistance_learnMoreStr","userAssistance_learnMore","popupBaseTheme","PopupRedwoodTheme","pressProps","usePress","e","preventDefault","useRef","iconUserAssistanceClasses","iconUserAssistancePopupFocus","ref","tabIndex","iconUserAssistanceIcon","HelpIcon","onClose","onClickOutside","shiftOptions","initialFocus","requiredAlignment","userAssistanceDensity","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","uaInlineContent"],"mappings":"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"}

package/amd/UNSAFE_View.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_arrayUtils', './index-3e23c862', './index-68e12a0a', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-d22e3de9', './flexitem-899096c0', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9125182b', './_curry1-d98c2367', 'module', './keys-b8a638ad', './_has-0610d90b', './utils/UNSAFE_classNames', './classNames-79e32c42', './_curry3-1b475303', './_curry2-469edfc1', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,r,a,s,i,l,n,c,d,m,u,p,b,_,h,S,v,E,N,g,y,A,U,x,F,j,f,C,I,O,k){"use strict";const w=m.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(r.borderInterpolations),...Object.values(a.dimensionInterpolations),...Object.values(h.flexitemInterpolations),...Object.values(i.colorInterpolations),...Object.values(l.paddingInterpolations),...Object.values(n.ariaInterpolations),...Object.values(c.themeInterpolations)],L=d.mergeInterpolations(B),V=t.forwardRef(((e,t)=>{const{as:r,children:a,colorScheme:s,scale:i,color:l,backgroundColor:n,...c}=e,{class:d,ariaLabelledBy:m,ariaLabel:h,...S}=L({colorScheme:s,scale:i,backgroundColor:n,color:l,...c}),v={};s&&(v.colorScheme=s),i&&(v.scale=i);let E={};n&&(v.currentBgColor=n,E=_.assignInlineVars({[b.globalVars.currentBackgroundColor]:S.backgroundColor}));const N=r||"div",g=o.jsx(N,{"aria-label":h,"aria-labelledby":m,class:d,style:{...S,boxSizing:"border-box",...E},ref:t,children:a});return p.isEmpty(v)?g:o.jsx(u.EnvironmentProvider,{environment:v,children:g})}));e.View=V,e.elementTypes=w,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_arrayUtils', './index-fc8f1cc9', './index-463f471d', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-18a5d83c', './flexitem-11c1ee04', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './_curry1-b3fba646', 'module', './keys-fefb7628', './_has-fb587992', './utils/UNSAFE_classNames', './classNames-7db86b04', './_curry3-966c4b00', './_curry2-0b7b67aa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,r,a,s,i,l,n,c,m,d,u,b,p,_,f,h,S,v,E,N,g,y,A,U,x,F,j,C,I,O,k){"use strict";const w=d.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(r.borderInterpolations),...Object.values(a.dimensionInterpolations),...Object.values(f.flexitemInterpolations),...Object.values(i.colorInterpolations),...Object.values(l.paddingInterpolations),...Object.values(n.ariaInterpolations),...Object.values(c.themeInterpolations)],L=m.mergeInterpolations(B),V=t.forwardRef(((e,t)=>{const{as:r,children:a,colorScheme:s,scale:i,color:l,backgroundColor:n,...c}=e,{class:m,ariaLabelledBy:d,ariaLabel:f,...h}=L({colorScheme:s,scale:i,backgroundColor:n,color:l,...c}),S={};s&&(S.colorScheme=s),i&&(S.scale=i);let v={};n&&(S.currentBgColor=n,v=_.assignInlineVars({[p.globalVars.currentBackgroundColor]:h.backgroundColor}));const E=r||"div",N=o.jsx(E,{"aria-label":f,"aria-labelledby":d,class:m,style:{...h,boxSizing:"border-box",...v},ref:t,children:a});return b.isEmpty(S)?N:o.jsx(u.EnvironmentProvider,{environment:S,children:N})}));e.View=V,e.elementTypes=w,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_View.js.map

package/amd/UNSAFE_VirtualizedListView.js

@@ -1,2 +1,2 @@
-define(['exports', './VirtualizedListView-f230658d', 'preact/jsx-runtime', './PRIVATE_List', './List-ba178eb7', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-79e32c42', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-12c07a93', 'preact', './PRIVATE_Collection', './Collection-06b6931a', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-8f957f9d', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-e842870b', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-d98c2367', './_curry2-469edfc1', './_arity-feb9ff0e', './_curry3-1b475303', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-a7a57239', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-0610d90b', './utils/UNSAFE_interpolations/flexitem', './flexitem-899096c0', './keys-b8a638ad', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-3e23c862', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-665e1d17', './UNSAFE_Skeleton', './Skeleton-b3268966', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9125182b', './utils/UNSAFE_interpolations/borders', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Flex', './Flex-df79f02e', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-3486ae41', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-a5fb9a10', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-586582eb', './index-fcc0840c', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-d22e3de9', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-abf45dcc', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c8b653d8', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module'], (function(e,s,o,t,i,l,n,c,a,S,r,d,h,_,A,E,F,m,u,U,N,T,k,I,p,y,V,R,b,C,f,g,w,x,P,L,B,G,M,z,O,v,H,j,K,q,D,J,Q,W,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ce,ae,Se,re,de,he,_e,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,Ve,Re,be,Ce,fe,ge,we,xe,Pe,Le,Be,Ge,Me,ze,Oe,ve,He,je,Ke,qe,De,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,cs,as,Ss,rs,ds,hs,_s,As,Es,Fs,ms,us,Us,Ns,Ts,ks,Is,ps,ys,Vs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './VirtualizedListView-8730cc19', 'preact/jsx-runtime', './PRIVATE_List', './List-e9bd3ad5', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-7db86b04', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-061aac29', 'preact', './PRIVATE_Collection', './Collection-1ce9f219', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-9c72cf93', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-618797a1', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-b3fba646', './_curry2-0b7b67aa', './_arity-186f8d06', './_curry3-966c4b00', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-6a60a81f', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-fb587992', './utils/UNSAFE_interpolations/flexitem', './flexitem-11c1ee04', './keys-fefb7628', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-fc8f1cc9', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-592254af', './UNSAFE_Skeleton', './Skeleton-537e8e6d', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './utils/UNSAFE_interpolations/borders', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Flex', './Flex-162d1295', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-f4af7fd8', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-862cc6d2', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-bce56ac3', './index-506999ae', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-18a5d83c', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module'], (function(e,s,o,t,i,l,n,c,a,S,r,d,h,_,A,E,F,m,u,U,N,T,k,I,p,y,V,R,b,C,f,g,w,x,P,L,B,G,M,z,O,v,H,j,K,q,D,J,Q,W,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ce,ae,Se,re,de,he,_e,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,Ve,Re,be,Ce,fe,ge,we,xe,Pe,Le,Be,Ge,Me,ze,Oe,ve,He,je,Ke,qe,De,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,cs,as,Ss,rs,ds,hs,_s,As,Es,Fs,ms,us,Us,Ns,Ts,ks,Is,ps,ys,Vs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_VirtualizedListView.js.map

package/amd/UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css.js

@@ -0,0 +1,2 @@
+define(['exports', 'css!./../../VisStatusMessageStyles.styles.css'], (function(e,s){"use strict";e.baseStyles="VisStatusMessageStyles_baseStyles__j1s37j0",e.userSelectStyles="VisStatusMessageStyles_userSelectStyles__j1s37j1",Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=VisStatusMessageStyles.css.js.map

package/amd/UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisStatusMessageStyles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_VisStatusMessage.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_VisStatusMessage/themes/VisStatusMessageStyles.css', './UNSAFE_Flex', './utils/UNSAFE_classNames', './classNames-7db86b04', './Flex-162d1295', './hooks/UNSAFE_useTranslationBundle', './LayoutUtils-ddfc5236', 'css!./VisStatusMessageStyles.styles.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './Common/themes/themeContract.css', './_curry1-b3fba646', './utils/UNSAFE_mergeInterpolations', './_curry3-966c4b00', './_curry2-0b7b67aa', './_has-fb587992', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-fefb7628', './utils/UNSAFE_interpolations/flexbox', './flexbox-f4af7fd8', './utils/UNSAFE_interpolations/flexitem', './flexitem-11c1ee04', 'preact/hooks', './index-fc8f1cc9', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat'], (function(e,s,t,a,i,l,n,r,o,c,u,d,m,S,b,f,_,h,x,N,F,p,U,y,A,E,g,j,V,v,C,I,M,k,T){"use strict";function w({children:e,...a}){const i=l.classNames([a.isSelectable?"":t.userSelectStyles,t.baseStyles]);return s.jsx("div",{class:i,tabIndex:0,"aria-label":a["aria-label"],"aria-activedescendant":a.activeId,children:s.jsx(n.Flex,{width:"100%",height:"100%",justify:"center",align:"center",children:e})})}e.VisNoData=function(e){const t=r.useTranslationBundle("@oracle/oraclejet-preact").dataVisualization_noData(),a=o.getRandomId();return s.jsx(w,{"aria-label":e["aria-label"],activeId:a,children:s.jsx("span",{id:a,children:t})})},e.VisStatusMessage=w,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=UNSAFE_VisStatusMessage.js.map

package/amd/UNSAFE_VisStatusMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_VisStatusMessage.js","sources":["../../src/UNSAFE_VisStatusMessage/VisStatusMessage.tsx","../../src/UNSAFE_VisStatusMessage/VisNoData.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { baseStyles, userSelectStyles } from './themes/VisStatusMessageStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nexport type Props = {\n  /**\n   * The children to put in the grid.\n   */\n  children: ComponentChildren;\n  isSelectable?: false;\n  activeId?: string;\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n};\n\nexport function VisStatusMessage({ children, ...otherProps }: Props) {\n  const itemClasses = classNames([otherProps.isSelectable ? '' : userSelectStyles, baseStyles]);\n\n  return (\n    <div\n      class={itemClasses}\n      tabIndex={0}\n      aria-label={otherProps['aria-label']}\n      aria-activedescendant={otherProps.activeId}>\n      <Flex width=\"100%\" height=\"100%\" justify=\"center\" align=\"center\">\n        {children}\n      </Flex>\n    </div>\n  );\n}\n","import { VisStatusMessage } from './VisStatusMessage';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { getRandomId } from '../utils/PRIVATE_visLayoutUtils/LayoutUtils';\n\ntype Props = {\n  'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n};\n\nexport function VisNoData(props: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const noDataMsg = translations.dataVisualization_noData();\n  const activeId = getRandomId();\n\n  return (\n    <VisStatusMessage aria-label={props['aria-label']} activeId={activeId}>\n      <span id={activeId}>{noDataMsg}</span>\n    </VisStatusMessage>\n  );\n}\n"],"names":["VisStatusMessage","children","otherProps","itemClasses","classNames","isSelectable","userSelectStyles","baseStyles","_jsx","jsx","class","tabIndex","activeId","Flex","width","height","justify","align","props","noDataMsg","useTranslationBundle","dataVisualization_noData","getRandomId","id"],"mappings":"u9BAgBM,SAAUA,GAAiBC,SAAEA,KAAaC,IAC9C,MAAMC,EAAcC,EAAUA,WAAC,CAACF,EAAWG,aAAe,GAAKC,EAAAA,iBAAkBC,EAAUA,aAE3F,OACEC,EACEC,IAAA,MAAA,CAAAC,MAAOP,EACPQ,SAAU,eACET,EAAW,cAAa,wBACbA,EAAWU,kBAClCJ,EAACC,IAAAI,EAAIA,KAAC,CAAAC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,SAASC,MAAM,SAAQhB,SAC7DA,KAIT,aCpBM,SAAoBiB,GACxB,MACMC,EADeC,uBAAiC,4BACvBC,2BACzBT,EAAWU,EAAAA,cAEjB,OACEd,EAAAA,IAACR,EAAgB,CAAA,aAAakB,EAAM,cAAeN,SAAUA,EAC3DX,SAAAO,MAAA,OAAA,CAAMe,GAAIX,WAAWO,KAG3B"}

package/amd/UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../WindowOverlayStyles.styles.css'], (function(e,t){"use strict";e.baseStyle="WindowOverlayStyles_baseStyle__d5jpag12",e.styles={baseStyle:"WindowOverlayStyles_baseStyle__d5jpag12",placementStyles:{center:"WindowOverlayStyles_placementStyles_center__d5jpagd",top:"WindowOverlayStyles_placementStyles_top__d5jpage","top-end":"WindowOverlayStyles_placementStyles__d5jpagf","top-right":"WindowOverlayStyles_placementStyles__d5jpagg","top-start":"WindowOverlayStyles_placementStyles__d5jpagh","top-left":"WindowOverlayStyles_placementStyles__d5jpagi","top-end-corner":"WindowOverlayStyles_placementStyles__d5jpagj","top-start-corner":"WindowOverlayStyles_placementStyles__d5jpagk",end:"WindowOverlayStyles_placementStyles_end__d5jpagl","end-top":"WindowOverlayStyles_placementStyles__d5jpagm","end-bottom":"WindowOverlayStyles_placementStyles__d5jpagn","end-top-corner":"WindowOverlayStyles_placementStyles__d5jpago","end-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpagp",bottom:"WindowOverlayStyles_placementStyles_bottom__d5jpagq","bottom-end":"WindowOverlayStyles_placementStyles__d5jpagr","bottom-right":"WindowOverlayStyles_placementStyles__d5jpags","bottom-start":"WindowOverlayStyles_placementStyles__d5jpagt","bottom-left":"WindowOverlayStyles_placementStyles__d5jpagu","bottom-end-corner":"WindowOverlayStyles_placementStyles__d5jpagv","bottom-start-corner":"WindowOverlayStyles_placementStyles__d5jpagw",start:"WindowOverlayStyles_placementStyles_start__d5jpagx","start-top":"WindowOverlayStyles_placementStyles__d5jpagy","start-bottom":"WindowOverlayStyles_placementStyles__d5jpagz","start-top-corner":"WindowOverlayStyles_placementStyles__d5jpag10","start-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpag11"},windowOverlayStyles:{notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"},gridStyles:"WindowOverlayStyles_gridStyles__d5jpag13"},e.variants={},e.windowOverlayStyles={notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../WindowOverlayStyles.styles.css'], (function(e,t){"use strict";var l={baseStyle:"WindowOverlayStyles_baseStyle__d5jpag12",placementStyles:{center:"WindowOverlayStyles_placementStyles_center__d5jpagd",top:"WindowOverlayStyles_placementStyles_top__d5jpage","top-end":"WindowOverlayStyles_placementStyles__d5jpagf","top-right":"WindowOverlayStyles_placementStyles__d5jpagg","top-start":"WindowOverlayStyles_placementStyles__d5jpagh","top-left":"WindowOverlayStyles_placementStyles__d5jpagi","top-end-corner":"WindowOverlayStyles_placementStyles__d5jpagj","top-start-corner":"WindowOverlayStyles_placementStyles__d5jpagk",end:"WindowOverlayStyles_placementStyles_end__d5jpagl","end-top":"WindowOverlayStyles_placementStyles__d5jpagm","end-bottom":"WindowOverlayStyles_placementStyles__d5jpagn","end-top-corner":"WindowOverlayStyles_placementStyles__d5jpago","end-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpagp",bottom:"WindowOverlayStyles_placementStyles_bottom__d5jpagq","bottom-end":"WindowOverlayStyles_placementStyles__d5jpagr","bottom-right":"WindowOverlayStyles_placementStyles__d5jpags","bottom-start":"WindowOverlayStyles_placementStyles__d5jpagt","bottom-left":"WindowOverlayStyles_placementStyles__d5jpagu","bottom-end-corner":"WindowOverlayStyles_placementStyles__d5jpagv","bottom-start-corner":"WindowOverlayStyles_placementStyles__d5jpagw",start:"WindowOverlayStyles_placementStyles_start__d5jpagx","start-top":"WindowOverlayStyles_placementStyles__d5jpagy","start-bottom":"WindowOverlayStyles_placementStyles__d5jpagz","start-top-corner":"WindowOverlayStyles_placementStyles__d5jpag10","start-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpag11"},windowOverlayStyles:y,gridStyles:"WindowOverlayStyles_gridStyles__d5jpag13"},y={notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"};e.baseStyle="WindowOverlayStyles_baseStyle__d5jpag12",e.styles=l,e.variants={},e.windowOverlayStyles=y,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayStyles.css.js.map

package/amd/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,s,a,t,i,l,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,a,i,l,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayTheme.js.map

package/amd/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayVariants.css.js.map

package/amd/UNSAFE_WindowOverlay/themes/stable/WindowOverlayTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,s,a,t,l,i,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,a,l,i,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayTheme.js.map

package/amd/UNSAFE_WindowOverlay/themes/stable/WindowOverlayVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayVariants.css.js.map

package/amd/UNSAFE_WindowOverlay.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_mergeInterpolations', './vanilla-extract-dynamic.esm-d22e3de9', './utils/UNSAFE_classNames', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './classNames-79e32c42', './_curry1-d98c2367', './_curry3-1b475303', './_curry2-469edfc1', './_has-0610d90b', 'css!./WindowOverlayStyles.styles.css', 'preact/hooks', './index-3e23c862', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-5ba4fc57'], (function(e,t,s,o,a,r,l,n,i,y,d,w,c,m,v,O,S,h,p,b,f,u,g,x,A,_,N,W,k){"use strict";e.WindowOverlay=({children:e,...a})=>{const{direction:w}=n.useUser(),c="ltr"===w;null==a.placement&&(a.placement="center");const{styles:m,baseTheme:v}=i.useComponentTheme(y.WindowOverlayRedwoodTheme),{baseStyle:O,gridStyles:S,placementStyles:h}=m,p=[({placement:e="center"})=>({class:h[e]})],b=[...Object.values(p)],f=s.mergeInterpolations(b),{class:u,...g}=f(a),x=((e,t,s)=>{if(null==e)return;let o;switch(e){case"top-start":case"center":o=t?r.windowOverlayStyles["top-left"]:r.windowOverlayStyles["top-right"];break;case"top-end":o=t?r.windowOverlayStyles["top-right"]:r.windowOverlayStyles["top-left"];break;case"bottom-start":o=t?r.windowOverlayStyles["bottom-left"]:r.windowOverlayStyles["bottom-right"];break;case"bottom-end":o=t?r.windowOverlayStyles["bottom-right"]:r.windowOverlayStyles["bottom-left"];break;case"start-top":o=t?r.windowOverlayStyles["left-top"]:r.windowOverlayStyles["right-top"];break;case"end-top":o=t?r.windowOverlayStyles["right-top"]:r.windowOverlayStyles["left-top"];break;case"start-bottom":o=t?r.windowOverlayStyles["left-bottom"]:r.windowOverlayStyles["right-bottom"];break;case"end-bottom":o=t?r.windowOverlayStyles["right-bottom"]:r.windowOverlayStyles["left-bottom"];break;case"start":o=t?r.windowOverlayStyles.left:r.windowOverlayStyles.right;break;case"end":o=t?r.windowOverlayStyles.right:r.windowOverlayStyles.left;break;case"top":o=r.windowOverlayStyles.top;break;case"bottom":o=r.windowOverlayStyles.bottom}return d.classNames([r.windowOverlayStyles.notificationPosition,o,s])})(a.placement,c,v),A="number"==typeof(_=a.offset)?o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:"0px"}):o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_?.mainAxis??0}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:`${_?.crossAxis??0}px`});var _;return t.jsx("div",{class:d.classNames([O,S,u]),style:g,children:t.jsx("div",{class:x,style:void 0!==A?A:void 0,children:e})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_mergeInterpolations', './vanilla-extract-dynamic.esm-18a5d83c', './utils/UNSAFE_classNames', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './classNames-7db86b04', './_curry1-b3fba646', './_curry3-966c4b00', './_curry2-0b7b67aa', './_has-fb587992', 'css!./WindowOverlayStyles.styles.css', 'preact/hooks', './index-fc8f1cc9', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,t,s,o,a,r,l,n,i,y,w,d,c,m,v,O,b,S,h,p,f,u,g,x,A,_,N,W,k){"use strict";e.WindowOverlay=({children:e,...a})=>{const{direction:d}=n.useUser(),c="ltr"===d;null==a.placement&&(a.placement="center");const{styles:m,baseTheme:v}=i.useComponentTheme(y.WindowOverlayRedwoodTheme),{baseStyle:O,gridStyles:b,placementStyles:S}=m,h=[({placement:e="center"})=>({class:S[e]})],p=[...Object.values(h)],f=s.mergeInterpolations(p),{class:u,...g}=f(a),x=((e,t,s)=>{if(null==e)return;let o;switch(e){case"top-start":case"center":o=t?r.windowOverlayStyles["top-left"]:r.windowOverlayStyles["top-right"];break;case"top-end":o=t?r.windowOverlayStyles["top-right"]:r.windowOverlayStyles["top-left"];break;case"bottom-start":o=t?r.windowOverlayStyles["bottom-left"]:r.windowOverlayStyles["bottom-right"];break;case"bottom-end":o=t?r.windowOverlayStyles["bottom-right"]:r.windowOverlayStyles["bottom-left"];break;case"start-top":o=t?r.windowOverlayStyles["left-top"]:r.windowOverlayStyles["right-top"];break;case"end-top":o=t?r.windowOverlayStyles["right-top"]:r.windowOverlayStyles["left-top"];break;case"start-bottom":o=t?r.windowOverlayStyles["left-bottom"]:r.windowOverlayStyles["right-bottom"];break;case"end-bottom":o=t?r.windowOverlayStyles["right-bottom"]:r.windowOverlayStyles["left-bottom"];break;case"start":o=t?r.windowOverlayStyles.left:r.windowOverlayStyles.right;break;case"end":o=t?r.windowOverlayStyles.right:r.windowOverlayStyles.left;break;case"top":o=r.windowOverlayStyles.top;break;case"bottom":o=r.windowOverlayStyles.bottom}return w.classNames([r.windowOverlayStyles.notificationPosition,o,s])})(a.placement,c,v),A="number"==typeof(_=a.offset)?o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:"0px"}):o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_?.mainAxis??0}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:`${_?.crossAxis??0}px`});var _;return t.jsx("div",{class:w.classNames([O,b,u]),style:g,children:t.jsx("div",{class:x,style:void 0!==A?A:void 0,children:e})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_WindowOverlay.js.map

package/amd/VirtualizedCollection-9c72cf93.js

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

package/amd/VirtualizedCollection-9c72cf93.js.map

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

package/amd/VirtualizedListView-8730cc19.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_List', './List-e9bd3ad5'], (function(i,t,e,n){"use strict";i.VirtualizedListView=function(i){return t.jsx(n.List,{...i,children:i.children})}}));
+//# sourceMappingURL=VirtualizedListView-8730cc19.js.map

package/amd/VirtualizedListView-8730cc19.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListView-8730cc19.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentKey'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return <List {...props}>{props.children}</List>;\n}\n"],"names":["props","_jsx","jsx","List","children"],"mappings":"iIAoCM,SAA4DA,GAChE,OAAOC,EAAAC,IAACC,EAAIA,KAAK,IAAAH,WAAQA,EAAMI,UACjC"}

package/amd/VisStatusMessageStyles.styles.css

@@ -0,0 +1,14 @@
+.VisStatusMessageStyles_baseStyles__j1s37j0 {
+  width: 100%;
+  height: 100%;
+  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-label-md-font-size);
+  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
+}
+.VisStatusMessageStyles_baseStyles__j1s37j0:focus-visible {
+  outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus);
+  outline-style: dotted;
+  outline-width: 1px;
+}
+.VisStatusMessageStyles_userSelectStyles__j1s37j1 {
+  user-select: none;
+}

package/amd/_arity-186f8d06.js

@@ -0,0 +1,2 @@
+define(['exports', './_curry1-b3fba646'], (function(t,r){"use strict";var n=function(t,r){switch(t){case 0:return function(){return r.apply(this,arguments)};case 1:return function(t){return r.apply(this,arguments)};case 2:return function(t,n){return r.apply(this,arguments)};case 3:return function(t,n,e){return r.apply(this,arguments)};case 4:return function(t,n,e,u){return r.apply(this,arguments)};case 5:return function(t,n,e,u,a){return r.apply(this,arguments)};case 6:return function(t,n,e,u,a,i){return r.apply(this,arguments)};case 7:return function(t,n,e,u,a,i,s){return r.apply(this,arguments)};case 8:return function(t,n,e,u,a,i,s,c){return r.apply(this,arguments)};case 9:return function(t,n,e,u,a,i,s,c,p){return r.apply(this,arguments)};case 10:return function(t,n,e,u,a,i,s,c,p,o){return r.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}};t._arity_1=n}));
+//# sourceMappingURL=_arity-186f8d06.js.map