@oracle/oraclejet-preact 14.0.0

package/amd/NumberInputText-bf17d6e8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputText-bf17d6e8.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Button } from '../UNSAFE_Button';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IcoChevronDown, IcoChevronUp } from '../UNSAFE_Icons';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * Variants representing different icons for the button.\n   */\n  variant: 'arrowup' | 'arrowdown';\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  const icon = variant === 'arrowup' ? <IcoChevronUp /> : <IcoChevronDown />;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <Button\n        display=\"icons\"\n        isDisabled={isDisabled}\n        title={label}\n        onAction={handleClick}\n        startIcon={icon}\n        variant=\"borderless\"></Button>\n    </TabbableModeContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\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 { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' | 'decrease';\n\nexport type StepEvent = {\n  /**\n   * The direction of the requested step.\n   */\n  direction: StepDirection;\n};\n\ntype Props = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a single step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n */\nexport const useSteppers = ({\n  hasSteppers,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n  const {\n    bool: isSpinning,\n    setTrue: setSpinningTrue,\n    setFalse: setSpinningFalse\n  } = useToggle(false);\n  const startTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const spinTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const directionRef = useRef<StepDirection>('increase');\n  const spinCompleteRef = useRef(false);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        return;\n      }\n      // By default, pressing the arrow keys moves the cursor to the\n      // beginning or end which we don't want, so call preventDefault.\n      // We also want to stop propagation of handled events.\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isStarted) {\n        // If already started, ignore repeated key down events.\n        return;\n      }\n      if (\n        (event.key === 'ArrowDown' && isStepDownDisabled) ||\n        (event.key === 'ArrowUp' && isStepUpDisabled)\n      ) {\n        // If requested step is disabled, return.\n        return;\n      }\n      directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n      setStartedTrue();\n      // Do an initial step, which is what oj-input-number did as well.\n      onStep?.({ direction: directionRef.current });\n    },\n    [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (isSpinning) {\n          // Only want to call onSpinComplete if we were actually spinning.\n          spinCompleteRef.current = true;\n        }\n        setStartedFalse();\n        setSpinningFalse();\n        event.stopPropagation();\n      }\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  useEffect(() => {\n    if (isStarted && !startTimerRef.current) {\n      startTimerRef.current = setTimeout(() => {\n        setSpinningTrue();\n      }, SPIN_DELAY);\n    }\n    return () => {\n      // Clean up between renders.\n      if (startTimerRef.current) {\n        clearTimeout(startTimerRef.current);\n        startTimerRef.current = null;\n      }\n    };\n  }, [isStarted, setSpinningTrue]);\n\n  useEffect(() => {\n    if (!isSpinning) {\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    } else {\n      if (!spinTimerRef.current) {\n        spinTimerRef.current = setInterval(() => {\n          // If further spinning is disabled, call setSpinningFalse to\n          // clean up the timer otherwise repeat the step.\n          if (\n            (directionRef.current === 'increase' && isStepUpDisabled) ||\n            (directionRef.current === 'decrease' && isStepDownDisabled)\n          ) {\n            setSpinningFalse();\n            spinCompleteRef.current = true;\n          } else {\n            onSpin?.({ direction: directionRef.current });\n          }\n        }, SPIN_INTERVAL);\n      }\n    }\n    return () => {\n      // Clean up between renders.\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    };\n  }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n  // Only want to run this effect when isSpinning is false and our ref is true.\n  // This helps guarantee onSpinComplete is only called once after spinning stops,\n  // even if onSpinComplete's identity is changing.\n  useEffect(() => {\n    if (!isSpinning && spinCompleteRef.current) {\n      spinCompleteRef.current = false;\n      onSpinComplete?.();\n    }\n  }, [isSpinning, onSpinComplete]);\n\n  const handleClick = useCallback(\n    (event: StepEvent) => {\n      // When a step button is clicked, set focus to the input.\n      inputRef.current?.focus();\n      onStep?.(event);\n    },\n    [onStep, inputRef]\n  );\n\n  const handleDisabledMouseDown = useCallback((event: Event) => {\n    // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n    // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const steppers = hasSteppers ? (\n    <Steppers>\n      <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"decrease\"\n          isDisabled={isStepDownDisabled}\n          onStep={handleClick}\n          variant=\"arrowdown\"\n        />\n      </div>\n\n      <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"increase\"\n          isDisabled={isStepUpDisabled}\n          onStep={handleClick}\n          variant=\"arrowup\"\n        />\n      </div>\n    </Steppers>\n  ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n  return { steppers, stepHandlerProps };\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 { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * The maximum allowed value. Used for the aria-valuemax attribute.\n   */\n  ariaValueMax?: TextFieldInputProps['ariaValueMax'];\n\n  /**\n   * The minimum allowed value. Used for the aria-valuemin attribute.\n   */\n  ariaValueMin?: TextFieldInputProps['ariaValueMin'];\n\n  /**\n   * The number value of the component. Used for the aria-valuenow attribute.\n   */\n  ariaValueNow?: TextFieldInputProps['ariaValueNow'];\n\n  /**\n   * The formatted value of the component. Used for the aria-valueText\n   * attribute to provide a more human readable text alternative for\n   * ariaValueNow.\n   */\n  ariaValueText?: TextFieldInputProps['ariaValueText'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text, and inline with it.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * The suffix displays as regular text after the input text, and inline with it.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current possibly formatted display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'number' | 'text';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      ariaValueMax,\n      ariaValueMin,\n      ariaValueNow,\n      ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { steppers, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: steppers !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: false,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          ariaValueMax={ariaValueMax}\n          ariaValueMin={ariaValueMin}\n          ariaValueNow={ariaValueNow}\n          ariaValueText={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={steppers !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={false}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={steppers}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IcoChevronUp","jsx","IcoChevronDown","TabbableModeContext","Provider","Object","assign","value","isTabbable","children","Button","display","title","onAction","startIcon","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","_a","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","valueText","toString","mainContent","Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","deviceType","getClientHints"],"mappings":"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"}

package/amd/PRIVATE_Collection.js

