@oracle/oraclejet-preact 14.1.0 → 14.1.1

package/amd/{NumberInputText-e2f324e5.js.map → NumberInputText-a6edc8a2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberInputText-e2f324e5.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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"}
+{"version":3,"file":"NumberInputText-a6edc8a2.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/__tests__/Collection.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../Collection-65387b39","preact"],function(e,t,n,i,c){"use strict";describe("Test Collection component",()=>{it("render",async function(){const c=t.render(e.jsx("ul",{children:e.jsx(i.Collection,Object.assign({items:[{id:"e1",name:"Employee 1"},{id:"e2",name:"Employee 2"}]},{children:t=>e.jsx("li",{children:t.data.name})}))})),l=await c.queryAllByText("Employee",{exact:!1});n.expect(l.length).eq(2)})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Collection-b7c3d993","preact"],function(e,t,n,i,c){"use strict";describe("Test Collection component",()=>{it("render",async function(){const c=t.render(e.jsx("ul",{children:e.jsx(i.Collection,Object.assign({items:[{id:"e1",name:"Employee 1"},{id:"e2",name:"Employee 2"}]},{children:t=>e.jsx("li",{children:t.data.name})}))})),l=await c.queryAllByText("Employee",{exact:!1});n.expect(l.length).eq(2)})})});
 //# sourceMappingURL=Collection.spec.js.map

package/amd/PRIVATE_Collection.js

@@ -1,2 +1,2 @@
-define(["exports","./Collection-65387b39","preact/jsx-runtime","preact"],function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Collection-b7c3d993","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_List/__tests__/List.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","../../testHelpers-246f0e98","../../hooks/UNSAFE_useTabbableMode","../../List-2e90b0fb","../../UNSAFE_Flex","../../Flex-b68a7b84","preact","css!./../../PRIVATE_List.css","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-afedb694","../../PRIVATE_Collection","../../Collection-65387b39","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-79996ea9","../../utils/UNSAFE_arrayUtils","../../UNSAFE_FocusTrap","../../FocusTrap-d4cc44b1","preact/compat","../../utils/PRIVATE_tabbableUtils","../../_curry1-67906f4c","../../_curry2-fc31d1f8","../../_curry3-9a7f6d78","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-b8b725eb","../../tslib.es6-d8595453","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../utils/UNSAFE_mergeInterpolations","../../_has-83207242","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../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-72dcd02d","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f8c00540","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-5d0f6a63","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-c53d7893"],function(e,t,o,a,s,i,n,l,r,c,d,u,b,g,p,A,x,E,h,_,m,S,f,F,U,N,T,I,k,y,w,j,R,v,P,V,O,q,C,M,L,z,B,D,K,H,G,J,Q,W,X,Y,Z,$,ee,te,oe,ae,se,ie,ne,le,re,ce,de,ue,be,ge,pe,Ae,xe,Ee,he,_e){"use strict";function me(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Se=me(a);function fe({allowTabbableMode:o,data:a,loadingIndicator:s,role:i}){const n=t.useRef(null),[r,d]=t.useState(void 0),[u,b]=t.useState(a?{offset:0,data:a.slice(0,25),totalSize:a.length,sizePrecision:"exact"}:null);return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:n},{children:e.jsx(l.List,Object.assign({accessibleSummary:"Basic list",allowTabbableMode:o,currentKey:r,data:u,loadingIndicator:s,onCurrentKeyChange:e=>d(e.value),onLoadRange:()=>{},role:i,viewportConfig:{scroller:()=>n.current}},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx(Ue,{"data-testid":"input-"+t.data.id}),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}function Fe(e,t){const o=[];for(let a=0;a<e;a++)t?o.push({id:a,name:"Employee "+a}):o.push({id:"i"+a,name:"Employee "+a});return o}describe("Test List component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("renders with custom loader",()=>{const t=e.jsx("div",Object.assign({"data-testid":"load-more-component"},{children:"Loading"})),{getAllByTestId:a,queryByTestId:i,rerender:n}=o.render(e.jsx(fe,{data:null}));s.expect(i("load-more-component")).to.be.null,n(e.jsx(fe,{data:null,loadingIndicator:t})),s.expect(a("load-more-component").length).eq(1)}),it("renders with default roles",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(fe,{data:t})),n=await i.getRoot(a);s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a);s.expect(l.length).eq(25);const r=await i.getContents(a);s.expect(r.length).eq(25)}),it("renders with listbox rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(fe,{data:t,role:"listbox"})),n=await i.getRoot(a,"listbox");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"presentation");s.expect(l.length).eq(25);const r=await i.getContents(a,"option");s.expect(r.length).eq(25)}),it("renders with treegrid rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(fe,{data:t,role:"treegrid"})),n=await i.getRoot(a,"treegrid");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"row");s.expect(l.length).eq(25);const r=await i.getContents(a,"gridcell");s.expect(r.length).eq(25)}),it("allows toggling off F2 mode",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),{getByTestId:a,rerender:i}=o.render(e.jsx(fe,{data:t})),n=a("input-i0");s.expect(n.getAttribute("tabindex")).equals("-1"),Se.default.click(n),i(e.jsx(fe,{data:t})),s.expect(n.getAttribute("tabindex")).equals("0"),i(e.jsx(fe,{allowTabbableMode:!1,data:t})),Se.default.click(n),s.expect(n.getAttribute("tabindex")).equals("-1")})});const Ue=t=>{const{tabbableModeProps:o}=n.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))}});
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","../../testHelpers-4620c633","../../hooks/UNSAFE_useTabbableMode","../../List-5d60b09d","../../UNSAFE_Flex","../../Flex-6a69bc2a","preact","css!./../../PRIVATE_List.css","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-bd98d014","../../PRIVATE_Collection","../../Collection-b7c3d993","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-e9cc859f","../../utils/UNSAFE_arrayUtils","../../UNSAFE_FocusTrap","../../FocusTrap-0a63cd07","preact/compat","../../utils/PRIVATE_tabbableUtils","../../_curry1-4048f3ff","../../_curry2-386569fb","../../_curry3-1f16eff2","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-64ad9097","../../tslib.es6-f169f6f6","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../utils/UNSAFE_mergeInterpolations","../../_has-4e29ea27","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../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-5d52bb49","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","../../utils/UNSAFE_interpolations/boxalignment","../../keys-dde22c13","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b"],function(e,t,o,a,s,i,n,l,r,c,d,u,b,g,p,A,x,E,f,h,_,m,S,F,U,N,T,I,k,y,w,j,R,v,P,V,O,q,C,M,L,z,B,D,K,H,G,J,Q,W,X,Y,Z,$,ee,te,oe,ae,se,ie,ne,le,re,ce,de,ue,be,ge,pe,Ae,xe,Ee,fe,he){"use strict";function _e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var me=_e(a);function Se({allowTabbableMode:o,data:a,loadingIndicator:s,role:i}){const n=t.useRef(null),[r,d]=t.useState(void 0),[u,b]=t.useState(a?{offset:0,data:a.slice(0,25),totalSize:a.length,sizePrecision:"exact"}:null);return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:n},{children:e.jsx(l.List,Object.assign({accessibleSummary:"Basic list",allowTabbableMode:o,currentKey:r,data:u,loadingIndicator:s,onCurrentKeyChange:e=>d(e.value),onLoadRange:()=>{},role:i,viewportConfig:{scroller:()=>n.current}},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx(Ue,{"data-testid":"input-"+t.data.id}),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}function Fe(e,t){const o=[];for(let a=0;a<e;a++)t?o.push({id:a,name:"Employee "+a}):o.push({id:"i"+a,name:"Employee "+a});return o}describe("Test List component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("renders with custom loader",()=>{const t=e.jsx("div",Object.assign({"data-testid":"load-more-component"},{children:"Loading"})),{getAllByTestId:a,queryByTestId:i,rerender:n}=o.render(e.jsx(Se,{data:null}));s.expect(i("load-more-component")).to.be.null,n(e.jsx(Se,{data:null,loadingIndicator:t})),s.expect(a("load-more-component").length).eq(1)}),it("renders with default roles",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t})),n=await i.getRoot(a);s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a);s.expect(l.length).eq(25);const r=await i.getContents(a);s.expect(r.length).eq(25)}),it("renders with listbox rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t,role:"listbox"})),n=await i.getRoot(a,"listbox");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"presentation");s.expect(l.length).eq(25);const r=await i.getContents(a,"option");s.expect(r.length).eq(25)}),it("renders with treegrid rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t,role:"treegrid"})),n=await i.getRoot(a,"treegrid");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"row");s.expect(l.length).eq(25);const r=await i.getContents(a,"gridcell");s.expect(r.length).eq(25)}),it("allows toggling off F2 mode",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),{getByTestId:a,rerender:i}=o.render(e.jsx(Se,{data:t})),n=a("input-i0");s.expect(n.getAttribute("tabindex")).equals("-1"),me.default.click(n),i(e.jsx(Se,{data:t})),s.expect(n.getAttribute("tabindex")).equals("0"),i(e.jsx(Se,{allowTabbableMode:!1,data:t})),me.default.click(n),s.expect(n.getAttribute("tabindex")).equals("-1")})});const Ue=t=>{const{tabbableModeProps:o}=n.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))}});
 //# sourceMappingURL=List.spec.js.map

