@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/cjs/UNSAFE_InputSensitiveText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputSensitiveText.js","sources":["../../src/UNSAFE_InputSensitiveText/InputSensitiveText.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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } 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 { CountUnit, useLengthFilter } from '#hooks/UNSAFE_useLengthFilter';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  MaxLengthLiveRegion,\n  ObfuscatedTextFieldInput,\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from '#PRIVATE_RevealToggleIcon';\nimport { useClearIcon } from '#hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '#utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '#PRIVATE_ClearIcon/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';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\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  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\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 how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\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   * A label that describes what type of data is hidden.\n   * This label becomes the aria-label of the reveal toggle icon button to make the button accessible.\n   * Example: \"Credit Card Number hidden\"\n   */\n  revealToggleLabel?: string;\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * 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   * 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   * 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} & TestIdProps;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * An InputSensitiveText allows you to enter/edit sensitive data, obfuscating the input as the user types.\n * The obfuscation can be toggled off and on via a reveal toggle button.\n * Examples: Credit Card Number, Social Security Number, etc.\n */\nexport const InputSensitiveText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoFocus = false,\n      columnSpan,\n      hasClearIcon = 'never',\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      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      revealToggleLabel,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\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 maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLInputElement>(null);\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLInputElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef,\n      onBlurWithin: setRevealedFalse\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal button,\n    // toggle revealing/masking password\n    const onRevealIconToggle = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed, setRevealedFalse, setRevealedTrue]);\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    // I'm using || and not ?? here because if they provide an empty string for the label, we want\n    // to use our translated string, as an empty string would be an accessibility violation.\n    const revealToggleAriaLabel = revealToggleLabel || translations.inputSensitiveText_hidden();\n\n    // When hasRevealToggle === 'always', we still don't render the revealToggleButton when:\n    // - isDisabled is true\n    // - isReadonly is true and the value is empty or undefined.\n    const revealToggleIcon =\n      !isDisabled && (!isReadonly || !!value) && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon\n          onToggle={onRevealIconToggle}\n          isRevealed={isRevealed}\n          accessibleLabel={revealToggleAriaLabel}\n        />\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    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { 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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const obfuscationChar = '•';\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"input\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          textAlign={textAlign}\n          type={'text'}\n          value={isRevealed ? value : obfuscationChar.repeat(value ? value.length : 0)}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            endContent={revealToggleIcon}\n            mainContent={mainContent}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n    const mainContent = (\n      <>\n        <ObfuscatedTextFieldInput\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          character={obfuscationChar}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          onInput={onFilteredInput}\n          onCommit={onCommitAndDispatch}\n          placeholder={placeholder}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={value}\n          isRevealed={isRevealed}\n          hasEndContent={!!(maybeClearIcon || revealToggleIcon)}\n          {...inputProps}\n        />\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId + '_remainingChars'}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          columnSpan={columnSpan}\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          compactUserAssistance={compactUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\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 running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["forwardRef","useCurrentValueReducer","useCallback","useFormContext","useRef","useId","useToggle","useFocusableTextField","useSelectableTextField","useImperativeHandle","mergeProps","useHover","useTextField","useTranslationBundle","_jsx","RevealToggleIcon","useClearIcon","ClearIcon","beforeVNode","useLengthFilter","Label","InlineUserAssistance","CompactUserAssistance","ReadonlyTextFieldInput","FormFieldContext","ReadonlyTextField","_jsxs","_Fragment","ObfuscatedTextFieldInput","HiddenAccessible","MaxLengthLiveRegion","TextField","getClientHints"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_InputSensitiveText.js","sources":["../../src/UNSAFE_InputSensitiveText/InputSensitiveText.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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } 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 { CountUnit, useLengthFilter } from '#hooks/UNSAFE_useLengthFilter';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  MaxLengthLiveRegion,\n  ObfuscatedTextFieldInput,\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from '#PRIVATE_RevealToggleIcon';\nimport { useClearIcon } from '#hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '#utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '#PRIVATE_ClearIcon/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';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\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  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\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 how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\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   * A label that describes what type of data is hidden.\n   * This label becomes the aria-label of the reveal toggle icon button to make the button accessible.\n   * Example: \"Credit Card Number hidden\"\n   */\n  revealToggleLabel?: string;\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * 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   * 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   * 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} & TestIdProps;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * An InputSensitiveText allows you to enter/edit sensitive data, obfuscating the input as the user types.\n * The obfuscation can be toggled off and on via a reveal toggle button.\n * Examples: Credit Card Number, Social Security Number, etc.\n */\nexport const InputSensitiveText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoFocus = false,\n      columnSpan,\n      hasClearIcon = 'never',\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      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      revealToggleLabel,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\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 maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLInputElement>(null);\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLInputElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef,\n      onBlurWithin: setRevealedFalse\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal button,\n    // toggle revealing/masking password\n    const onRevealIconToggle = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed, setRevealedFalse, setRevealedTrue]);\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    // I'm using || and not ?? here because if they provide an empty string for the label, we want\n    // to use our translated string, as an empty string would be an accessibility violation.\n    const revealToggleAriaLabel = revealToggleLabel || translations.inputSensitiveText_hidden();\n\n    // When hasRevealToggle === 'always', we still don't render the revealToggleButton when:\n    // - isDisabled is true\n    // - isReadonly is true and the value is empty or undefined.\n    const revealToggleIcon =\n      !isDisabled && (!isReadonly || !!value) && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon\n          onToggle={onRevealIconToggle}\n          isRevealed={isRevealed}\n          accessibleLabel={revealToggleAriaLabel}\n        />\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    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { 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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const obfuscationChar = '•';\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"input\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          textAlign={textAlign}\n          type={'text'}\n          value={isRevealed ? value : obfuscationChar.repeat(value ? value.length : 0)}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            endContent={revealToggleIcon}\n            mainContent={mainContent}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n    const mainContent = (\n      <>\n        <ObfuscatedTextFieldInput\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          character={obfuscationChar}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          onInput={onFilteredInput}\n          onCommit={onCommitAndDispatch}\n          placeholder={placeholder}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={value}\n          isRevealed={isRevealed}\n          hasEndContent={!!(maybeClearIcon || revealToggleIcon)}\n          {...inputProps}\n        />\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId + '_remainingChars'}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          columnSpan={columnSpan}\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          compactUserAssistance={compactUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\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 running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["forwardRef","useCurrentValueReducer","useCallback","useFormContext","useRef","useId","useToggle","useFocusableTextField","useSelectableTextField","useImperativeHandle","mergeProps","useHover","useTextField","useTranslationBundle","_jsx","RevealToggleIcon","useClearIcon","ClearIcon","beforeVNode","useLengthFilter","Label","InlineUserAssistance","CompactUserAssistance","ReadonlyTextFieldInput","FormFieldContext","ReadonlyTextField","_jsxs","_Fragment","ObfuscatedTextFieldInput","HiddenAccessible","MaxLengthLiveRegion","TextField","getClientHints"],"mappings":"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"}

