@oracle/oraclejet-preact 15.0.10 → 15.0.11

package/amd/NumberInputText-2790d4bc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputText-2790d4bc.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 { IconButton } from '../UNSAFE_IconButton';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IncrementIcon } from '../PRIVATE_ThemedIcons/IncrementIcon';\nimport { DecrementIcon } from '../PRIVATE_ThemedIcons/DecrementIcon';\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' ? <IncrementIcon /> : <DecrementIcon />;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <IconButton\n        isDisabled={isDisabled}\n        tooltip={label}\n        onAction={handleClick}\n        variant=\"borderless\">\n        {icon}\n      </IconButton>\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } 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 {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} 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  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * The maximum allowed value. Used for the aria-valuemax attribute.\n   */\n  'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n  /**\n   * The minimum allowed value. Used for the aria-valuemin attribute.\n   */\n  'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n  /**\n   * The number value of the component. Used for the aria-valuenow attribute.\n   */\n  'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\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   * aria-valuenow.\n   */\n  'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\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      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': 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      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\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      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={ariaValueMax}\n          aria-valuemin={ariaValueMin}\n          aria-valuenow={ariaValueNow}\n          aria-valuetext={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\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      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={steppers}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          mainFieldRef={anchorRef}\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","IncrementIcon","jsx","DecrementIcon","TabbableModeContext","Provider","value","isTabbable","children","IconButton","tooltip","onAction","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","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","anchorRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","valueText","toString","mainContent","jsxs","_Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","mainFieldRef","deviceType","getClientHints"],"mappings":"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"}

package/amd/PRIVATE_CheckboxRadioField.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './UNSAFE_Label', './UNSAFE_UserAssistance', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './stringUtils-feb0e6f8', './UNSAFE_Theme', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', './CheckboxRadioContext-26d78aff', './Flex-1e505fd5', './utils-82d01f25', './Label-237a9b86', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-b7492258', './_curry2-4b97859e', './InlineHelpSource-ab2a07b8', './utils/UNSAFE_classNames', './classNames-c421c987', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useTranslationBundle', './index-5b38f04e', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './UNSAFE_ComponentMessage', './ComponentMessage-2f64e268', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-ca24dc7a', './UNSAFE_IconButton', './IconButton-4fc7e3de', './UNSAFE_BaseButton', './BaseButton-5ccd04af', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_curry3-12b66b7b', './_has-458ae1b1', './utils/PRIVATE_clientHints', './clientHints-8ed29d53', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-08c6f70d', './UNSAFE_Text', './Text-1472aa73', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-0c7e3b2c', './index-f914a02b', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-d6c4e2ff', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-2d43fda9', './MessageFormattingUtils-117b7afa', './utils/UNSAFE_getLocale', './Message.types-0bb08f93', './MessageStartIcon-2e661526', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-9105d224', './MessageTimestamp-efae6020', './MessageUtils-4196a34a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-6616c734', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-4248baae', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-7e8d96cf', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-dab4c782', './UNSAFE_FocusTrap', './FocusTrap-1a25e324', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-07626a4e', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-d6fa9a5e', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-c0911e69', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-c646450e', './utils/UNSAFE_interpolations/flexbox', './flexbox-33130b12', './utils/UNSAFE_interpolations/flexitem', './flexitem-58e7edd6'], (function(e,s,o,t,a,n,i,l,r,c,d,m,h,A,F,u,S,U,_,E,p,N,T,y,g,b,x,C,f,I,w,M,R,B,k,P,V,L,v,j,D,H,q,$,W,G,O,z,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,re,ce,de,me,he,Ae,Fe,ue,Se,Ue,_e,Ee,pe,Ne,Te,ye,ge,be,xe,Ce,fe,Ie,we,Me,Re,Be,ke,Pe,Ve,Le,ve,je,De,He,qe,$e,We,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,rs,cs,ds,ms,hs,As,Fs,us,Ss,Us,_s,Es,ps,Ns,Ts,ys,gs,bs,xs,Cs,fs,Is,ws,Ms,Rs,Bs,ks,Ps,Vs,Ls,vs,js,Ds,Hs,qs,$s,Ws,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,ro,co,mo,ho,Ao,Fo,uo,So,Uo,_o,Eo,po,No,To,yo,go,bo,xo,Co,fo,Io,wo,Mo,Ro,Bo,ko,Po,Vo){"use strict";var Lo="CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60",vo="CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61";const jo=o.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:n,direction:c="column",hasValue:m,helpSourceLink:h,helpSourceText:_,isDisabled:E,isReadonly:p,isRequired:N,label:T,labelEdge:y,labelStartWidth:g="33%",parentComponentVariant:b,messages:x,userAssistanceDensity:C,role:f,children:I},w=null)=>{const M=!!a||!!h&&!!_,R=!E&&!p,B=o.useRef(null),{groupProps:k,labelProps:P,topUserAssistanceProps:V,bottomUserAssistanceProps:L}=function({ariaDescribedBy:e,baseId:s,hasValue:o,hasTopUserAssistance:t,hasBottomUserAssistance:a,isReadonly:n,isRequired:i=!1,label:c,labelEdge:m,messages:h}){const A=`${s}-group`,F=`${s}-label`,u=t?`${s}-top-ua`:void 0,S=a?`${s}-bottom-ua`:void 0,{UNSAFE_ariaLabelledBy:U}=r.useAccessibleContext(),_=""===c&&"none"===m?U:F,E="error"===l.useMessageSeverity(h);return{groupProps:{"aria-describedby":d.merge([u,S,e]),"aria-labelledby":_,"aria-required":i,...n&&{readonly:!0},...E&&{"aria-invalid":!0},id:A},labelProps:{forId:A,id:F},...t&&{topUserAssistanceProps:{id:u,variant:"reflow"}},...a&&{bottomUserAssistanceProps:{id:S,isRequiredShown:!!i&&!o}}}}({ariaDescribedBy:e,baseId:n,isRequired:N,isReadonly:p,label:T,labelEdge:y,messages:x,hasValue:m,hasTopUserAssistance:M,hasBottomUserAssistance:R});o.useImperativeHandle(w,(()=>({focus:()=>{if(!E){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[v,j]=t.useCollectionFocusRing((e=>!!B.current?.contains(e)),["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]),D=s.jsxs(s.Fragment,{children:[M&&s.jsx("div",{id:`${n}-top-ua-container`,class:"start"===y?vo:Lo,children:s.jsx(i.InlineUserAssistanceContainer,{...V,children:s.jsx(i.InlineHelp,{assistiveText:a,sourceLink:h,sourceText:_})})}),s.jsx(u.Flex,{direction:c,..."row"===c&&{gap:S.xUnits(8)},children:I}),R&&!p&&s.jsx(i.InlineUserAssistance,{...L,requiredAlignment:"start",messages:x,userAssistanceDensity:"reflow"===C?C:"efficient",id:`${n}-bottom-ua-container`})]});return s.jsxs("div",{role:f,ref:B,...k,...j,children:["none"===y&&D,"none"!==y&&s.jsx(A.LabelValueLayout,{parentComponentVariant:b,hasTopUserAssistance:M,label:s.jsx(U.Label,{...P,variant:y,userAssistanceDensity:"efficient",parentComponentVariant:b,children:T}),labelEdge:"inside"===y?"top":y,labelStartWidth:g,children:s.jsx(F.CheckboxRadioContext.Provider,{value:{isFocusRingShown:v},children:D})})]})}));e.CheckboxRadioField=jo,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './UNSAFE_Label', './UNSAFE_UserAssistance', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './stringUtils-d04d67ff', './UNSAFE_Theme', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', './CheckboxRadioContext-1b4d1ccb', './Flex-609fb34f', './utils-f2f2e07a', './Label-addf011a', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-ca693728', './_curry2-b575a156', './InlineHelpSource-a97b553a', './utils/UNSAFE_classNames', './classNames-f315301d', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useTranslationBundle', './index-089efc48', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', './UNSAFE_ComponentMessage', './ComponentMessage-27c6d6ad', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-834f78d4', './UNSAFE_IconButton', './IconButton-99256c65', './UNSAFE_BaseButton', './BaseButton-1ea6430b', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_curry3-d728bf0f', './_has-b1157113', './utils/PRIVATE_clientHints', './clientHints-ed94a92a', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-5bb424f5', './UNSAFE_Text', './Text-58f94198', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-7abea1ad', './index-4217a191', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-7fb36e7d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-9bf67ea6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-b78f70b5', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-da98c515', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-41ba52f4', './MessageFormattingUtils-69f947b2', './utils/UNSAFE_getLocale', './Message.types-4a11cbee', './MessageStartIcon-40083c47', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-c3a5f377', './MessageTimestamp-9a90d11a', './MessageUtils-faf91c85', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-b092a770', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-d78fc4d2', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-64505aed', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-af50714a', './UNSAFE_FocusTrap', './FocusTrap-bf94ee9f', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-7bd86b08', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-a38e37d1', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-c490be8c', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-76d05f02', './utils/UNSAFE_interpolations/flexbox', './flexbox-524f1fc7', './utils/UNSAFE_interpolations/flexitem', './flexitem-e8ac1f51'], (function(e,s,o,t,a,n,i,l,r,c,d,m,h,A,F,u,S,U,_,E,p,N,T,y,g,b,x,f,C,I,w,M,R,B,k,P,V,L,v,j,D,H,q,$,W,G,O,z,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,re,ce,de,me,he,Ae,Fe,ue,Se,Ue,_e,Ee,pe,Ne,Te,ye,ge,be,xe,fe,Ce,Ie,we,Me,Re,Be,ke,Pe,Ve,Le,ve,je,De,He,qe,$e,We,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,rs,cs,ds,ms,hs,As,Fs,us,Ss,Us,_s,Es,ps,Ns,Ts,ys,gs,bs,xs,fs,Cs,Is,ws,Ms,Rs,Bs,ks,Ps,Vs,Ls,vs,js,Ds,Hs,qs,$s,Ws,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,ro,co,mo,ho,Ao,Fo,uo,So,Uo,_o,Eo,po,No,To,yo,go,bo,xo,fo,Co,Io,wo,Mo,Ro,Bo,ko,Po,Vo){"use strict";var Lo="CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60",vo="CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61";const jo=o.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:n,direction:c="column",hasValue:m,helpSourceLink:h,helpSourceText:_,isDisabled:E,isReadonly:p,isRequired:N,label:T,labelEdge:y,labelStartWidth:g="33%",parentComponentVariant:b,messages:x,userAssistanceDensity:f,role:C,children:I},w=null)=>{const M=!!a||!!h&&!!_,R=!E&&!p,B=o.useRef(null),{groupProps:k,labelProps:P,topUserAssistanceProps:V,bottomUserAssistanceProps:L}=function({ariaDescribedBy:e,baseId:s,hasValue:o,hasTopUserAssistance:t,hasBottomUserAssistance:a,isReadonly:n,isRequired:i=!1,label:c,labelEdge:m,messages:h}){const A=`${s}-group`,F=`${s}-label`,u=t?`${s}-top-ua`:void 0,S=a?`${s}-bottom-ua`:void 0,{UNSAFE_ariaLabelledBy:U}=r.useAccessibleContext(),_=""===c&&"none"===m?U:F,E="error"===l.useMessageSeverity(h);return{groupProps:{"aria-describedby":d.merge([u,S,e]),"aria-labelledby":_,"aria-required":i,...n&&{readonly:!0},...E&&{"aria-invalid":!0},id:A},labelProps:{forId:A,id:F},...t&&{topUserAssistanceProps:{id:u,variant:"reflow"}},...a&&{bottomUserAssistanceProps:{id:S,isRequiredShown:!!i&&!o}}}}({ariaDescribedBy:e,baseId:n,isRequired:N,isReadonly:p,label:T,labelEdge:y,messages:x,hasValue:m,hasTopUserAssistance:M,hasBottomUserAssistance:R});o.useImperativeHandle(w,(()=>({focus:()=>{if(!E){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[v,j]=t.useCollectionFocusRing((e=>!!B.current?.contains(e)),["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]),D=s.jsxs(s.Fragment,{children:[M&&s.jsx("div",{id:`${n}-top-ua-container`,class:"start"===y?vo:Lo,children:s.jsx(i.InlineUserAssistanceContainer,{...V,children:s.jsx(i.InlineHelp,{assistiveText:a,sourceLink:h,sourceText:_})})}),s.jsx(u.Flex,{direction:c,..."row"===c&&{gap:S.xUnits(8)},children:I}),R&&!p&&s.jsx(i.InlineUserAssistance,{...L,requiredAlignment:"start",messages:x,userAssistanceDensity:"reflow"===f?f:"efficient",id:`${n}-bottom-ua-container`})]});return s.jsxs("div",{role:C,ref:B,...k,...j,children:["none"===y&&D,"none"!==y&&s.jsx(A.LabelValueLayout,{parentComponentVariant:b,hasTopUserAssistance:M,label:s.jsx(U.Label,{...P,variant:y,userAssistanceDensity:"efficient",parentComponentVariant:b,children:T}),labelEdge:"inside"===y?"top":y,labelStartWidth:g,children:s.jsx(F.CheckboxRadioContext.Provider,{value:{isFocusRingShown:v},children:D})})]})}));e.CheckboxRadioField=jo,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_CheckboxRadioField.js.map

package/amd/PRIVATE_CheckboxRadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx","../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: https://jira.oraclecorp.com/jira/browse/JET-57861\ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\n  };\n}\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","ref","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","optionsGroupId","labelId","topUaId","undefined","bottomUaId","UNSAFE_ariaLabelledBy","useAccessibleContext","ariaLabelledBy","hasErrorMessage","useMessageSeverity","merge","readonly","id","forId","variant","isRequiredShown","useCheckboxRadioField","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","elem","content","_jsxs","_Fragment","Fragment","_jsx","class","topUAContainerStyles","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","InlineUserAssistance","requiredAlignment","LabelValueLayout","Label","CheckboxRadioContext","Provider","value"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx","../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: https://jira.oraclecorp.com/jira/browse/JET-57861\ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\n  };\n}\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","ref","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","optionsGroupId","labelId","topUaId","undefined","bottomUaId","UNSAFE_ariaLabelledBy","useAccessibleContext","ariaLabelledBy","hasErrorMessage","useMessageSeverity","merge","readonly","id","forId","variant","isRequiredShown","useCheckboxRadioField","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","elem","content","_jsxs","_Fragment","Fragment","_jsx","class","topUAContainerStyles","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","InlineUserAssistance","requiredAlignment","LabelValueLayout","Label","CheckboxRadioContext","Provider","value"],"mappings":"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"}

package/amd/PRIVATE_Collection.js

@@ -1,2 +1,2 @@
-define(['exports', './Collection-da647719', 'preact/jsx-runtime', 'preact'], (function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Collection-3a88ec2a', '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_Icons/CheckboxMixed.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-d6c4e2ff', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-82d01f25', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-0c7e3b2c', 'preact/compat', '../index-f914a02b', '../hooks/UNSAFE_useUser', '../index-5b38f04e', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-b7492258', '../_curry2-4b97859e', '../utils/UNSAFE_classNames', '../classNames-c421c987', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', '../vanilla-extract-dynamic.esm-124113f8', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-18f4f64c', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-12b66b7b', '../_has-458ae1b1', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-5652fa9d', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,i,n,a,c,h,F,r,m,u,S,_,A,U,E,N,d,p,T,g,k,y,f,C,b,I,x,w,v,V,B,j,z,H,M,P,R,O,L,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ie,ne,ae,ce,he,Fe){"use strict";e.CheckboxMixed=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67zM12 7v2H4V7z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-da98c515', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-f2f2e07a', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-7abea1ad', 'preact/compat', '../index-4217a191', '../hooks/UNSAFE_useUser', '../index-089efc48', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-ca693728', '../_curry2-b575a156', '../utils/UNSAFE_classNames', '../classNames-f315301d', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', '../vanilla-extract-dynamic.esm-7fb36e7d', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-9bf67ea6', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-d728bf0f', '../_has-b1157113', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-b78f70b5', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,i,n,a,c,h,F,r,m,u,S,_,A,U,E,N,d,p,T,g,k,y,f,C,I,x,b,w,v,V,B,j,z,H,M,P,R,O,L,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ie,ne,ae,ce,he,Fe){"use strict";e.CheckboxMixed=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67zM12 7v2H4V7z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckboxMixed.js.map

package/amd/PRIVATE_Icons/CheckboxOff.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-d6c4e2ff', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-82d01f25', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-0c7e3b2c', 'preact/compat', '../index-f914a02b', '../hooks/UNSAFE_useUser', '../index-5b38f04e', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-b7492258', '../_curry2-4b97859e', '../utils/UNSAFE_classNames', '../classNames-c421c987', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', '../vanilla-extract-dynamic.esm-124113f8', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-18f4f64c', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-12b66b7b', '../_has-458ae1b1', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-5652fa9d', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,A,U,E,N,d,p,T,g,k,f,y,C,b,I,w,x,v,V,B,j,P,R,H,O,M,Z,z,L,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOff=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-da98c515', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-f2f2e07a', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-7abea1ad', 'preact/compat', '../index-4217a191', '../hooks/UNSAFE_useUser', '../index-089efc48', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-ca693728', '../_curry2-b575a156', '../utils/UNSAFE_classNames', '../classNames-f315301d', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', '../vanilla-extract-dynamic.esm-7fb36e7d', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-9bf67ea6', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-d728bf0f', '../_has-b1157113', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-b78f70b5', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,A,U,E,N,d,p,T,g,k,f,y,C,I,b,w,x,v,V,B,j,P,R,H,O,M,Z,z,L,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOff=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm0 1.33H2c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h12c.37 0 .67-.3.67-.67V2c0-.37-.3-.67-.67-.67Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckboxOff.js.map

package/amd/PRIVATE_Icons/CheckboxOn.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-d6c4e2ff', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-82d01f25', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-0c7e3b2c', 'preact/compat', '../index-f914a02b', '../hooks/UNSAFE_useUser', '../index-5b38f04e', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-b7492258', '../_curry2-4b97859e', '../utils/UNSAFE_classNames', '../classNames-c421c987', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', '../vanilla-extract-dynamic.esm-124113f8', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-18f4f64c', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-12b66b7b', '../_has-458ae1b1', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-5652fa9d', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,A,U,E,N,d,p,T,g,k,y,f,C,b,I,w,x,v,V,B,j,P,R,L,O,H,M,Z,z,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOn=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_Icon', '../Icon-da98c515', 'preact', '../utils/UNSAFE_size', '../UNSAFE_Theme', '../utils-f2f2e07a', '../Common/themes/themeContract.css', '../hooks/UNSAFE_useTooltip', 'preact/hooks', '../hooks/UNSAFE_useId', '../UNSAFE_Floating', '../Floating-7abea1ad', 'preact/compat', '../index-4217a191', '../hooks/UNSAFE_useUser', '../index-089efc48', '../Common', '../Common/themes', '../Common/themes/redwood/theme', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', '../hooks/UNSAFE_useOutsideClick', '../utils/UNSAFE_arrayUtils', '../hooks/UNSAFE_useComponentTheme', '../utils/UNSAFE_logger', '../_curry1-ca693728', '../_curry2-b575a156', '../utils/UNSAFE_classNames', '../classNames-f315301d', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', '../vanilla-extract-dynamic.esm-7fb36e7d', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Layer', '../useThemeInterpolations-9bf67ea6', '../hooks/UNSAFE_useColorScheme', '../hooks/UNSAFE_useScale', '../utils/UNSAFE_interpolations/theme', '../utils/UNSAFE_mergeInterpolations', '../_curry3-d728bf0f', '../_has-b1157113', '../hooks/UNSAFE_useHover', '../hooks/UNSAFE_useToggle', '../hooks/UNSAFE_useFocus', '../hooks/UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../hooks/UNSAFE_useAnimation', '../useAnimation-b78f70b5', '../hooks/UNSAFE_useThemeInterpolations', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,h,F,r,m,u,S,_,A,U,E,N,d,p,T,g,k,y,f,C,I,b,w,x,v,V,B,j,P,R,L,O,H,M,Z,z,q,D,G,J,K,Q,W,X,Y,$,ee,oe,se,te,le,ne,ie,ae,ce,he,Fe){"use strict";e.CheckboxOn=e=>o.jsx(t.Icon,{viewBox:"0 0 16 16",...e,children:o.jsx("path",{d:"M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Zm-2.239 3.894-5.513 5.52-2.01-2.012L3 8.642l3.248 3.252L13 5.134l-1.239-1.24Z",fill:"currentcolor",fillRule:"evenodd"})}),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=CheckboxOn.js.map

package/amd/PRIVATE_List/themes/ListStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../ListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,t,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xfv",hidden:""},gridlineBottom:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xfx",hidden:""},expandable:{isExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xfz",notExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf10"},active:{isActive:"",notActive:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf13",notFocusRingVisible:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{expandable:"isExpandable",pseudoHover:"isPseudoHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf19"],[{expandable:"isExpandable",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1a"],[{expandable:"isExpandable",active:"isActive"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1b"]]}),l=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xf6",hidden:""},gridlineBottom:{visible:"ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xf8",hidden:""},selectable:{isSelectable:"",notSelectable:""},selected:{isSelected:"ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfc",notSelected:""},selectedSingle:{isSelectedSingle:"",notSelectedSingle:""},focusHighlight:{isFocusHighlight:"",notFocusHighlight:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfi",notFocusRingVisible:""},active:{isActive:"",notActive:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{selected:"isSelected",selectedSingle:"isSelectedSingle"},"ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfq"],[{selectable:"isSelectable",selected:"notSelected",pseudoHover:"isPseudoHover"},"ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfr"],[{selectable:"isSelectable",selected:"notSelected",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfs"],[{selected:"notSelected",focusHighlight:"isFocusHighlight"},"ListStyles_listItemMultiVariantStyles_compound_3__1wld4xft"],[{selectable:"isSelectable",selected:"notSelected",active:"isActive"},"ListStyles_listItemMultiVariantStyles_compound_4__1wld4xfu"]]});e.listGroupHeaderMultiVariantStyles=i,e.listItemMultiVariantStyles=l,e.listItemStyles={base:"ListStyles_listItemStyles_base__1wld4xf1",checkboxContainer:"ListStyles_listItemStyles_checkboxContainer__1wld4xf2"},e.listStyles={base:"ListStyles_listStyles_base__1wld4xf0"},e.skeletonStyles={container:"ListStyles_skeletonStyles_container__1wld4xf5"},e.sparkleStyles={base:"ListStyles_sparkleStyles_base__1wld4xf3",container:"ListStyles_sparkleStyles_container__1wld4xf4"},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../ListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e'], (function(e,t,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xfv",hidden:""},gridlineBottom:{visible:"ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xfx",hidden:""},expandable:{isExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xfz",notExpandable:"ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf10"},active:{isActive:"",notActive:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf13",notFocusRingVisible:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{expandable:"isExpandable",pseudoHover:"isPseudoHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf19"],[{expandable:"isExpandable",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1a"],[{expandable:"isExpandable",active:"isActive"},"ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1b"]]}),l=s.createRuntimeFn({defaultClassName:"ListStyles_listItemStyles_base__1wld4xf1",variantClassNames:{gridlineTop:{visible:"ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xf6",hidden:""},gridlineBottom:{visible:"ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xf8",hidden:""},selectable:{isSelectable:"",notSelectable:""},selected:{isSelected:"ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfc",notSelected:""},selectedSingle:{isSelectedSingle:"",notSelectedSingle:""},focusHighlight:{isFocusHighlight:"",notFocusHighlight:""},focusRingVisible:{isFocusRingVisible:"ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfi",notFocusRingVisible:""},active:{isActive:"",notActive:""},needsEventsHover:{isNeedsEventsHover:"",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{selected:"isSelected",selectedSingle:"isSelectedSingle"},"ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfq"],[{selectable:"isSelectable",selected:"notSelected",pseudoHover:"isPseudoHover"},"ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfr"],[{selectable:"isSelectable",selected:"notSelected",needsEventsHover:"isNeedsEventsHover"},"ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfs"],[{selected:"notSelected",focusHighlight:"isFocusHighlight"},"ListStyles_listItemMultiVariantStyles_compound_3__1wld4xft"],[{selectable:"isSelectable",selected:"notSelected",active:"isActive"},"ListStyles_listItemMultiVariantStyles_compound_4__1wld4xfu"]]});e.listGroupHeaderMultiVariantStyles=i,e.listItemMultiVariantStyles=l,e.listItemStyles={base:"ListStyles_listItemStyles_base__1wld4xf1",checkboxContainer:"ListStyles_listItemStyles_checkboxContainer__1wld4xf2"},e.listStyles={base:"ListStyles_listStyles_base__1wld4xf0"},e.skeletonStyles={container:"ListStyles_skeletonStyles_container__1wld4xf5"},e.sparkleStyles={base:"ListStyles_sparkleStyles_base__1wld4xf3",container:"ListStyles_sparkleStyles_container__1wld4xf4"},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ListStyles.css.js.map