package/amd/PRIVATE_List.css

@@ -1,17 +1,17 @@
-._10d0tgu{height:100%;user-select:none;overflow-y:inherit;}._10d0tgu:focus{outline-style:none;}
-._1hwssza{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%;}
-._14h04o3{position:relative;}
+._16702un{height:100%;user-select:none;overflow-y:inherit;}._16702un:focus{outline-style:none;}
+.cnnmt7{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%;}
+._1twuoxz{position:relative;}
 
-.mms8za{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._1mmsy6f{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-._4l8v7t{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;}
-._14kiway{background-size:100% 1px;}
-.r3fr13{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;}
-.ovypdr:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._1hcz5g5{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._4b8won{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);}
-._10kz96g{background-size:100% 1px;}
-.iqsi5d{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._1jmlya9{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._74pqfh{flex-grow:1;}
-.iyhli7{display:flex;}
+.emrr9b{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;}
+.pl0uza{background-size:100% 1px;}
+._1uyjryl{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;}
+._1msoob0:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._1xws6qf{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._74ypmr{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);}
+._1r98hjd{background-size:100% 1px;}
+._19331p{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._5ywzyv{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._1gzvr2k{flex-grow:1;}
+._1lgy49i{display:flex;}

package/amd/PRIVATE_List.js

@@ -1,2 +1,2 @@
-define(["exports","./List-2e90b0fb","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-b7cf3c05","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-afedb694","./PRIVATE_Collection","./Collection-65387b39","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-79996ea9","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-d4cc44b1","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-67906f4c","./_curry2-fc31d1f8","./_curry3-9a7f6d78","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-b8b725eb","./tslib.es6-d8595453","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-83207242","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-b68a7b84","./utils/UNSAFE_interpolations/boxalignment","./keys-f8c00540","./utils/UNSAFE_interpolations/flexbox","./flexbox-5d0f6a63","./utils/UNSAFE_interpolations/flexitem","./flexitem-c53d7893","./UNSAFE_Selector","./index-922123b9","./index-bd5b8cf5","./UNSAFE_Icon","./Icon-497347c9","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-2dad3061","./index-8215ac99","./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-72dcd02d","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,t,i,l,n,u,a,_,r,A,c,E,F,S,U,N,b,d,k,h,T,f,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,ce,Ee,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./List-5d60b09d","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-77e465af","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-bd98d014","./PRIVATE_Collection","./Collection-b7c3d993","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-e9cc859f","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-0a63cd07","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-4048f3ff","./_curry2-386569fb","./_curry3-1f16eff2","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-64ad9097","./tslib.es6-f169f6f6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-4e29ea27","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-6a69bc2a","./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./UNSAFE_Selector","./index-f095628b","./index-c2b403d2","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./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-5d52bb49","./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,f,k,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_Message/__tests__/MessageCloseButton.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../MessageCloseButton-2fee9efb","css!./../../PRIVATE_Message.css","../../UNSAFE_Button","../../Button-47193722","../../UNSAFE_BaseButton","../../BaseButton-1b45961f","../../tslib.es6-d8595453","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","preact/compat","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../utils/PRIVATE_clientHints","../../clientHints-0d38de57","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../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-72dcd02d","../../hooks/UNSAFE_useTheme"],function(e,t,o,s,n,i,c,u,l,a,r,d,A,_,E,U,F,N,f,k,S,b,h,g,p,y,m,x,B,T,C,I,j,v,M,P,R,H,V,w,O,q,z,L,D,G,J,K,Q,W,X,Y){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(o);describe("Test MessageCloseButton component",()=>{it("default renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0}})),c=await i.findByRole("button");s.expect(c).not.null,$.default.click(c),s.expect(o.clicked).to.be.true}),it("custom button renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0},buttonRenderer:(t,o,s)=>e.jsx("button",Object.assign({style:"background-color: orange;","aria-label":t,onClick:o,title:t},{children:t}))})),c=await i.findByText("Close");s.expect(c).not.null,s.expect(c.style.backgroundColor).to.equal("orange"),$.default.click(c),s.expect(o.clicked).to.be.true})})});
+define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../MessageCloseButton-6fd750b0","css!./../../PRIVATE_Message.css","../../UNSAFE_Button","../../Button-95c272b3","../../UNSAFE_BaseButton","../../BaseButton-cc1e314c","../../tslib.es6-f169f6f6","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-77e465af","preact/compat","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4048f3ff","../../utils/UNSAFE_mergeInterpolations","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27","../../utils/PRIVATE_clientHints","../../clientHints-6cd92723","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../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-5d52bb49","../../hooks/UNSAFE_useTheme"],function(e,t,o,s,n,i,c,u,l,r,a,d,f,A,_,E,U,F,N,b,k,S,h,g,p,y,m,x,B,T,C,I,j,v,M,P,R,H,V,w,O,q,z,L,D,G,J,K,Q,W,X,Y){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(o);describe("Test MessageCloseButton component",()=>{it("default renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0}})),c=await i.findByRole("button");s.expect(c).not.null,$.default.click(c),s.expect(o.clicked).to.be.true}),it("custom button renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0},buttonRenderer:(t,o,s)=>e.jsx("button",Object.assign({style:"background-color: orange;","aria-label":t,onClick:o,title:t},{children:t}))})),c=await i.findByText("Close");s.expect(c).not.null,s.expect(c.style.backgroundColor).to.equal("orange"),$.default.click(c),s.expect(o.clicked).to.be.true})})});
 //# sourceMappingURL=MessageCloseButton.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageDetail.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageDetail-a6955705","css!./../../PRIVATE_Message.css","preact","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../MessageFormattingUtils-9c94aad3","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-9fd51f79","../../Message.types-fe0cd4a5","../../utils/UNSAFE_arrayUtils"],function(e,t,i,s,a,n,d,r,l,o,c,y,m,u){"use strict";const p={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}};describe("Test MessageDetail component",()=>{it("default renderer",async function(){const a=t.render(e.jsx(s.MessageDetail,{item:p})),n=await a.findByText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(n).not.null}),it("custom renderer",async function(){const a=t.render(e.jsx(s.MessageDetail,{item:p,renderer:({data:t,index:i,key:s,metadata:a})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":"customWrapper"},{children:[e.jsxs("div",{children:["index: ",i]}),e.jsxs("div",{children:["key: ",s]}),e.jsxs("div",{children:["detail: ",t.detail]}),e.jsxs("div",{children:["metadata key: ",null==a?void 0:a.key]})]}))})),n=await a.findByTestId("customWrapper");i.expect(n).not.null,i.expect(null==n?void 0:n.style.backgroundColor).to.equal("orange");const d=await a.findByText("index: 0");i.expect(d).not.null;const r=await a.findByText("key: ConfirmationMessage");i.expect(r).not.null;const l=await a.findByText("detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(l).not.null;const o=await a.findByText("metadata key: ConfirmationMessage");i.expect(o).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageDetail-49daadc3","css!./../../PRIVATE_Message.css","preact","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../MessageFormattingUtils-eb594b6a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../Message.types-ba802f0d","../../utils/UNSAFE_arrayUtils"],function(e,t,i,s,a,n,d,r,l,o,c,y,m,u){"use strict";const p={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}};describe("Test MessageDetail component",()=>{it("default renderer",async function(){const a=t.render(e.jsx(s.MessageDetail,{item:p})),n=await a.findByText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(n).not.null}),it("custom renderer",async function(){const a=t.render(e.jsx(s.MessageDetail,{item:p,renderer:({data:t,index:i,key:s,metadata:a})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":"customWrapper"},{children:[e.jsxs("div",{children:["index: ",i]}),e.jsxs("div",{children:["key: ",s]}),e.jsxs("div",{children:["detail: ",t.detail]}),e.jsxs("div",{children:["metadata key: ",null==a?void 0:a.key]})]}))})),n=await a.findByTestId("customWrapper");i.expect(n).not.null,i.expect(null==n?void 0:n.style.backgroundColor).to.equal("orange");const d=await a.findByText("index: 0");i.expect(d).not.null;const r=await a.findByText("key: ConfirmationMessage");i.expect(r).not.null;const l=await a.findByText("detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(l).not.null;const o=await a.findByText("metadata key: ConfirmationMessage");i.expect(o).not.null})})});
 //# sourceMappingURL=MessageDetail.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageFormattingUtils.spec.js

@@ -1,2 +1,2 @@
-define(["chai","../../MessageFormattingUtils-9c94aad3","../../Message.types-fe0cd4a5","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-9fd51f79","../../utils/UNSAFE_arrayUtils"],function(e,t,i,o,s,a,r){"use strict";describe("Test MessageFormattingUtils",()=>{it("isValidValueForProp",function(){i.severities.forEach(i=>{e.expect(t.isValidValueForProp(i,"severity")).to.be.true}),e.expect(t.isValidValueForProp("foo","severity")).to.be.false,e.expect(t.isValidValueForProp((new Date).toISOString(),"timestamp")).to.be.true,e.expect(t.isValidValueForProp("foo","timestamp")).to.be.false,e.expect(t.isValidValueForProp("foo","string")).to.be.true,e.expect(t.isValidValueForProp("","string")).to.be.false,e.expect(t.isValidValueForProp(null,"string")).to.be.false,e.expect(t.isValidValueForProp(void 0,"string")).to.be.false}),it("formatTimestamp",function(){const i=t.formatTimestamp((new Date).toISOString());e.expect(t.isValidValueForProp(i,"string")).to.be.true;try{const i=t.formatTimestamp("foo");e.expect(t.isValidValueForProp(i,"timestamp")).to.be.false}catch(t){e.expect(t).not.null}})})});
+define(["chai","../../MessageFormattingUtils-eb594b6a","../../Message.types-ba802f0d","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../utils/UNSAFE_arrayUtils"],function(e,t,i,o,s,a,r){"use strict";describe("Test MessageFormattingUtils",()=>{it("isValidValueForProp",function(){i.severities.forEach(i=>{e.expect(t.isValidValueForProp(i,"severity")).to.be.true}),e.expect(t.isValidValueForProp("foo","severity")).to.be.false,e.expect(t.isValidValueForProp((new Date).toISOString(),"timestamp")).to.be.true,e.expect(t.isValidValueForProp("foo","timestamp")).to.be.false,e.expect(t.isValidValueForProp("foo","string")).to.be.true,e.expect(t.isValidValueForProp("","string")).to.be.false,e.expect(t.isValidValueForProp(null,"string")).to.be.false,e.expect(t.isValidValueForProp(void 0,"string")).to.be.false}),it("formatTimestamp",function(){const i=t.formatTimestamp((new Date).toISOString());e.expect(t.isValidValueForProp(i,"string")).to.be.true;try{const i=t.formatTimestamp("foo");e.expect(t.isValidValueForProp(i,"timestamp")).to.be.false}catch(t){e.expect(t).not.null}})})});
 //# sourceMappingURL=MessageFormattingUtils.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageStartIcon.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageStartIcon-843ab57e","../../Message.types-fe0cd4a5","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../tslib.es6-d8595453","preact","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","preact/hooks","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-2dad3061","preact/compat","../../index-8215ac99","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-72dcd02d","../../hooks/UNSAFE_useTheme","../../UNSAFE_Flex","../../Flex-b68a7b84","../../utils/UNSAFE_interpolations/dimensions","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f8c00540","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-5d0f6a63","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-c53d7893"],function(e,s,t,o,i,n,a,r,c,l,u,_,F,A,E,U,S,N,d,f,h,m,p,x,b,g,k,y,I,T,v,M,P,j,C,R,V,z,H,L,O,$,q,w,B,D,G,J,K,Q,W){"use strict";describe("Test MessageStartIcon component",()=>{for(const n in i.severities)"none"!==n&&it(`severity ${n}`,async function(){const i=s.render(e.jsx(o.MessageStartIcon,{severity:n})).container.firstElementChild;t.expect(i).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageStartIcon-36c31428","../../Message.types-ba802f0d","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../tslib.es6-f169f6f6","preact","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","preact/hooks","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-fe475c26","preact/compat","../../index-8637c972","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../UNSAFE_Flex","../../Flex-6a69bc2a","../../utils/UNSAFE_interpolations/dimensions","../../_curry1-4048f3ff","../../utils/UNSAFE_mergeInterpolations","../../_curry3-1f16eff2","../../_curry2-386569fb","../../_has-4e29ea27","../../utils/UNSAFE_interpolations/boxalignment","../../keys-dde22c13","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b"],function(e,s,t,o,i,n,a,r,l,c,u,_,F,f,A,E,U,S,N,b,d,h,m,p,x,g,k,y,I,T,v,M,P,j,C,R,V,z,H,L,O,$,q,w,B,D,G,J,K,Q,W){"use strict";describe("Test MessageStartIcon component",()=>{for(const n in i.severities)"none"!==n&&it(`severity ${n}`,async function(){const i=s.render(e.jsx(o.MessageStartIcon,{severity:n})).container.firstElementChild;t.expect(i).not.null})})});
 //# sourceMappingURL=MessageStartIcon.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageSummary.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageSummary-29641f35","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05"],function(e,s,a,t,n,c,i){"use strict";describe("Test MessageSummary component",()=>{it("text",async function(){const n=s.render(e.jsx(t.MessageSummary,{text:"My Message Summary"})),c=await n.findByText("My Message Summary");a.expect(c).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageSummary-31da06a2","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-77e465af"],function(e,a,s,t,n,i,r){"use strict";describe("Test MessageSummary component",()=>{it("text",async function(){const n=a.render(e.jsx(t.MessageSummary,{text:"My Message Summary"})),i=await n.findByText("My Message Summary");s.expect(i).not.null})})});
 //# sourceMappingURL=MessageSummary.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageTimestamp.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageTimestamp-59128dbb","../../MessageFormattingUtils-9c94aad3","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-9fd51f79","../../Message.types-fe0cd4a5","../../utils/UNSAFE_arrayUtils"],function(t,e,s,a,i,n,c,r,l,m,o,u,f){"use strict";const g=new Date,p=new Date(g);p.setUTCFullYear(2020);const d=/\u202f/g,T=function(t){return t.replace(d," ")};describe("Test MessageTimestamp component",()=>{it("today's date",async function(){const n=g.toISOString(),c=e.render(t.jsx(a.MessageTimestamp,{value:n})),r=T(i.formatTimestamp(n)),l=await c.findByText(r);s.expect(l).not.null}),it("past date",async function(){const n=p.toISOString(),c=e.render(t.jsx(a.MessageTimestamp,{value:n})),r=T(i.formatTimestamp(n)),l=await c.findByText(r);s.expect(l).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageTimestamp-a8b2f726","../../MessageFormattingUtils-eb594b6a","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-77e465af","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../Message.types-ba802f0d","../../utils/UNSAFE_arrayUtils"],function(t,e,s,a,i,n,r,c,l,m,o,u,f){"use strict";const g=new Date,p=new Date(g);p.setUTCFullYear(2020);const d=/\u202f/g,T=function(t){return t.replace(d," ")};describe("Test MessageTimestamp component",()=>{it("today's date",async function(){const n=g.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null}),it("past date",async function(){const n=p.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null})})});
 //# sourceMappingURL=MessageTimestamp.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageUtils.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","chai","../../MessageUtils-ba76366b","../../utils/UNSAFE_logger","../../_curry1-67906f4c","../../_curry2-fc31d1f8","../../utils/UNSAFE_soundUtils","../../MessageFormattingUtils-9c94aad3","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-9fd51f79","../../Message.types-fe0cd4a5","../../utils/UNSAFE_arrayUtils"],function(e,t,r,n,s,i,c,o,d,a,l,u,g){"use strict";describe("Test MessageUtils",()=>{it("throwError",function(){try{r.throwError("foo"),t.expect(!0).to.be.false}catch(e){t.expect(e).not.null}}),it("getRenderer",function(){const n={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}},s={testRenderer:()=>e.jsx("div",{})},i=r.getRenderer(n,"testRenderer");t.expect(i).undefined;const c=r.getRenderer(n,"testRenderer",s);t.expect(c).to.equal(s.testRenderer);try{const e=r.getRenderer(n,"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const o=r.getRenderer(n,void 0,s);t.expect(o).undefined;const d=r.getRenderer(n,()=>"testRenderer",s);t.expect(d).to.equal(s.testRenderer);try{const e=r.getRenderer(n,()=>"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const a=r.getRenderer(n,()=>{},s);t.expect(a).undefined})})});
+define(["preact/jsx-runtime","chai","../../MessageUtils-7a134473","../../utils/UNSAFE_logger","../../_curry1-4048f3ff","../../_curry2-386569fb","../../utils/UNSAFE_soundUtils","../../MessageFormattingUtils-eb594b6a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../Message.types-ba802f0d","../../utils/UNSAFE_arrayUtils"],function(e,t,r,n,s,i,o,c,d,a,l,u,g){"use strict";describe("Test MessageUtils",()=>{it("throwError",function(){try{r.throwError("foo"),t.expect(!0).to.be.false}catch(e){t.expect(e).not.null}}),it("getRenderer",function(){const n={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}},s={testRenderer:()=>e.jsx("div",{})},i=r.getRenderer(n,"testRenderer");t.expect(i).undefined;const o=r.getRenderer(n,"testRenderer",s);t.expect(o).to.equal(s.testRenderer);try{const e=r.getRenderer(n,"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const c=r.getRenderer(n,void 0,s);t.expect(c).undefined;const d=r.getRenderer(n,()=>"testRenderer",s);t.expect(d).to.equal(s.testRenderer);try{const e=r.getRenderer(n,()=>"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const a=r.getRenderer(n,()=>{},s);t.expect(a).undefined})})});
 //# sourceMappingURL=MessageUtils.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessagesManager.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessagesManager-762835da","preact","preact/hooks","../../PRIVATE_TransitionGroup","../../tslib.es6-d8595453","../../hooks/UNSAFE_useAnimation","../../useAnimation-72dcd02d","../../hooks/UNSAFE_useMessagesContext"],function(e,t,i,s,n,a,r,d,m,o,y){"use strict";const p=[{key:"ErrorMessage",data:{severity:"error",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"WarningMessage",data:{severity:"warning",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"ConfirmationMessage",data:{severity:"confirmation",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"InfoMessage",data:{severity:"info",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}}];describe("Test MessagesManager component",()=>{it("child renderer",async function(){const n=t.render(e.jsx(s.MessagesManager,Object.assign({data:p},{children:({index:t,item:i})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":i.key},{children:[e.jsxs("div",{children:["index: ",t]}),e.jsxs("div",{children:["key: ",i.key]}),e.jsxs("div",{children:["severity: ",i.data.severity]}),e.jsxs("div",{children:["summary: ",i.data.summary]}),e.jsxs("div",{children:["detail: ",i.data.detail]}),e.jsxs("div",{children:["timestamp: ",i.data.timestamp]})]}))})));await Promise.all(p.map(async e=>{const t=await n.findByTestId(e.key);i.expect(t).not.null,i.expect(t.style.backgroundColor).to.equal("orange");const s=await n.findByText(`severity: ${e.data.severity}`);i.expect(s).not.null}))})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessagesManager-fabd2ebf","preact","preact/hooks","../../PRIVATE_TransitionGroup","../../tslib.es6-f169f6f6","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useMessagesContext"],function(e,t,i,s,n,a,r,d,m,o,y){"use strict";const p=[{key:"ErrorMessage",data:{severity:"error",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"WarningMessage",data:{severity:"warning",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"ConfirmationMessage",data:{severity:"confirmation",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"InfoMessage",data:{severity:"info",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}}];describe("Test MessagesManager component",()=>{it("child renderer",async function(){const n=t.render(e.jsx(s.MessagesManager,Object.assign({data:p},{children:({index:t,item:i})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":i.key},{children:[e.jsxs("div",{children:["index: ",t]}),e.jsxs("div",{children:["key: ",i.key]}),e.jsxs("div",{children:["severity: ",i.data.severity]}),e.jsxs("div",{children:["summary: ",i.data.summary]}),e.jsxs("div",{children:["detail: ",i.data.detail]}),e.jsxs("div",{children:["timestamp: ",i.data.timestamp]})]}))})));await Promise.all(p.map(async e=>{const t=await n.findByTestId(e.key);i.expect(t).not.null,i.expect(t.style.backgroundColor).to.equal("orange");const s=await n.findByText(`severity: ${e.data.severity}`);i.expect(s).not.null}))})})});
 //# sourceMappingURL=MessagesManager.spec.js.map

package/amd/PRIVATE_Message.css

@@ -1,34 +1,34 @@
-._1s63bd8{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);}._1s63bd8:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._1st7837{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;}._1st7837:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._121d8mo{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);}
-._10mpl5n{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);}
-._17chhsp{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));}
-._1df1u3b{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);}
+.ptxdl6{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);}.ptxdl6:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.drsiem{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;}.drsiem:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._1rforn5{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);}
+._1m64iwg{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);}
+._1osrbsi{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));}
+._1xjkl43{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);}
 