package/cjs/UNSAFE_InputText.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('./InputText-a9c423c3.js');
+var InputText = require('./InputText-b184c097.js');
 require('preact/jsx-runtime');
 require('preact/compat');
 require('preact/hooks');
@@ -23,7 +23,7 @@ require('./useMessageSeverity-cfc4ae9d.js');
 require('./stringUtils-4e4a6b2b.js');
 require('./useFormFieldContextProps-8c04ed0f.js');
 require('./useId-6c0eeb27.js');
-require('./Label-e0d15892.js');
+require('./Label-6f070293.js');
 require('./useFormFieldContext-20f419ef.js');
 require('./classNames-c14c6ef3.js');
 require('./useComponentTheme-082fc8e4.js');
@@ -93,10 +93,10 @@ require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
 require('./vanilla-extract-dynamic.esm-d5dffce7.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 
-require('./IconButton-28559efb.js');
-require('./BaseButton-3a0bf8e4.js');
+require('./IconButton-6f58deac.js');
+require('./BaseButton-6b9f7463.js');
 require('./usePress-886180e4.js');
-require('./usePressClick-421494df.js');
+require('./usePressClick-7a34624a.js');
 require('./useActive-6770f917.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./clientHints-a0f8f4d2.js');
@@ -215,8 +215,8 @@ require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js');
 require('./UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css.js');
 
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js');
-require('./StyledTextField-3289e35c.js');
-require('./LabelValueLayout-4049c1a1.js');
+require('./StyledTextField-1d94ce8e.js');
+require('./LabelValueLayout-3c33ca16.js');
 
 require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
 require('./UNSAFE_RadioItem/themes/RadioStyles.css.js');
@@ -231,6 +231,7 @@ require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
 
+
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
@@ -248,13 +249,13 @@ require('./UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js');
 
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js');
 
-require('./TextField-976ee745.js');
+require('./TextField-ed48834c.js');
 require('./MaxLengthLiveRegion-f03f07c6.js');
 require('./useDebounce-4304cfbd.js');
 require('./LiveRegion-567427c5.js');
 
-require('./InlineUserAssistance-820162f4.js');
-require('./ComponentMessageContainer-24e79106.js');
+require('./InlineUserAssistance-d32aad17.js');
+require('./ComponentMessageContainer-ffadd93c.js');
 require('./MessagesManager-1ae749bf.js');
 require('./SuccessS-0f71f148.js');
 require('./ErrorS-ed472612.js');
@@ -271,10 +272,10 @@ require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
 require('./InlineHelp-281083ff.js');
 require('./InlineHelpSource-0549100d.js');
-require('./CompactUserAssistance-391bf7ca.js');
+require('./CompactUserAssistance-d03b06d5.js');
 require('./Separator-85962472.js');
 require('./componentUtils-a5f09fc1.js');
-require('./ClearIcon-edcc3f6e.js');
+require('./ClearIcon-56d5dd01.js');
 require('./DeleteCircleS-8852154b.js');
 require('./useCurrentValueReducer-f37ac024.js');
 require('./useSelectableTextField-892b62db.js');

package/cjs/UNSAFE_InputText.js.map

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

package/cjs/UNSAFE_InputTimeMask.js

@@ -12,8 +12,8 @@ require('./LayerHost-a8c7f182.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-var InlineUserAssistance = require('./InlineUserAssistance-820162f4.js');
-var CompactUserAssistance = require('./CompactUserAssistance-391bf7ca.js');
+var InlineUserAssistance = require('./InlineUserAssistance-d32aad17.js');
+var CompactUserAssistance = require('./CompactUserAssistance-d03b06d5.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
@@ -47,12 +47,12 @@ var useUser = require('./useUser-a4bfc560.js');
 var UNSAFE_TextField_themes_redwood_TextFieldInputTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js');
 var useDoubleTap = require('./useDoubleTap-d3937fb6.js');
 var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-var Label = require('./Label-e0d15892.js');
+var Label = require('./Label-6f070293.js');
 require('./TextFieldInput-e83921a4.js');
 
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
-var StyledTextField = require('./StyledTextField-3289e35c.js');
-var TextField = require('./TextField-976ee745.js');
+var StyledTextField = require('./StyledTextField-1d94ce8e.js');
+var TextField = require('./TextField-ed48834c.js');
 
 var useFocusableTextField = require('./useFocusableTextField-2c36840d.js');
 require('./FormContext-9452bd30.js');
@@ -65,10 +65,10 @@ require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./IconButton-28559efb.js');
-require('./BaseButton-3a0bf8e4.js');
+require('./IconButton-6f58deac.js');
+require('./BaseButton-6b9f7463.js');
 require('./usePress-886180e4.js');
-require('./usePressClick-421494df.js');
+require('./usePressClick-7a34624a.js');
 require('./useHover-c099039f.js');
 require('./useToggle-3ebba7d8.js');
 require('./useActive-6770f917.js');
@@ -127,7 +127,7 @@ require('./MessagesContext-4e939750.js');
 
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./ComponentMessageContainer-24e79106.js');
+require('./ComponentMessageContainer-ffadd93c.js');
 require('./MessagesManager-1ae749bf.js');
 require('./SuccessS-0f71f148.js');
 require('./Icon-c024b93c.js');
@@ -238,7 +238,7 @@ require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js');
 require('./UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css.js');
 
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js');
-require('./LabelValueLayout-4049c1a1.js');
+require('./LabelValueLayout-3c33ca16.js');
 
 require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
 require('./UNSAFE_RadioItem/themes/RadioStyles.css.js');
@@ -253,6 +253,7 @@ require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
 
+
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');