@@ -0,0 +1,2 @@
+define(["exports","./Collection-0cd076bf","preact/jsx-runtime","preact"],(function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_Collection.js.map

package/amd/PRIVATE_Collection.js.map

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

package/amd/PRIVATE_List.css

@@ -0,0 +1,17 @@
+._125rbix{height:100%;user-select:none;overflow-y:inherit;}._125rbix:focus{outline-style:none;}
+._1pkto0e{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+.ga0mug{position:relative;}
+
+._1ddtev8{height:100%;overflow-x:hidden;overflow-y:hidden;}
+
+._1wn6f50{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
+._1dc6pox{background-size:100% 1px;}
+.nnr2us{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
+._4uelk0:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._10mlafw{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.q0skrr{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+._1y1oej7{background-size:100% 1px;}
+.nqkbzw{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._8n57a5{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._18oorz8{flex-grow:1;}
+._152l2dq{display:flex;}

package/amd/PRIVATE_List.js

@@ -0,0 +1,2 @@
+define(["exports","./List-56a1055e","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-3c307969","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-60a7b2a5","./PRIVATE_Collection","./Collection-0cd076bf","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-45f2c32e","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-444cf340","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-b9493cf6","./_curry2-b02f6247","./_curry3-8ffdde1d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-6261f735","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-fad415e9","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-0dec0de8","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Selector","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],(function(e,o,s,t,i,l,n,u,a,_,r,A,E,c,F,S,U,N,d,b,k,f,h,T,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ue,ae,_e,re,Ae,Ee,ce,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_List.js.map

package/amd/PRIVATE_List.js.map

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

package/amd/PRIVATE_Message.css

@@ -0,0 +1,34 @@
+.qy3t0k{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.qy3t0k:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._1f2uwhl{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}._1f2uwhl:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._10q4nvx{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+.w084rn{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._1x2d7uj{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.c8bywp{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+
+._149k7j3{overflow-wrap:anywhere;}
+._15gqlr3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._8cb62b{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
+
+._1pqzdb4{align-self:flex-start;display:flex;}
+._1bfnhff{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
+._1dislpv{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
+
+._1d9hv8b{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
+._1roldm7{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+.owa2z3{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+._1yb0u3l{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.ml53dk{height:100%;}
+
+.t65d78{flex:1;overflow-wrap:anywhere;}
+._1i99nfe{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+.m0ty6g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+._91dl5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
+
+._4e9xiq{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+
+._1ssxatk{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
+._1dd95zq{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+
+.jwogc{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.jwogc{flex-direction:column;}}
+.oretv0{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._13dem6l{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}

package/amd/PRIVATE_Message.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-c76a52a8","./classNames-3c307969","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./MessageUtils-d33dd1be","./Flex-0dec0de8","./MessagesManager-d5b3671c","./Message.types-2209616d","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],(function(e,s,t,a,n,o,i,r,l,c,u,d,g,m,b,S,_,f,E,F,A,U,p,N,x,v,M,y,h,j,k,T,I,B,C,R,V,O,P,w,D,q,H,z,L,W,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ce,ue,de,ge,me,be,Se,_e,fe,Ee,Fe){"use strict";const Ae="_1ssxatk",Ue="_1dd95zq";function pe({item:e,renderer:t}){const a=l.classNames([Ae,Ue]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"jwogc",banner:"oretv0",inline:void 0,toast:"_13dem6l"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function ve(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const Me={base:{banner:"qy3t0k",toast:"_1f2uwhl"},section:"_10q4nvx",content:{base:"w084rn",banner:"_1x2d7uj",toast:"c8bywp"}};e.MessageCloseButton=r.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=_.MessagesManager,e.severities=f.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:_,onClose:f,messageRef:E=(()=>{}),variant:F="pageBanner",translations:A}){const{closeAffordance:U="on",severity:p="error",sound:N,summary:x,timestamp:v}=_.data,{autoTimeout:M="off"}=_.data,y=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(F),h=a.useCallback((()=>{null==f||f(_)}),[_,f]),j=a.useCallback((e=>{"Escape"===e.key&&"on"===U&&(null==f||f(_))}),[U,_,f]),k="toast"===y&&"off"!==M,T=a.useRef(),I="on"===M?5e3:"number"==typeof M?M:5e3,B=a.useCallback((()=>{T.current||(T.current=new o.Timer(h,I))}),[h,I]),C=a.useCallback((()=>{T.current&&(T.current.clear(),T.current=void 0)}),[]),R=a.useCallback((()=>{var e;null===(e=T.current)||void 0===e||e.pause()}),[]),V=a.useCallback((()=>{var e;null===(e=T.current)||void 0===e||e.resume()}),[]);a.useEffect((()=>(u.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()})),[]);const O=l.classNames([Me.base[y],"toast"!==F&&b.severityBasedStyleClass(p,y),"sectionBanner"===F&&Me.section]),P=l.classNames([Me.content.base,Me.content[y]]);return s.jsx("div",Object.assign({ref:E,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(pe,{item:Object.assign(Object.assign({},_),{index:i}),renderer:n}):ve(p)?s.jsx(d.MessageStartIcon,{severity:p,variant:y,translations:A}):null,s.jsxs(S.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:y},{children:[s.jsx(g.MessageSummary,{variant:y,text:x}),u.isValidValueForProp(v,"timestamp")&&"toast"!==F&&s.jsx(m.MessageTimestamp,{variant:y,value:v})]})),s.jsx(c.MessageDetail,{variant:y,item:Object.assign(Object.assign({},_),{index:i}),renderer:t})]})),"on"===U&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==A?void 0:A.close,variant:y,onAction:h})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_Message.js.map

package/amd/PRIVATE_Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: 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 * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","base","isSeverityIconNeeded","severity","messageStyles","content","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeoutDuration","autoTimeout","MIN_SECONDS","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"wgEAaA,MAAAA,GAAA,WAAAA,cA8BA,SAAAC,IAAAC,KAAAA,EAAAC,SAAAA,0BAEIH,GAEAA,KAEF,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAA,gBAAA,CAAAC,SAAAP,EAAAD,MCpCF,MAAAS,GAAA,MAAA,eAAA,SAeEC,YAAAC,oBAkBF,SAAAC,IAAAJ,SAAAA,EAAAK,QAAAA,EAAA,WACE,MAAAC,EAAAC,EAAAA,WAAA,CAAAN,GAAAO,KAAAP,GAAAI,KACA,OAAAX,MAAA,MAAAC,OAAAC,OAAA,CAAAG,KAAA,eAAAF,MAAAS,GAAA,CAAAN,SAAAA,KC0HF,SAAAS,GAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,GAAA,CACEH,KAAA,QAAA,mCADF,WAgCEI,QAAA,MAAA,gBAAA,glBA+BF,UAAAC,oBAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,MAAAA,GAAA,EAAAxB,KAAAA,EAAAyB,QAAAA,EAAAC,WAAAA,EAAA,SAAAb,QAAAA,EAAA,aAAAc,aAAAA,IAWE,MAAAC,gBAAAA,EAAA,KAAAV,SAAAA,EAAA,QAAAW,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAA/B,EAAAgC,kCAEAC,EAnGF,SAAApB,GACE,MAAA,eAAAA,GAAA,kBAAAA,EACE,SAEF,QA+FAqB,CAAArB,GAKAsB,EAAAC,EAAAA,aAAA,KACEX,MAAAA,GAAAA,EAAAzB,KACF,CAAAA,EAAAyB,IAKAY,EAAAD,EAAAA,aAAAE,iCAIMb,MAAAA,GAAAA,EAAAzB,wCAUNuC,EAAAC,EAAAA,SAEAC,EAAA,OAAAC,EA9CFC,IA6CE,iBAAAD,EAAAA,EA7CFC,IAgDEC,EAAAR,EAAAA,aAAA,+CAIA,CAAAD,EAAAM,IAEAI,EAAAT,EAAAA,aAAA,iBAGEG,EAAAO,QAAAC,QACAR,EAAAO,aAAAnC,SAGFqC,EAAAZ,EAAAA,aAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAC,cAGFC,EAAAf,EAAAA,aAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAG,iCAIAC,EAAAA,oBAAAxB,mBAOAyB,GACEV,IAGF,KAEEC,OAGJ,0BAGE1B,GAAAH,KAAAiB,+CAGA,kBAAApB,GAAAM,GAAAoC,UAGFC,EAAAC,EAAAA,WAAA,CAAAtC,GAAAC,QAAAJ,KAAAG,GAAAC,QAAAa"}

package/amd/PRIVATE_MessageLayer.css

@@ -0,0 +1,7 @@
+._5jei2g{position:absolute;pointer-events:initial;width:max-content;}
+.o1qkql{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._18h57zf{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+._16ofodn{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._1xp2c8n{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._1lvzhsw{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+._13rpput{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}

package/amd/PRIVATE_MessageLayer.js

@@ -0,0 +1,2 @@
+define(["exports","./MessageLayer-75166056","preact/jsx-runtime","css!./PRIVATE_MessageLayer.css","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-3c307969","./UNSAFE_Flex","./Flex-0dec0de8","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_WindowOverlay"],(function(e,s,i,t,a,r,o,l,n,_,c,u,d,f,F,N,U,p,E,A,S,x,y,b,m,g,L,M,h,k){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_MessageLayer.js.map

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

package/amd/PRIVATE_Meter.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","preact/compat"],(function(r,t,o,i){"use strict";const e=i.forwardRef(((r,i)=>{var{id:e,length:d="100%",children:s,color:l,orientation:a="horizontal",ariaProps:c}=r,h=t.__rest(r,["id","length","children","color","orientation","ariaProps"]);const n="horizontal"===a;return o.jsx("div",Object.assign({id:e,ref:i,class:h.class},c,{style:{width:n?d:void 0,height:n?void 0:d,backgroundColor:l}},{children:s}))})),d=i.forwardRef(((r,i)=>{var{id:e,children:d,color:s,clipPath:l,borderWidth:a,ariaProps:c}=r,h=t.__rest(r,["id","children","color","clipPath","borderWidth","ariaProps"]);return o.jsx("div",Object.assign({id:e,ref:i},c,{class:h.class,style:{borderColor:s,borderWidth:a,clipPath:l}},{children:d}))}));r.BarTrack=e,r.BarValue=r=>{var{length:i="100%",size:e="100%",orientation:d="horizontal",color:s}=r,l=t.__rest(r,["length","size","orientation","color"]);const a="horizontal"===d;return o.jsx("div",{class:l.class,style:{width:a?i:e,height:a?e:i,backgroundColor:s}})},r.CircleInner=r=>{var{clipPath:i,color:e,height:d,width:s,size:l,section:a="full"}=r,c=t.__rest(r,["clipPath","color","height","width","size","section"]);const h=function(r,t){const o={borderTopWidth:t,borderBottomWidth:t,borderRightWidth:t,borderLeftWidth:t};return"top"===r&&(o.borderBottomWidth=void 0),"bottom"===r&&(o.borderTopWidth=void 0),"left"===r&&(o.borderRightWidth=void 0),"right"===r&&(o.borderLeftWidth=void 0),o}(a,l);return o.jsx("div",{class:c.class,style:Object.assign({clipPath:i,borderColor:e,height:d,width:s},h)})},r.CircleWrapper=d,Object.defineProperty(r,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_Meter.js.map

package/amd/PRIVATE_Meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_Meter.js","sources":["../../src/PRIVATE_Meter/LinearMeter.tsx","../../src/PRIVATE_Meter/CircularMeter.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 { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype TrackProps = IntrinsicProps & {\n  length?: string;\n  color?: string;\n  orientation?: 'vertical' | 'horizontal';\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n};\n\nexport const BarTrack = forwardRef(\n  (\n    {\n      id,\n      length = '100%',\n      children,\n      color,\n      orientation = 'horizontal',\n      ariaProps,\n      ...otherProps\n    }: TrackProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const isHoriz = orientation === 'horizontal';\n    return (\n      <div\n        id={id}\n        ref={ref}\n        class={otherProps.class}\n        {...ariaProps}\n        style={{\n          width: isHoriz ? length : undefined,\n          height: isHoriz ? undefined : length,\n          backgroundColor: color\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  length?: string;\n  size?: string;\n  orientation?: 'vertical' | 'horizontal';\n  color?: string;\n};\n\nexport const BarValue = ({\n  length = '100%',\n  size = '100%',\n  orientation = 'horizontal',\n  color,\n  ...otherProps\n}: ValueProps) => {\n  const isHoriz = orientation === 'horizontal';\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        width: isHoriz ? length : size,\n        height: isHoriz ? size : length,\n        backgroundColor: color\n      }}></div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\ntype WrapperProps = IntrinsicProps & {\n  color?: string;\n  borderWidth?: string;\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n  clipPath?: string;\n};\n\nexport const CircleWrapper = forwardRef(\n  (\n    { id, children, color, clipPath, borderWidth, ariaProps, ...otherProps }: WrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <div\n        id={id}\n        ref={ref}\n        {...ariaProps}\n        class={otherProps.class}\n        style={{\n          borderColor: color,\n          borderWidth: borderWidth,\n          clipPath: clipPath\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n  width?: string;\n  height?: string;\n  size?: string;\n  section?: string;\n};\n\nfunction getBorderWidth(section: string, borderWidth: string | undefined) {\n  const border: Record<string, string | undefined> = {\n    borderTopWidth: borderWidth,\n    borderBottomWidth: borderWidth,\n    borderRightWidth: borderWidth,\n    borderLeftWidth: borderWidth\n  };\n  if (section === 'top') {\n    border['borderBottomWidth'] = undefined;\n  }\n\n  if (section === 'bottom') {\n    border['borderTopWidth'] = undefined;\n  }\n\n  if (section === 'left') {\n    border['borderRightWidth'] = undefined;\n  }\n\n  if (section === 'right') {\n    border['borderLeftWidth'] = undefined;\n  }\n  return border;\n}\n\nexport const CircleInner = ({\n  clipPath,\n  color,\n  height,\n  width,\n  size,\n  section = 'full',\n  ...otherProps\n}: CircleInnerProps) => {\n  const borderWidth = getBorderWidth(section, size);\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        clipPath: clipPath,\n        borderColor: color,\n        height: height,\n        width: width,\n        ...borderWidth\n      }}></div>\n  );\n};\n"],"names":["BarTrack","forwardRef","_a","ref","id","length","children","color","orientation","ariaProps","otherProps","__rest","isHoriz","_jsx","Object","assign","class","style","width","undefined","height","backgroundColor","CircleWrapper","clipPath","borderWidth","borderColor","size","section","border","borderTopWidth","borderBottomWidth","borderRightWidth","borderLeftWidth","getBorderWidth","jsx"],"mappings":"+GA8Ba,MAAAA,EAAWC,EAAUA,YAChC,CACEC,EASAC,SATAC,GACEA,EADFC,OAEEA,EAAS,OAFXC,SAGEA,EAHFC,MAIEA,EAJFC,YAKEA,EAAc,aALhBC,UAMEA,GAASP,EACNQ,EAAUC,EAAAA,OAAAT,EAPf,8DAWA,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,EACLa,MAAON,EAAWM,OACdP,EAAS,CACbQ,MAAO,CACLC,MAAON,EAAUP,OAASc,EAC1BC,OAAQR,OAAUO,EAAYd,EAC9BgB,gBAAiBd,IAElB,CAAAD,SAAAA,QC1BIgB,EAAgBrB,EAAUA,YACrC,CACEC,EACAC,KADA,IAAAC,GAAEA,EAAFE,SAAMA,EAANC,MAAgBA,EAAhBgB,SAAuBA,EAAvBC,YAAiCA,EAAjCf,UAA8CA,GAAwCP,EAA1BQ,EAAUC,EAAAA,OAAAT,EAAtE,gEAGA,OACEW,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,GACDM,EAAS,CACbO,MAAON,EAAWM,MAClBC,MAAO,CACLQ,YAAalB,EACbiB,YAAaA,EACbD,SAAUA,IAEX,CAAAjB,SAAAA,gCDuBgBJ,IAAA,IAAAG,OACvBA,EAAS,OADcqB,KAEvBA,EAAO,OAFgBlB,YAGvBA,EAAc,aAHSD,MAIvBA,GAAKL,EACFQ,EAAUC,EAAAA,OAAAT,EALU,yCAOvB,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,WACEG,MAAON,EAAWM,MAClBC,MAAO,CACLC,MAAON,EAAUP,EAASqB,EAC1BN,OAAQR,EAAUc,EAAOrB,EACzBgB,gBAAiBd,oBCGGL,IAAA,IAAAqB,SAC1BA,EAD0BhB,MAE1BA,EAF0Ba,OAG1BA,EAH0BF,MAI1BA,EAJ0BQ,KAK1BA,EAL0BC,QAM1BA,EAAU,QAAMzB,EACbQ,EAAUC,SAAAT,EAPa,wDAS1B,MAAMsB,EAlCR,SAAwBG,EAAiBH,GACvC,MAAMI,EAA6C,CACjDC,eAAgBL,EAChBM,kBAAmBN,EACnBO,iBAAkBP,EAClBQ,gBAAiBR,GAiBnB,MAfgB,QAAZG,IACFC,EAAM,uBAAwBT,GAGhB,WAAZQ,IACFC,EAAM,oBAAqBT,GAGb,SAAZQ,IACFC,EAAM,sBAAuBT,GAGf,UAAZQ,IACFC,EAAM,qBAAsBT,GAEvBS,EAYaK,CAAeN,EAASD,GAC5C,OACEb,EAAAqB,IAAA,MAAA,CACElB,MAAON,EAAWM,MAClBC,MAAKH,OAAAC,OAAA,CACHQ,SAAUA,EACVE,YAAalB,EACba,OAAQA,EACRF,MAAOA,GACJM"}

package/amd/PRIVATE_SelectCommon.css

@@ -0,0 +1,18 @@
+.rodq5u{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;max-height:400px;}
+
+._1yyyqzd{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+
+._1p4a3mx{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._1rgdb4j{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+._1ofqe55{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+._1wv2eih{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1wv2eih:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._1ky568z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+
+._1q6vvtt{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
+._150xyb6{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._11gmmhj{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1616wls{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+
+.tx33v5{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+
+._1bg2e2a{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}

package/amd/PRIVATE_SelectCommon.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","css!./PRIVATE_SelectCommon.css","./UNSAFE_HighlightText","./PRIVATE_List","./UNSAFE_Flex","./UNSAFE_Skeleton","./utils/UNSAFE_logger","./Flex-0dec0de8","./HighlightText-a2b5f4e4","./List-56a1055e","./Skeleton-6261f735","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-a320db48","./hooks/UNSAFE_usePress","./index-55b2db15","./utils/UNSAFE_classNames","./classNames-3c307969","./index-bd92b0b3","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-60a7b2a5","./PRIVATE_Collection","./Collection-0cd076bf","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-45f2c32e","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-444cf340","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-b9493cf6","./_curry2-b02f6247","./_curry3-8ffdde1d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-fad415e9","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-7fec4994","./UNSAFE_ComponentMessage","./ComponentMessage-3a247b9a","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c76a52a8","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./hooks/UNSAFE_useActive","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./Message.types-2209616d","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./MessageUtils-d33dd1be","./utils/UNSAFE_soundUtils","./MessagesManager-d5b3671c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-061a4f41","./ComponentMessageContainer-eaa98f45","./hooks/UNSAFE_useFormContext"],(function(e,t,s,n,o,i,a,l,r,c,u,d,f,A,E,_,h,b,F,S,g,m,v,p,T,U,C,x,N,k,y,w,I,R,D,P,j,L,M,O,K,H,V,B,G,z,W,q,Y,$,J,Q,X,Z,ee,te,se,ne,oe,ie,ae,le,re,ce,ue,de,fe,Ae,Ee,_e,he,be,Fe,Se,ge,me,ve,pe,Te,Ue,Ce,xe,Ne,ke,ye,we,Ie,Re,De,Pe,je,Le,Me,Oe,Ke,He,Ve,Be,Ge,ze,We,qe,Ye,$e,Je,Qe,Xe,Ze,et){"use strict";function tt(e,t){var s;if("string"!=typeof t)return t(e);if(null===(s=e.data)||void 0===s?void 0:s.hasOwnProperty(t)){const s=e.data[t];return String(s)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const st=()=>{};const nt=t.jsx(d.SkeletonContainer,Object.assign({minimumCount:3},{children:()=>t.jsx(c.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(f.Skeleton,{height:"4x"})}))})),ot={TAB:"Tab",ENTER:"Enter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},it=e=>{switch(e.code){case ot.SHIFT_LEFT:case ot.SHIFT_RIGHT:case ot.CTRL_LEFT:case ot.CTRL_RIGHT:case ot.ALT_LEFT:case ot.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},at=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),lt=e=>it(e)||at(e),rt=e=>0===e.button&&!e.ctrlKey,ct=e=>{e.currentTarget===e.target&&e.preventDefault()},ut=e=>{var t;return null!==(t=null==e?void 0:e.ownerDocument)&&void 0!==t?t:document},dt=({isDisabled:e=!1,ref:t,handler:n})=>{s.useEffect((()=>{const s=_.coerceArray(t);if(!n||e||s.length>0&&s.findIndex((e=>null===e.current))>-1)return;const o=e=>{((e,t)=>{const s=e.target;if(s&&!ut(s).contains(s))return!1;return t.every((e=>{var t;return!(null===(t=e.current)||void 0===t?void 0:t.contains(s))}))})(e,s)&&(null==n||n(e))},i=s[0],a=ut(i.current);return a?(a.addEventListener("mousedown",o,!0),()=>{a.removeEventListener("mousedown",o,!0)}):void 0}),[e,n,t])},ft="rodq5u";const At="_1p4a3mx",Et="_1rgdb4j",_t="_1ofqe55",ht="_1wv2eih",bt="_1ky568z",Ft=()=>{};const St="_1q6vvtt",gt="_150xyb6",mt="_11gmmhj",vt="_1616wls";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:f=st,onSelectionChange:A,searchText:E,selectedKeys:_,selectionMode:h}){const b=s.useCallback((e=>{const s=tt({data:e.data,key:e.metadata.key,metadata:e.metadata},a);return t.jsxs(c.Flex,{children:[e.selector&&e.selector(),t.jsx("div",Object.assign({class:"_1yyyqzd"},{children:t.jsx(u.HighlightText,Object.assign({matchText:E},{children:s}))}))]})}),[a,E]),F=s.useMemo((()=>({all:!1,keys:null!=_?_:new Set})),[_]);return t.jsx(d.List,Object.assign({accessibleSummary:e,allowTabbableMode:!1,currentItemVariant:n,currentKey:o,data:null!=i?i:null,loadingIndicator:nt,onCurrentKeyChange:l,onItemAction:r,onLoadRange:f,onSelectionChange:A,role:"listbox",selectedKeys:F,selectionMode:h},{children:e=>b(e)}))},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:o,id:i,isOpen:a,onAutoDismiss:l}){var r;const c=s.useCallback((e=>{null==l||l(e)}),[l]),u=s.useCallback((e=>{if(!e.defaultPrevented&&!lt(e))switch(e.code){case ot.ESC:case ot.TAB:c(e)}}),[c]);dt({isDisabled:!a,ref:[e,o],handler:c});const d={minWidth:`${null===(r=e.current)||void 0===r?void 0:r.offsetWidth}px`};return a?t.jsx(E.Layer,Object.assign({logicalParentRef:e},{children:t.jsx(h.Floating,Object.assign({anchorRef:e,ref:o,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:t.jsx("div",Object.assign({class:ft,id:i,style:d,onKeyDown:u,onMouseDown:ct},{children:n}))}))})):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,size:o="md"}){const i=s.useCallback((e=>{e.preventDefault()}),[]),{pressProps:a}=b.usePress(null!=n?n:Ft,{isDisabled:e}),l=g.classNames([At,"sm"===o?_t:Et,e?bt:ht]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(m.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=g.classNames([St,gt,s&&mt,n&&vt]);return t.jsx("div",Object.assign({class:o,onMouseDown:ct},{children:e}))},e.DropdownUserAssistance=function(e){const n=s.useCallback((e=>{var t;"A"!==(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()}),[]);return t.jsx(v.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"tx33v5",onMouseDown:n},{children:t.jsx(p.InlineUserAssistance,Object.assign({},e))}))}))},e.EmptyResults=function(){const e=T.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",Object.assign({class:"_1bg2e2a",onMouseDown:ct},{children:e.select_noMatchesFound()}))},e.KEYS=ot,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=it,e.isControlOrFunctionKey=lt,e.isFunctionKey=at,e.isMobile=function(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isSimpleClick=rt,e.preventDefaultForCurrentTarget=ct,e.renderItemText=tt,e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:o}){const i=s.useRef(null),a=s.useRef(null),[l,r]=s.useState(!1),[c,u]=s.useState({rowKey:void 0}),[d,f]=s.useState(),[A,E]=s.useState(!1),[_,h]=s.useState(),[b,F]=s.useState(),S=s.useCallback((e=>{!e.defaultPrevented&&rt(e)&&(l||r(!0),setTimeout((function(){var e;null===(e=t.current)||void 0===e||e.focus()}),0))}),[l]),g=s.useCallback((()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()}),[l]),m=s.useCallback((e=>{var s,n,o;if(l)switch(r(!1),null==e?void 0:e.type){case"keydown":if(e.code===ot.ESC)null===(s=t.current)||void 0===s||s.focus();break;case"mousedown":(null===(n=a.current)||void 0===n?void 0:n.contains(document.activeElement))&&(null===(o=t.current)||void 0===o||o.focus())}}),[l]),v=s.useCallback((t=>{var s,n,o,i;if(l){const t=null===(s=a.current)||void 0===s?void 0:s.querySelector('[tabindex="0"]');null==t||t.focus(),void 0!==e&&void 0===c.rowKey&&u({rowKey:null===(i=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n[0])||void 0===o?void 0:o.metadata)||void 0===i?void 0:i.key})}else r(!0);t.preventDefault()}),[c,e,l]),p=s.useCallback((e=>{if(!lt(e))switch(e.code){case ot.PAGE_UP:case ot.PAGE_DOWN:return void e.preventDefault();case ot.UP:case ot.DOWN:e.preventDefault();break;case ot.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),T=s.useCallback((e=>{if(!lt(e))switch(e.code){case ot.UP:case ot.DOWN:v(e)}}),[v]),U=s.useCallback((e=>{var t;l||r(!0),E(!0),h(e.value);const s=null===(t=e.value)||void 0===t?void 0:t.trim();F(s),null==o||o({searchText:s})}),[l,o]),C=s.useCallback((e=>{u({rowKey:e.value})}),[]),x=s.useCallback((()=>{E(!1),h(""),F("")}),[]);return s.useEffect((()=>{l||n||!A||x()}),[l,n,A]),s.useEffect((()=>{l&&!A&&(null==o||o({searchText:void 0}))}),[l,A,o]),{currentRow:c,dropdownRef:a,handleDropdownArrowClick:g,handleDropdownAutoDismiss:m,handleInput:U,handleMainFieldKeyDown:p,handleMainFieldKeyUp:T,handleUpDownArrowKeys:v,isDropdownOpen:l,isFocused:n||l,isUserFiltering:A,mainFieldRef:i,onCurrentKeyChange:C,onMouseDown:S,searchText:b,selectedKeys:d,setCurrentRow:u,setDropdownOpen:r,setSelectedKeys:f,stopFiltering:x,userInput:_}},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_SelectCommon.js.map

package/amd/PRIVATE_SelectCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_SelectCommon.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/useOutsideMousedown.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '../utils/UNSAFE_selectUtils';\n\nexport function renderItemText<K, D>(item: Item<K, D>, itemText: ItemTextType<K, D>) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    if ((item.data as any)?.hasOwnProperty(itemText)) {\n      const retData = item.data[itemText];\n      return String(retData);\n    }\n    Logger.error('SelectMultiple: itemText specifies field that does not exist: ' + itemText);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\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 { ComponentProps } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  CurrentKeyDetail,\n  DataState,\n  ItemActionDetail,\n  ListItemContext,\n  SelectionDetail\n} from '../UNSAFE_Collection';\nimport { HighlightText } from '../UNSAFE_HighlightText';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport { ItemTextType } from '../utils/UNSAFE_selectUtils';\nimport { renderItemText } from './itemTextUtils';\n\nconst itemStyles = cssProps`${{\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n}}`;\n\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'accessibleSummary' | 'currentItemVariant' | 'selectionMode'\n>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange?: (detail: CurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: ItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  accessibleSummary,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemContext<K, D>) => {\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      const renderedItemText = renderItemText(itemContext, itemText) as string;\n      return (\n        <Flex>\n          {listItemContext.selector && listItemContext.selector()}\n          <div class={itemStyles}>\n            <HighlightText matchText={searchText}>{renderedItemText}</HighlightText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemText, searchText]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  return (\n    <List<K, D>\n      accessibleSummary={accessibleSummary}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentKey={currentKey}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onCurrentKeyChange={onCurrentKeyChange}\n      onItemAction={onItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={onSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once https://jira.oraclecorp.com/jira/browse/JET-51527 is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const KEYS = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  ESC: 'Escape',\n  SPACE: 'Space',\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  SHIFT_LEFT: 'ShiftLeft',\n  SHIFT_RIGHT: 'ShiftRight',\n  CTRL_LEFT: 'ControlLeft',\n  CTRL_RIGHT: 'ControlRight',\n  ALT_LEFT: 'AltLeft',\n  ALT_RIGHT: 'AltRight',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  HOME: 'Home',\n  END: 'End',\n  BACKSPACE: 'Backspace',\n  DELETE: 'Delete'\n};\n\nexport const isControlKey = (event: KeyboardEvent) => {\n  switch (event.code) {\n    case KEYS.SHIFT_LEFT:\n    case KEYS.SHIFT_RIGHT:\n    case KEYS.CTRL_LEFT:\n    case KEYS.CTRL_RIGHT:\n    case KEYS.ALT_LEFT:\n    case KEYS.ALT_RIGHT:\n      return true;\n    default:\n      return event.metaKey || event.ctrlKey;\n  }\n};\n\nexport const isFunctionKey = (event: KeyboardEvent) => {\n  return /\\bF([1-9]|1[0-2])\\b/i.test(event.code);\n};\n\nexport const isControlOrFunctionKey = (event: KeyboardEvent) => {\n  return isControlKey(event) || isFunctionKey(event);\n};\n\nexport const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../utils/UNSAFE_arrayUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every((elRef) => !elRef.current?.contains(target));\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\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 { ComponentChildren } from 'preact';\nimport { MutableRef, useCallback } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS, preventDefaultForCurrentTarget } from './eventUtils';\nimport { useOutsideMousedown } from './useOutsideMousedown';\n\nconst rootStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)',\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n\n    display: 'flex',\n    flexDirection: 'column',\n\n    maxHeight: '400px'\n  }}`\n};\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n};\n\nexport function Dropdown({ anchorRef, children, dropdownRef, id, isOpen, onAutoDismiss }: Props) {\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = {\n    minWidth: `${anchorRef.current?.offsetWidth}px`\n  };\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        ref={dropdownRef}\n        placement=\"bottom-start\"\n        offsetValue={offsetValue}>\n        <div\n          class={rootStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../UNSAFE_ThemedIcons';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isDisabled?: boolean;\n  onClick?: () => void;\n  size?: 'md' | 'sm';\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var (--oj-button-borderless-chrome-text-color-disabled) once it is available\nconst ojButtonBorderlessChromeTextColorDisabled =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst rootStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    fontSize: ojButtonIconSize\n  }}`,\n\n  sizeMd: cssProps`${{\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight\n  }}`,\n\n  sizeSm: cssProps`${{\n    width: ojButtonSmHeight,\n    height: ojButtonSmHeight,\n    lineHeight: ojButtonSmHeight\n  }}`,\n\n  enabled: cssProps`${{\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`,\n\n  disabled: cssProps`${{\n    color: ojButtonBorderlessChromeTextColorDisabled\n  }}`\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, size = 'md' }: Props) {\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  const styleClasses = classNames([\n    rootStyles.base,\n    size === 'sm' ? rootStyles.sizeSm : rootStyles.sizeMd,\n    isDisabled ? rootStyles.disabled : rootStyles.enabled\n  ]);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...pressProps}>\n      <DropdownArrowIcon />\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 { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\n\nconst rootStyles = {\n  base: cssProps`${{\n    paddingLeft: '0',\n    paddingRight: '0',\n    margin: '1px 0 2px 0',\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    // '-webkit-tap-highlight-color': 'transparent',\n    boxSizing: 'border-box',\n\n    display: 'flex',\n    flexDirection: 'column'\n  }}`,\n\n  // TODO: These should really be applied directly to the child ListView so that the content\n  // displays under the padding when scrolled, but we can't apply styles to the child collection.\n  // TODO: Also need to figure out how to determine whether the collection is a ListView (in\n  // the collectionRenderer case) in order to apply this styling.\n  topGap: cssProps`${{\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  bottomGap: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n\n  loading: cssProps`${{\n    minHeight: 'calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({ children, hasBottomGap = true, isLoading = false }: Props) {\n  const styleClasses = classNames([\n    rootStyles.base,\n    rootStyles.topGap,\n    hasBottomGap && rootStyles.bottomGap,\n    isLoading && rootStyles.loading\n  ]);\n  return (\n    <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  'assistiveText' | 'fieldLabel' | 'helpSourceLink' | 'helpSourceText' | 'userAssistanceDensity'\n>;\n\nconst rootStyles = cssProps`${{\n  borderTopColor: 'rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.1)',\n  borderTopStyle: 'solid',\n  borderTopWidth: '1px',\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n}}`;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={rootStyles} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\n\nconst rootStyles = cssProps`${{\n  paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)',\n  paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n}}`;\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // TODO: figure out whether we need a separate resource string for this message;\n  // (JET-53984 - Preact Select* components: empty results message)\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={rootStyles} onMouseDown={preventDefaultForCurrentTarget}>\n      {translations.select_noMatchesFound()}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { DataState } from '../UNSAFE_Collection';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\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 { MutableRef, useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { CurrentKeyDetail, DataState } from '../UNSAFE_Collection';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { isControlOrFunctionKey, isSimpleClick, KEYS } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: MutableRef<HTMLInputElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [currentRow, setCurrentRow] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  const [selectedKeys, setSelectedKeys] = useState<Set<K>>();\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown':\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // transfer physical focus into the dropdown\n        const firstFocusableElem = dropdownRef.current?.querySelector('[tabindex=\"0\"]');\n        (firstFocusableElem as HTMLElement)?.focus();\n\n        // if there is no current item set, make the first item current\n        if (data !== undefined && currentRow.rowKey === undefined) {\n          setCurrentRow({ rowKey: data?.data?.[0]?.metadata?.key });\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRow, data, isDropdownOpen]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value?.trim();\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    setCurrentRow({ rowKey: detail.value });\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    setSearchText('');\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  useEffect(() => {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }, [isDropdownOpen, isFocused, isUserFiltering]);\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  return {\n    currentRow,\n    dropdownRef,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    selectedKeys,\n    setCurrentRow,\n    setDropdownOpen,\n    setSelectedKeys,\n    stopFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","_a","data","hasOwnProperty","retData","String","Logger","error","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","Object","assign","minimumCount","children","KEYS","TAB","ENTER","ESC","SPACE","LEFT","UP","RIGHT","DOWN","SHIFT_LEFT","SHIFT_RIGHT","CTRL_LEFT","CTRL_RIGHT","ALT_LEFT","ALT_RIGHT","PAGE_UP","PAGE_DOWN","HOME","END","BACKSPACE","DELETE","isControlKey","event","code","metaKey","ctrlKey","isFunctionKey","test","isControlOrFunctionKey","isSimpleClick","button","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","getDocument","node","ownerDocument","document","useOutsideMousedown","isDisabled","disabled","ref","handler","useEffect","refs","coerceArray","length","findIndex","elRef","current","onMouseDown","contains","every","isPointOutside","firstElRef","doc","addEventListener","removeEventListener","rootStyles","noop","accessibleSummary","currentItemVariant","currentKey","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","key","metadata","_jsxs","Flex","selector","class","HighlightText","matchText","renderedItemText","keys","useMemo","all","Set","List","allowTabbableMode","role","context","anchorRef","dropdownRef","id","isOpen","onAutoDismiss","handleAutoDismiss","handleKeyDown","inlineStyle","Layer","logicalParentRef","Floating","placement","offsetValue","style","onKeyDown","onClick","size","pressProps","usePress","hasBottomGap","isLoading","styleClasses","props","handleMouseDown","FormFieldContext","Provider","value","isFocused","InlineUserAssistance","translations","useTranslationBundle","select_noMatchesFound","sizePrecision","totalSize","deviceType","getClientHints","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","useState","currentRow","setCurrentRow","rowKey","undefined","setSelectedKeys","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","defaultPrevented","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","type","_b","activeElement","_c","handleUpDownArrowKeys","firstFocusableElem","querySelector","_d","handleMainFieldKeyDown","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","trim","stopFiltering"],"mappings":"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"}

package/amd/PRIVATE_TransitionGroup.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(t){return _arrayWithoutHoles(t)||_iterableToArray(t)||_unsupportedIterableToArray(t)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(t,e):void 0}}function _iterableToArray(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}define(["exports","preact/jsx-runtime","preact"],(function(t,e,n){"use strict";class r{static getChildMapping(t,e=new Map,a=(()=>{})){const i=Symbol();let s={};0!==e.size&&(s=r._getMappedDeletions(t,e,i));const o=t.reduce(((t,r)=>{if(s[r.key]){const a=s[r.key];for(const r of a){const a=e.get(r);t.set(r,n.cloneElement(a,{in:!1}))}const i=e.get(r.key);t.set(r.key,n.cloneElement(r,{in:i.props.in}))}else{const e=n.cloneElement(r,{onExited:a.bind(null,r),in:!0});t.set(r.key,e)}return t}),new Map);for(const t of s[i]||[]){const r=e.get(t);o.set(t,n.cloneElement(r,{in:!1}))}return o}static _getMappedDeletions(t,e,n){const r=new Set(t.map((t=>t.key)));return _toConsumableArray(e.keys()).reduce(((t,e)=>{if(r.has(e))t[e]=t[n],delete t[n];else{const r=t[n]?[].concat(_toConsumableArray(t[n]),[e]):[e];t[n]=r}return t}),{})}}class a extends n.Component{constructor(t){super(t),this._handleExited=(t,e,n)=>{var a,i;const{children:s}=this.props;r.getChildMapping(s).has(t.key)||(null===(i=(a=t.props).onExited)||void 0===i||i.call(a,e,n),this._mounted&&this.setState((e=>{const n=new Map(e.childMapping);return n.delete(t.key),{childMapping:n}})))},this.state={childMapping:void 0,handleExited:this._handleExited},this._mounted=!1}static getDerivedStateFromProps(t,e){const{childMapping:n,handleExited:a}=e;return{childMapping:r.getChildMapping(t.children,n,a)}}componentDidMount(){this._mounted=!0}componentWillUnmount(){this._mounted=!1}render(){const t=this.props.elementType,{childMapping:n}=this.state,r=_toConsumableArray(n.values());return e.jsx(t,{children:r})}}a.defaultProps={elementType:"div"};class i extends n.Component{constructor(t){let e;super(t),e=t.in?"entering":null,this._appearStatus=e,this.state={status:"exited"},this._nextCallback=null}componentDidMount(){this._updateStatus(this._appearStatus)}componentDidUpdate(t){let e=null;if(t!==this.props){const{status:t}=this.state;this.props.in?"entering"!==t&&"entered"!==t&&(e="entering"):"entering"!==t&&"entered"!==t||(e="exiting")}this._updateStatus(e)}componentWillUnmount(){this._cancelNextCallback()}render(t){return null==t?void 0:t.children}_setNextCallback(t){let e=!0;return this._nextCallback=(...n)=>{e&&(e=!1,this._nextCallback=null,t.apply(void 0,n))},this._nextCallback.cancel=()=>{e=!1},this._nextCallback}_cancelNextCallback(){var t,e;null===(e=null===(t=this._nextCallback)||void 0===t?void 0:t.cancel)||void 0===e||e.call(t),this._nextCallback=null}_updateStatus(t){null!=t&&(this._cancelNextCallback(),"entering"===t?this._performEnter(this.base):this._performExit(this.base))}_performEnter(t){var e,n;null===(n=(e=this.props).onEnter)||void 0===n||n.call(e,t,this.props.metadata),this.setState({status:"entering"},(()=>{var e,n;null===(n=(e=this.props).onEntering)||void 0===n||n.call(e,t,this._setNextCallback((()=>{this.setState({status:"entered"},(()=>{var e,n;null===(n=(e=this.props).onEntered)||void 0===n||n.call(e,t,this.props.metadata)}))})),this.props.metadata)}))}_performExit(t){var e,n;null===(n=(e=this.props).onExit)||void 0===n||n.call(e,t,this.props.metadata),this.setState({status:"exiting"},(()=>{var e,n;null===(n=(e=this.props).onExiting)||void 0===n||n.call(e,t,this._setNextCallback((()=>{this.setState({status:"exited"},(()=>{var e,n;null===(n=(e=this.props).onExited)||void 0===n||n.call(e,t,this.props.metadata)}))})),this.props.metadata)}))}}t.Transition=i,t.TransitionGroup=a,Object.defineProperty(t,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_TransitionGroup.js.map

package/amd/PRIVATE_TransitionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRIVATE_TransitionGroup.js","sources":["../../src/PRIVATE_TransitionGroup/TransitionUtils.ts","../../src/PRIVATE_TransitionGroup/TransitionGroup.tsx","../../src/PRIVATE_TransitionGroup/Transition.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 { cloneElement, VNode } from 'preact';\nimport { TransitionProps } from './Transition';\n\nexport type ChildKey = number | string;\nexport type ChildMapping = Map<string | number, VNode<TransitionProps>>;\nexport type ChildrenRecord<T = any> = {\n  [Key in number | string | any]: T[];\n};\n\n/**\n * @classdesc\n * A utility class consisting of helper functions for handling transitions\n * related operations.\n */\nexport class TransitionUtils {\n  /**\n   * Creates a map of the children array with the calculated in prop\n   *\n   * @param children The newly received children\n   * @param prevChildMapping The previous child mapping\n   * @returns the newly created child mapping\n   */\n  public static getChildMapping(\n    children: VNode<TransitionProps>[],\n    prevChildMapping: ChildMapping = new Map(),\n    onExited: (child: VNode<TransitionProps>, node: Element, key?: ChildKey) => void = () => {}\n  ): ChildMapping {\n    // A symbol to store trailing children\n    const TRAILING = Symbol();\n    let mappedDeletions = {} as ChildrenRecord;\n\n    if (prevChildMapping.size !== 0) {\n      // If previous children exists, get the mapped deleted children\n      mappedDeletions = TransitionUtils._getMappedDeletions(children, prevChildMapping, TRAILING);\n    }\n\n    // Create a new Map with the new children along with the deletions inserted in their\n    // respective positions\n    const mergedChildrenMap: ChildMapping = children.reduce<ChildMapping>(\n      (accumulator, currentChild) => {\n        if (mappedDeletions[currentChild.key]) {\n          // There are keys from prev that are deleted before the current\n          // next key, so add them first\n          const deletedChildren = mappedDeletions[currentChild.key];\n          for (const key of deletedChildren) {\n            const previousChild = prevChildMapping.get(key);\n            // Set the in property to false, as this is children is removed\n            accumulator.set(key, cloneElement(previousChild!, { in: false }));\n          }\n          // Then add the current key. Do not change the in property as this is a\n          // retained children.\n          const previousChild = prevChildMapping.get(currentChild.key);\n          accumulator.set(\n            currentChild.key,\n            cloneElement(currentChild, { in: previousChild!.props.in })\n          );\n        } else {\n          // This is a new children. Set the in property to true\n          const newChild = cloneElement(currentChild, {\n            // bind the original child so that the original callbacks can be\n            // called in the onExited callback from the argument.\n            onExited: onExited.bind(null, currentChild),\n            in: true\n          });\n          accumulator.set(currentChild.key, newChild);\n        }\n\n        return accumulator;\n      },\n      new Map() as ChildMapping\n    );\n\n    // Finally add any trailing deleted children present in the mappedDeletions[TRAILING]\n    for (const key of mappedDeletions[TRAILING as any] || []) {\n      const previousChild = prevChildMapping.get(key);\n      // Set the in property to false, as this is children is removed\n      mergedChildrenMap.set(key, cloneElement(previousChild!, { in: false }));\n    }\n\n    // Finally return the merged children map\n    return mergedChildrenMap;\n  }\n\n  ////////////////////////////\n  // Private helper methods //\n  ////////////////////////////\n\n  /**\n   * Creates a map of deleted children wrt to the keys in the new data.\n   *\n   * @param children The newly received children\n   * @param prevChildMapping The previous child mapping\n   * @param TRAILING A unique symbol to be used for storing the trailing children\n   * @returns A map containing deleted children\n   */\n  private static _getMappedDeletions(\n    children: VNode<TransitionProps>[],\n    prevChildMapping: ChildMapping,\n    TRAILING: symbol\n  ): ChildrenRecord<ChildKey> {\n    // Create a set with keys of next children\n    const nextChildrenKeys = new Set(children.map((children) => children.key));\n\n    return [...prevChildMapping.keys()].reduce<ChildrenRecord<ChildKey>>(\n      (accumulator, currentKey) => {\n        if (nextChildrenKeys.has(currentKey)) {\n          // We have reached a point where the closest prevKey that\n          // is in the next, so if there are any pending keys add them\n          // to this key in mappedDeletions so that the pending keys will\n          // be added before the current next key\n          accumulator[currentKey] = accumulator[TRAILING as any];\n          delete accumulator[TRAILING as any];\n        } else {\n          // If key is not found in next, then add it to the trailing keys.\n          const trailingChildren = accumulator[TRAILING as any]\n            ? [...accumulator[TRAILING as any], currentKey]\n            : [currentKey];\n          accumulator[TRAILING as any] = trailingChildren;\n        }\n\n        return accumulator;\n      },\n      {} as ChildrenRecord<ChildKey>\n    );\n  }\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Component, ComponentChild, ComponentType, VNode } from 'preact';\nimport { TransitionProps } from './Transition';\nimport { ChildKey, ChildMapping, TransitionUtils } from './TransitionUtils';\n\n/**\n * Props for the TransitionGroup Component\n */\ntype TransitionGroupProps = {\n  /**\n   * @description\n   * <TransitionGroup> renders a '<div>' by default. You can change this\n   * behavior by providing a different value to this prop.\n   */\n  elementType?: string | ComponentType;\n\n  /**\n   * @description\n   * Children component should be a collection of TransitionComponent. The child\n   * components should be a Transition Component.\n   */\n  children: VNode<TransitionProps>[];\n};\n\n/**\n * State for the TransitionGroup component\n */\ntype State = {\n  childMapping?: ChildMapping;\n  handleExited?: (child: VNode<TransitionProps>, node: Element, key?: ChildKey) => void;\n};\n\n/**\n * @classdesc\n * The <TransitionGroup> component manages a set of components that involves animations.\n * This component does not handle any animation, rather just a state machine that manages\n * the mounting and unmounting of the components over the time. The actual animation needs\n * to be handled by the content component.\n *\n * Consider the example below:\n * <TransitionGroup>\n *   {\n *      messages.map(message => {\n *        <Transition key={message.key}>\n *          <Message\n *            type={type}\n *            index={index}\n *            item={data.message}\n *            onOjClose={onOjClose}\n *          />\n *        </Transition>\n *      });\n *   }\n * </TransitionGroup>\n * As the messages are added/removed, the TransitionGroup Component automatically\n * toggles the 'in' prop of the Transition Component.\n *\n * @ignore\n */\nexport class TransitionGroup extends Component<TransitionGroupProps, State> {\n  static defaultProps: Partial<TransitionGroupProps> = {\n    elementType: 'div'\n  };\n\n  /**\n   * Derives state from the current props\n   *\n   * @param props The current Props that will be used to get the new state\n   * @param state The current state\n   *\n   * @returns The new state\n   */\n  static getDerivedStateFromProps(\n    props: Readonly<TransitionGroupProps>,\n    state: Readonly<State>\n  ): State | null {\n    const { childMapping, handleExited } = state;\n    return {\n      childMapping: TransitionUtils.getChildMapping(props.children, childMapping, handleExited)\n    };\n  }\n\n  private _mounted: boolean;\n\n  ////////////////////////////////////////////////////////////////////////\n  // Handler functions are created as members to have them 'this' bound //\n  ////////////////////////////////////////////////////////////////////////\n\n  /**\n   * Handles when a transition component exits\n   *\n   * @param child The child instance that exited\n   * @param node The corresponding transition element\n   * @param metadata The metadata of the corresponding transition component\n   */\n  private readonly _handleExited = (\n    child: VNode<TransitionProps>,\n    node?: Element,\n    metadata?: any\n  ) => {\n    const { children } = this.props;\n    // get the child mapping for the current children\n    const currentChildMapping = TransitionUtils.getChildMapping(children);\n\n    // if the exited child is added again, do nothing here\n    if (currentChildMapping.has(child.key)) return;\n\n    // The child component has exited, call the original onExited callback\n    child.props.onExited?.(node, metadata);\n\n    // Check if this component is still mounted, if so update the state\n    if (this._mounted) {\n      this.setState((state: Readonly<State>): Partial<State> => {\n        const childMapping = new Map(state.childMapping!);\n        // delete the exited child\n        childMapping.delete(child.key);\n        return { childMapping };\n      });\n    }\n  };\n\n  ///////////////////////////\n  // Handler functions end //\n  ///////////////////////////\n\n  /**\n   * Instantiates Component\n   *\n   * @param props The component properties\n   */\n  constructor(props: Readonly<TransitionGroupProps>) {\n    super(props);\n\n    this.state = {\n      childMapping: undefined,\n      handleExited: this._handleExited\n    };\n    this._mounted = false;\n  }\n\n  //////////////////////////////////////\n  // Component Life Cycle Hooks Start //\n  //////////////////////////////////////\n\n  /**\n   * Life cycle hook that gets called when the component is mounted on to\n   * the DOM\n   */\n  componentDidMount() {\n    this._mounted = true;\n  }\n\n  /**\n   * Life cycle hook that gets called when the component is unmounted from\n   * the DOM\n   */\n  componentWillUnmount() {\n    this._mounted = false;\n  }\n\n  ////////////////////////////////////\n  // Component Life Cycle Hooks End //\n  ////////////////////////////////////\n\n  /**\n   * Renders the transition components\n   */\n  render(): ComponentChild {\n    const WrapperComponent = this.props.elementType!;\n    const { childMapping } = this.state;\n    const children = [...childMapping!.values()];\n    return <WrapperComponent>{children}</WrapperComponent>;\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 */\nimport { Component, ComponentChild, RenderableProps } from 'preact';\n\n/**\n * Supported transitions\n */\ntype TransitionCompleteStatus = 'entered' | 'exited';\ntype TransitionIntermediateStatus = 'entering' | 'exiting' | null;\ntype TransitionStatus = TransitionCompleteStatus | TransitionIntermediateStatus;\n\n/**\n * A function wrapper that when cancelled, will not call the\n * original function when invoked.\n */\ntype CancellableFunction = {\n  (): void;\n  cancel?: () => void;\n};\n\n/**\n * State for the Transition component\n */\ntype State = {\n  status: TransitionStatus;\n};\n\n/**\n * Props for the Transition Component\n */\nexport type TransitionProps<M = any> = {\n  /**\n   * A boolean for whether or not to the show the child content. Usually, this represents\n   * whether or the current item existing in the data.\n   */\n  in?: boolean;\n\n  /**\n   * An optional metadata that will be passed along on all callbacks\n   */\n  metadata?: M;\n\n  /**\n   * Called when the component enters for the first time.\n   */\n  onEnter?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component enters for the first time and right after onEnter call.\n   */\n  onEntering?: (node?: Element, callback?: () => void, metadata?: M) => void;\n\n  /**\n   * Called when the component enters for the first time and all the enter transitions are over.\n   */\n  onEntered?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component exits.\n   */\n  onExit?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component exits and right after the onExit call.\n   */\n  onExiting?: (node?: Element, callback?: () => void, metadata?: M) => void;\n\n  /**\n   * Called when the component exits and all the transitions are over.\n   */\n  onExited?: (node?: Element, metadata?: M) => void;\n};\n\n/**\n * @classdesc\n * The component that acts as a layer for handing transitions.\n *\n * @ignore\n */\nexport class Transition<M = any> extends Component<TransitionProps<M>, State> {\n  private readonly _appearStatus: TransitionIntermediateStatus;\n  private _nextCallback: CancellableFunction | null;\n\n  ////////////////////////////////////////////////////////////////////////\n  // Handler functions are created as members to have them 'this' bound //\n  ////////////////////////////////////////////////////////////////////////\n\n  ///////////////////////////\n  // Handler functions end //\n  ///////////////////////////\n\n  /**\n   * Instantiates Component\n   *\n   * @param props The component properties\n   */\n  constructor(props: Readonly<TransitionProps<M>>) {\n    super(props);\n\n    let appearStatus: TransitionIntermediateStatus;\n    if (props.in) {\n      appearStatus = 'entering';\n    } else {\n      appearStatus = null;\n    }\n\n    this._appearStatus = appearStatus;\n    this.state = { status: 'exited' };\n    this._nextCallback = null;\n  }\n\n  //////////////////////////////////////\n  // Component Life Cycle Hooks Start //\n  //////////////////////////////////////\n\n  /**\n   * Lifecycle hook that gets called when the component is mounted to the DOM\n   */\n  componentDidMount() {\n    this._updateStatus(this._appearStatus);\n  }\n\n  /**\n   * Lifecycle hook that gets called after each update to the component\n   *\n   * @param prevProps The props of the component before last update\n   */\n  componentDidUpdate(prevProps: Readonly<TransitionProps<M>>) {\n    let nextStatus: TransitionIntermediateStatus = null;\n\n    if (prevProps !== this.props) {\n      const { status } = this.state;\n\n      if (this.props.in) {\n        if (status !== 'entering' && status !== 'entered') {\n          // The component is just entering, so set the next status as Entering\n          nextStatus = 'entering';\n        }\n      } else {\n        if (status === 'entering' || status === 'entered') {\n          // The component is not in the data anymore, so we need to do exit animation\n          // So, set the next status as Exiting\n          nextStatus = 'exiting';\n        }\n      }\n    }\n\n    this._updateStatus(nextStatus);\n  }\n\n  /**\n   * Lifecycle hook that gets called right before the component unmounts\n   */\n  componentWillUnmount() {\n    this._cancelNextCallback();\n  }\n\n  ////////////////////////////////////\n  // Component Life Cycle Hooks End //\n  ////////////////////////////////////\n\n  /**\n   * Renders the Transition component\n   *\n   * @param props The current props\n   * @returns The rendered component child\n   */\n  render(props?: RenderableProps<TransitionProps<M>>): ComponentChild {\n    return props?.children;\n  }\n\n  ////////////////////////////\n  // Private helper methods //\n  ////////////////////////////\n\n  /**\n   * Creates a wrapper callback function, which can be cancelled.\n   *\n   * @param callback The current callback function\n   * @returns The created cancellable callback\n   */\n  private _setNextCallback(callback: (...args: any) => void): CancellableFunction {\n    let active = true;\n\n    this._nextCallback = (...args: any[]) => {\n      if (active) {\n        active = false;\n        this._nextCallback = null;\n\n        callback(...args);\n      }\n    };\n\n    this._nextCallback.cancel = () => {\n      active = false;\n    };\n\n    return this._nextCallback;\n  }\n\n  /**\n   * Cancels the scheduled next callback\n   */\n  private _cancelNextCallback() {\n    this._nextCallback?.cancel?.();\n    this._nextCallback = null;\n  }\n\n  /**\n   * Updates the status of the component. Performs corresponding Transitions.\n   */\n  private _updateStatus(nextStatus: TransitionIntermediateStatus) {\n    if (nextStatus != null) {\n      this._cancelNextCallback();\n\n      if (nextStatus === 'entering') {\n        this._performEnter(this.base as Element); // In our component, base is always Element\n      } else {\n        this._performExit(this.base as Element); // In our component, base is always Element\n      }\n    }\n  }\n\n  /**\n   * Perform Entering transitions\n   *\n   * @param node The root DOM element of this component\n   */\n  private _performEnter(node?: Element) {\n    this.props.onEnter?.(node, this.props.metadata);\n\n    this.setState({ status: 'entering' }, () => {\n      this.props.onEntering?.(\n        node,\n        this._setNextCallback(() => {\n          this.setState({ status: 'entered' }, () => {\n            this.props.onEntered?.(node, this.props.metadata);\n          });\n        }),\n        this.props.metadata\n      );\n    });\n  }\n\n  /**\n   * Perform Exiting transitions\n   *\n   * @param node The root DOM element of this component\n   */\n  private _performExit(node?: Element) {\n    this.props.onExit?.(node, this.props.metadata);\n\n    this.setState({ status: 'exiting' }, () => {\n      this.props.onExiting?.(\n        node,\n        this._setNextCallback(() => {\n          this.setState({ status: 'exited' }, () => {\n            this.props.onExited?.(node, this.props.metadata);\n          });\n        }),\n        this.props.metadata\n      );\n    });\n  }\n}\n"],"names":["TransitionUtils","static","children","prevChildMapping","Map","onExited","TRAILING","Symbol","mappedDeletions","size","_getMappedDeletions","mergedChildrenMap","reduce","accumulator","currentChild","key","deletedChildren","previousChild","get","set","cloneElement","in","props","newChild","bind","nextChildrenKeys","Set","map","_toConsumableArray","keys","currentKey","has","trailingChildren","TransitionGroup","Component","constructor","super","this","_handleExited","child","node","metadata","getChildMapping","_b","_a","call","_mounted","setState","state","childMapping","delete","undefined","handleExited","componentDidMount","componentWillUnmount","render","WrapperComponent","elementType","values","_jsx","jsx","defaultProps","Transition","appearStatus","_appearStatus","status","_nextCallback","_updateStatus","componentDidUpdate","prevProps","nextStatus","_cancelNextCallback","_setNextCallback","callback","active","args","apply","cancel","_performEnter","base","_performExit","onEnter","onEntering","onEntered","onExit","onExiting"],"mappings":"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"}

package/amd/PRIVATE_VirtualizedCollection.js

@@ -0,0 +1,2 @@
+define(["exports","./VirtualizedCollection-45f2c32e","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-0cd076bf","preact","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect"],(function(e,t,i,o,r,l,c,a,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=PRIVATE_VirtualizedCollection.js.map

package/amd/PRIVATE_VirtualizedCollection.js.map

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

package/amd/ReadonlyTextFieldInput-575ef738.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,a){if(e){if("string"==typeof e)return _arrayLikeToArray(e,a);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,a):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,a){(null==a||a>e.length)&&(a=e.length);for(var r=0,t=new Array(a);r<a;r++)t[r]=e[r];return t}define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useTabbableMode",'module',"./utils/UNSAFE_classNames","./utils/UNSAFE_interpolations/text","./utils/UNSAFE_mergeInterpolations","./hooks/UNSAFE_useFormFieldContext","./FormControlUtils-d6f8680e","./classNames-3c307969"],(function(e,a,r,t,o,n,i,s,l,u,b,d){"use strict";const c="rdmqal",y="_1fok269",f="_1gu5ze7",m="_1dnwxag",p="sz7707",_="z718av",A="_1ifsi4m",x="_14ohdw3";e.ReadonlyTextFieldInput=function(e){var{ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:F,autoFocus:h,as:g="div",elementRef:v,hasInsideLabel:L=!1,inlineUserAssistance:I,innerReadonlyField:S,rows:T,type:j,value:U="",variant:N}=e,k=a.__rest(e,["ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant"]);const{isFormLayout:w,isReadonly:C}=t.useFormContext(),{isLoading:E}=u.useFormFieldContext(),O=E?b.getLoadingAriaLabel():i,R=_toConsumableArray(Object.values(s.textInterpolations)),B=l.mergeInterpolations(R),{class:M}=B(k),z=d.classNames(["textarea"!==g&&"oj-c-hide-scrollbar",c,"textarea"===g&&y,w&&!C&&f,"textarea"===N&&w&&!C&&m,w&&!C&&(L?p:A),"textarea"===N&&w&&!C&&L&&_,"textarea"!==N&&w&&!C&&x,M]),{isTabbable:D,tabbableModeProps:H}=o.useTabbableMode();return"input"===g?r.jsx("input",Object.assign({"aria-describedby":n,"aria-label":O,"aria-labelledby":F,autofocus:h,class:z,readonly:!0,ref:v,type:j,value:U},!D&&H)):"textarea"===g?r.jsx("textarea",Object.assign({"aria-describedby":n,"aria-label":O,"aria-labelledby":F,autofocus:h,class:z,readonly:!0,ref:v,rows:T},!D&&H,{children:U})):r.jsx("div",Object.assign({"aria-describedby":n,"aria-label":O,"aria-labelledby":F,"aria-readonly":!0,autofocus:h,class:z,ref:v,role:"textbox"},H,{children:U}))}}));
+//# sourceMappingURL=ReadonlyTextFieldInput-575ef738.js.map