@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/UNSAFE_InputPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\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  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\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   * 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   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\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 whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\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   * 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   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\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  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\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\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\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    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","passwordMaskedStr","useTranslationBundle","inputPassword_hidden","InputPassword","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconPress","revealToggleIcon","_jsx","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","role","ReadonlyTextFieldInput","ariaLabelledBy","id","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx","../../src/UNSAFE_InputPassword/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\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  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\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   * 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   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\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 whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\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   * 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   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\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  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\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\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\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    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\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\n export { InputPassword } from './InputPassword';\n"],"names":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","ojButtonIconSize","revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","translations","useTranslationBundle","passwordMaskedStr","inputPassword_hidden","forwardRef","useCurrentValueReducer","useCallback","useFormContext","useToggle","useFocusableTextField","useHover","useTextField","_jsx","useClearIcon","ClearIcon","beforeVNode","Label","InlineUserAssistance","FormFieldContext","ReadonlyTextField","ReadonlyTextFieldInput","TextFieldInput","TextField"],"mappings":"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"}

package/amd/UNSAFE_InputText.css

@@ -1 +1,2 @@
-._1vxd1e4{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}._1vxd1e4:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+.base-msesro{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.base-msesro:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9JbnB1dFRleHQvQ2xlYXJJY29uLnRzeCJdLCJuYW1lcyI6WyIuYmFzZS1tc2Vzcm8iXSwibWFwcGluZ3MiOiJBQWtCSUEiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX0lucHV0VGV4dC9DbGVhckljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncHJlYWN0L2hvb2tzJztcbmltcG9ydCB7IHVzZVByZXNzIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVByZXNzJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uQnVuZGxlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVRyYW5zbGF0aW9uQnVuZGxlJztcbi8vIFRPRE86IHJlcGxhY2UgdGhpcyB3aXRoIHZhcigtLW9qLWJ1dHRvbi1oZWlnaHQpIG9uY2UgaXQgaXMgYXZhaWxhYmxlXG5jb25zdCBvakJ1dHRvbkhlaWdodCA9ICcyLjc1cmVtJztcbi8vIFRPRE86IHJlcGxhY2UgdGhpcyB3aXRoIHZhcigtLW9qLWJ1dHRvbi1ib3JkZXItcmFkaXVzKSBvbmNlIGl0IGlzIGF2YWlsYWJsZVxuY29uc3Qgb2pCdXR0b25Cb3JkZXJSYWRpdXMgPSAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1ib3JkZXItcmFkaXVzLW1kKSc7XG4vLyBUT0RPOiByZXBsYWNlIHRoaXMgd2l0aCB2YXIoLS1vai1idXR0b24tYm9yZGVybGVzcy1jaHJvbWUtdGV4dC1jb2xvcikgb25jZSBpdCBpcyBhdmFpbGFibGVcbmNvbnN0IG9qQnV0dG9uQm9yZGVybGVzc0Nocm9tZVRleHRDb2xvciA9ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXRleHQtY29sb3ItcHJpbWFyeSknO1xuLy8gVE9ETzogcmVwbGFjZSB0aGlzIHdpdGggdmFyKC0tb2otYnV0dG9uLWJvcmRlcmxlc3MtY2hyb21lLXRleHQtY29sb3ItaG92ZXIpIG9uY2UgaXQgaXMgYXZhaWxhYmxlXG5jb25zdCBvakJ1dHRvbkJvcmRlcmxlc3NDaHJvbWVUZXh0Q29sb3JIb3ZlciA9ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXRleHQtY29sb3ItcHJpbWFyeSknO1xuLy8gVE9ETzogcmVwbGFjZSB0aGlzIHdpdGggdmFyKC0tb2otYnV0dG9uLWJvcmRlcmxlc3MtY2hyb21lLWJnLWNvbG9yLWhvdmVyKSBvbmNlIGl0IGlzIGF2YWlsYWJsZVxuY29uc3Qgb2pCdXR0b25Cb3JkZXJsZXNzQ2hyb21lQmdDb2xvckhvdmVyID0gJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYmctY29sb3ItaG92ZXIpJztcbi8vIFRPRE86IHJlcGxhY2UgdGhpcyB3aXRoIHZhcigtLW9qLWJ1dHRvbi1ib3JkZXJsZXNzLWNocm9tZS1ib3JkZXItY29sb3ItaG92ZXIpIG9uY2UgaXQgaXMgYXZhaWxhYmxlXG5jb25zdCBvakJ1dHRvbkJvcmRlcmxlc3NDaHJvbWVCb3JkZXJDb2xvckhvdmVyID0gJ3RyYW5zcGFyZW50JztcbmNvbnN0IGNsZWFySWNvblN0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBjdXJzb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWN1cnNvci1jbGlja2FibGUpJyxcbiAgICAgICAgcGFkZGluZ0lubGluZTogMCxcbiAgICAgICAgcGFkZGluZ0Jsb2NrOiAwLFxuICAgICAgICBib3JkZXJSYWRpdXM6IG9qQnV0dG9uQm9yZGVyUmFkaXVzLFxuICAgICAgICBjb2xvcjogb2pCdXR0b25Cb3JkZXJsZXNzQ2hyb21lVGV4dENvbG9yLFxuICAgICAgICB3aWR0aDogb2pCdXR0b25IZWlnaHQsXG4gICAgICAgIGhlaWdodDogb2pCdXR0b25IZWlnaHQsXG4gICAgICAgIGxpbmVIZWlnaHQ6IG9qQnV0dG9uSGVpZ2h0LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICAgIGNvbG9yOiBvakJ1dHRvbkJvcmRlcmxlc3NDaHJvbWVUZXh0Q29sb3JIb3ZlcixcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogb2pCdXR0b25Cb3JkZXJsZXNzQ2hyb21lQmdDb2xvckhvdmVyLFxuICAgICAgICAgICAgYm9yZGVyQ29sb3I6IG9qQnV0dG9uQm9yZGVybGVzc0Nocm9tZUJvcmRlckNvbG9ySG92ZXJcbiAgICAgICAgfVxuICAgIH19fWBcbn07XG5jb25zdCBub29wID0gKCkgPT4geyB9O1xuZXhwb3J0IGZ1bmN0aW9uIENsZWFySWNvbih7IG9uQ2xpY2sgfSkge1xuICAgIGNvbnN0IGtpbGxFdmVudCA9IHVzZUNhbGxiYWNrKChldmVudCkgPT4ge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH0sIFtdKTtcbiAgICBjb25zdCB7IHByZXNzUHJvcHMgfSA9IHVzZVByZXNzKG9uQ2xpY2sgIT09IG51bGwgJiYgb25DbGljayAhPT0gdm9pZCAwID8gb25DbGljayA6IG5vb3ApO1xuICAgIGNvbnN0IHRyYW5zbGF0aW9ucyA9IHVzZVRyYW5zbGF0aW9uQnVuZGxlKCdAb3JhY2xlL29yYWNsZWpldC1wcmVhY3QnKTtcbiAgICBjb25zdCBjbGVhclN0ciA9IHRyYW5zbGF0aW9ucy5mb3JtQ29udHJvbF9jbGVhcigpO1xuICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgT2JqZWN0LmFzc2lnbih7IFwiYXJpYS1oaWRkZW5cIjogXCJ0cnVlXCIsIGNsYXNzOiBjbGVhckljb25TdHlsZXMuYmFzZSwgdGFiSW5kZXg6IC0xLCBvbk1vdXNlRG93bjoga2lsbEV2ZW50LCB0aXRsZTogY2xlYXJTdHIgfSwgcHJlc3NQcm9wcywgeyBjaGlsZHJlbjogX2pzeChcInN2Z1wiLCBPYmplY3QuYXNzaWduKHsgaGVpZ2h0OiBcIjI0XCIsIHZpZXdCb3g6IFwiMCAwIDI0IDI0XCIsIHdpZHRoOiBcIjI0XCIsIHhtbG5zOiBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgfSwgeyBjaGlsZHJlbjogX2pzeChcInBhdGhcIiwgeyBkOiBcIm0xMiAxYzYuMDY1IDAgMTEgNC45MzUgMTEgMTFzLTQuOTM1IDExLTExIDExLTExLTQuOTM1LTExLTExIDQuOTM1LTExIDExLTExem0zLjQ5Nzk4MTcgNi0zLjQ5Nzk4MTcgMy40OTgtMy40OTc5ODE3My0zLjQ5OC0xLjUwMjAxODI3IDEuNTAyMDE4MjcgMy40OTggMy40OTc5ODE3My0zLjQ5OCAzLjQ5Nzk4MTcgMS41MDIwMTgyNyAxLjUwMjAxODMgMy40OTc5ODE3My0zLjQ5OCAzLjQ5Nzk4MTcgMy40OTggMS41MDIwMTgzLTEuNTAyMDE4My0zLjQ5OC0zLjQ5Nzk4MTcgMy40OTgtMy40OTc5ODE3M3pcIiwgZmlsbDogXCIjMTAwZjBlXCIsIFwiZmlsbC1ydWxlXCI6IFwiZXZlbm9kZFwiIH0pIH0pKSB9KSkpO1xufVxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2xlYXJJY29uLmpzLm1hcCJdfQ==*/

package/amd/UNSAFE_InputText.js

@@ -1,2 +1,115 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-58c33ef6","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-1b5e6b00","./TextFieldInput-e26af2be","./clientHints-9d985ef6","./hooks/UNSAFE_useToggle","./tslib.es6-6a195797","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-0a53949e","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-429bf434","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-556d723b","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-875b461d","./utils/UNSAFE_mergeInterpolations","./_curry3-512d483b","./_curry2-ad2c6a81","./_has-11a7a18f","./utils/UNSAFE_interpolations/boxalignment","./keys-83d1523f","./utils/UNSAFE_interpolations/flexbox","./flexbox-aaa40e19","./utils/UNSAFE_interpolations/flexitem","./flexitem-d85d1561","./FormControlUtils-f9124d70","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-66c5f04f","./UNSAFE_ComponentMessage","./ComponentMessage-f45b3bbf","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-256615e9","./UNSAFE_Button","./Button-11c23c7a","./UNSAFE_BaseButton","./BaseButton-31fe1787","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-6aed3532","./index-6f29250e","./UNSAFE_Icon","./Icon-b5704008","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95","./hooks/UNSAFE_useTheme","./MessageDetail-8958ff27","./MessageFormattingUtils-66993387","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-432c5155","./Message.types-4bf5e2b8","./MessageStartIcon-9a21df9b","./MessageSummary-34220b0d","./MessageTimestamp-271609d9","./MessageUtils-dfcb9ca9","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-d521afd3","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-fd19b064","./ComponentMessageContainer-ded8d38b"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,b,A,x,h,f,S,E,U,_,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,be,Ae,xe,he,fe,Se,Ee,Ue,_e,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=E.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:be,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:fe}=r.useHover({isDisabled:le||ae||!1}),{baseId:Se,formFieldContext:Ee,inputProps:Ue,labelProps:_e,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(S.ClearIcon,{onClick:Ne}),display:p,hasValue:Ee.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:fe}),ve=f.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=b.usePrefixSuffix({baseId:Se,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ee.hasValue,isDisabled:ae,isFocused:Ae,labelId:_e.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},_e,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ee},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:be.onfocusout,onFocus:be.onfocusin},Pe,{children:s.jsx(U.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:_e.id,as:"div",autoFocus:g,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(_.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},Ue)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ee},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:be.onfocusout,onFocus:be.onfocusin,startContent:H},ge,Pe,he))}))});function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useClearIcon', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useLengthFilter', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './utils/UNSAFE_componentUtils', './ClearIcon-27a5c275', './hooks/UNSAFE_useCurrentValueReducer', './ReadonlyTextFieldInput-4583f049', './TextFieldInput-312fb211', './clientHints-361cde40', './hooks/UNSAFE_useToggle', './tslib.es6-71b1ba5b', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-a88e3e32', './utils/UNSAFE_lengthFilter', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-027de734', "css!./UNSAFE_InputText.css", './UNSAFE_PrefixSuffix', './hooks/UNSAFE_useUser', './UNSAFE_Environment', './UNSAFE_Layer', './UNSAFE_LabelValueLayout', './UNSAFE_Flex', './Flex-7762d39c', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './_curry1-645b9927', './utils/UNSAFE_mergeInterpolations', './_curry3-4cc6f6ba', './_curry2-93924f19', './_has-cce283ad', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './FormControlUtils-802d298a', './hooks/UNSAFE_useTranslationBundle', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_interpolations/text', './hooks/UNSAFE_useTextFieldInputHandlers', './InlineHelpSource-8a22f914', './UNSAFE_ComponentMessage', './ComponentMessage-5603259e', './PRIVATE_Message', './utils/PRIVATE_timer', './MessageCloseButton-51697635', './UNSAFE_Button', './Button-87280b4a', './UNSAFE_BaseButton', './BaseButton-20a653f3', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeProps', './index-f54bad63', './index-5920700b', './UNSAFE_Icon', './Icon-a6ef6699', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-08ac18d2', './index-e9199379', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c', './hooks/UNSAFE_useTheme', './MessageDetail-dd86fa2b', './MessageFormattingUtils-0ffdac02', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-9311a716', './Message.types-3ff18727', './MessageStartIcon-1b57b659', './MessageSummary-cf0af1b2', './MessageTimestamp-0e995235', './MessageUtils-0bf10cfa', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './MessagesManager-da52103a', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-1dadf91a', './ComponentMessageContainer-a00ec42c'], (function (exports, jsxRuntime, preact, compat, hooks, hooks_UNSAFE_useClearIcon, hooks_UNSAFE_useFocusableTextField, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useFormFieldContext, hooks_UNSAFE_useHover, hooks_UNSAFE_useLengthFilter, hooks_UNSAFE_useTextField, UNSAFE_Label, hooks_UNSAFE_usePrefixSuffix, UNSAFE_TextField, UNSAFE_UserAssistance, utils_PRIVATE_clientHints, utils_UNSAFE_componentUtils, ClearIcon, hooks_UNSAFE_useCurrentValueReducer, ReadonlyTextFieldInput, TextFieldInput, clientHints, hooks_UNSAFE_useToggle, tslib_es6, hooks_UNSAFE_useFocusWithin, useFocusWithin, utils_UNSAFE_lengthFilter, hooks_UNSAFE_useId, utils_UNSAFE_classNames, classNames, linaria, UNSAFE_PrefixSuffix, hooks_UNSAFE_useUser, UNSAFE_Environment, UNSAFE_Layer, UNSAFE_LabelValueLayout, UNSAFE_Flex, Flex, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_arrayUtils, utils_UNSAFE_size, _curry1, utils_UNSAFE_mergeInterpolations, _curry3, _curry2, _has, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, FormControlUtils, hooks_UNSAFE_useTranslationBundle, hooks_UNSAFE_useDebounce, UNSAFE_LiveRegion, hooks_UNSAFE_useTabbableMode, utils_UNSAFE_interpolations_text, hooks_UNSAFE_useTextFieldInputHandlers, InlineHelpSource, UNSAFE_ComponentMessage, ComponentMessage, PRIVATE_Message, utils_PRIVATE_timer, MessageCloseButton, UNSAFE_Button, Button, UNSAFE_BaseButton, BaseButton, hooks_UNSAFE_usePress, hooks_UNSAFE_useActive, utils_UNSAFE_mergeProps, UNSAFE_ThemedIcons, UNSAFE_Icons, UNSAFE_Icon, Icon, hooks_UNSAFE_useTooltip, UNSAFE_Floating, Floating, hooks_UNSAFE_useFloating, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, hooks_UNSAFE_useAnimation, useAnimation, hooks_UNSAFE_useTheme, MessageDetail, MessageFormattingUtils, utils_UNSAFE_getLocale, utils_UNSAFE_stringUtils, stringUtils, Message_types, MessageStartIcon, MessageSummary, MessageTimestamp, MessageUtils, utils_UNSAFE_logger, utils_UNSAFE_soundUtils, MessagesManager, PRIVATE_TransitionGroup, hooks_UNSAFE_useMessagesContext, UNSAFE_HiddenAccessible, HiddenAccessible, ComponentMessageContainer) { 'use strict';
+
+    const InputText = compat.forwardRef(({ ariaDescribedBy, assistiveText, autoComplete = 'off', autoFocus = false, hasClearIcon = 'never', endContent, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthUnit, messages, placeholder, prefix, role, startContent, suffix, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', virtualKeyboard, onInput, onCommit }, ref) => {
+        const { currentCommitValue, dispatch } = hooks_UNSAFE_useCurrentValueReducer.useCurrentValueReducer({ value });
+        const onInputAndDispatch = hooks.useCallback((detail) => {
+            // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
+            dispatch({ type: 'input', payload: detail.value });
+            onInput === null || onInput === void 0 ? void 0 : onInput(detail);
+        }, [onInput, dispatch]);
+        const onCommitAndDispatch = hooks.useCallback((detail) => {
+            // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
+            dispatch({ type: 'commit', payload: detail.value });
+            onCommit === null || onCommit === void 0 ? void 0 : onCommit(detail);
+        }, [onCommit, dispatch]);
+        const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
+        // default to FormContext values if component properties are not specified
+        const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
+        const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
+        const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
+        const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
+        const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
+        const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
+        const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
+        const { hoverProps, isHover } = hooks_UNSAFE_useHover.useHover({ isDisabled: isReadonly || isDisabled || false });
+        const { baseId, formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
+            ariaDescribedBy,
+            isDisabled,
+            isFocused,
+            isReadonly,
+            labelEdge,
+            messages,
+            styleVariant: variant,
+            value
+        });
+        const onClickClearIcon = hooks.useCallback(() => {
+            var _a;
+            // Clicking the clear icon should put the focus on the input field
+            (_a = enabledElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            // Send an event to clear the field's value
+            onInputAndDispatch === null || onInputAndDispatch === void 0 ? void 0 : onInputAndDispatch({ previousValue: value, value: '' });
+        }, [onInputAndDispatch, value]);
+        const maybeClearIcon = hooks_UNSAFE_useClearIcon.useClearIcon({
+            clearIcon: jsxRuntime.jsx(ClearIcon.ClearIcon, { onClick: onClickClearIcon }),
+            display: hasClearIcon,
+            hasValue: formFieldContext.hasValue,
+            isFocused,
+            isEnabled: !isReadonly && !isDisabled,
+            isHover
+        });
+        const endContentCombined = utils_UNSAFE_componentUtils.beforeVNode(endContent, maybeClearIcon);
+        const { renderedPrefix, renderedSuffix, text: valuePrefixSuffix, ariaLabelledBy } = hooks_UNSAFE_usePrefixSuffix.usePrefixSuffix({
+            baseId,
+            hasEndContent: endContent !== undefined,
+            hasInsideLabel: label !== undefined && labelEdge === 'inside',
+            hasStartContent: startContent !== undefined,
+            hasValue: formFieldContext.hasValue,
+            isDisabled,
+            isFocused,
+            labelId: labelProps.id,
+            prefix,
+            suffix,
+            value
+        });
+        // Handle length filter for user-typed inputs and controlled inputs
+        const { isMaxLengthExceeded, valueLength, onFilteredInput } = hooks_UNSAFE_useLengthFilter.useLengthFilter({
+            maxLength,
+            maxLengthUnit,
+            value,
+            onInput: onInputAndDispatch,
+            onCommit: onCommitAndDispatch
+        });
+        const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
+        const fieldLabelProps = {
+            label: labelEdge !== 'none' ? labelComp : undefined,
+            labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
+            labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
+        };
+        const ariaLabel = labelEdge === 'none' ? label : undefined;
+        const inlineUserAssistance = isDisabled || isReadonly ? (
+        // save space for user assistance if density is 'efficient', even though we don't
+        // render user assistance for disabled or readonly fields
+        userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
+        if (isReadonly) {
+            // TODO: should be able to configure whether start/end content is shown when readonly
+            // JET-49916 - Preact InputText: show start/end content when readonly
+            return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin }, fieldLabelProps, { children: jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { ariaDescribedBy: ariaDescribedBy, ariaLabel: ariaLabel, ariaLabelledBy: labelProps.id, as: "div", autoFocus: autoFocus, elementRef: readonlyElementRef, textAlign: textAlign, value: valuePrefixSuffix, hasInsideLabel: label !== undefined && labelEdge === 'inside' }) })) })));
+        }
+        const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [renderedPrefix, jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ ariaLabelledBy: ariaLabelledBy, ariaLabel: ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEndContent: endContent !== undefined, hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', hasPrefix: renderedPrefix !== undefined, hasStartContent: startContent !== undefined, hasSuffix: renderedSuffix !== undefined, inputRef: enabledElementRef, isRequired: isRequired, placeholder: placeholder, role: role, textAlign: textAlign, type: isMobile() ? virtualKeyboard : undefined, value: isDisabled ? valuePrefixSuffix : value, onCommit: onCommitAndDispatch, onInput: onFilteredInput }, inputProps)), renderedSuffix, maxLength !== undefined && (jsxRuntime.jsx(UNSAFE_TextField.MaxLengthLiveRegion, Object.assign({}, { isMaxLengthExceeded, maxLength, valueLength })))] }));
+        return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ endContent: endContentCombined, inlineUserAssistance: inlineUserAssistance, mainContent: mainContent, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin, startContent: startContent }, textFieldProps, fieldLabelProps, hoverProps)) })));
+    });
+    /**
+     * Helper function to determine whether the current device is a mobile device
+     * @returns true if runnning on a mobile device, false otherwise
+     */
+    function isMobile() {
+        const deviceType = clientHints.getClientHints().deviceType;
+        return deviceType === 'phone' || deviceType === 'tablet';
+    }
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+
+    exports.InputText = InputText;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/amd/UNSAFE_InputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.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 { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\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 { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\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  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\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   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\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   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\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.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current 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' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\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 InputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\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, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\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":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","undefined","hasInsideLabel","hasStartContent","labelId","id","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","Object","assign","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","fieldLabel","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","MaxLengthLiveRegion","TextField","deviceType","getClientHints"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.tsx","../../src/UNSAFE_InputText/index.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 { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\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 { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\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  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\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   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\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   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\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.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current 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' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\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 InputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\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, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\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","/**\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\nexport { InputText } from './InputText';\n"],"names":["forwardRef","useCurrentValueReducer","useCallback","useFormContext","useFocusableTextField","useHover","useTextField","useClearIcon","_jsx","ClearIcon","beforeVNode","usePrefixSuffix","useLengthFilter","Label","InlineUserAssistance","FormFieldContext","ReadonlyTextField","ReadonlyTextFieldInput","_jsxs","Fragment","TextFieldInput","MaxLengthLiveRegion","TextField","getClientHints"],"mappings":"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"}

package/amd/UNSAFE_Label.css

@@ -1,13 +1,14 @@
-.vbzrez{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-._1hqplfi{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-.xshla2{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._16x8573{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.vqnlsr{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._1qas5b7{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-._288n0n{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.xd4hat{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-.krwrbr{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._1nnty4q{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._1d8mzd7{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.ocbnyt{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.agtoij{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.base-msxswy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+.startBase-118hyza{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+.topBase-1udbbjz{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+.insideBase-lto6w{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+.insideReadonlyInEnabledForm-8ankt{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.insideReadonlyNotInEnabledForm-z5o9wj{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+.insideNonReadonly-1gdek6b{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.insideNonReadonlyHasValue-jgk8{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+.insideDisabled-pdtty2{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.insideFocused-1iw7k88{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+.insideError-lact9h{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.insideWarning-1h907u0{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.noWrap-tfikop{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOlsiLmJhc2UtbXN4c3d5IiwiLnN0YXJ0QmFzZS0xMThoeXphIiwiLnRvcEJhc2UtMXVkYmJqeiIsIi5pbnNpZGVCYXNlLWx0bzZ3IiwiLmluc2lkZVJlYWRvbmx5SW5FbmFibGVkRm9ybS04YW5rdCIsIi5pbnNpZGVSZWFkb25seU5vdEluRW5hYmxlZEZvcm0tejVvOXdqIiwiLmluc2lkZU5vblJlYWRvbmx5LTFnZGVrNmIiLCIuaW5zaWRlTm9uUmVhZG9ubHlIYXNWYWx1ZS1qZ2s4IiwiLmluc2lkZURpc2FibGVkLXBkdHR5MiIsIi5pbnNpZGVGb2N1c2VkLTFpdzdrODgiLCIuaW5zaWRlRXJyb3ItbGFjdDloIiwiLmluc2lkZVdhcm5pbmctMWg5MDd1MCIsIi5ub1dyYXAtdGZpa29wIl0sIm1hcHBpbmdzIjoiQUFPSUE7QUFPQUM7QUFNQUM7QUFHQUM7QUFRQUM7QUFnQkFDO0FBS0FDO0FBY0FDO0FBV0FDO0FBSUFDO0FBR0FDO0FBR0FDO0FBR0FDIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX3Jlc3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkQ29udGV4dCB9IGZyb20gJy4uL2hvb2tzL1VOU0FGRV91c2VGb3JtRmllbGRDb250ZXh0JztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IHVzZUZvcm1Db250ZXh0IH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZUZvcm1Db250ZXh0JztcbmNvbnN0IGxhYmVsU3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtZm9udC1zaXplKScsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1mb250LXdlaWdodCknLFxuICAgICAgICBsaW5lSGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtbGluZS1oZWlnaHQpJyxcbiAgICAgICAgLy8gVE9ETzogRXZhbHVhdGUgdXNhZ2Ugb2YgVGV4dCBDb21wb25lbnQgaW5zdGVhZCBvZiBDU1MgKHdlIG1pZ2h0IG5vdCBiZSBhYmxlIHRvIGFzIHdlIG1pZ2h0IG5lZWQgbGFiZWwgZWxlbWVudClcbiAgICAgICAgd29yZEJyZWFrOiAnYnJlYWstd29yZCdcbiAgICB9fWAsXG4gICAgc3RhcnRCYXNlOiBjc3MgYCR7e1xuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxhYmVsLWNvbG9yKScsXG4gICAgICAgIC8vIFRPRE86IFJlZXZhbHVhdGUgd2hpY2ggY29tcG9uZW50IHNob3VsZCBoYW5kbGUgdGhlIHRleHQgYWxpZ25cbiAgICAgICAgdGV4dEFsaWduOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZm9ybS1sYXlvdXQtc3RhcnQtZWRnZS1sYWJlbC10ZXh0LWFsaWduKScsXG4gICAgICAgIHdpZHRoOiAnMTAwJSdcbiAgICB9fWAsXG4gICAgdG9wQmFzZTogY3NzIGAke3tcbiAgICAgICAgY29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1jb2xvciknXG4gICAgfX1gLFxuICAgIGluc2lkZUJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICAvLyBUT0RPOiBSZWV2YWx1YXRlIHdoaWNoIGNvbXBvbmVudCBzaG91bGQgaGFuZGxlIHRoZSBwYWRkaW5nXG4gICAgICAgIHBhZGRpbmdJbmxpbmVFbmQ6ICdjYWxjKDIgKiB2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10ZXh0LWZpZWxkLXRleHQtdG8tZWRnZS1wYWRkaW5nKSknLFxuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxhYmVsLWluc2lkZS1lZGdlLWNvbG9yKScsXG4gICAgICAgIG1heFdpZHRoOiAnMTAwJSdcbiAgICB9fWAsXG4gICAgaW5zaWRlUmVhZG9ubHlJbkVuYWJsZWRGb3JtOiBjc3MgYCR7e1xuICAgICAgICBpbnNldElubGluZVN0YXJ0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdGV4dC1maWVsZC10ZXh0LXRvLWVkZ2UtcGFkZGluZyknLFxuICAgICAgICB0b3A6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1pbnNpZGUtZWRnZS1wb3NpdGlvbi10b3ApJyxcbiAgICAgICAgZm9udFNpemU6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1pbnNpZGUtZWRnZS1mb250LXNpemUpJyxcbiAgICAgICAgZm9udFdlaWdodDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxhYmVsLWluc2lkZS1lZGdlLWZvbnQtd2VpZ2h0KScsXG4gICAgICAgIGxpbmVIZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1pbnNpZGUtZWRnZS1saW5lLWhlaWdodCknLFxuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICdub25lJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWZvcm0tbGF5b3V0LXRvcC1lZGdlLWxhYmVsLXRvLXZhbHVlLXBhZGRpbmcpJyxcbiAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgIG92ZXJmbG93WDogJ2hpZGRlbicsXG4gICAgICAgIG92ZXJmbG93WTogJ2hpZGRlbicsXG4gICAgICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJ1xuICAgIH19YCxcbiAgICBpbnNpZGVSZWFkb25seU5vdEluRW5hYmxlZEZvcm06IGNzcyBgJHt7XG4gICAgICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtaW5zaWRlLWVkZ2UtZm9udC1zaXplKScsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1pbnNpZGUtZWRnZS1mb250LXdlaWdodCknLFxuICAgICAgICBsaW5lSGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtaW5zaWRlLWVkZ2UtbGluZS1oZWlnaHQpJ1xuICAgIH19YCxcbiAgICBpbnNpZGVOb25SZWFkb25seTogY3NzIGAke3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGluc2V0SW5saW5lU3RhcnQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10ZXh0LWZpZWxkLXRleHQtdG8tZWRnZS1wYWRkaW5nKScsXG4gICAgICAgIHRvcDogJ2NhbGModmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdGV4dC1maWVsZC1pbnNpZGUtZWRnZS1oZWlnaHQpLyAyKScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoLTUwJSknLFxuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICdhbGwnLFxuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb246ICcuMjVzJyxcbiAgICAgICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZScsXG4gICAgICAgIHRyYW5zaXRpb25EZWxheTogJy4xcycsXG4gICAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgICAgICBvdmVyZmxvd1g6ICdoaWRkZW4nLFxuICAgICAgICBvdmVyZmxvd1k6ICdoaWRkZW4nLFxuICAgICAgICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcydcbiAgICB9fWAsXG4gICAgaW5zaWRlTm9uUmVhZG9ubHlIYXNWYWx1ZTogY3NzIGAke3tcbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAndG9wLCBmb250LXdlaWdodCwgZm9udC1zaXplLCB0cmFuc2Zvcm0nLFxuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb246ICcuMjVzJyxcbiAgICAgICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiAnZWFzZScsXG4gICAgICAgIHRyYW5zaXRpb25EZWxheTogJy4xcycsXG4gICAgICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtaW5zaWRlLWVkZ2UtZm9udC1zaXplKScsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1pbnNpZGUtZWRnZS1mb250LXdlaWdodCknLFxuICAgICAgICBsaW5lSGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtaW5zaWRlLWVkZ2UtbGluZS1oZWlnaHQpJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnbm9uZScsXG4gICAgICAgIHRvcDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxhYmVsLWluc2lkZS1lZGdlLXBvc2l0aW9uLXRvcCknXG4gICAgfX1gLFxuICAgIGluc2lkZURpc2FibGVkOiBjc3MgYCR7e1xuICAgICAgICB0cmFuc2l0aW9uUHJvcGVydHk6ICdub25lJyxcbiAgICAgICAgY29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1jb2xvci1kaXNhYmxlZCknXG4gICAgfX1gLFxuICAgIGluc2lkZUZvY3VzZWQ6IGNzcyBgJHt7XG4gICAgICAgIGNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdGV4dC1maWVsZC1pbnNpZGUtZWRnZS1sYWJlbC1jb2xvci1mb2N1cyknXG4gICAgfX1gLFxuICAgIGluc2lkZUVycm9yOiBjc3MgYCR7e1xuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZGFuZ2VyLTMpJ1xuICAgIH19YCxcbiAgICBpbnNpZGVXYXJuaW5nOiBjc3MgYCR7e1xuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtd2FybmluZy0zKSdcbiAgICB9fWAsXG4gICAgbm9XcmFwOiBjc3MgYCR7e1xuICAgICAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgICAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgICAgICAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnXG4gICAgfX1gXG59O1xuY29uc3QgU3R5bGVkTGFiZWwgPSAoX2EpID0+IHtcbiAgICB2YXIgeyBoYXNWYWx1ZSwgcmVhZG9ubHksIGRpc2FibGVkLCBpc0ZvY3VzZWQsIHZhcmlhbnQgPSAnaW5zaWRlJyB9ID0gX2EsIHByb3BzID0gX19yZXN0KF9hLCBbXCJoYXNWYWx1ZVwiLCBcInJlYWRvbmx5XCIsIFwiZGlzYWJsZWRcIiwgXCJpc0ZvY3VzZWRcIiwgXCJ2YXJpYW50XCJdKTtcbiAgICBjb25zdCB7IGlzRm9ybUxheW91dCwgaXNSZWFkb25seTogaXNSZWFkb25seUZvcm0sIGxhYmVsV3JhcHBpbmcgfSA9IHVzZUZvcm1Db250ZXh0KCk7XG4gICAgY29uc3QgY3NzQ2xhc3NOYW1lcyA9IHZhcmlhbnQgPT09ICdpbnNpZGUnIHx8IHZhcmlhbnQgPT09ICdpbnNpZGVFcnJvcicgfHwgdmFyaWFudCA9PT0gJ2luc2lkZVdhcm5pbmcnXG4gICAgICAgID8gY2xhc3NOYW1lcyhbXG4gICAgICAgICAgICBsYWJlbFN0eWxlcy5iYXNlLFxuICAgICAgICAgICAgbGFiZWxTdHlsZXMuaW5zaWRlQmFzZSxcbiAgICAgICAgICAgIHJlYWRvbmx5ICYmXG4gICAgICAgICAgICAgICAgKGlzRm9ybUxheW91dCAmJiAhaXNSZWFkb25seUZvcm1cbiAgICAgICAgICAgICAgICAgICAgPyBsYWJlbFN0eWxlcy5pbnNpZGVSZWFkb25seUluRW5hYmxlZEZvcm1cbiAgICAgICAgICAgICAgICAgICAgOiBsYWJlbFN0eWxlcy5pbnNpZGVSZWFkb25seU5vdEluRW5hYmxlZEZvcm0pLFxuICAgICAgICAgICAgIXJlYWRvbmx5ICYmIGxhYmVsU3R5bGVzLmluc2lkZU5vblJlYWRvbmx5LFxuICAgICAgICAgICAgIXJlYWRvbmx5ICYmIChoYXNWYWx1ZSB8fCBpc0ZvY3VzZWQpICYmIGxhYmVsU3R5bGVzLmluc2lkZU5vblJlYWRvbmx5SGFzVmFsdWUsXG4gICAgICAgICAgICAhcmVhZG9ubHkgJiYgaXNGb2N1c2VkICYmIGxhYmVsU3R5bGVzLmluc2lkZUZvY3VzZWQsXG4gICAgICAgICAgICBkaXNhYmxlZCAmJiBsYWJlbFN0eWxlcy5pbnNpZGVEaXNhYmxlZCxcbiAgICAgICAgICAgICFkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgICFyZWFkb25seSAmJlxuICAgICAgICAgICAgICAgICh2YXJpYW50ID09PSAnaW5zaWRlRXJyb3InIHx8IHZhcmlhbnQgPT09ICdpbnNpZGVXYXJuaW5nJykgJiZcbiAgICAgICAgICAgICAgICBsYWJlbFN0eWxlc1t2YXJpYW50XVxuICAgICAgICBdKVxuICAgICAgICA6IHZhcmlhbnQgPT09ICdzdGFydCdcbiAgICAgICAgICAgID8gY2xhc3NOYW1lcyhbXG4gICAgICAgICAgICAgICAgbGFiZWxTdHlsZXMuYmFzZSxcbiAgICAgICAgICAgICAgICBsYWJlbFN0eWxlcy5zdGFydEJhc2UsXG4gICAgICAgICAgICAgICAgbGFiZWxXcmFwcGluZyA9PT0gJ3RydW5jYXRlJyAmJiBsYWJlbFN0eWxlcy5ub1dyYXBcbiAgICAgICAgICAgIF0pXG4gICAgICAgICAgICA6IHZhcmlhbnQgPT09ICd0b3AnXG4gICAgICAgICAgICAgICAgPyBjbGFzc05hbWVzKFtcbiAgICAgICAgICAgICAgICAgICAgbGFiZWxTdHlsZXMuYmFzZSxcbiAgICAgICAgICAgICAgICAgICAgbGFiZWxTdHlsZXMudG9wQmFzZSxcbiAgICAgICAgICAgICAgICAgICAgbGFiZWxXcmFwcGluZyA9PT0gJ3RydW5jYXRlJyAmJiBsYWJlbFN0eWxlcy5ub1dyYXBcbiAgICAgICAgICAgICAgICBdKVxuICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkO1xuICAgIC8vIFRPRE86IFdlIG5lZWQgdG8gZGVjaWRlIHdoZXRoZXIgdG8gc3RhbmRhcmRpemUgb24gJ2NsYXNzJyBvciAnY2xhc3NOYW1lJy4gIE90aGVyd2lzZSwgd2UnbGxcbiAgICAvLyBydW4gaW50byBpc3N1ZXMgZGVzdHJ1Y3R1cmluZyBzdHlsZSBpbnRlcnBvbGF0aW9ucywgZm9yIGV4YW1wbGUgaGF2aW5nIHRvIGNvbmNhdGVuYXRlIGJvdGguXG4gICAgcmV0dXJuIF9qc3goXCJsYWJlbFwiLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcywgeyBjbGFzczogY3NzQ2xhc3NOYW1lcyB9KSk7XG59O1xuZXhwb3J0IGNvbnN0IExhYmVsID0gKF9hKSA9PiB7XG4gICAgdmFyIHsgZm9ySWQgfSA9IF9hLCBwcm9wcyA9IF9fcmVzdChfYSwgW1wiZm9ySWRcIl0pO1xuICAgIGNvbnN0IHsgaGFzVmFsdWUsIGlzRGlzYWJsZWQsIGlzRm9jdXNlZCwgaXNSZWFkb25seSB9ID0gdXNlRm9ybUZpZWxkQ29udGV4dCgpO1xuICAgIHJldHVybiAoX2pzeChTdHlsZWRMYWJlbCwgT2JqZWN0LmFzc2lnbih7IGZvcjogZm9ySWQsIGhhc1ZhbHVlOiBoYXNWYWx1ZSwgZGlzYWJsZWQ6IGlzRGlzYWJsZWQsIGlzRm9jdXNlZDogaXNGb2N1c2VkLCByZWFkb25seTogaXNSZWFkb25seSB9LCBwcm9wcykpKTtcbn07XG4vLyMgc291cmNlTWFwcGluZ1VSTD1MYWJlbC5qcy5tYXAiXX0=*/

package/amd/UNSAFE_Label.js

@@ -1,2 +1,78 @@
-define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-429bf434","preact","preact/hooks"],function(e,s,a,n,i,o,d,r,t,l){"use strict";const u={base:"vbzrez",startBase:"_1hqplfi",topBase:"xshla2",insideBase:"_16x8573",insideReadonlyInEnabledForm:"vqnlsr",insideReadonlyNotInEnabledForm:"_1qas5b7",insideNonReadonly:"_288n0n",insideNonReadonlyHasValue:"xd4hat",insideDisabled:"krwrbr",insideFocused:"_1nnty4q",insideError:"_1d8mzd7",insideWarning:"ocbnyt",noWrap:"agtoij"},b=e=>{var{hasValue:n,readonly:i,disabled:o,isFocused:t,variant:l="inside"}=e,b=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:c,isReadonly:F,labelWrapping:y}=d.useFormContext(),m="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([u.base,u.insideBase,i&&(c&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!i&&u.insideNonReadonly,!i&&(n||t)&&u.insideNonReadonlyHasValue,!i&&t&&u.insideFocused,o&&u.insideDisabled,!o&&!i&&("insideError"===l||"insideWarning"===l)&&u[l]]):"start"===l?r.classNames([u.base,u.startBase,"truncate"===y&&u.noWrap]):"top"===l?r.classNames([u.base,u.topBase,"truncate"===y&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},b,{class:m}))};e.Label=e=>{var{forId:i}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=n.useFormFieldContext();return a.jsx(b,Object.assign({for:i,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', "css!./UNSAFE_Label.css", './hooks/UNSAFE_useFormContext', './classNames-027de734', 'preact', 'preact/hooks'], (function (exports, tslib_es6, jsxRuntime, hooks_UNSAFE_useFormFieldContext, utils_UNSAFE_classNames, linaria, hooks_UNSAFE_useFormContext, classNames, preact, hooks) { 'use strict';
+
+    const labelStyles = {
+      base: "base-msxswy",
+      startBase: "startBase-118hyza",
+      topBase: "topBase-1udbbjz",
+      insideBase: "insideBase-lto6w",
+      insideReadonlyInEnabledForm: "insideReadonlyInEnabledForm-8ankt",
+      insideReadonlyNotInEnabledForm: "insideReadonlyNotInEnabledForm-z5o9wj",
+      insideNonReadonly: "insideNonReadonly-1gdek6b",
+      insideNonReadonlyHasValue: "insideNonReadonlyHasValue-jgk8",
+      insideDisabled: "insideDisabled-pdtty2",
+      insideFocused: "insideFocused-1iw7k88",
+      insideError: "insideError-lact9h",
+      insideWarning: "insideWarning-1h907u0",
+      noWrap: "noWrap-tfikop"
+    };
+
+    const StyledLabel = _a => {
+      var {
+        hasValue,
+        readonly,
+        disabled,
+        isFocused,
+        variant = 'inside'
+      } = _a,
+          props = tslib_es6.__rest(_a, ["hasValue", "readonly", "disabled", "isFocused", "variant"]);
+
+      const {
+        isFormLayout,
+        isReadonly: isReadonlyForm,
+        labelWrapping
+      } = hooks_UNSAFE_useFormContext.useFormContext();
+      const cssClassNames = variant === 'inside' || variant === 'insideError' || variant === 'insideWarning' ? classNames.classNames([labelStyles.base, labelStyles.insideBase, readonly && (isFormLayout && !isReadonlyForm ? labelStyles.insideReadonlyInEnabledForm : labelStyles.insideReadonlyNotInEnabledForm), !readonly && labelStyles.insideNonReadonly, !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue, !readonly && isFocused && labelStyles.insideFocused, disabled && labelStyles.insideDisabled, !disabled && !readonly && (variant === 'insideError' || variant === 'insideWarning') && labelStyles[variant]]) : variant === 'start' ? classNames.classNames([labelStyles.base, labelStyles.startBase, labelWrapping === 'truncate' && labelStyles.noWrap]) : variant === 'top' ? classNames.classNames([labelStyles.base, labelStyles.topBase, labelWrapping === 'truncate' && labelStyles.noWrap]) : undefined; // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll
+      // run into issues destructuring style interpolations, for example having to concatenate both.
+
+      return jsxRuntime.jsx("label", Object.assign({}, props, {
+        class: cssClassNames
+      }));
+    };
+
+    const Label = _a => {
+      var {
+        forId
+      } = _a,
+          props = tslib_es6.__rest(_a, ["forId"]);
+
+      const {
+        hasValue,
+        isDisabled,
+        isFocused,
+        isReadonly
+      } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+      return jsxRuntime.jsx(StyledLabel, Object.assign({
+        for: forId,
+        hasValue: hasValue,
+        disabled: isDisabled,
+        isFocused: isFocused,
+        readonly: isReadonly
+      }, props));
+    };
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+
+    exports.Label = Label;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_Label.js.map