-.bg894j{align-self:flex-start;display:flex;}
-._1xbtxjt{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));}
-._1c43iuh{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);}
+.zkqciu{align-self:flex-start;display:flex;}
+._1av4b2o{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));}
+._75s0cj{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);}
 
-._140qy4i{overflow-wrap:anywhere;}
-.srfqqn{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);}
-._4f55qt{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);}
+._1i6khss{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
+._1szfskf{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);}
+._6maunt{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+.t3cdoy{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);}
+.s1vj0j{height:100%;}
 
-.pucbe{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
-._15njxlu{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);}
-._1h49bz2{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-._19uxs4j{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);}
-._4joqqy{height:100%;}
+.qmnqu6{overflow-wrap:anywhere;}
+._1yh8qw3{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);}
+._1r1a261{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);}
 
-._1ff9cpy{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);}
+._1y9i61k{flex:1;overflow-wrap:anywhere;}
+._1wbb8c8{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);}
+.mpm1e7{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;}
+.so8bxv{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);}
 
-.rvxskd{flex:1;overflow-wrap:anywhere;}
-._1f2q572{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);}
-._1n92ga4{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;}
-.ewt885{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);}
+._1q05hyn{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);}
 
-._16bx23o{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
-.zgsjxf{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);}
+._1vhjlmy{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
+._1k3p5pa{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);}
 