package/amd/PRIVATE_List.js

@@ -1,2 +1,2 @@
-define(['exports', './List-dab0f337', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_classNames', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './classNames-c421c987', './flexitem-58e7edd6', './SkeletonContainer-0e3bb9ec', './UNSAFE_Flex', './UNSAFE_Skeleton', './Flex-1e505fd5', './Skeleton-1ab634e9', './utils/UNSAFE_mergeProps', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-eb1e6983', 'preact', './PRIVATE_Collection', './Collection-da647719', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-1306f7c5', './utils/UNSAFE_arrayUtils', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-1a25e324', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-b7492258', './_curry2-4b97859e', './_arity-dab4c782', './_curry3-12b66b7b', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-5b38f04e', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './utils/PRIVATE_clientHints', './clientHints-8ed29d53', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-d6c4e2ff', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-82d01f25', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-0c7e3b2c', './index-f914a02b', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './vanilla-extract-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './_has-458ae1b1', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useActive', './keys-c646450e', 'css!./ListStyles.styles.css', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-33130b12', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css'], (function(e,s,o,t,i,l,n,a,r,c,d,S,u,h,m,_,A,E,F,p,y,N,T,U,k,b,I,x,C,R,g,f,V,v,w,P,L,G,j,H,B,M,O,K,z,Y,D,q,J,Q,W,X,Z,$,ee,se,oe,te,ie,le,ne,ae,re,ce,de,Se,ue,he,me,_e,Ae,Ee,Fe,pe,ye,Ne,Te,Ue,ke,be,Ie,xe,Ce,Re,ge,fe,Ve,ve,we,Pe,Le,Ge,je,He,Be,Me,Oe,Ke,ze,Ye,De,qe,Je,Qe,We,Xe,Ze,$e,es,ss,os,ts,is,ls,ns,as,rs,cs,ds,Ss,us,hs,ms,_s,As,Es,Fs,ps,ys,Ns,Ts,Us,ks){"use strict";const bs="oj-c-listview-group",Is="."+bs,xs="oj-c-listview-sticky";e.List=s.List,e.SkeletonContainer=E.SkeletonContainer,e.GROUP_SELECTOR=Is,e.GroupLoadingIndicator=()=>o.jsx(E.SkeletonContainer,{minimumCount:3,children:e=>{const s={paddingLeft:10*e+"px"};return o.jsxs(y.Flex,{height:"12x",align:"center",children:[o.jsx("span",{style:s}),o.jsx(N.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:i,itemKey:u,itemIndex:E,itemDepth:F,isFocused:p,isFocusRingVisible:y,isActive:N,isGridlineVisible:T,isExpandable:U,expandedKeys:k,viewportConfig:b}){const[I,x]=t.useState(!1),{classes:C,styles:R}=c.useComponentTheme(m.GroupedListRedwoodTheme),{interactionProps:g,applyHoverStyle:f,applyPseudoHoverStyle:V,applyActiveStyle:v}=d.useInteractionStyle(),w=h.listGroupHeaderMultiVariantStyles({expandable:U?"isExpandable":"notExpandable",needsEventsHover:f?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:V?"isPseudoHover":"notPseudoHover",active:v||N?"isActive":"notActive",focusRingVisible:y&&p?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:E>0?"visible":"hidden",gridlineBottom:T?"visible":"hidden"}),P=[s.ITEM_STYLE_CLASS,bs,w];I&&(P.push(C),P.push(R.stuckHeader),P.push(xs));const L=_.classNames(P),G=S.mergeInterpolations([...Object.values(A.flexitemInterpolations)]),{class:j,...H}=G({alignSelf:"center",flex:"1 0 auto"});return a.useViewportIntersect({scroller:()=>U?null:null==b?document.body:b.scroller()},0,1,"[data-oj-key="+u+"]",(()=>{x(!1)}),(e=>{e.boundingClientRect.y!==e.intersectionRect.y&&x(!0)})),o.jsx("div",{id:n.useId(),role:"row","aria-rowindex":E+1,"aria-level":isNaN(F)?void 0:F+1,"data-oj-key":u,class:L,..."number"==typeof u&&{"data-oj-key-type":"number"},...g,children:o.jsx("div",{id:n.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":l.containsKey(k,u),style:H,children:o.jsx(r.TabbableModeContext.Provider,{value:{isTabbable:!1},children:i})})})},e.STICKY_STYLE_CLASS=xs,e.excludeGroup=(e,s)=>{if(!s.all){const o=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),t=Array.from(s.keys.values()).filter((e=>!o.includes(e)));return{...s,keys:new Set(t)}}return s},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './List-42a03a86', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_classNames', './utils/UNSAFE_keys', './hooks/UNSAFE_useId', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './classNames-f315301d', './flexitem-e8ac1f51', './SkeletonContainer-bbd38cbb', './UNSAFE_Flex', './UNSAFE_Skeleton', './Flex-609fb34f', './Skeleton-0765d636', './utils/UNSAFE_mergeProps', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-5f930ef0', 'preact', './PRIVATE_Collection', './Collection-3a88ec2a', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-42e21ad8', './utils/UNSAFE_arrayUtils', 'preact/compat', './UNSAFE_FocusTrap', './FocusTrap-bf94ee9f', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-ca693728', './_curry2-b575a156', './_arity-af50714a', './_curry3-d728bf0f', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-089efc48', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './utils/PRIVATE_clientHints', './clientHints-ed94a92a', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-da98c515', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-f2f2e07a', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-7abea1ad', './index-4217a191', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', './vanilla-extract-dynamic.esm-7fb36e7d', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-9bf67ea6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './_has-b1157113', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-b78f70b5', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './hooks/UNSAFE_useActive', './keys-76d05f02', 'css!./ListStyles.styles.css', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-524f1fc7', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css'], (function(e,s,o,t,i,l,n,a,r,c,d,S,u,h,m,_,A,E,F,p,y,N,T,U,k,b,I,x,f,C,R,g,V,v,w,P,L,G,j,H,B,M,O,K,z,Y,D,q,J,Q,W,X,Z,$,ee,se,oe,te,ie,le,ne,ae,re,ce,de,Se,ue,he,me,_e,Ae,Ee,Fe,pe,ye,Ne,Te,Ue,ke,be,Ie,xe,fe,Ce,Re,ge,Ve,ve,we,Pe,Le,Ge,je,He,Be,Me,Oe,Ke,ze,Ye,De,qe,Je,Qe,We,Xe,Ze,$e,es,ss,os,ts,is,ls,ns,as,rs,cs,ds,Ss,us,hs,ms,_s,As,Es,Fs,ps,ys,Ns,Ts,Us,ks){"use strict";const bs="oj-c-listview-group",Is="."+bs,xs="oj-c-listview-sticky";e.List=s.List,e.SkeletonContainer=E.SkeletonContainer,e.GROUP_SELECTOR=Is,e.GroupLoadingIndicator=()=>o.jsx(E.SkeletonContainer,{minimumCount:3,children:e=>{const s={paddingLeft:10*e+"px"};return o.jsxs(y.Flex,{height:"12x",align:"center",children:[o.jsx("span",{style:s}),o.jsx(N.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:i,itemKey:u,itemIndex:E,itemDepth:F,isFocused:p,isFocusRingVisible:y,isActive:N,isGridlineVisible:T,isExpandable:U,expandedKeys:k,viewportConfig:b}){const[I,x]=t.useState(!1),{classes:f,styles:C}=c.useComponentTheme(m.GroupedListRedwoodTheme),{interactionProps:R,applyHoverStyle:g,applyPseudoHoverStyle:V,applyActiveStyle:v}=d.useInteractionStyle(),w=h.listGroupHeaderMultiVariantStyles({expandable:U?"isExpandable":"notExpandable",needsEventsHover:g?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:V?"isPseudoHover":"notPseudoHover",active:v||N?"isActive":"notActive",focusRingVisible:y&&p?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:E>0?"visible":"hidden",gridlineBottom:T?"visible":"hidden"}),P=[s.ITEM_STYLE_CLASS,bs,w];I&&(P.push(f),P.push(C.stuckHeader),P.push(xs));const L=_.classNames(P),G=S.mergeInterpolations([...Object.values(A.flexitemInterpolations)]),{class:j,...H}=G({alignSelf:"center",flex:"1 0 auto"});return a.useViewportIntersect({scroller:()=>U?null:null==b?document.body:b.scroller()},0,1,"[data-oj-key="+u+"]",(()=>{x(!1)}),(e=>{e.boundingClientRect.y!==e.intersectionRect.y&&x(!0)})),o.jsx("div",{id:n.useId(),role:"row","aria-rowindex":E+1,"aria-level":isNaN(F)?void 0:F+1,"data-oj-key":u,class:L,..."number"==typeof u&&{"data-oj-key-type":"number"},...R,children:o.jsx("div",{id:n.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":l.containsKey(k,u),style:H,children:o.jsx(r.TabbableModeContext.Provider,{value:{isTabbable:!1},children:i})})})},e.STICKY_STYLE_CLASS=xs,e.excludeGroup=(e,s)=>{if(!s.all){const o=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),t=Array.from(s.keys.values()).filter((e=>!o.includes(e)));return{...s,keys:new Set(t)}}return s},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_List.js.map

package/amd/PRIVATE_LoadMoreCollection.js

@@ -1,2 +1,2 @@
-define(['exports', './LoadMoreCollection-eb1e6983', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './Collection-da647719', './hooks/UNSAFE_useViewportIntersect', 'preact/hooks'], (function(e,o,t,r,c,l,i,n){"use strict";e.LOADMORE_STYLE_CLASS=o.LOADMORE_STYLE_CLASS,e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './LoadMoreCollection-5f930ef0', 'preact/jsx-runtime', 'preact', './PRIVATE_Collection', './Collection-3a88ec2a', './hooks/UNSAFE_useViewportIntersect', 'preact/hooks'], (function(e,o,t,c,r,l,i,n){"use strict";e.LOADMORE_STYLE_CLASS=o.LOADMORE_STYLE_CLASS,e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_LoadMoreCollection.js.map

package/amd/PRIVATE_Message.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-ca24dc7a', './classNames-c421c987', './MessageDetail-2d43fda9', './MessageFormattingUtils-117b7afa', './MessageStartIcon-2e661526', './MessageSummary-9105d224', './MessageTimestamp-efae6020', './MessageUtils-4196a34a', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-1e505fd5', './MessagesManager-6616c734', './Message.types-0bb08f93', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-82d01f25', './Common/themes/themeContract.css', './_curry1-b7492258', './utils/UNSAFE_mergeInterpolations', './_curry3-12b66b7b', './_curry2-4b97859e', './_has-458ae1b1', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-c646450e', './utils/UNSAFE_interpolations/flexbox', './flexbox-33130b12', './utils/UNSAFE_interpolations/flexitem', './flexitem-58e7edd6', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-4fc7e3de', 'preact', './UNSAFE_BaseButton', './BaseButton-5ccd04af', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-8ed29d53', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-08c6f70d', './UNSAFE_Text', './Text-1472aa73', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-0c7e3b2c', './index-f914a02b', './hooks/UNSAFE_useUser', './index-5b38f04e', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-d6c4e2ff', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-feb0e6f8', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,o,a,n,r,i,l,c,m,u,d,S,g,F,h,E,A,_,y,U,N,T,p,f,M,I,x,B,b,k,C,v,V,R,P,j,w,D,H,L,O,W,$,z,G,K,q,J,Q,X,Y,Z,ee,se,te,oe,ae,ne,re,ie,le,ce,me,ue,de,Se,ge,Fe,he,Ee,Ae,_e,ye,Ue,Ne,Te,pe,fe,Me,Ie,xe,Be,be,ke,Ce,ve,Ve,Re,Pe,je,we,De,He,Le,Oe,We,$e,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,os,as,ns,rs,is,ls,cs,ms,us){"use strict";function ds({item:e,renderer:t}){const o=l.classNames([r.messageStartIconStyles.base,r.messageStartIconStyles.toast,r.messageStartIconStyles.customToast]);return s.jsx("div",{class:o,role:"presentation","data-oj-message-custom-icon":"",children:t(e)})}function Ss({children:e,variant:t="banner"}){const o=l.classNames([r.messageHeaderStyles.base,r.messageHeaderStyles[t]]);return s.jsx("div",{role:"presentation",class:o,children:e})}function gs(e){return m.isValidValueForProp(e,"severity")&&"none"!==e}const Fs=5e3;e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=m.formatTimestamp,e.isValidValueForProp=m.isValidValueForProp,e.MessageStartIcon=u.MessageStartIcon,e.MessageSummary=d.MessageSummary,e.MessageTimestamp=S.MessageTimestamp,e.getRenderer=g.getRenderer,e.getRendererWithoutIndex=g.getRendererWithoutIndex,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesManager=A.MessagesManager,e.severities=_.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:o,iconRenderer:n,index:A=-1,item:_,onClose:y,messageRef:U=(()=>{}),variant:N="pageBanner",translations:T}){const{closeAffordance:p="on",severity:f="error",sound:M,summary:I,timestamp:x}=_.data,{autoTimeout:B="off"}=_.data,b=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(N),k=t.useCallback((()=>{y?.(_)}),[_,y]),C=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&y?.(_)}),[p,_,y]),v="toast"===b&&"off"!==B,V=t.useRef(),R="on"===B?Fs:"number"==typeof B?B:Fs,P=t.useCallback((()=>{V.current||(V.current=new a.Timer(k,R))}),[k,R]),j=t.useCallback((()=>{V.current&&(V.current.clear(),V.current=void 0)}),[]),w=t.useCallback((()=>{V.current?.pause()}),[]),D=t.useCallback((()=>{V.current?.resume()}),[]);t.useEffect((()=>(m.isValidValueForProp(M)&&g.playSound(M),v&&P(),()=>{j()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:f}),L=l.classNames(["banner"===b&&H,r.messageStyles.base[b],"toast"!==N&&g.severityBasedStyleClass(f,b),"sectionBanner"===N&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[b]]);return s.jsx("div",{ref:U,class:L,role:"alert","aria-atomic":"true","data-oj-key":`${typeof _.key}-${_.key}`,tabIndex:0,onKeyUp:C,onfocusin:w,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(f)?s.jsx(u.MessageStartIcon,{severity:f,variant:b,translations:T}):null,s.jsxs(E.Flex,{direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x",children:[s.jsxs(Ss,{variant:b,children:[s.jsx(d.MessageSummary,{variant:b,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==N&&s.jsx(S.MessageTimestamp,{variant:b,value:x})]}),s.jsx(c.MessageDetail,{variant:b,item:{..._,index:A},renderer:o})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:b,onAction:k})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageCloseButton-834f78d4', './classNames-f315301d', './MessageDetail-41ba52f4', './MessageFormattingUtils-69f947b2', './MessageStartIcon-40083c47', './MessageSummary-c3a5f377', './MessageTimestamp-9a90d11a', './MessageUtils-faf91c85', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './Flex-609fb34f', './MessagesManager-b092a770', './Message.types-4a11cbee', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-f2f2e07a', './Common/themes/themeContract.css', './_curry1-ca693728', './utils/UNSAFE_mergeInterpolations', './_curry3-d728bf0f', './_curry2-b575a156', './_has-b1157113', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-76d05f02', './utils/UNSAFE_interpolations/flexbox', './flexbox-524f1fc7', './utils/UNSAFE_interpolations/flexitem', './flexitem-e8ac1f51', 'css!./MessageStyles.styles.css', './UNSAFE_IconButton', './IconButton-99256c65', 'preact', './UNSAFE_BaseButton', './BaseButton-1ea6430b', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-ed94a92a', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-5bb424f5', './UNSAFE_Text', './Text-58f94198', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-7abea1ad', './index-4217a191', './hooks/UNSAFE_useUser', './index-089efc48', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-7fb36e7d', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './UNSAFE_Layer', './useThemeInterpolations-9bf67ea6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-b78f70b5', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-da98c515', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-d04d67ff', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,a,o,n,r,i,l,c,m,u,d,S,g,F,h,E,A,_,y,U,N,T,p,f,M,I,x,b,B,k,C,v,V,R,P,j,w,D,H,L,O,W,$,z,G,K,q,J,Q,X,Y,Z,ee,se,te,ae,oe,ne,re,ie,le,ce,me,ue,de,Se,ge,Fe,he,Ee,Ae,_e,ye,Ue,Ne,Te,pe,fe,Me,Ie,xe,be,Be,ke,Ce,ve,Ve,Re,Pe,je,we,De,He,Le,Oe,We,$e,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,as,os,ns,rs,is,ls,cs,ms,us){"use strict";function ds({item:e,renderer:t}){const a=l.classNames([r.messageStartIconStyles.base,r.messageStartIconStyles.toast,r.messageStartIconStyles.customToast]);return s.jsx("div",{class:a,role:"presentation","data-oj-message-custom-icon":"",children:t(e)})}function Ss({children:e,variant:t="banner"}){const a=l.classNames([r.messageHeaderStyles.base,r.messageHeaderStyles[t]]);return s.jsx("div",{role:"presentation",class:a,children:e})}function gs(e){return m.isValidValueForProp(e,"severity")&&"none"!==e}const Fs=5e3;e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=m.formatTimestamp,e.isValidValueForProp=m.isValidValueForProp,e.MessageStartIcon=u.MessageStartIcon,e.MessageSummary=d.MessageSummary,e.MessageTimestamp=S.MessageTimestamp,e.getRenderer=g.getRenderer,e.getRendererWithoutIndex=g.getRendererWithoutIndex,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesManager=A.MessagesManager,e.severities=_.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,iconRenderer:n,index:A=-1,item:_,onClose:y,messageRef:U=(()=>{}),variant:N="pageBanner",translations:T}){const{closeAffordance:p="on",severity:f="error",sound:M,summary:I,timestamp:x}=_.data,{autoTimeout:b="off"}=_.data,B=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(N),k=t.useCallback((()=>{y?.(_)}),[_,y]),C=t.useCallback((e=>{"Escape"===e.key&&"on"===p&&y?.(_)}),[p,_,y]),v="toast"===B&&"off"!==b,V=t.useRef(),R="on"===b?Fs:"number"==typeof b?b:Fs,P=t.useCallback((()=>{V.current||(V.current=new o.Timer(k,R))}),[k,R]),j=t.useCallback((()=>{V.current&&(V.current.clear(),V.current=void 0)}),[]),w=t.useCallback((()=>{V.current?.pause()}),[]),D=t.useCallback((()=>{V.current?.resume()}),[]);t.useEffect((()=>(m.isValidValueForProp(M)&&g.playSound(M),v&&P(),()=>{j()})),[]);const{variantClasses:H}=F.useComponentTheme(h.MessageBannerRedwoodTheme,{severity:f}),L=l.classNames(["banner"===B&&H,r.messageStyles.base[B],"toast"!==N&&g.severityBasedStyleClass(f,B),"sectionBanner"===N&&r.messageStyles.section]),O=l.classNames([r.messageStyles.content.base,r.messageStyles.content[B]]);return s.jsx("div",{ref:U,class:L,role:"alert","aria-atomic":"true","data-oj-key":`${typeof _.key}-${_.key}`,tabIndex:0,onKeyUp:C,onfocusin:w,onfocusout:D,children:s.jsxs("div",{class:O,children:[n?s.jsx(ds,{item:{..._,index:A},renderer:n}):gs(f)?s.jsx(u.MessageStartIcon,{severity:f,variant:B,translations:T}):null,s.jsxs(E.Flex,{direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x",children:[s.jsxs(Ss,{variant:B,children:[s.jsx(d.MessageSummary,{variant:B,text:I}),m.isValidValueForProp(x,"timestamp")&&"toast"!==N&&s.jsx(S.MessageTimestamp,{variant:B,value:x})]}),s.jsx(c.MessageDetail,{variant:B,item:{..._,index:A},renderer:a})]}),"on"===p&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:T?.close,variant:B,onAction:k})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_Message.js.map

package/amd/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\" data-oj-message-custom-icon=\"\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-oj-key={`${typeof item.key}-${item.key}`}\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["MessageCustomStartIcon","item","renderer","classes","classNames","messageStartIconStyles","base","toast","customToast","_jsx","jsx","class","role","MessageHeader","children","variant","rootClasses","messageHeaderStyles","isSeverityIconNeeded","severity","isValidValueForProp","DEFAULT_TIMEOUT","MIN_SECONDS","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","startTimer","current","Timer","clearTimer","clear","undefined","pauseTimer","pause","resumeTimer","resume","useEffect","playSound","variantClasses","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","section","contentClasses","content","ref","tabIndex","onKeyUp","onfocusin","onfocusout","_jsxs","MessageStartIcon","Flex","direction","flex","gap","jsxs","MessageSummary","text","MessageTimestamp","value","MessageDetail","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\" data-oj-message-custom-icon=\"\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-oj-key={`${typeof item.key}-${item.key}`}\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["MessageCustomStartIcon","item","renderer","classes","classNames","messageStartIconStyles","base","toast","customToast","_jsx","jsx","class","role","MessageHeader","children","variant","rootClasses","messageHeaderStyles","isSeverityIconNeeded","severity","isValidValueForProp","DEFAULT_TIMEOUT","MIN_SECONDS","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","autoTimeout","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","key","shouldTimeout","currentTimerRef","useRef","timeoutDuration","startTimer","current","Timer","clearTimer","clear","undefined","pauseTimer","pause","resumeTimer","resume","useEffect","playSound","variantClasses","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","section","contentClasses","content","ref","tabIndex","onKeyUp","onfocusin","onfocusout","_jsxs","MessageStartIcon","Flex","direction","flex","gap","jsxs","MessageSummary","text","MessageTimestamp","value","MessageDetail","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"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"}

package/amd/PRIVATE_MessageLayer.js

@@ -1,2 +1,2 @@
-define(['exports', './index-0515aa56', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-1e505fd5', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-82d01f25', './Common/themes/themeContract.css', './_curry1-b7492258', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-c421c987', './_curry3-12b66b7b', './_curry2-4b97859e', './_has-458ae1b1', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-c646450e', './utils/UNSAFE_interpolations/flexbox', './flexbox-33130b12', './utils/UNSAFE_interpolations/flexitem', './flexitem-58e7edd6', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-124113f8', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-5b38f04e', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,t,i,a,r,l,n,m,d,c,_,y,S,F,N,U,h,u,A,E,w,p,v,f,x,O,W,b,C,g,k,T,L,M,j,B,I,z,P,R,V,q,D,G,H,J,K,Q){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './index-9e0291a6', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Flex', './Flex-609fb34f', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-f2f2e07a', './Common/themes/themeContract.css', './_curry1-ca693728', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-f315301d', './_curry3-d728bf0f', './_curry2-b575a156', './_has-b1157113', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-76d05f02', './utils/UNSAFE_interpolations/flexbox', './flexbox-524f1fc7', './utils/UNSAFE_interpolations/flexitem', './flexitem-e8ac1f51', './UNSAFE_WindowOverlay', './vanilla-extract-dynamic.esm-7fb36e7d', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', 'preact/hooks', './index-089efc48', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-c2882f8e', './UNSAFE_Layer', './useThemeInterpolations-9bf67ea6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme'], (function(e,s,o,t,a,i,r,l,n,m,d,c,_,y,S,F,N,U,h,u,A,E,f,w,p,v,x,O,W,b,C,g,k,T,L,M,j,B,I,z,P,R,V,q,D,G,H,J,K,Q){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map