-._15tuuh7{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){._15tuuh7{flex-direction:column;}}
-._10tphfp{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-.w1x93v{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.ernujg{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.ernujg{flex-direction:column;}}
+._1f8x19s{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._1fmha3e{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}

package/amd/PRIVATE_Message.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-2fee9efb","./classNames-b7cf3c05","./MessageDetail-a6955705","./MessageFormattingUtils-9c94aad3","./MessageStartIcon-843ab57e","./MessageSummary-29641f35","./MessageTimestamp-59128dbb","./MessageUtils-ba76366b","./Flex-b68a7b84","./MessagesManager-762835da","./Message.types-fe0cd4a5","./tslib.es6-d8595453","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-67906f4c","./utils/UNSAFE_mergeInterpolations","./_curry3-9a7f6d78","./_curry2-fc31d1f8","./_has-83207242","./utils/UNSAFE_interpolations/boxalignment","./keys-f8c00540","./utils/UNSAFE_interpolations/flexbox","./flexbox-5d0f6a63","./utils/UNSAFE_interpolations/flexitem","./flexitem-c53d7893","./UNSAFE_Button","./Button-47193722","./UNSAFE_BaseButton","./BaseButton-1b45961f","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-0d38de57","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-922123b9","./index-bd5b8cf5","./UNSAFE_Icon","./Icon-497347c9","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-2dad3061","./index-8215ac99","./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-72dcd02d","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-9fd51f79","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,i,r,l,u,c,d,g,m,b,_,S,f,p,E,F,A,U,N,x,v,h,M,y,j,k,T,I,B,C,R,V,O,P,D,w,H,z,L,W,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ue,ce,de,ge,me,be,_e,Se,fe,pe,Ee){"use strict";const Fe="_16bx23o",Ae="zgsjxf";function Ue({item:e,renderer:t}){const a=l.classNames([Fe,Ae]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"_15tuuh7",banner:"_10tphfp",inline:void 0,toast:"w1x93v"};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 c.isValidValueForProp(e,"severity")&&"none"!==e}const he={base:{banner:"_1s63bd8",toast:"_1st7837"},section:"_121d8mo",content:{base:"_10mpl5n",banner:"_17chhsp",toast:"_1df1u3b"}};e.MessageCloseButton=r.MessageCloseButton,e.MessageDetail=u.MessageDetail,e.formatTimestamp=c.formatTimestamp,e.isValidValueForProp=c.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=S.MessagesManager,e.severities=f.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:S,onClose:f,messageRef:p=(()=>{}),variant:E="pageBanner",translations:F}){const{closeAffordance:A="on",severity:U="error",sound:N,summary:x,timestamp:v}=S.data,{autoTimeout:h="off"}=S.data,M=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(E),y=a.useCallback(()=>{null==f||f(S)},[S,f]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===A&&(null==f||f(S))},[A,S,f]),k="toast"===M&&"off"!==h,T=a.useRef(),I="on"===h?5e3:"number"==typeof h?h:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(y,I))},[y,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(()=>(c.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()}),[]);const O=l.classNames([he.base[M],"toast"!==E&&b.severityBasedStyleClass(U,M),"sectionBanner"===E&&he.section]),P=l.classNames([he.content.base,he.content[M]]);return s.jsx("div",Object.assign({ref:p,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(Ue,{item:Object.assign(Object.assign({},S),{index:i}),renderer:n}):ve(U)?s.jsx(d.MessageStartIcon,{severity:U,variant:M,translations:F}):null,s.jsxs(_.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:M},{children:[s.jsx(g.MessageSummary,{variant:M,text:x}),c.isValidValueForProp(v,"timestamp")&&"toast"!==E&&s.jsx(m.MessageTimestamp,{variant:M,value:v})]})),s.jsx(u.MessageDetail,{variant:M,item:Object.assign(Object.assign({},S),{index:i}),renderer:t})]})),"on"===A&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==F?void 0:F.close,variant:M,onAction:y})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-6fd750b0","./classNames-77e465af","./MessageDetail-49daadc3","./MessageFormattingUtils-eb594b6a","./MessageStartIcon-36c31428","./MessageSummary-31da06a2","./MessageTimestamp-a8b2f726","./MessageUtils-7a134473","./Flex-6a69bc2a","./MessagesManager-fabd2ebf","./Message.types-ba802f0d","./tslib.es6-f169f6f6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4048f3ff","./utils/UNSAFE_mergeInterpolations","./_curry3-1f16eff2","./_curry2-386569fb","./_has-4e29ea27","./utils/UNSAFE_interpolations/boxalignment","./keys-dde22c13","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./UNSAFE_Button","./Button-95c272b3","./UNSAFE_BaseButton","./BaseButton-cc1e314c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-6cd92723","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-f095628b","./index-c2b403d2","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./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-5d52bb49","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e17f4469","./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,f,_,S,E,F,p,A,U,N,x,v,M,h,y,j,k,T,I,B,C,R,V,O,P,D,w,H,L,W,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ce,ue,de,ge,me,be,fe,_e,Se,Ee,Fe){"use strict";const pe="_1vhjlmy",Ae="_1k3p5pa";function Ue({item:e,renderer:t}){const a=l.classNames([pe,Ae]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"ernujg",banner:"_1f8x19s",inline:void 0,toast:"_1fmha3e"};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:"ptxdl6",toast:"drsiem"},section:"_1rforn5",content:{base:"_1m64iwg",banner:"_1osrbsi",toast:"_1xjkl43"}};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=S.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:_,onClose:S,messageRef:E=(()=>{}),variant:F="pageBanner",translations:p}){const{closeAffordance:A="on",severity:U="error",sound:N,summary:x,timestamp:v}=_.data,{autoTimeout:M="off"}=_.data,h=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(F),y=a.useCallback(()=>{null==S||S(_)},[_,S]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===A&&(null==S||S(_))},[A,_,S]),k="toast"===h&&"off"!==M,T=a.useRef(),I="on"===M?5e3:"number"==typeof M?M:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(y,I))},[y,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[h],"toast"!==F&&b.severityBasedStyleClass(U,h),"sectionBanner"===F&&Me.section]),P=l.classNames([Me.content.base,Me.content[h]]);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(Ue,{item:Object.assign(Object.assign({},_),{index:i}),renderer:n}):ve(U)?s.jsx(d.MessageStartIcon,{severity:U,variant:h,translations:p}):null,s.jsxs(f.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:h},{children:[s.jsx(g.MessageSummary,{variant:h,text:x}),u.isValidValueForProp(v,"timestamp")&&"toast"!==F&&s.jsx(m.MessageTimestamp,{variant:h,value:v})]})),s.jsx(c.MessageDetail,{variant:h,item:Object.assign(Object.assign({},_),{index:i}),renderer:t})]})),"on"===A&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==p?void 0:p.close,variant:h,onAction:y})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Message.js.map