npm - @oracle/oraclejet-preact - Versions diffs - 19.0.4 → 19.0.6 - Mend

@oracle/oraclejet-preact 19.0.4 → 19.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (633) hide show

package/amd/{InputColor-5315b76a.js.map → InputColor-192a309b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputColor-5315b76a.js","sources":["../../src/UNSAFE_InputColor/InputColorPickerDropdown.tsx","../../src/UNSAFE_InputColor/useInputColorState.ts","../../src/UNSAFE_InputColor/useInputColor.ts","../../src/UNSAFE_InputColor/InputColor.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 } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputColorPickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype PickedPropsFromColorPicker = Pick<ColorPickerProps, 'value' \| 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail \| DropdownCloseDetail;\ntype PickedPropsFromInputColor = Pick<\n InputColorProps,\n \| 'swatchSize'\n \| 'palette'\n \| 'value'\n \| 'aria-describedby'\n \| 'assistiveText'\n \| 'columnSpan'\n \| 'helpSourceLink'\n \| 'helpSourceText'\n \| 'isDisabled'\n \| 'isReadonly'\n \| 'isRequired'\n \| 'isRequiredShown'\n \| 'label'\n \| 'labelEdge'\n \| 'labelStartWidth'\n \| 'messages'\n \| 'textAlign'\n \| 'testId'\n \| 'userAssistanceDensity'\n \| 'variant'\n>;\n\ntype Props = PickedPropsFromColorPicker &\n PickedPropsFromInputColor &\n PickedPropsFromDropdown &\n TestIdProps & {\n /\n Called when the dropdown or sheet is supposed to be closed.\n /\n onClose?: (detail: CloseDetail) => void;\n };\n\n/\n Component that renders ColorPicker either inside a dropdown or sheet; in mobile,\n * it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n /\nconst InputColorPickerDropdown = ({\n anchorRef,\n assistiveText,\n swatchSize,\n palette,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isOpen,\n isReadonly,\n label,\n onClose,\n onCommit,\n messages,\n testId,\n userAssistanceDensity,\n value\n}: Props) => {\n // If the dropdown opens above the component, we don't want to show UA or messages.\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n const handleDropdownPosition = useCallback<\n NonNullable<StickyPositioningDropdownProps['onPosition']>\n >((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n // Reset the flag when the dropdown is closed.\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n if (!isOpen) {\n setDropdownAbove(false);\n }\n }\n\n const sizeOptions: SizeOptions = {\n isMaxWidthAdjusted: false,\n isMaxHeightAdjusted: true\n };\n\n // On mobile phones, the dropdown becomes a sheet.\n const shouldShowSheet = isPhone();\n\n const { colorPicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const colorPickerAriaLabel = colorPicker_label();\n\n const colorPickerMainContent = (\n <ColorPicker\n height={!shouldShowSheet ? 'auto' : undefined}\n onCommit={onCommit}\n // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n maxWidth={shouldShowSheet ? '100%' : undefined}\n width=\"100%\"\n swatchSize={swatchSize}\n palette={palette}\n testId={testId}\n value={value}\n />\n );\n\n const inlineUserAssistanceFooter =\n isOpen &&\n (!isDropdownAbove \|\| shouldShowSheet) &&\n !isDisabled &&\n !isReadonly &&\n (assistiveText \|\| helpSourceLink \|\| (messages && messages.length > 0)) &&\n (userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow') ? (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={userAssistanceStyles}>\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n />\n </div>\n </FormFieldContext.Provider>\n ) : undefined;\n\n const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n // The same content is displayed either in a dropdown or sheet: color picker and inline UA.\n // Add styling to the dropdown to enforce a fixed width.\n const dropdownContent = (\n <div class={dropdownStyles}>\n <SectionedContent\n paddingBlockEnd=\"3.5x\"\n paddingBlockStart=\"3.5x\"\n paddingInlineEnd=\"3.5x\"\n paddingInlineStart=\"3.5x\"\n aria-label={colorPickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={colorPickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </div>\n );\n\n const dropdown = shouldShowSheet ? (\n <Sheet isOpen={isOpen} onClose={onClose}>\n <SectionedContent\n aria-label={colorPickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={colorPickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </Sheet>\n ) : (\n <StickyPositioningDropdown\n anchorRef={anchorRef}\n isOpen={isOpen}\n onClose={onClose}\n onPosition={handleDropdownPosition}\n sizeOptions={sizeOptions}>\n {dropdownContent}\n </StickyPositioningDropdown>\n );\n\n return dropdown;\n};\n\nconst isPhone = () => {\n return getClientHints().deviceType === 'phone';\n};\n\nexport { InputColorPickerDropdown, type CloseDetail };\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 { useReducer } from 'preact/hooks';\nimport { type ColorValue } from '#utils/UNSAFE_color';\n\ntype InputColorState = {\n /\n Represents the current color value of the component. The user either selected\n * the color in the picker, or typed it into the color field.\n /\n colorValue?: ColorValue;\n};\n\ntype ColorChangedAction = { type: 'colorChanged'; data?: ColorValue };\ntype ColorResetAction = { type: 'reset'; data?: ColorValue };\ntype ColorSelectedAction = { type: 'colorSelected'; data?: ColorValue };\ntype InputColorReducerAction = ColorChangedAction \| ColorResetAction \| ColorSelectedAction;\n\n// Use a reducer function to manage InputColorState.\nconst inputColorReducer = (\n state: InputColorState,\n action: InputColorReducerAction\n): InputColorState => {\n switch (action.type) {\n case 'colorChanged': {\n return {\n ...state,\n colorValue: action.data\n };\n }\n case 'colorSelected': {\n return { ...state, colorValue: action.data };\n }\n case 'reset': {\n return {\n colorValue: action.data\n };\n }\n default:\n return state;\n }\n};\n\ntype Props = {\n /\n The value of the InputColor, or undefined.\n /\n value?: ColorValue;\n};\n\n/\n useInputColorState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n /\nconst useInputColorState = ({ value }: Props) => {\n const [state, dispatch] = useReducer(inputColorReducer, {\n colorValue: value\n });\n\n return { state, dispatch };\n};\n\nexport { useInputColorState };\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 type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { ElementRef } from 'preact/compat';\nimport { colorsAreDifferent, type ColorValue } from '#utils/UNSAFE_color';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { CloseDetail, InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { useInputColorState } from './useInputColorState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDownToggle } from '#hooks/UNSAFE_useDownToggle';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputColorPickerDropdown>;\n\ntype Props = {\n onCommit: InputColorProps['onCommit'];\n onInput: InputColorProps['onInput'];\n value: InputColorProps['value'];\n};\n\n/\n Hook that provides handlers and other functionality for InputColor.\n /\nconst useInputColor = ({ onCommit, onInput, value: currentValue }: Props) => {\n // Whether the dropdown is open.\n const [isOpen, setIsOpen] = useState<boolean>(false);\n\n // Ref to the swatch icon button.\n const iconRef: RefObject<SwatchHandle> = useRef<SwatchHandle>(null);\n\n // Ref to the text input which holds color value\n const colorRef: RefObject<HTMLInputElement> = useRef<HTMLInputElement>(null);\n\n // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n const outsideMousedownRef = useRef<boolean>(false);\n const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> \| undefined>();\n\n // Keep track of the last color values passed to onInput and onCommit.\n const lastCommittedColorRef = useRef<ColorValue \| undefined>(currentValue);\n const lastColorRef = useRef<ColorValue \| undefined>(currentValue);\n\n // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n const lastValueFromParentRef = useRef<ColorValue \| undefined>(currentValue);\n\n // Keep track of whether a color was selected in the color picker.\n const colorSelectedRef = useRef<boolean>(false);\n\n const { state, dispatch } = useInputColorState({ value: currentValue });\n\n // If a new value is being pushed from the parent, and that value differs from\n // the current value of the reducer, then this is a programmatic update\n // and we need to call 'reset' to update the reducer state. Otherwise, the only\n // time the reducer state is updated from the value is on mount.\n if (colorsAreDifferent(lastValueFromParentRef.current, currentValue)) {\n lastValueFromParentRef.current = currentValue;\n if (colorsAreDifferent(currentValue, state.colorValue)) {\n dispatch({ type: 'reset', data: currentValue });\n lastColorRef.current = currentValue;\n lastCommittedColorRef.current = currentValue;\n }\n }\n\n // Reducer updates are async, so wait until the state updates and then call our callbacks.\n useEffect(() => {\n if (colorsAreDifferent(state.colorValue, lastColorRef.current)) {\n onInput({ previousValue: lastColorRef.current, value: state.colorValue });\n lastColorRef.current = state.colorValue;\n }\n if (\n colorSelectedRef.current &&\n colorsAreDifferent(state.colorValue, lastCommittedColorRef.current)\n ) {\n onCommit?.({ previousValue: lastCommittedColorRef.current, value: state.colorValue });\n lastCommittedColorRef.current = state.colorValue;\n colorSelectedRef.current = false;\n }\n }, [onCommit, onInput, state.colorValue]);\n\n // Handle onInput from InputColor as values are entered in the input field.\n // We wait for the state to update before calling onInput.\n const colorInputHandler = useCallback<InputColorProps['onInput']>(\n (detail: ValueUpdateDetail<ColorValue>) => {\n dispatch({ type: 'colorChanged', data: detail.value });\n },\n [dispatch]\n );\n\n // Handle onCommit from InputColor, which is called when the user presses Enter or the field is blurred.\n const colorCommitHandler = useCallback<NonNullable<InputColorProps['onCommit']>>(() => {\n // If the current color value differs from the last committed value, then call onCommit.\n if (colorsAreDifferent(lastCommittedColorRef.current, state.colorValue)) {\n onCommit?.({ value: state.colorValue, previousValue: lastCommittedColorRef.current });\n lastCommittedColorRef.current = state.colorValue;\n }\n }, [onCommit, state.colorValue]);\n\n // Respond to onAction event from the swatch icon button. Toggles the color picker dropdown.\n const colorIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n if (!outsideMousedownRef.current) {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n outsideMousedownRef.current = false;\n }, []);\n\n const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n (detail: CloseDetail) => {\n // Keep track of when the dropdown is closed via outside mousedown, including when the swatch icon\n // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n if (detail.reason === 'outsideMousedown') {\n outsideMousedownRef.current = true;\n clearTimeout(outsideMousedownTimerRef.current);\n\n // Clear the flag after a short delay to ensure the dropdown can be opened again.\n outsideMousedownTimerRef.current = setTimeout(() => {\n outsideMousedownRef.current = false;\n }, 200);\n } else if (detail.reason === 'dismissed' \|\| detail.reason === 'keyboardDismissed') {\n // Focus the swatch icon when the dropdown is closed.\n iconRef.current?.focus();\n }\n setIsOpen(false);\n },\n []\n );\n\n // Handle color selection in the picker.\n // - Updates the value in state.\n // - Closes the dropdown.\n // - Sets focus to the color field.\n const colorPickerCommitHandler = useCallback<ColorPickerProps['onCommit']>(\n (detail: ValueUpdateDetail<ColorValue>) => {\n // Set focus to the swatch when a color is selected.\n iconRef.current?.focus();\n\n // Set a ref indicating a color was selected.\n colorSelectedRef.current = true;\n dispatch({ type: 'colorSelected', data: detail.value });\n setIsOpen(false);\n },\n [dispatch]\n );\n\n // The Redwood UX design calls for the dropdown to open when the down arrow is pressed.\n // Handle opening the dropdown when the down arrow is pressed in the text edit field.\n const colorPickerDownHandler = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const { triggerProps: containerDropdownProps } = useDownToggle({\n isOpen,\n onToggle: colorPickerDownHandler\n });\n\n return {\n colorIconActionHandler,\n colorPickerCommitHandler,\n dropdownCloseHandler,\n containerDropdownProps,\n colorValue: state.colorValue,\n iconRef,\n isOpen,\n colorCommitHandler,\n colorInputHandler,\n colorRef\n };\n};\n\nexport { useInputColor };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { type BundleType } from '../resources/nls/bundle';\nimport { type ColorValue, isValidColorValue } from '#utils/UNSAFE_color';\nimport { InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { useInputColor } from './useInputColor';\n\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 { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { CompactUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { ClearIcon } from '../PRIVATE_ClearIcon/ClearIcon';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { InputColorPublicProps as Props } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/\n An Input Color is a form field that allows users to select or input a color value,\n * using a color picker or by enterihg a HEX code.\n /\nexport const InputColor = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n swatchSize,\n palette,\n value,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n isRequiredShown = false,\n isRequired = false,\n placeholder,\n hasClearIcon,\n columnSpan,\n textAlign: propTextAlign,\n autoComplete,\n messages,\n assistiveText,\n helpSourceLink,\n helpSourceText,\n label,\n onCommit,\n onInput,\n testId,\n variant,\n userAssistanceDensity: propUserAssistanceDensity\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const {\n colorIconActionHandler,\n colorPickerCommitHandler,\n dropdownCloseHandler,\n colorValue,\n containerDropdownProps,\n iconRef,\n isOpen,\n colorCommitHandler,\n colorInputHandler,\n colorRef: enabledElementRef\n } = useInputColor({\n onCommit,\n onInput,\n value\n });\n\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const { inputColor_selectColor } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const colorIconAriaLabel = inputColor_selectColor();\n const { onKeyDown, ...inputContainerAriaProps } = containerDropdownProps;\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value: colorValue });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<ColorValue>) => {\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 colorInputHandler?.(detail);\n },\n [colorInputHandler, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<ColorValue>) => {\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 colorCommitHandler?.(detail);\n },\n [colorCommitHandler, dispatch]\n );\n\n const startContent = () => (\n <ColorSwatch\n size=\"xs\"\n aria-haspopup={palette ? 'grid' : undefined} // with only palette, grid is a better choice than dialog for now.\n aria-label={palette ? colorIconAriaLabel : undefined}\n isDisabled={isDisabled}\n isButton={true}\n isTooltipDisabled={isOpen}\n ref={iconRef as Ref<SwatchHandle>}\n testId={testId ? testId + '_colorIcon' : undefined}\n value={currentCommitValue as ColorValue}\n onToggle={isDisabled \|\| !palette ? undefined : colorIconActionHandler}\n />\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 readonlyElementRef = useRef<HTMLDivElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\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\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused: isFocused \|\| isOpen,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages,\n styleVariant: variant,\n userAssistanceDensity,\n value: colorValue\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: colorValue, value: undefined });\n }, [onInputAndDispatch, colorValue, 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\n const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const aRef = useRef<HTMLDivElement>(null);\n const anchorRef = mainFieldRef ?? aRef;\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 mainContent = isReadonly ? (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"div\"\n elementRef={readonlyElementRef}\n textAlign={textAlign}\n value={colorValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={hasInsideLabel}\n />\n ) : (\n <TextFieldInput\n aria-labelledby={labelProps.id}\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasEndContent={false}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n hasStartContent={true}\n inputRef={enabledElementRef}\n isRequired={isRequired}\n placeholder={placeholder}\n textAlign={textAlign}\n type={isMobile() ? 'text' : undefined}\n value={colorValue}\n onCommit={\n onCommitAndDispatch as (detail: ValueUpdateDetail<string>) => {\n value: string;\n }\n }\n onInput={\n onInputAndDispatch as (detail: ValueUpdateDetail<string>) => {\n value: string;\n }\n }\n onKeyDown={onKeyDown}\n {...inputProps}\n />\n );\n\n return (\n <>\n <FormFieldContext.Provider value={formFieldContext}>\n {isReadonly ? (\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps.onFocusOut}\n onFocus={focusProps.onFocusIn}\n ref={anchorRef}\n mainContent={mainContent}\n testId={testId}\n {...fieldLabelProps}></ReadonlyTextField>\n ) : (\n <TextField\n endContent={maybeClearIcon}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n mainContent={mainContent}\n onBlur={focusProps.onFocusOut}\n onFocus={focusProps.onFocusIn}\n startContent={startContent()}\n mainFieldRef={anchorRef}\n hasZeroStartMargin={true}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}\n {...hoverProps}\n {...inputContainerAriaProps}\n />\n )}\n </FormFieldContext.Provider>\n\n {isOpen && !isReadonly && !isDisabled && (\n <InputColorPickerDropdown\n anchorRef={mainFieldRef}\n assistiveText={assistiveText}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isOpen={isOpen}\n label={label}\n onClose={dropdownCloseHandler}\n onCommit={colorPickerCommitHandler}\n messages={messages}\n testId={testId ? testId + '_colorPicker' : undefined}\n userAssistanceDensity={userAssistanceDensity}\n // memoize this for performance\n value={colorValue && isValidColorValue(colorValue) ? colorValue : undefined}\n palette={palette}\n swatchSize={swatchSize}\n />\n )}\n </>\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}\nInputColor.displayName = 'InputColor';\n"],"names":["InputColorPickerDropdown","anchorRef","assistiveText","swatchSize","palette","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","messages","testId","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","colorPicker_label","useTranslationBundle","colorPickerAriaLabel","colorPickerMainContent","_jsx","ColorPicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","footer","hasFocusTrap","main","role","Sheet","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","inputColorReducer","state","action","type","colorValue","useInputColor","onInput","currentValue","setIsOpen","iconRef","useRef","colorRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedColorRef","lastColorRef","lastValueFromParentRef","colorSelectedRef","dispatch","useReducer","useInputColorState","colorsAreDifferent","current","useEffect","previousValue","colorInputHandler","detail","colorCommitHandler","colorIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","colorPickerCommitHandler","colorPickerDownHandler","triggerProps","containerDropdownProps","useDownToggle","onToggle","InputColor","forwardRef","ariaDescribedBy","propIsDisabled","propIsReadonly","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","isRequiredShown","isRequired","placeholder","hasClearIcon","columnSpan","textAlign","propTextAlign","autoComplete","variant","propUserAssistanceDensity","ref","enabledElementRef","mainFieldRef","inputColor_selectColor","colorIconAriaLabel","onKeyDown","inputContainerAriaProps","currentCommitValue","useCurrentValueReducer","onInputAndDispatch","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","readonlyElementRef","focusProps","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","hasInsideLabel","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","aRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","TextFieldInput","hasEndContent","hasStartContent","inputRef","isMobile","_jsxs","ReadonlyTextField","onBlur","onFocusOut","onFocus","onFocusIn","TextField","endContent","startContent","ColorSwatch","size","isButton","isTooltipDisabled","hasZeroStartMargin","isValidColorValue","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"InputColor-192a309b.js","sources":["../../src/UNSAFE_InputColor/InputColorPickerDropdown.tsx","../../src/UNSAFE_InputColor/useInputColorState.ts","../../src/UNSAFE_InputColor/useInputColor.ts","../../src/UNSAFE_InputColor/InputColor.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 } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputColorPickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype PickedPropsFromColorPicker = Pick<ColorPickerProps, 'value' \| 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail \| DropdownCloseDetail;\ntype PickedPropsFromInputColor = Pick<\n InputColorProps,\n \| 'swatchSize'\n \| 'palette'\n \| 'value'\n \| 'aria-describedby'\n \| 'assistiveText'\n \| 'columnSpan'\n \| 'helpSourceLink'\n \| 'helpSourceText'\n \| 'isDisabled'\n \| 'isReadonly'\n \| 'isRequired'\n \| 'isRequiredShown'\n \| 'label'\n \| 'labelEdge'\n \| 'labelStartWidth'\n \| 'messages'\n \| 'textAlign'\n \| 'testId'\n \| 'userAssistanceDensity'\n \| 'variant'\n>;\n\ntype Props = PickedPropsFromColorPicker &\n PickedPropsFromInputColor &\n PickedPropsFromDropdown &\n TestIdProps & {\n /\n Called when the dropdown or sheet is supposed to be closed.\n /\n onClose?: (detail: CloseDetail) => void;\n };\n\n/\n Component that renders ColorPicker either inside a dropdown or sheet; in mobile,\n * it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n /\nconst InputColorPickerDropdown = ({\n anchorRef,\n assistiveText,\n swatchSize,\n palette,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isOpen,\n isReadonly,\n label,\n onClose,\n onCommit,\n messages,\n testId,\n userAssistanceDensity,\n value\n}: Props) => {\n // If the dropdown opens above the component, we don't want to show UA or messages.\n const [isDropdownAbove, setDropdownAbove] = useState(false);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n const handleDropdownPosition = useCallback<\n NonNullable<StickyPositioningDropdownProps['onPosition']>\n >((data: PositionData) => {\n setDropdownAbove(data.placement.startsWith('top'));\n }, []);\n // Reset the flag when the dropdown is closed.\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n if (!isOpen) {\n setDropdownAbove(false);\n }\n }\n\n const sizeOptions: SizeOptions = {\n isMaxWidthAdjusted: false,\n isMaxHeightAdjusted: true\n };\n\n // On mobile phones, the dropdown becomes a sheet.\n const shouldShowSheet = isPhone();\n\n const { colorPicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const colorPickerAriaLabel = colorPicker_label();\n\n const colorPickerMainContent = (\n <ColorPicker\n height={!shouldShowSheet ? 'auto' : undefined}\n onCommit={onCommit}\n // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n maxWidth={shouldShowSheet ? '100%' : undefined}\n width=\"100%\"\n swatchSize={swatchSize}\n palette={palette}\n testId={testId}\n value={value}\n />\n );\n\n const inlineUserAssistanceFooter =\n isOpen &&\n (!isDropdownAbove \|\| shouldShowSheet) &&\n !isDisabled &&\n !isReadonly &&\n (assistiveText \|\| helpSourceLink \|\| (messages && messages.length > 0)) &&\n (userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow') ? (\n <FormFieldContext.Provider value={{ isFocused: true }}>\n <div class={userAssistanceStyles}>\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n userAssistanceDensity={userAssistanceDensity}\n />\n </div>\n </FormFieldContext.Provider>\n ) : undefined;\n\n const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n // The same content is displayed either in a dropdown or sheet: color picker and inline UA.\n // Add styling to the dropdown to enforce a fixed width.\n const dropdownContent = (\n <div class={dropdownStyles}>\n <SectionedContent\n paddingBlockEnd=\"3.5x\"\n paddingBlockStart=\"3.5x\"\n paddingInlineEnd=\"3.5x\"\n paddingInlineStart=\"3.5x\"\n aria-label={colorPickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={colorPickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </div>\n );\n\n const dropdown = shouldShowSheet ? (\n <Sheet isOpen={isOpen} onClose={onClose}>\n <SectionedContent\n aria-label={colorPickerAriaLabel}\n footer={inlineUserAssistanceFooter}\n hasFocusTrap={true}\n main={colorPickerMainContent}\n role=\"dialog\"\n testId={contentTestId}\n />\n </Sheet>\n ) : (\n <StickyPositioningDropdown\n anchorRef={anchorRef}\n isOpen={isOpen}\n onClose={onClose}\n onPosition={handleDropdownPosition}\n sizeOptions={sizeOptions}>\n {dropdownContent}\n </StickyPositioningDropdown>\n );\n\n return dropdown;\n};\n\nconst isPhone = () => {\n return getClientHints().deviceType === 'phone';\n};\n\nexport { InputColorPickerDropdown, type CloseDetail };\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 { useReducer } from 'preact/hooks';\nimport { type ColorValue } from '#utils/UNSAFE_color';\n\ntype InputColorState = {\n /\n Represents the current color value of the component. The user either selected\n * the color in the picker, or typed it into the color field.\n /\n colorValue?: ColorValue;\n};\n\ntype ColorChangedAction = { type: 'colorChanged'; data?: ColorValue };\ntype ColorResetAction = { type: 'reset'; data?: ColorValue };\ntype ColorSelectedAction = { type: 'colorSelected'; data?: ColorValue };\ntype InputColorReducerAction = ColorChangedAction \| ColorResetAction \| ColorSelectedAction;\n\n// Use a reducer function to manage InputColorState.\nconst inputColorReducer = (\n state: InputColorState,\n action: InputColorReducerAction\n): InputColorState => {\n switch (action.type) {\n case 'colorChanged': {\n return {\n ...state,\n colorValue: action.data\n };\n }\n case 'colorSelected': {\n return { ...state, colorValue: action.data };\n }\n case 'reset': {\n return {\n colorValue: action.data\n };\n }\n default:\n return state;\n }\n};\n\ntype Props = {\n /\n The value of the InputColor, or undefined.\n /\n value?: ColorValue;\n};\n\n/\n useInputColorState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n /\nconst useInputColorState = ({ value }: Props) => {\n const [state, dispatch] = useReducer(inputColorReducer, {\n colorValue: value\n });\n\n return { state, dispatch };\n};\n\nexport { useInputColorState };\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 type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { ElementRef } from 'preact/compat';\nimport { colorsAreDifferent, type ColorValue } from '#utils/UNSAFE_color';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { CloseDetail, InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { useInputColorState } from './useInputColorState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDownToggle } from '#hooks/UNSAFE_useDownToggle';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputColorPickerDropdown>;\n\ntype Props = {\n onCommit: InputColorProps['onCommit'];\n onInput: InputColorProps['onInput'];\n value: InputColorProps['value'];\n};\n\n/\n Hook that provides handlers and other functionality for InputColor.\n /\nconst useInputColor = ({ onCommit, onInput, value: currentValue }: Props) => {\n // Whether the dropdown is open.\n const [isOpen, setIsOpen] = useState<boolean>(false);\n\n // Ref to the swatch icon button.\n const iconRef: RefObject<SwatchHandle> = useRef<SwatchHandle>(null);\n\n // Ref to the text input which holds color value\n const colorRef: RefObject<HTMLInputElement> = useRef<HTMLInputElement>(null);\n\n // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n const outsideMousedownRef = useRef<boolean>(false);\n const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> \| undefined>();\n\n // Keep track of the last color values passed to onInput and onCommit.\n const lastCommittedColorRef = useRef<ColorValue \| undefined>(currentValue);\n const lastColorRef = useRef<ColorValue \| undefined>(currentValue);\n\n // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n const lastValueFromParentRef = useRef<ColorValue \| undefined>(currentValue);\n\n // Keep track of whether a color was selected in the color picker.\n const colorSelectedRef = useRef<boolean>(false);\n\n const { state, dispatch } = useInputColorState({ value: currentValue });\n\n // If a new value is being pushed from the parent, and that value differs from\n // the current value of the reducer, then this is a programmatic update\n // and we need to call 'reset' to update the reducer state. Otherwise, the only\n // time the reducer state is updated from the value is on mount.\n if (colorsAreDifferent(lastValueFromParentRef.current, currentValue)) {\n lastValueFromParentRef.current = currentValue;\n if (colorsAreDifferent(currentValue, state.colorValue)) {\n dispatch({ type: 'reset', data: currentValue });\n lastColorRef.current = currentValue;\n lastCommittedColorRef.current = currentValue;\n }\n }\n\n // Reducer updates are async, so wait until the state updates and then call our callbacks.\n useEffect(() => {\n if (colorsAreDifferent(state.colorValue, lastColorRef.current)) {\n onInput({ previousValue: lastColorRef.current, value: state.colorValue });\n lastColorRef.current = state.colorValue;\n }\n if (\n colorSelectedRef.current &&\n colorsAreDifferent(state.colorValue, lastCommittedColorRef.current)\n ) {\n onCommit?.({ previousValue: lastCommittedColorRef.current, value: state.colorValue });\n lastCommittedColorRef.current = state.colorValue;\n colorSelectedRef.current = false;\n }\n }, [onCommit, onInput, state.colorValue]);\n\n // Handle onInput from InputColor as values are entered in the input field.\n // We wait for the state to update before calling onInput.\n const colorInputHandler = useCallback<InputColorProps['onInput']>(\n (detail: ValueUpdateDetail<ColorValue>) => {\n dispatch({ type: 'colorChanged', data: detail.value });\n },\n [dispatch]\n );\n\n // Handle onCommit from InputColor, which is called when the user presses Enter or the field is blurred.\n const colorCommitHandler = useCallback<NonNullable<InputColorProps['onCommit']>>(() => {\n // If the current color value differs from the last committed value, then call onCommit.\n if (colorsAreDifferent(lastCommittedColorRef.current, state.colorValue)) {\n onCommit?.({ value: state.colorValue, previousValue: lastCommittedColorRef.current });\n lastCommittedColorRef.current = state.colorValue;\n }\n }, [onCommit, state.colorValue]);\n\n // Respond to onAction event from the swatch icon button. Toggles the color picker dropdown.\n const colorIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n if (!outsideMousedownRef.current) {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n outsideMousedownRef.current = false;\n }, []);\n\n const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n (detail: CloseDetail) => {\n // Keep track of when the dropdown is closed via outside mousedown, including when the swatch icon\n // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n if (detail.reason === 'outsideMousedown') {\n outsideMousedownRef.current = true;\n clearTimeout(outsideMousedownTimerRef.current);\n\n // Clear the flag after a short delay to ensure the dropdown can be opened again.\n outsideMousedownTimerRef.current = setTimeout(() => {\n outsideMousedownRef.current = false;\n }, 200);\n } else if (detail.reason === 'dismissed' \|\| detail.reason === 'keyboardDismissed') {\n // Focus the swatch icon when the dropdown is closed.\n iconRef.current?.focus();\n }\n setIsOpen(false);\n },\n []\n );\n\n // Handle color selection in the picker.\n // - Updates the value in state.\n // - Closes the dropdown.\n // - Sets focus to the color field.\n const colorPickerCommitHandler = useCallback<ColorPickerProps['onCommit']>(\n (detail: ValueUpdateDetail<ColorValue>) => {\n // Set focus to the swatch when a color is selected.\n iconRef.current?.focus();\n\n // Set a ref indicating a color was selected.\n colorSelectedRef.current = true;\n dispatch({ type: 'colorSelected', data: detail.value });\n setIsOpen(false);\n },\n [dispatch]\n );\n\n // The Redwood UX design calls for the dropdown to open when the down arrow is pressed.\n // Handle opening the dropdown when the down arrow is pressed in the text edit field.\n const colorPickerDownHandler = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const { triggerProps: containerDropdownProps } = useDownToggle({\n isOpen,\n onToggle: colorPickerDownHandler\n });\n\n return {\n colorIconActionHandler,\n colorPickerCommitHandler,\n dropdownCloseHandler,\n containerDropdownProps,\n colorValue: state.colorValue,\n iconRef,\n isOpen,\n colorCommitHandler,\n colorInputHandler,\n colorRef\n };\n};\n\nexport { useInputColor };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { type BundleType } from '../resources/nls/bundle';\nimport { type ColorValue, isValidColorValue } from '#utils/UNSAFE_color';\nimport { InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { useInputColor } from './useInputColor';\n\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 { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { CompactUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { ClearIcon } from '../PRIVATE_ClearIcon/ClearIcon';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { InputColorPublicProps as Props } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/\n An Input Color is a form field that allows users to select or input a color value,\n * using a color picker or by enterihg a HEX code.\n /\nexport const InputColor = forwardRef(\n (\n {\n 'aria-describedby': ariaDescribedBy,\n swatchSize,\n palette,\n value,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n isRequiredShown = false,\n isRequired = false,\n placeholder,\n hasClearIcon,\n columnSpan,\n textAlign: propTextAlign,\n autoComplete,\n messages,\n assistiveText,\n helpSourceLink,\n helpSourceText,\n label,\n onCommit,\n onInput,\n testId,\n variant,\n userAssistanceDensity: propUserAssistanceDensity\n }: Props,\n ref?: Ref<FocusSelectHandle>\n ) => {\n const {\n colorIconActionHandler,\n colorPickerCommitHandler,\n dropdownCloseHandler,\n colorValue,\n containerDropdownProps,\n iconRef,\n isOpen,\n colorCommitHandler,\n colorInputHandler,\n colorRef: enabledElementRef\n } = useInputColor({\n onCommit,\n onInput,\n value\n });\n\n const mainFieldRef = useRef<HTMLDivElement>(null);\n const { inputColor_selectColor } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const colorIconAriaLabel = inputColor_selectColor();\n const { onKeyDown, ...inputContainerAriaProps } = containerDropdownProps;\n\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value: colorValue });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<ColorValue>) => {\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 colorInputHandler?.(detail);\n },\n [colorInputHandler, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<ColorValue>) => {\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 colorCommitHandler?.(detail);\n },\n [colorCommitHandler, dispatch]\n );\n\n const startContent = () => (\n <ColorSwatch\n size=\"xs\"\n aria-haspopup={palette ? 'grid' : undefined} // with only palette, grid is a better choice than dialog for now.\n aria-label={palette ? colorIconAriaLabel : undefined}\n isDisabled={isDisabled}\n isButton={true}\n isTooltipDisabled={isOpen}\n ref={iconRef as Ref<SwatchHandle>}\n testId={testId ? testId + '_colorIcon' : undefined}\n value={currentCommitValue as ColorValue}\n onToggle={isDisabled \|\| !palette ? undefined : colorIconActionHandler}\n />\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 readonlyElementRef = useRef<HTMLDivElement>(null);\n\n const {\n focusProps,\n isFocused,\n methods: focusMethods\n } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n isDisabled,\n isReadonly,\n enabledElementRef,\n readonlyElementRef\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\n const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n useTextField({\n ariaDescribedBy,\n helpSourceLink,\n helpSourceText,\n isDisabled,\n isFocused: isFocused \|\| isOpen,\n isReadonly,\n isRequiredShown,\n labelEdge,\n messages,\n styleVariant: variant,\n userAssistanceDensity,\n value: colorValue\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: colorValue, value: undefined });\n }, [onInputAndDispatch, colorValue, 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\n const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n const isInlineDensity =\n userAssistanceDensity === 'efficient' \|\| userAssistanceDensity === 'reflow';\n\n const inlineUserAssistance = isInlineDensity ? (\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : undefined;\n\n const aRef = useRef<HTMLDivElement>(null);\n const anchorRef = mainFieldRef ?? aRef;\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 mainContent = isReadonly ? (\n <ReadonlyTextFieldInput\n aria-describedby={inputProps['aria-describedby']}\n aria-label={ariaLabel}\n aria-labelledby={labelProps.id}\n as=\"div\"\n elementRef={readonlyElementRef}\n textAlign={textAlign}\n value={colorValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasInsideLabel={hasInsideLabel}\n />\n ) : (\n <TextFieldInput\n aria-labelledby={labelProps.id}\n aria-label={ariaLabel}\n autoComplete={autoComplete}\n currentCommitValue={currentCommitValue}\n hasEmptyLabel={label === '' && labelEdge === 'none'}\n hasEndContent={false}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n hasStartContent={true}\n inputRef={enabledElementRef}\n isRequired={isRequired}\n placeholder={placeholder}\n textAlign={textAlign}\n type={isMobile() ? 'text' : undefined}\n value={colorValue}\n onCommit={\n onCommitAndDispatch as (detail: ValueUpdateDetail<string>) => {\n value: string;\n }\n }\n onInput={\n onInputAndDispatch as (detail: ValueUpdateDetail<string>) => {\n value: string;\n }\n }\n onKeyDown={onKeyDown}\n {...inputProps}\n />\n );\n\n return (\n <>\n <FormFieldContext.Provider value={formFieldContext}>\n {isReadonly ? (\n <ReadonlyTextField\n role=\"presentation\"\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps.onFocusOut}\n onFocus={focusProps.onFocusIn}\n ref={anchorRef}\n mainContent={mainContent}\n testId={testId}\n {...fieldLabelProps}></ReadonlyTextField>\n ) : (\n <TextField\n endContent={maybeClearIcon}\n columnSpan={columnSpan}\n compactUserAssistance={compactUserAssistance}\n inlineUserAssistance={inlineUserAssistance}\n mainContent={mainContent}\n onBlur={focusProps.onFocusOut}\n onFocus={focusProps.onFocusIn}\n startContent={startContent()}\n mainFieldRef={anchorRef}\n hasZeroStartMargin={true}\n testId={testId}\n {...textFieldProps}\n {...fieldLabelProps}\n {...hoverProps}\n {...inputContainerAriaProps}\n />\n )}\n </FormFieldContext.Provider>\n\n {isOpen && !isReadonly && !isDisabled && (\n <InputColorPickerDropdown\n anchorRef={mainFieldRef}\n assistiveText={assistiveText}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isOpen={isOpen}\n label={label}\n onClose={dropdownCloseHandler}\n onCommit={colorPickerCommitHandler}\n messages={messages}\n testId={testId ? testId + '_colorPicker' : undefined}\n userAssistanceDensity={userAssistanceDensity}\n // memoize this for performance\n value={colorValue && isValidColorValue(colorValue) ? colorValue : undefined}\n palette={palette}\n swatchSize={swatchSize}\n />\n )}\n </>\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}\nInputColor.displayName = 'InputColor';\n"],"names":["InputColorPickerDropdown","anchorRef","assistiveText","swatchSize","palette","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","messages","testId","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","colorPicker_label","useTranslationBundle","colorPickerAriaLabel","colorPickerMainContent","_jsx","ColorPicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","footer","hasFocusTrap","main","role","Sheet","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","inputColorReducer","state","action","type","colorValue","useInputColor","onInput","currentValue","setIsOpen","iconRef","useRef","colorRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedColorRef","lastColorRef","lastValueFromParentRef","colorSelectedRef","dispatch","useReducer","useInputColorState","colorsAreDifferent","current","useEffect","previousValue","colorInputHandler","detail","colorCommitHandler","colorIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","colorPickerCommitHandler","colorPickerDownHandler","triggerProps","containerDropdownProps","useDownToggle","onToggle","InputColor","forwardRef","ariaDescribedBy","propIsDisabled","propIsReadonly","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","isRequiredShown","isRequired","placeholder","hasClearIcon","columnSpan","textAlign","propTextAlign","autoComplete","variant","propUserAssistanceDensity","ref","enabledElementRef","mainFieldRef","inputColor_selectColor","colorIconAriaLabel","onKeyDown","inputContainerAriaProps","currentCommitValue","useCurrentValueReducer","onInputAndDispatch","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","readonlyElementRef","focusProps","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","hasInsideLabel","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","aRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","TextFieldInput","hasEndContent","hasStartContent","inputRef","isMobile","_jsxs","ReadonlyTextField","onBlur","onFocusOut","onFocus","onFocusIn","TextField","endContent","startContent","ColorSwatch","size","isButton","isTooltipDisabled","hasZeroStartMargin","isValidColorValue","displayName"],"mappings":"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"}

package/amd/InputDateMask-2fdb6f26.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-27bf6340', 'css!./LiveRegionStyles.styles.css', './LayerHost-7d4aa6d3', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useUser-988f7da2', './getFormatParse-7ea0c25b', './calendarDateUtils-dd5b75ee', './maskUtils-8e7a7701', './stringUtils-4ffd9d59', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './Flex-4bc3a394', './HiddenAccessible-037ef42d', './LiveRegion-4b9317e5', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './formControlUtils-de035f75', './classNames-08d99695', './clientHints-6d361eaa', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useDoubleTap-b6bf5458', './useTabbableMode-df433329'], (function(e,t,a,s,n,i,r,o,l,d,c,u,m,p,y,g,b,f,h,v,x,D,S,C,T,F,k,A,I,w,R,P,U,E,L,_,M,B,j,H,O,N,V,q,Y,W,K,$,z,X,Z,G,J,Q,ee,te,ae,se,ne,ie,re,oe,le){"use strict";const de=e=>{e.preventDefault()},ce=()=>"ios"===ie.getClientHints().platform,ue=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isHidden:m,isHighlighted:p,isInvalid:y,isRequired:g,isSelected:b,onChange:f,placeholder:h,text:v,type:x})=>{const D=v&&v.length>0,S=ne.classNames([re.segmentStyles.base,b&&re.segmentStyles.selected,p&&re.segmentStyles.highlighted]),C=ne.classNames([re.segmentStyles.placeholder,m||D?re.segmentStyles.hidden:re.segmentStyles.notHidden]),T=u.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),F=s.useRef(null),k=l??F,A=s.useRef(!1),{locale:I}=K.useUser(),w=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&"Escape"!==e.key&&!i.isSelectAll(e)){if(p){if(i.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==v?X.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:x,text:e.key,hasLeadingZero:A.current,locale:I}}),A.current=!1):i.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:x}}),A.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:I,type:x}}),A.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:I,type:x}}),A.current=!1):A.current=!0;e.preventDefault(),e.stopPropagation()}}),[d,c,p,I,f,v,x]);s.useEffect((()=>{b&&k.current?.focus()}),[b,k]);const R={"data-segment":[x]},P=void 0===o?T:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:k,role:ce()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":y||void 0,"aria-label":e,"aria-multiline":!ce()&&void 0,"aria-required":g,"aria-valuemin":ce()?void 0:n,"aria-valuemax":ce()?void 0:a,"aria-valuenow":ce()?void 0:r,"aria-valuetext":ce()?void 0:P,autocapitalize:"off",autocorrect:"off",class:S,contentEditable:!c,...R,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:de,onKeyDown:w,onPaste:de,spellcheck:!1,tabIndex:b?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:C,...R,children:h}),v]})})},me=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const i=ne.classNames([re.segmentStyles.literalBase,s&&re.segmentStyles.placeholder,a&&re.segmentStyles.highlighted,e?re.segmentStyles.hidden:re.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:i,children:n})},pe=(e,t)=>{if("reset"===t.actionType)return t.data;switch(t.actionType){case"clearDate":{const t=Pe(Ie(e.segments),e.orderedSegments);return je(e,t,!1)}case"clearSegment":{const a=Ae(be(e.segments,t.data.type));return ke(e,t.data.type,a)}case"deselectAndComplete":{let t=qe(e.segments);return t=Me(t),je(e,t,!1)}case"commitOnBlur":{const t=qe(e.segments),a=Me(t);return{...je(e,a,!1),isCommitting:!0}}case"commitOnEnter":{const t=qe(e.segments);return{...je(e,t,!1),isCommitting:!0}}case"committed":return{...e,isCommitting:!1};case"goToEnd":{const a=Ne(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"goToHome":{const a=Oe(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"page":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"page",a,s);return ke(e,t.data.type,n,!1)}case"selectDateOrSegment":return Be(e);case"selectFirst":{const t=Pe(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectNext":{const t=Le(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectPrevious":{const t=_e(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectSegment":{const a=Re(e.segments,t.data.type);return je(e,a,!1)}case"step":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"step",a,s);return ke(e,t.data.type,n,!1)}case"updateSegment":{const a=we(t.data.type,be(e.segments,t.data.type),t,e.segments);return ke(e,t.data.type,a)}default:throw new Error("Unknown action type")}},ye=e=>+e,ge=e=>e.toString(),be=(e,t)=>e.find((e=>e.type===t)),fe=e=>e.every((e=>e.text&&e.text.length>0)),he=e=>e.some((e=>void 0!==e["aria-valuenow"])),ve=e=>{if(!he(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},xe=e=>be(e,"year")["aria-valuenow"],De=(e,t,a)=>`${t} - ${X.getMonthName(e,t,a??"*","long")}`,Se=e=>[...e.orderedSegments],Ce=(e,t,a)=>e.map((e=>e.type===t?a:e)),Te=(e,t,a,s,n)=>{const i=Ce(e,a,s);let r=i;if("month"===a||"year"===a){const e=be(i,"day");if(e){const t="month"==a?s["aria-valuenow"]:be(i,"month")["aria-valuenow"],o="year"===a?s["aria-valuenow"]:xe(i),l=t&&2===t&&o&&o<1e3&&"year"===a&&n?29:z.getDaysInMonth(t??"*",o??"*"),d=e["aria-valuenow"],c=d&&d>l?l:d,u=void 0!==c?ge(c):void 0,m={...e,"aria-valuemax":l,"aria-valuenow":c,"aria-valuetext":u,text:u};r=Ce(i,"day",m)}}return r=s.isComplete&&n?Le(r,t):r,r},Fe=(e,t)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:e.isDateSelected,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),ke=(e,t,a,s=!0)=>{const n=Te(e.segments,e.orderedSegments,t,a,s);return Fe(e,n)},Ae=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),Ie=e=>e.map((e=>{const t=Ae(e),a="year"===t.type?z.MAX_ISO_YEAR:"month"===t.type?z.getMonthsInYear("*"):z.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),we=(e,t,a,s)=>{const n=a.data.text,i=a.data.hasLeadingZero,r=a.data.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],d=t.isComplete?n:t.text+n,c=ye(d),u=(p=l,(m=c)>=o&&m<=p);var m,p;const y=u?d:n,g=u?c:ye(n),b=((e,t)=>ye(ge(e)+"0")>t)(g,l)||!!i&&"year"!==e,f="month"===e?De(r,g,xe(s)):y;return{...t,"aria-valuetext":f,"aria-valuenow":g,text:y,isComplete:b}},Re=(e,t)=>qe(e).map((e=>({...e,isSelected:e.type===t}))),Pe=(e,t)=>Re(e,t[0]),Ue=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},Ee=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Le=(e,t)=>{const a=Ue(e,t);return a===t.length-1?e:Re(Ee(e),t[a+1])},_e=(e,t)=>{const a=Ue(e,t);return 0===a?e:-1===a?Pe(e,t):Re(Ee(e),t[a-1])},Me=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),Be=e=>{if(e.isCompleteDate)return je(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Pe(e.segments,e.orderedSegments);return Fe(e,t)}},je=(e,t,a)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:a,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),He=(e,t,a,s,n)=>{const i=ge(e);return{...s,"aria-valuetext":"month"===a?De(t,e,xe(n)):i,"aria-valuenow":e,text:i,isComplete:!0}},Oe=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return He(n,s,e,t,a)},Ne=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return He(n,s,e,t,a)},Ve=(e,t,a,s,n,i)=>{const r=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],d=void 0===r?(e=>{const{year:t,month:a,day:s}=X.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const i="month"===n?2:"year"===n?5:7;return"increase"===t?e+i>s?(e+i)%s:e+i:e-i<a?e-i+s:e-i})(r,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(r,n,o,l);return He(d,i,e,t,a)},qe=e=>{const t=e.find((e=>"month"===e.type)),a=e.find((e=>"day"===e.type)),s=e.find((e=>"year"===e.type)),n=s?.["aria-valuenow"];if(void 0!==n&&n<1e3&&!$.isLeapYear(n)&&2===t?.["aria-valuenow"]&&29===a?.["aria-valuenow"]){const t={...a,"aria-valuemax":28,"aria-valuenow":28,"aria-valuetext":"28",text:"28"};return Ce(e,"day",t)}return e};const Ye=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isInputFocused:o,onCommit:l,onInput:d,state:c,value:u})=>{const{tabbableModeProps:m}=le.useTabbableMode(),{tabIndex:p}=m,y=c.segments.some((e=>!!e.isSelected)),g=-1===p||y||r?-1:0,b=s.useRef(c.currentDate),f=s.useRef(c.currentDate),h=s.useRef(!1);e.current&&(b.current=u,f.current=u);const v=s.useCallback((()=>{X.calendarDatesAreDifferent(f.current,c.currentDate)&&(l?.({value:c.currentDate}),f.current=c.currentDate)}),[l,c.currentDate]),x=s.useCallback((()=>{a({actionType:"commitOnBlur"})}),[a]),D=s.useCallback((e=>{a(e)}),[a]),S=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(null!==t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),C=s.useCallback(((e=!0)=>{c.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,c.isCompleteDate]),T=s.useCallback((()=>{C()}),[C]),F=s.useCallback((e=>{e.target.getAttribute("data-segment")&&C(!1)}),[C]),k=oe.useDoubleTap({onDoubleTap:F,onSingleTap:S}),A=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(i.isBackspaceOrDelete(e)||"Backspace"===e.key)&&c.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):i.isSelectAll(e)?(C(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(a({actionType:"commitOnEnter"}),e.preventDefault(),e.stopPropagation())}),[t,a,C,c.isDateSelected]);s.useLayoutEffect((()=>{if(X.calendarDatesAreDifferent(b.current,c.currentDate)&&!e.current){const e=void 0!==c.currentDate?Object.freeze({...c.currentDate}):c.currentDate;d({value:e}),b.current=e}e.current=!1}),[d,c.currentDate,e]),s.useLayoutEffect((()=>{c.isCommitting&&(v(),a({actionType:"committed"}))}),[a,v,c.isCommitting]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"deselectAndComplete"}),I.current=!1}),[a,o]);const R=function(){const e=ie.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...k,onKeyDown:A}:{onClick:S,onDoubleClick:T,onKeyDown:A,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:R,handleCommitOnBlur:x,segmentHandlers:r?{}:{onChange:D},tabIndex:g}},We=(e,t)=>e.find((e=>e.type===t)),Ke=a.forwardRef((({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":i,baseId:r,fieldRef:o,granularity:l="day",hasInsideLabel:d,isRequired:c,masks:m,onBlur:p,onCommit:y,onFocus:g,onInput:b,textAlign:f,value:h,variant:v="default"},x)=>{const D=u.useTranslationBundle("@oracle/oraclejet-preact"),S=D.inputDateMask_date_cleared(),C={month:D.formControl_month(),day:D.formControl_day(),year:D.formControl_year()},{direction:T,locale:F}=K.useUser(),{isDisabled:k,isFocused:A,isInputFocused:I}=J.useFormFieldContext(),w=void 0!==h,{classes:R}=G.useComponentTheme(ae.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:se.isEmbeddedVariant(v)?"embedded":"default",textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:w?"hasValue":"noValue",focused:A?"isFocused":"notFocused",disabled:k?"isDisabled":"notDisabled"}),P=ne.classNames([R]),{state:U,dispatch:E,dateResetRef:L}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:i})=>{const r=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=i?.year,l=i?.month,d=i?.day,c=z.getMonthsInYear(o??"*"),u=z.getDaysInMonth(l??"*",o??"*"),m=!(!o||!l||"month"!==a&&!d),p=!!o||!!l||!!d,y=o?ge(o):void 0,g=l?ge(l):void 0,b=d?ge(d):void 0,f=l?De(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":z.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":d,"aria-valuetext":b,isComplete:!!d,isSelected:!1,text:b}],v={isCommitting:!1,currentDate:i,isCompleteDate:m,isDateSelected:!1,isPartialDate:p,orderedSegments:r,segments:[{type:"year","aria-label":e.year,"aria-valuemin":z.MIN_ISO_YEAR,"aria-valuemax":z.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":z.MIN_ISO_MONTH,"aria-valuemax":c,"aria-valuenow":l,"aria-valuetext":f,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(pe,v),S=s.useRef(i),C=s.useRef(!1);return X.calendarDatesAreDifferent(S.current,i)&&(S.current=i,X.calendarDatesAreDifferent(i,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:C,dateMasks:m,granularity:l,locale:F,value:h}),{isDateSelected:_,isPartialDate:M,segments:B}=U,j={year:We(B,"year"),month:We(B,"month"),day:"day"===l?We(B,"day"):void 0},H=s.useRef(null),{dateClearedRef:O,dateFieldHandlers:N,handleCommitOnBlur:V,segmentHandlers:q,tabIndex:Y}=Ye({dateResetRef:L,direction:T,dispatch:E,groupRef:H,isDisabled:k,isInputFocused:I,onCommit:y,onInput:b,state:U,value:h});s.useImperativeHandle(x,(()=>({handleCommitOnBlur:V})),[V]);const W=void 0===h&&d&&!A,$=U.isCompleteDate?z.formatFullCalendarDate(F,U.currentDate,l):"",ie=`${r}-date`,re=U.isCompleteDate?t.jsx(ee.HiddenAccessible,{id:ie,children:$}):void 0,oe=U.isCompleteDate?Z.l([e,ie]):e,le=O.current?S:"",de=U.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":i,class:P,onFocusIn:g,onFocusOut:p,ref:H,role:"group",tabIndex:Y,...N,children:[t.jsx(Q.Flex,{direction:"row",wrap:"nowrap",justify:f,children:m.map((({type:e,value:s})=>{const n="literal"!==e?j[e]:{};return"literal"===e?t.jsx(me,{isHidden:W,isHighlighted:_,isPlaceholder:!M,text:s}):t.jsx(ue,{inputRef:e===de?o:void 0,isDisabled:k,isInvalid:!!a,isHidden:W,isHighlighted:_,isRequired:c,placeholder:s,type:e,...q,...n})}))}),re,t.jsx(te.LiveRegion,{children:le})]})})),$e=P.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),ze=()=>s.useContext($e),Xe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:i,endContent:r,granularity:o="day",helpSourceLink:m,helpSourceText:p,isDisabled:y,isReadonly:g,isRequired:b,isRequiredShown:f,label:h,labelEdge:v,labelStartWidth:x,mainFieldRef:D,messages:S,masks:C,testId:T,textAlign:A,userAssistanceDensity:I,value:w,variant:R,onCommit:P,onInput:U},E)=>{const{isDisabled:L,isReadonly:_,labelEdge:M,labelStartWidth:B,textAlign:j,userAssistanceDensity:H}=q.useFormContext(),O=y??L,V=g??_,$=v??M,Z=x??B,G=A??j??"start",J=I??H,Q=s.useRef(null),ee=s.useRef(null),te=s.useRef(null),ae=D??te,se=s.useRef(null),{isDropdownOpen:ne,isInputDatePickerParent:ie}=ze(),re=s.useCallback((()=>{(!ie||!ne)&&se.current?.handleCommitOnBlur()}),[ne,ie]),{focusProps:oe,isFocused:le,methods:de}=N.useFocusableTextField({isDisabled:O,isReadonly:V,enabledElementRef:Q,onBlurWithin:re,readonlyElementRef:ee});s.useImperativeHandle(E,(()=>de),[de]);const ce=le||ie&&ne,{baseId:ue,formFieldContext:me,inputProps:pe,labelProps:ye,textFieldProps:ge,userAssistanceProps:be}=W.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:p,isDisabled:O,isFocused:ce,isReadonly:V,isRequiredShown:f,labelEdge:$,messages:S,styleVariant:R,userAssistanceDensity:J,value:w}),{forId:fe,...he}=ye,{id:ve,...xe}=pe,De=he.id,Se=s.useCallback((()=>{Q.current?.focus()}),[Q]),Ce="none"!==$?t.jsx(n.Label,{...O||V?{}:{onClick:Se},...he,children:h}):void 0,Te={label:"none"!==$?Ce:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?Z:void 0,labelText:"inside"!==$||O?void 0:h},Fe="none"===$?h:void 0,ke=void 0!==h&&"inside"===$,Ae="efficient"===J||"reflow"===J?O?"efficient"!==J?void 0:t.jsx(F.InlineUserAssistance,{userAssistanceDensity:J,...be}):V?t.jsx(F.InlineUserAssistance,{fieldLabel:h,messages:S,userAssistanceDensity:J,...be}):t.jsx(F.InlineUserAssistance,{assistiveText:a,fieldLabel:h,helpSourceLink:m,helpSourceText:p,messages:S,isRequiredShown:f,userAssistanceDensity:J,...be}):void 0,Ie="compact"===J?t.jsx(k.CompactUserAssistance,{anchorRef:ae,messages:S,assistiveText:a,...be}):void 0,{locale:we}=K.useUser(),Re=u.useTranslationBundle("@oracle/oraclejet-preact"),Pe=Re.inputDateMask_monthPlaceholder(),Ue=Re.inputDateMask_dayPlaceholder(),Ee=Re.inputDateMask_yearPlaceholder();if(C&&("day"===o&&5!==C.length||"month"===o&&3!==C.length))throw new Error("Specified masks must match the granularity");const Le=s.useMemo((()=>C?X.translateCustomMasks(C,Pe,Ue,Ee):z.getDatePlaceholderMasks(we,o,Pe,Ue,Ee)),[C,we,o,Ue,Pe,Ee]);if(V)return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:i,compactUserAssistance:Ie,inlineUserAssistance:Ae,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:ae,testId:T,mainContent:t.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":xe["aria-describedby"],"aria-label":Fe,"aria-labelledby":he.id,as:"div",elementRef:ee,textAlign:G,value:void 0===w?"":z.formatShortCalendarDate(w,o,Le),hasEmptyLabel:""===h&&"none"===$,hasInsideLabel:ke,onBlur:pe.onBlur,onFocus:pe.onFocus}),...Te})});const _e=t.jsx(Ke,{"aria-label":Fe,"aria-labelledby":De,baseId:ue,fieldRef:Q,granularity:o,hasInsideLabel:void 0!==Ce&&"inside"===$,isRequired:b,masks:Le,onCommit:P,onInput:U,ref:se,textAlign:G,value:w,...xe});return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(c.TextField,{columnSpan:i,compactUserAssistance:Ie,endContent:r,inlineUserAssistance:Ae,mainContent:_e,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,mainFieldRef:ae,testId:T,...ge,...Te})})}));e.InputDateMask=Xe,e.InputDateMaskContext=$e,e.useInputDateMaskContext=ze}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-8e42d505', 'css!./LiveRegionStyles.styles.css', './LayerHost-daf96749', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useUser-12ec03f1', './getFormatParse-7ea0c25b', './calendarDateUtils-dd5b75ee', './maskUtils-8e7a7701', './stringUtils-4ffd9d59', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './Flex-07d2aa5b', './HiddenAccessible-037ef42d', './LiveRegion-ef77cf92', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './formControlUtils-de035f75', './classNames-08d99695', './clientHints-6d361eaa', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useDoubleTap-b6bf5458', './useTabbableMode-df433329'], (function(e,t,a,s,n,i,r,o,l,d,c,u,m,p,y,g,b,f,h,v,x,D,S,C,T,F,k,A,I,w,R,P,U,E,L,_,M,B,j,H,O,N,V,q,Y,W,K,$,z,X,Z,G,J,Q,ee,te,ae,se,ne,ie,re,oe,le){"use strict";const de=e=>{e.preventDefault()},ce=()=>"ios"===ie.getClientHints().platform,ue=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isHidden:m,isHighlighted:p,isInvalid:y,isRequired:g,isSelected:b,onChange:f,placeholder:h,text:v,type:x})=>{const D=v&&v.length>0,S=ne.classNames([re.segmentStyles.base,b&&re.segmentStyles.selected,p&&re.segmentStyles.highlighted]),C=ne.classNames([re.segmentStyles.placeholder,m||D?re.segmentStyles.hidden:re.segmentStyles.notHidden]),T=u.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),F=s.useRef(null),k=l??F,A=s.useRef(!1),{locale:I}=K.useUser(),w=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&"Escape"!==e.key&&!i.isSelectAll(e)){if(p){if(i.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==v?X.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:x,text:e.key,hasLeadingZero:A.current,locale:I}}),A.current=!1):i.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:x}}),A.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:I,type:x}}),A.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:I,type:x}}),A.current=!1):A.current=!0;e.preventDefault(),e.stopPropagation()}}),[d,c,p,I,f,v,x]);s.useEffect((()=>{b&&k.current?.focus()}),[b,k]);const R={"data-segment":[x]},P=void 0===o?T:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:k,role:ce()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":y||void 0,"aria-label":e,"aria-multiline":!ce()&&void 0,"aria-required":g,"aria-valuemin":ce()?void 0:n,"aria-valuemax":ce()?void 0:a,"aria-valuenow":ce()?void 0:r,"aria-valuetext":ce()?void 0:P,autocapitalize:"off",autocorrect:"off",class:S,contentEditable:!c,...R,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:de,onKeyDown:w,onPaste:de,spellcheck:!1,tabIndex:b?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:C,...R,children:h}),v]})})},me=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const i=ne.classNames([re.segmentStyles.literalBase,s&&re.segmentStyles.placeholder,a&&re.segmentStyles.highlighted,e?re.segmentStyles.hidden:re.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:i,children:n})},pe=(e,t)=>{if("reset"===t.actionType)return t.data;switch(t.actionType){case"clearDate":{const t=Pe(Ie(e.segments),e.orderedSegments);return je(e,t,!1)}case"clearSegment":{const a=Ae(be(e.segments,t.data.type));return ke(e,t.data.type,a)}case"deselectAndComplete":{let t=qe(e.segments);return t=Me(t),je(e,t,!1)}case"commitOnBlur":{const t=qe(e.segments),a=Me(t);return{...je(e,a,!1),isCommitting:!0}}case"commitOnEnter":{const t=qe(e.segments);return{...je(e,t,!1),isCommitting:!0}}case"committed":return{...e,isCommitting:!1};case"goToEnd":{const a=Ne(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"goToHome":{const a=Oe(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"page":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"page",a,s);return ke(e,t.data.type,n,!1)}case"selectDateOrSegment":return Be(e);case"selectFirst":{const t=Pe(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectNext":{const t=Le(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectPrevious":{const t=_e(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectSegment":{const a=Re(e.segments,t.data.type);return je(e,a,!1)}case"step":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"step",a,s);return ke(e,t.data.type,n,!1)}case"updateSegment":{const a=we(t.data.type,be(e.segments,t.data.type),t,e.segments);return ke(e,t.data.type,a)}default:throw new Error("Unknown action type")}},ye=e=>+e,ge=e=>e.toString(),be=(e,t)=>e.find((e=>e.type===t)),fe=e=>e.every((e=>e.text&&e.text.length>0)),he=e=>e.some((e=>void 0!==e["aria-valuenow"])),ve=e=>{if(!he(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},xe=e=>be(e,"year")["aria-valuenow"],De=(e,t,a)=>`${t} - ${X.getMonthName(e,t,a??"*","long")}`,Se=e=>[...e.orderedSegments],Ce=(e,t,a)=>e.map((e=>e.type===t?a:e)),Te=(e,t,a,s,n)=>{const i=Ce(e,a,s);let r=i;if("month"===a||"year"===a){const e=be(i,"day");if(e){const t="month"==a?s["aria-valuenow"]:be(i,"month")["aria-valuenow"],o="year"===a?s["aria-valuenow"]:xe(i),l=t&&2===t&&o&&o<1e3&&"year"===a&&n?29:z.getDaysInMonth(t??"*",o??"*"),d=e["aria-valuenow"],c=d&&d>l?l:d,u=void 0!==c?ge(c):void 0,m={...e,"aria-valuemax":l,"aria-valuenow":c,"aria-valuetext":u,text:u};r=Ce(i,"day",m)}}return r=s.isComplete&&n?Le(r,t):r,r},Fe=(e,t)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:e.isDateSelected,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),ke=(e,t,a,s=!0)=>{const n=Te(e.segments,e.orderedSegments,t,a,s);return Fe(e,n)},Ae=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),Ie=e=>e.map((e=>{const t=Ae(e),a="year"===t.type?z.MAX_ISO_YEAR:"month"===t.type?z.getMonthsInYear("*"):z.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),we=(e,t,a,s)=>{const n=a.data.text,i=a.data.hasLeadingZero,r=a.data.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],d=t.isComplete?n:t.text+n,c=ye(d),u=(p=l,(m=c)>=o&&m<=p);var m,p;const y=u?d:n,g=u?c:ye(n),b=((e,t)=>ye(ge(e)+"0")>t)(g,l)||!!i&&"year"!==e,f="month"===e?De(r,g,xe(s)):y;return{...t,"aria-valuetext":f,"aria-valuenow":g,text:y,isComplete:b}},Re=(e,t)=>qe(e).map((e=>({...e,isSelected:e.type===t}))),Pe=(e,t)=>Re(e,t[0]),Ue=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},Ee=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Le=(e,t)=>{const a=Ue(e,t);return a===t.length-1?e:Re(Ee(e),t[a+1])},_e=(e,t)=>{const a=Ue(e,t);return 0===a?e:-1===a?Pe(e,t):Re(Ee(e),t[a-1])},Me=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),Be=e=>{if(e.isCompleteDate)return je(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Pe(e.segments,e.orderedSegments);return Fe(e,t)}},je=(e,t,a)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:a,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),He=(e,t,a,s,n)=>{const i=ge(e);return{...s,"aria-valuetext":"month"===a?De(t,e,xe(n)):i,"aria-valuenow":e,text:i,isComplete:!0}},Oe=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return He(n,s,e,t,a)},Ne=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return He(n,s,e,t,a)},Ve=(e,t,a,s,n,i)=>{const r=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],d=void 0===r?(e=>{const{year:t,month:a,day:s}=X.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const i="month"===n?2:"year"===n?5:7;return"increase"===t?e+i>s?(e+i)%s:e+i:e-i<a?e-i+s:e-i})(r,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(r,n,o,l);return He(d,i,e,t,a)},qe=e=>{const t=e.find((e=>"month"===e.type)),a=e.find((e=>"day"===e.type)),s=e.find((e=>"year"===e.type)),n=s?.["aria-valuenow"];if(void 0!==n&&n<1e3&&!$.isLeapYear(n)&&2===t?.["aria-valuenow"]&&29===a?.["aria-valuenow"]){const t={...a,"aria-valuemax":28,"aria-valuenow":28,"aria-valuetext":"28",text:"28"};return Ce(e,"day",t)}return e};const Ye=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isInputFocused:o,onCommit:l,onInput:d,state:c,value:u})=>{const{tabbableModeProps:m}=le.useTabbableMode(),{tabIndex:p}=m,y=c.segments.some((e=>!!e.isSelected)),g=-1===p||y||r?-1:0,b=s.useRef(c.currentDate),f=s.useRef(c.currentDate),h=s.useRef(!1);e.current&&(b.current=u,f.current=u);const v=s.useCallback((()=>{X.calendarDatesAreDifferent(f.current,c.currentDate)&&(l?.({value:c.currentDate}),f.current=c.currentDate)}),[l,c.currentDate]),x=s.useCallback((()=>{a({actionType:"commitOnBlur"})}),[a]),D=s.useCallback((e=>{a(e)}),[a]),S=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(null!==t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),C=s.useCallback(((e=!0)=>{c.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,c.isCompleteDate]),T=s.useCallback((()=>{C()}),[C]),F=s.useCallback((e=>{e.target.getAttribute("data-segment")&&C(!1)}),[C]),k=oe.useDoubleTap({onDoubleTap:F,onSingleTap:S}),A=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(i.isBackspaceOrDelete(e)||"Backspace"===e.key)&&c.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):i.isSelectAll(e)?(C(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(a({actionType:"commitOnEnter"}),e.preventDefault(),e.stopPropagation())}),[t,a,C,c.isDateSelected]);s.useLayoutEffect((()=>{if(X.calendarDatesAreDifferent(b.current,c.currentDate)&&!e.current){const e=void 0!==c.currentDate?Object.freeze({...c.currentDate}):c.currentDate;d({value:e}),b.current=e}e.current=!1}),[d,c.currentDate,e]),s.useLayoutEffect((()=>{c.isCommitting&&(v(),a({actionType:"committed"}))}),[a,v,c.isCommitting]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"deselectAndComplete"}),I.current=!1}),[a,o]);const R=function(){const e=ie.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...k,onKeyDown:A}:{onClick:S,onDoubleClick:T,onKeyDown:A,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:R,handleCommitOnBlur:x,segmentHandlers:r?{}:{onChange:D},tabIndex:g}},We=(e,t)=>e.find((e=>e.type===t)),Ke=a.forwardRef((({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":i,baseId:r,fieldRef:o,granularity:l="day",hasInsideLabel:d,isRequired:c,masks:m,onBlur:p,onCommit:y,onFocus:g,onInput:b,textAlign:f,value:h,variant:v="default"},x)=>{const D=u.useTranslationBundle("@oracle/oraclejet-preact"),S=D.inputDateMask_date_cleared(),C={month:D.formControl_month(),day:D.formControl_day(),year:D.formControl_year()},{direction:T,locale:F}=K.useUser(),{isDisabled:k,isFocused:A,isInputFocused:I}=J.useFormFieldContext(),w=void 0!==h,{classes:R}=G.useComponentTheme(ae.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:se.isEmbeddedVariant(v)?"embedded":"default",textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:w?"hasValue":"noValue",focused:A?"isFocused":"notFocused",disabled:k?"isDisabled":"notDisabled"}),P=ne.classNames([R]),{state:U,dispatch:E,dateResetRef:L}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:i})=>{const r=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=i?.year,l=i?.month,d=i?.day,c=z.getMonthsInYear(o??"*"),u=z.getDaysInMonth(l??"*",o??"*"),m=!(!o||!l||"month"!==a&&!d),p=!!o||!!l||!!d,y=o?ge(o):void 0,g=l?ge(l):void 0,b=d?ge(d):void 0,f=l?De(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":z.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":d,"aria-valuetext":b,isComplete:!!d,isSelected:!1,text:b}],v={isCommitting:!1,currentDate:i,isCompleteDate:m,isDateSelected:!1,isPartialDate:p,orderedSegments:r,segments:[{type:"year","aria-label":e.year,"aria-valuemin":z.MIN_ISO_YEAR,"aria-valuemax":z.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":z.MIN_ISO_MONTH,"aria-valuemax":c,"aria-valuenow":l,"aria-valuetext":f,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(pe,v),S=s.useRef(i),C=s.useRef(!1);return X.calendarDatesAreDifferent(S.current,i)&&(S.current=i,X.calendarDatesAreDifferent(i,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:C,dateMasks:m,granularity:l,locale:F,value:h}),{isDateSelected:_,isPartialDate:M,segments:B}=U,j={year:We(B,"year"),month:We(B,"month"),day:"day"===l?We(B,"day"):void 0},H=s.useRef(null),{dateClearedRef:O,dateFieldHandlers:N,handleCommitOnBlur:V,segmentHandlers:q,tabIndex:Y}=Ye({dateResetRef:L,direction:T,dispatch:E,groupRef:H,isDisabled:k,isInputFocused:I,onCommit:y,onInput:b,state:U,value:h});s.useImperativeHandle(x,(()=>({handleCommitOnBlur:V})),[V]);const W=void 0===h&&d&&!A,$=U.isCompleteDate?z.formatFullCalendarDate(F,U.currentDate,l):"",ie=`${r}-date`,re=U.isCompleteDate?t.jsx(ee.HiddenAccessible,{id:ie,children:$}):void 0,oe=U.isCompleteDate?Z.l([e,ie]):e,le=O.current?S:"",de=U.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":i,class:P,onFocusIn:g,onFocusOut:p,ref:H,role:"group",tabIndex:Y,...N,children:[t.jsx(Q.Flex,{direction:"row",wrap:"nowrap",justify:f,children:m.map((({type:e,value:s})=>{const n="literal"!==e?j[e]:{};return"literal"===e?t.jsx(me,{isHidden:W,isHighlighted:_,isPlaceholder:!M,text:s}):t.jsx(ue,{inputRef:e===de?o:void 0,isDisabled:k,isInvalid:!!a,isHidden:W,isHighlighted:_,isRequired:c,placeholder:s,type:e,...q,...n})}))}),re,t.jsx(te.LiveRegion,{children:le})]})})),$e=P.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),ze=()=>s.useContext($e),Xe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:i,endContent:r,granularity:o="day",helpSourceLink:m,helpSourceText:p,isDisabled:y,isReadonly:g,isRequired:b,isRequiredShown:f,label:h,labelEdge:v,labelStartWidth:x,mainFieldRef:D,messages:S,masks:C,testId:T,textAlign:A,userAssistanceDensity:I,value:w,variant:R,onCommit:P,onInput:U},E)=>{const{isDisabled:L,isReadonly:_,labelEdge:M,labelStartWidth:B,textAlign:j,userAssistanceDensity:H}=q.useFormContext(),O=y??L,V=g??_,$=v??M,Z=x??B,G=A??j??"start",J=I??H,Q=s.useRef(null),ee=s.useRef(null),te=s.useRef(null),ae=D??te,se=s.useRef(null),{isDropdownOpen:ne,isInputDatePickerParent:ie}=ze(),re=s.useCallback((()=>{(!ie||!ne)&&se.current?.handleCommitOnBlur()}),[ne,ie]),{focusProps:oe,isFocused:le,methods:de}=N.useFocusableTextField({isDisabled:O,isReadonly:V,enabledElementRef:Q,onBlurWithin:re,readonlyElementRef:ee});s.useImperativeHandle(E,(()=>de),[de]);const ce=le||ie&&ne,{baseId:ue,formFieldContext:me,inputProps:pe,labelProps:ye,textFieldProps:ge,userAssistanceProps:be}=W.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:p,isDisabled:O,isFocused:ce,isReadonly:V,isRequiredShown:f,labelEdge:$,messages:S,styleVariant:R,userAssistanceDensity:J,value:w}),{forId:fe,...he}=ye,{id:ve,...xe}=pe,De=he.id,Se=s.useCallback((()=>{Q.current?.focus()}),[Q]),Ce="none"!==$?t.jsx(n.Label,{...O||V?{}:{onClick:Se},...he,children:h}):void 0,Te={label:"none"!==$?Ce:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?Z:void 0,labelText:"inside"!==$||O?void 0:h},Fe="none"===$?h:void 0,ke=void 0!==h&&"inside"===$,Ae="efficient"===J||"reflow"===J?O?"efficient"!==J?void 0:t.jsx(F.InlineUserAssistance,{userAssistanceDensity:J,...be}):V?t.jsx(F.InlineUserAssistance,{fieldLabel:h,messages:S,userAssistanceDensity:J,...be}):t.jsx(F.InlineUserAssistance,{assistiveText:a,fieldLabel:h,helpSourceLink:m,helpSourceText:p,messages:S,isRequiredShown:f,userAssistanceDensity:J,...be}):void 0,Ie="compact"===J?t.jsx(k.CompactUserAssistance,{anchorRef:ae,messages:S,assistiveText:a,...be}):void 0,{locale:we}=K.useUser(),Re=u.useTranslationBundle("@oracle/oraclejet-preact"),Pe=Re.inputDateMask_monthPlaceholder(),Ue=Re.inputDateMask_dayPlaceholder(),Ee=Re.inputDateMask_yearPlaceholder();if(C&&("day"===o&&5!==C.length||"month"===o&&3!==C.length))throw new Error("Specified masks must match the granularity");const Le=s.useMemo((()=>C?X.translateCustomMasks(C,Pe,Ue,Ee):z.getDatePlaceholderMasks(we,o,Pe,Ue,Ee)),[C,we,o,Ue,Pe,Ee]);if(V)return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:i,compactUserAssistance:Ie,inlineUserAssistance:Ae,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:ae,testId:T,mainContent:t.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":xe["aria-describedby"],"aria-label":Fe,"aria-labelledby":he.id,as:"div",elementRef:ee,textAlign:G,value:void 0===w?"":z.formatShortCalendarDate(w,o,Le),hasEmptyLabel:""===h&&"none"===$,hasInsideLabel:ke,onBlur:pe.onBlur,onFocus:pe.onFocus}),...Te})});const _e=t.jsx(Ke,{"aria-label":Fe,"aria-labelledby":De,baseId:ue,fieldRef:Q,granularity:o,hasInsideLabel:void 0!==Ce&&"inside"===$,isRequired:b,masks:Le,onCommit:P,onInput:U,ref:se,textAlign:G,value:w,...xe});return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(c.TextField,{columnSpan:i,compactUserAssistance:Ie,endContent:r,inlineUserAssistance:Ae,mainContent:_e,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,mainFieldRef:ae,testId:T,...ge,...Te})})}));e.InputDateMask=Xe,e.InputDateMaskContext=$e,e.useInputDateMaskContext=ze}));
 //# sourceMappingURL=InputDateMask-2fdb6f26.js.map

package/amd/InputDatePicker-c5ceeb44.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-47e39e3e', './HiddenAccessible-037ef42d', './IconButton-232d63fc', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-fdd314ac', './DatePicker-568944a7', './SectionedContent-bae8af88', './stringUtils-4ffd9d59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useId-c9578d26', './getFormatParse-7ea0c25b', './maskUtils-8e7a7701', './useHiddenTestMethod-2f1d2e7e', './calendarDateUtils-dd5b75ee', './useTestId-a2e433c2', './InputDateMask-2fdb6f26'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,v,S,k,x,A,T,g,F,I,V,P,R,w,M,U,_,j,H,B,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee,se,te){"use strict";const ae=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:v,testId:S,todayButton:k,todayTimeZone:x,userAssistanceDensity:A,value:T,weekDisplay:g})=>{const[F,I]=a.useState(!1),[V,P]=a.useState(c),R=a.useCallback((e=>{I(e.placement.startsWith("top"))}),[]);V!==c&&(P(c),c||I(!1));const w=ne(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),_=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:w?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:w?"100%":void 0,width:"100%",monthAndYearPicker:v,testId:S,todayTimeZone:x,todayButton:k,value:T,weekDisplay:g}),j=!c||F&&!w||d||m||!(t||r||C&&C.length>0)||"efficient"!==A&&"reflow"!==A?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:A})})}),H=S?S+(w?"_sheet":"_dropdown"):void 0,B=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})});return w?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:R,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ne=()=>"phone"===i.getClientHints().deviceType,oe=e=>e&&ee.isCompleteCalendarDate(e)?e:void 0,re=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:oe(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:oe(s.data),dateValue:s.data};default:return e}},ie=({isDisabled:e,isReadonly:s,onCommit:t,onInput:n,rootRef:o,value:r})=>{const[i,l]=a.useState(!1),d=a.useRef(null),c=a.useRef(null),u=a.useRef(!1),m=a.useRef(),p=a.useRef(r),h=a.useRef(r),y=a.useRef(r),f=a.useRef(!1),{state:b,dispatch:C}=(({value:e})=>{const[s,t]=a.useReducer(re,{completeDateValue:oe(e),dateValue:e});return{state:s,dispatch:t}})({value:r});X.calendarDatesAreDifferent(y.current,r)&&(y.current=r,X.calendarDatesAreDifferent(r,b.dateValue)&&(C({type:"reset",data:r}),h.current=r,p.current=r)),a.useEffect((()=>{X.calendarDatesAreDifferent(b.dateValue,h.current)&&(n({previousValue:h.current,value:b.dateValue}),h.current=b.dateValue),f.current&&X.calendarDatesAreDifferent(b.dateValue,p.current)&&(t?.({previousValue:p.current,value:b.dateValue}),p.current=b.dateValue,f.current=!1)}),[t,n,b.dateValue]);const D=a.useCallback((e=>{C({type:"dateChanged",data:e.value})}),[C]),v=a.useCallback((e=>{X.calendarDatesAreDifferent(p.current,e.value)&&(t?.({value:e.value,previousValue:p.current}),p.current=e.value)}),[t]),S=a.useCallback((()=>{u.current||l((e=>!e)),u.current=!1}),[]),k=a.useCallback((e=>{"outsideMousedown"===e.reason?(u.current=!0,clearTimeout(m.current),m.current=setTimeout((()=>{u.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||d.current?.focus(),l(!1)}),[]),x=a.useCallback((e=>{d.current?.focus(),f.current=!0,C({type:"dateSelected",data:e.value}),l(!1)}),[C]),A=a.useCallback((a=>s||e?Promise.reject("Component is readonly or disabled"):(n({value:a,previousValue:r}),t?.({value:a,previousValue:r}),Promise.resolve())),[r,e,s,t,n]);return $.useHiddenTestMethod({elementRef:o,method:A,name:"_changeValue"}),{calendarIconActionHandler:S,datePickerCommitHandler:x,dropdownCloseHandler:k,completeDateValue:b.completeDateValue,dateValue:b.dateValue,iconRef:d,isOpen:i,maskCommitHandler:v,maskInputHandler:D,maskRef:c}},le=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:v,value:S,onCommit:k,onInput:x,testId:A,userAssistanceDensity:T,weekDisplay:g,...F},I)=>{const V=se.useTestId(A),P=a.useRef(null),{calendarIconActionHandler:R,datePickerCommitHandler:w,completeDateValue:M,dateValue:U,dropdownCloseHandler:_,iconRef:j,isOpen:H,maskCommitHandler:B,maskInputHandler:E,maskRef:N}=ie({isDisabled:m,isReadonly:p,onCommit:k,onInput:x,rootRef:P,value:S}),L=a.useRef(null),{inputDatePicker_selectDate:O,inputDatePicker_instruction:Y}=u.useTranslationBundle("@oracle/oraclejet-preact"),Z=O(),{userAssistanceDensity:W}=J.useFormContext(),z=T??W;a.useImperativeHandle(I,(()=>({focus:()=>{N.current?.focus()},blur:()=>{N.current?.blur()}})));const q=K.useId(),Q=Y(),X=m||p?void 0:s.jsx(o.HiddenAccessible,{id:q,isHidden:!0,children:Q}),$=m||p?e:G.l([e,q]),ee=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":Z,isDisabled:m,ref:j,size:"sm",testId:A?A+"_calendarIcon":void 0,variant:"ghost",onAction:R,children:s.jsx(n.SvgCalendar,{})}),ne=H;return s.jsxs("div",{...V,ref:P,children:[s.jsx(te.InputDateMaskContext.Provider,{value:{isDropdownOpen:H,isInputDatePickerParent:!0},children:s.jsx(te.InputDateMask,{"aria-describedby":$,assistiveText:t,endContent:ee,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:B,onInput:E,mainFieldRef:L,messages:f,testId:A?A+"_mask":void 0,ref:N,userAssistanceDensity:T,value:U,...F})}),X,ne&&s.jsx(ae,{anchorRef:L,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:H,label:h,onClose:_,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:A?A+"_datePicker":void 0,todayTimeZone:D,todayButton:v,userAssistanceDensity:z,value:M,weekDisplay:g})]})}));e.InputDatePicker=le}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-47e39e3e', './HiddenAccessible-037ef42d', './IconButton-232d63fc', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-c7f3fe2d', './DatePicker-0c7ef704', './SectionedContent-054e2fc2', './stringUtils-4ffd9d59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useId-c9578d26', './getFormatParse-7ea0c25b', './maskUtils-8e7a7701', './useHiddenTestMethod-90b5bff5', './calendarDateUtils-dd5b75ee', './useTestId-9afc201a', './InputDateMask-2fdb6f26'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,f,y,b,C,D,v,S,k,x,A,T,g,F,I,V,P,R,w,M,U,_,j,H,B,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee,se,te){"use strict";const ae=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:y,max:b,messages:C,min:D,monthAndYearPicker:v,testId:S,todayButton:k,todayTimeZone:x,userAssistanceDensity:A,value:T,weekDisplay:g})=>{const[F,I]=a.useState(!1),[V,P]=a.useState(c),R=a.useCallback((e=>{I(e.placement.startsWith("top"))}),[]);V!==c&&(P(c),c||I(!1));const w=ne(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),_=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:w?void 0:"auto",onCommit:y,max:b,min:D,maxWidth:w?"100%":void 0,width:"100%",monthAndYearPicker:v,testId:S,todayTimeZone:x,todayButton:k,value:T,weekDisplay:g}),j=!c||F&&!w||d||m||!(t||r||C&&C.length>0)||"efficient"!==A&&"reflow"!==A?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(f.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:A})})}),H=S?S+(w?"_sheet":"_dropdown"):void 0,B=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})});return w?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:R,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ne=()=>"phone"===i.getClientHints().deviceType,oe=e=>e&&ee.isCompleteCalendarDate(e)?e:void 0,re=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:oe(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:oe(s.data),dateValue:s.data};default:return e}},ie=({isDisabled:e,isReadonly:s,onCommit:t,onInput:n,rootRef:o,value:r})=>{const[i,l]=a.useState(!1),d=a.useRef(null),c=a.useRef(null),u=a.useRef(!1),m=a.useRef(),p=a.useRef(r),h=a.useRef(r),f=a.useRef(r),y=a.useRef(!1),{state:b,dispatch:C}=(({value:e})=>{const[s,t]=a.useReducer(re,{completeDateValue:oe(e),dateValue:e});return{state:s,dispatch:t}})({value:r});X.calendarDatesAreDifferent(f.current,r)&&(f.current=r,X.calendarDatesAreDifferent(r,b.dateValue)&&(C({type:"reset",data:r}),h.current=r,p.current=r)),a.useEffect((()=>{X.calendarDatesAreDifferent(b.dateValue,h.current)&&(n({previousValue:h.current,value:b.dateValue}),h.current=b.dateValue),y.current&&X.calendarDatesAreDifferent(b.dateValue,p.current)&&(t?.({previousValue:p.current,value:b.dateValue}),p.current=b.dateValue,y.current=!1)}),[t,n,b.dateValue]);const D=a.useCallback((e=>{C({type:"dateChanged",data:e.value})}),[C]),v=a.useCallback((e=>{X.calendarDatesAreDifferent(p.current,e.value)&&(t?.({value:e.value,previousValue:p.current}),p.current=e.value)}),[t]),S=a.useCallback((()=>{u.current||l((e=>!e)),u.current=!1}),[]),k=a.useCallback((e=>{"outsideMousedown"===e.reason?(u.current=!0,clearTimeout(m.current),m.current=setTimeout((()=>{u.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||d.current?.focus(),l(!1)}),[]),x=a.useCallback((e=>{d.current?.focus(),y.current=!0,C({type:"dateSelected",data:e.value}),l(!1)}),[C]),A=a.useCallback((a=>s||e?Promise.reject("Component is readonly or disabled"):(n({value:a,previousValue:r}),t?.({value:a,previousValue:r}),Promise.resolve())),[r,e,s,t,n]);return $.useHiddenTestMethod({elementRef:o,method:A,name:"_changeValue"}),{calendarIconActionHandler:S,datePickerCommitHandler:x,dropdownCloseHandler:k,completeDateValue:b.completeDateValue,dateValue:b.dateValue,iconRef:d,isOpen:i,maskCommitHandler:v,maskInputHandler:D,maskRef:c}},le=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:f,messages:y,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:v,value:S,onCommit:k,onInput:x,testId:A,userAssistanceDensity:T,weekDisplay:g,...F},I)=>{const V=se.useTestId(A),P=a.useRef(null),{calendarIconActionHandler:R,datePickerCommitHandler:w,completeDateValue:M,dateValue:U,dropdownCloseHandler:_,iconRef:j,isOpen:H,maskCommitHandler:B,maskInputHandler:E,maskRef:N}=ie({isDisabled:m,isReadonly:p,onCommit:k,onInput:x,rootRef:P,value:S}),L=a.useRef(null),{inputDatePicker_selectDate:O,inputDatePicker_instruction:Y}=u.useTranslationBundle("@oracle/oraclejet-preact"),Z=O(),{userAssistanceDensity:W}=J.useFormContext(),z=T??W;a.useImperativeHandle(I,(()=>({focus:()=>{N.current?.focus()},blur:()=>{N.current?.blur()}})));const q=K.useId(),Q=Y(),X=m||p?void 0:s.jsx(o.HiddenAccessible,{id:q,isHidden:!0,children:Q}),$=m||p?e:G.l([e,q]),ee=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":Z,isDisabled:m,ref:j,size:"sm",testId:A?A+"_calendarIcon":void 0,variant:"ghost",onAction:R,children:s.jsx(n.SvgCalendar,{})}),ne=H;return s.jsxs("div",{...V,ref:P,children:[s.jsx(te.InputDateMaskContext.Provider,{value:{isDropdownOpen:H,isInputDatePickerParent:!0},children:s.jsx(te.InputDateMask,{"aria-describedby":$,assistiveText:t,endContent:ee,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:B,onInput:E,mainFieldRef:L,messages:y,testId:A?A+"_mask":void 0,ref:N,userAssistanceDensity:T,value:U,...F})}),X,ne&&s.jsx(ae,{anchorRef:L,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:H,label:h,onClose:_,onCommit:w,max:f,messages:y,min:b,monthAndYearPicker:C,testId:A?A+"_datePicker":void 0,todayTimeZone:D,todayButton:v,userAssistanceDensity:z,value:M,weekDisplay:g})]})}));e.InputDatePicker=le}));
 //# sourceMappingURL=InputDatePicker-c5ceeb44.js.map

package/amd/InputPassword-72147893.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-27bf6340', 'css!./LiveRegionStyles.styles.css', './LayerHost-7d4aa6d3', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,l,a,o,i,n,d,r,c,u,p,b,m,x,F,y,h,T,f,S,v,A,C,g,I,U,R,w,E,L,P,V,_,j,k,B,D,N,H,q,W,O,$,G,M,z,J,K,Q,X,Y,Z,ee,se){"use strict";const te=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:h,hasRevealToggle:T="always",helpSourceLink:f,helpSourceText:S,isDisabled:v,isReadonly:A,isRequired:C=!1,isRequiredShown:g,label:I,labelEdge:U,labelStartWidth:R,messages:w,placeholder:E,textAlign:j,userAssistanceDensity:k,value:B,variant:D="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:O,dispatch:$}=Y.useCurrentValueReducer({value:B}),G=l.useCallback((e=>{$({type:"input",payload:e.value}),N?.(e)}),[N,$]),M=l.useCallback((e=>{$({type:"commit",payload:e.value}),H?.(e)}),[H,$]),{isDisabled:z,isReadonly:J,labelEdge:te,labelStartWidth:le,textAlign:ae,userAssistanceDensity:oe}=i.useFormContext(),ie=v??z,ne=A??J,de=U??te,re=R??le,ce=j??ae??ee.defaultTextAlignForVariant(D),ue=k??oe,{bool:pe,setFalse:be,setTrue:me}=V.useToggle(!1),xe=l.useRef(null),Fe=l.useRef(null),{focusProps:ye,isFocused:he,methods:Te}=a.useFocusableTextField({enabledElementRef:xe,readonlyElementRef:Fe,isDisabled:ie,isReadonly:ne,onBlurWithin:be}),{methods:fe}=Z.useSelectableTextField(xe);l.useImperativeHandle(W,(()=>_.mergeProps(Te,fe)),[Te,fe]);const{hoverProps:Se,isHover:ve}=r.useHover({isDisabled:ne||ie||!1}),{formFieldContext:Ae,inputProps:Ce,labelProps:ge,textFieldProps:Ie,userAssistanceProps:Ue}=d.useTextField({ariaDescribedBy:e,helpSourceLink:f,helpSourceText:S,isDisabled:ie,isFocused:he,isReadonly:ne,isRequiredShown:g,labelEdge:de,messages:w,styleVariant:D,userAssistanceDensity:ue,value:B}),Re=l.useCallback((()=>{pe?be():me()}),[pe,be,me]),we=y.useTranslationBundle("@oracle/oraclejet-preact"),Ee=we.inputPassword_hidden(),Le=we.inputPassword_show(),Pe=we.inputPassword_hide(),Ve=ie||"always"!==T?null:s.jsx(se.RevealToggleIcon,{accessibleLabel:Ee,isRevealed:pe,onToggle:Re,tooltipHide:Pe,tooltipShow:Le,testId:`${q}_toggleicon`}),_e=l.useCallback((()=>{xe.current?.focus(),G?.({previousValue:B,value:""})}),[G,B,xe]),je=K.useClearIcon({clearIcon:s.jsx(X.ClearIcon,{onClick:_e,testId:`${q}_clearicon`}),display:h,hasValue:Ae.hasValue,isFocused:he,isEnabled:!ne&&!ie,isHover:ve}),ke=Q.beforeVNode(Ve,je),Be="none"!==de?s.jsx(c.Label,{...ge,children:I}):void 0,De={label:"none"!==de?Be:void 0,labelEdge:"none"!==de?de:void 0,labelStartWidth:"none"!==de?re:void 0,labelText:"inside"!==de||ie?void 0:I},Ne="none"===de?I:void 0,He="efficient"===ue||"reflow"===ue?ie?"efficient"!==ue?void 0:s.jsx(L.InlineUserAssistance,{userAssistanceDensity:ue,...Ue}):ne?s.jsx(L.InlineUserAssistance,{fieldLabel:I,messages:w,userAssistanceDensity:ue,...Ue}):s.jsx(L.InlineUserAssistance,{assistiveText:t,fieldLabel:I,helpSourceLink:f,helpSourceText:S,messages:w,isRequiredShown:g,userAssistanceDensity:ue,...Ue}):void 0,qe=l.useRef(null),We="compact"===ue?s.jsx(P.CompactUserAssistance,{anchorRef:qe,messages:w,assistiveText:t,...Ue}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Ce["aria-describedby"],"aria-label":Ne,"aria-labelledby":ge.id,as:"input",autoFocus:u,elementRef:Fe,formVariant:D,textAlign:ce,type:"password",value:B,hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==I&&"inside"===de,onBlur:Ce.onBlur,onFocus:Ce.onFocus});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:We,inlineUserAssistance:He,ref:qe,mainContent:e,testId:q,...De})})}const Oe=s.jsx(p.TextFieldInput,{"aria-label":Ne,autoComplete:o,autoFocus:u,currentCommitValue:O,hasEndContent:!(!je&&!Ve),hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==Be&&"inside"===de,inputRef:xe,isRequired:C,onInput:G,onCommit:M,placeholder:E,textAlign:ce,value:B,type:pe?"text":"password",...Ce});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(F.TextField,{columnSpan:b,endContent:ke,inlineUserAssistance:He,compactUserAssistance:We,mainContent:Oe,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:qe,testId:q,...Ie,...De,...Se})})}));e.InputPassword=te}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-8e42d505', 'css!./LiveRegionStyles.styles.css', './LayerHost-daf96749', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,l,a,o,i,n,d,r,c,u,p,b,m,x,F,y,h,T,f,S,v,A,C,g,I,U,R,w,E,L,P,V,_,j,k,B,D,N,H,q,W,O,$,G,M,z,J,K,Q,X,Y,Z,ee,se){"use strict";const te=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:h,hasRevealToggle:T="always",helpSourceLink:f,helpSourceText:S,isDisabled:v,isReadonly:A,isRequired:C=!1,isRequiredShown:g,label:I,labelEdge:U,labelStartWidth:R,messages:w,placeholder:E,textAlign:j,userAssistanceDensity:k,value:B,variant:D="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:O,dispatch:$}=Y.useCurrentValueReducer({value:B}),G=l.useCallback((e=>{$({type:"input",payload:e.value}),N?.(e)}),[N,$]),M=l.useCallback((e=>{$({type:"commit",payload:e.value}),H?.(e)}),[H,$]),{isDisabled:z,isReadonly:J,labelEdge:te,labelStartWidth:le,textAlign:ae,userAssistanceDensity:oe}=i.useFormContext(),ie=v??z,ne=A??J,de=U??te,re=R??le,ce=j??ae??ee.defaultTextAlignForVariant(D),ue=k??oe,{bool:pe,setFalse:be,setTrue:me}=V.useToggle(!1),xe=l.useRef(null),Fe=l.useRef(null),{focusProps:ye,isFocused:he,methods:Te}=a.useFocusableTextField({enabledElementRef:xe,readonlyElementRef:Fe,isDisabled:ie,isReadonly:ne,onBlurWithin:be}),{methods:fe}=Z.useSelectableTextField(xe);l.useImperativeHandle(W,(()=>_.mergeProps(Te,fe)),[Te,fe]);const{hoverProps:Se,isHover:ve}=r.useHover({isDisabled:ne||ie||!1}),{formFieldContext:Ae,inputProps:Ce,labelProps:ge,textFieldProps:Ie,userAssistanceProps:Ue}=d.useTextField({ariaDescribedBy:e,helpSourceLink:f,helpSourceText:S,isDisabled:ie,isFocused:he,isReadonly:ne,isRequiredShown:g,labelEdge:de,messages:w,styleVariant:D,userAssistanceDensity:ue,value:B}),Re=l.useCallback((()=>{pe?be():me()}),[pe,be,me]),we=y.useTranslationBundle("@oracle/oraclejet-preact"),Ee=we.inputPassword_hidden(),Le=we.inputPassword_show(),Pe=we.inputPassword_hide(),Ve=ie||"always"!==T?null:s.jsx(se.RevealToggleIcon,{accessibleLabel:Ee,isRevealed:pe,onToggle:Re,tooltipHide:Pe,tooltipShow:Le,testId:`${q}_toggleicon`}),_e=l.useCallback((()=>{xe.current?.focus(),G?.({previousValue:B,value:""})}),[G,B,xe]),je=K.useClearIcon({clearIcon:s.jsx(X.ClearIcon,{onClick:_e,testId:`${q}_clearicon`}),display:h,hasValue:Ae.hasValue,isFocused:he,isEnabled:!ne&&!ie,isHover:ve}),ke=Q.beforeVNode(Ve,je),Be="none"!==de?s.jsx(c.Label,{...ge,children:I}):void 0,De={label:"none"!==de?Be:void 0,labelEdge:"none"!==de?de:void 0,labelStartWidth:"none"!==de?re:void 0,labelText:"inside"!==de||ie?void 0:I},Ne="none"===de?I:void 0,He="efficient"===ue||"reflow"===ue?ie?"efficient"!==ue?void 0:s.jsx(L.InlineUserAssistance,{userAssistanceDensity:ue,...Ue}):ne?s.jsx(L.InlineUserAssistance,{fieldLabel:I,messages:w,userAssistanceDensity:ue,...Ue}):s.jsx(L.InlineUserAssistance,{assistiveText:t,fieldLabel:I,helpSourceLink:f,helpSourceText:S,messages:w,isRequiredShown:g,userAssistanceDensity:ue,...Ue}):void 0,qe=l.useRef(null),We="compact"===ue?s.jsx(P.CompactUserAssistance,{anchorRef:qe,messages:w,assistiveText:t,...Ue}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Ce["aria-describedby"],"aria-label":Ne,"aria-labelledby":ge.id,as:"input",autoFocus:u,elementRef:Fe,formVariant:D,textAlign:ce,type:"password",value:B,hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==I&&"inside"===de,onBlur:Ce.onBlur,onFocus:Ce.onFocus});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:We,inlineUserAssistance:He,ref:qe,mainContent:e,testId:q,...De})})}const Oe=s.jsx(p.TextFieldInput,{"aria-label":Ne,autoComplete:o,autoFocus:u,currentCommitValue:O,hasEndContent:!(!je&&!Ve),hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==Be&&"inside"===de,inputRef:xe,isRequired:C,onInput:G,onCommit:M,placeholder:E,textAlign:ce,value:B,type:pe?"text":"password",...Ce});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(F.TextField,{columnSpan:b,endContent:ke,inlineUserAssistance:He,compactUserAssistance:We,mainContent:Oe,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:qe,testId:q,...Ie,...De,...Se})})}));e.InputPassword=te}));
 //# sourceMappingURL=InputPassword-72147893.js.map

package/amd/InputSensitiveText-28cebe14.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './useLengthFilter-c05fd679', './Label-3c17bcc9', './ObfuscatedTextFieldInput-c0e463cf', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './TextFieldInput-eb40adaa', './MaxLengthLiveRegion-1f30f975', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,n,a,l,o,i,d,r,c,u,b,p,x,m,h,F,T,f,y,g,v,A,S,C,L,I,R,U,E,j,w,V,_,P,B,N,k,D,H,M,q,O,W,$,G,K,X,z,J,Q,Y,Z,ee,se,te,ne){"use strict";const ae=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoFocus:l=!1,columnSpan:h,hasClearIcon:T="never",hasRevealToggle:f="always",helpSourceLink:y,helpSourceText:g,isDisabled:v,isReadonly:A,isRequired:S=!1,isRequiredShown:C,label:R,labelEdge:U,labelStartWidth:E,maxLength:P,maxLengthUnit:B,messages:N,placeholder:k,revealToggleLabel:D,textAlign:H,userAssistanceDensity:M,value:q,variant:O="default",virtualKeyboard:W,onInput:$,onCommit:G,testId:K},z)=>{const{currentCommitValue:J,dispatch:ae}=ee.useCurrentValueReducer({value:q}),oe=n.useCallback((e=>{ae({type:"input",payload:e.value}),$?.(e)}),[$,ae]),ie=n.useCallback((e=>{ae({type:"commit",payload:e.value}),G?.(e)}),[G,ae]),{isDisabled:de,isReadonly:re,labelEdge:ce,labelStartWidth:ue,textAlign:be,userAssistanceDensity:pe}=o.useFormContext(),xe=v??de,me=A??re,he=U??ce,Fe=E??ue,Te=H??be??te.defaultTextAlignForVariant(O),fe=M??pe,ye=n.useRef(L.useId()),ge=e?`${e} ${ye.current}`:ye.current,{bool:ve,setFalse:Ae,setTrue:Se}=V.useToggle(!1),Ce=n.useRef(null),Le=n.useRef(null),{focusProps:Ie,isFocused:Re,methods:Ue}=a.useFocusableTextField({isDisabled:xe,isReadonly:me,enabledElementRef:Ce,readonlyElementRef:Le,onBlurWithin:Ae}),{methods:Ee}=se.useSelectableTextField(Ce);n.useImperativeHandle(z,(()=>_.mergeProps(Ue,Ee)),[Ue,Ee]);const{hoverProps:je,isHover:we}=r.useHover({isDisabled:me||xe||!1}),{formFieldContext:Ve,inputProps:_e,labelProps:Pe,textFieldProps:Be,userAssistanceProps:Ne}=d.useTextField({ariaDescribedBy:me||xe?e:ge,helpSourceLink:y,helpSourceText:g,isDisabled:xe,isFocused:Re,isReadonly:me,isRequiredShown:C,labelEdge:he,messages:N,styleVariant:O,userAssistanceDensity:fe,value:q}),ke=n.useCallback((()=>{ve?Ae():Se()}),[ve,Ae,Se]),De=I.useTranslationBundle("@oracle/oraclejet-preact"),He=D||De.inputSensitiveText_hidden(),Me=xe||me&&!q||"always"!==f?null:s.jsx(ne.RevealToggleIcon,{onToggle:ke,isRevealed:ve,accessibleLabel:He}),qe=n.useCallback((()=>{Ce.current?.focus(),oe?.({previousValue:q,value:""})}),[oe,q,Ce]),Oe=Q.useClearIcon({clearIcon:s.jsx(Z.ClearIcon,{onClick:qe,testId:`${K}_clearicon`}),display:T,hasValue:Ve.hasValue,isFocused:Re,isEnabled:!me&&!xe,isHover:we}),We=Y.beforeVNode(Me,Oe),{isMaxLengthExceeded:$e,valueLength:Ge,onFilteredInput:Ke}=c.useLengthFilter({maxLength:P,maxLengthUnit:B,value:q,onInput:oe,onCommit:ie}),Xe="none"!==he?s.jsx(u.Label,{...Pe,children:R}):void 0,ze={label:"none"!==he?Xe:void 0,labelEdge:"none"!==he?he:void 0,labelStartWidth:"none"!==he?Fe:void 0,labelText:"inside"!==he||xe?void 0:R},Je="none"===he?R:void 0,Qe="efficient"===fe||"reflow"===fe?xe?"efficient"!==fe?void 0:s.jsx(j.InlineUserAssistance,{userAssistanceDensity:fe,...Ne}):me?s.jsx(j.InlineUserAssistance,{fieldLabel:R,messages:N,userAssistanceDensity:fe,...Ne}):s.jsx(j.InlineUserAssistance,{assistiveText:t,fieldLabel:R,helpSourceLink:y,helpSourceText:g,messages:N,isRequiredShown:C,userAssistanceDensity:fe,...Ne}):void 0,Ye=n.useRef(null),Ze="compact"===fe?s.jsx(w.CompactUserAssistance,{anchorRef:Ye,messages:N,assistiveText:t,...Ne}):void 0;if(me){const e=s.jsx(p.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":Je,"aria-labelledby":Pe.id,as:"input",autoFocus:l,elementRef:Le,formVariant:O,onBlur:_e.onBlur,onFocus:_e.onFocus,textAlign:Te,type:"text",value:ve?q:"•".repeat(q?q.length:0),hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==R&&"inside"===he});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:Ze,inlineUserAssistance:Qe,endContent:Me,mainContent:e,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:Ye,testId:K,...ze})})}const es=void 0!==P,ss=s.jsxs(s.Fragment,{children:[s.jsx(b.ObfuscatedTextFieldInput,{"aria-label":Je,autoFocus:l,character:"•",currentCommitValue:J,hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==Xe&&"inside"===he,inputRef:Ce,isRequired:S,onInput:Ke,onCommit:ie,placeholder:k,textAlign:Te,type:le()?W:void 0,value:q,isRevealed:ve,hasEndContent:!(!Oe&&!Me),..._e}),es&&s.jsx(X.HiddenAccessible,{id:ye.current,children:De.formControl_maxLength({MAX_LENGTH:`${P}`})}),es&&Re&&s.jsx(F.MaxLengthLiveRegion,{isMaxLengthExceeded:$e,maxLength:P,valueLength:Ge,testId:K?K+"_maxLength":void 0})]});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.TextField,{columnSpan:h,endContent:We,inlineUserAssistance:Qe,compactUserAssistance:Ze,mainContent:ss,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:Ye,testId:K,...Be,...ze,...je})})}));function le(){const e=q.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputSensitiveText=ae}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './useLengthFilter-c05fd679', './Label-3c17bcc9', './ObfuscatedTextFieldInput-c0e463cf', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './TextFieldInput-eb40adaa', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,n,a,l,o,i,d,r,c,u,b,p,x,m,h,F,T,y,g,v,f,A,S,C,L,I,R,U,E,j,w,V,_,P,B,N,k,D,H,M,q,O,W,$,G,K,X,z,J,Q,Y,Z,ee,se,te,ne){"use strict";const ae=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoFocus:l=!1,columnSpan:h,hasClearIcon:T="never",hasRevealToggle:y="always",helpSourceLink:g,helpSourceText:v,isDisabled:f,isReadonly:A,isRequired:S=!1,isRequiredShown:C,label:R,labelEdge:U,labelStartWidth:E,maxLength:P,maxLengthUnit:B,messages:N,placeholder:k,revealToggleLabel:D,textAlign:H,userAssistanceDensity:M,value:q,variant:O="default",virtualKeyboard:W,onInput:$,onCommit:G,testId:K},z)=>{const{currentCommitValue:J,dispatch:ae}=ee.useCurrentValueReducer({value:q}),oe=n.useCallback((e=>{ae({type:"input",payload:e.value}),$?.(e)}),[$,ae]),ie=n.useCallback((e=>{ae({type:"commit",payload:e.value}),G?.(e)}),[G,ae]),{isDisabled:de,isReadonly:re,labelEdge:ce,labelStartWidth:ue,textAlign:be,userAssistanceDensity:pe}=o.useFormContext(),xe=f??de,me=A??re,he=U??ce,Fe=E??ue,Te=H??be??te.defaultTextAlignForVariant(O),ye=M??pe,ge=n.useRef(L.useId()),ve=e?`${e} ${ge.current}`:ge.current,{bool:fe,setFalse:Ae,setTrue:Se}=V.useToggle(!1),Ce=n.useRef(null),Le=n.useRef(null),{focusProps:Ie,isFocused:Re,methods:Ue}=a.useFocusableTextField({isDisabled:xe,isReadonly:me,enabledElementRef:Ce,readonlyElementRef:Le,onBlurWithin:Ae}),{methods:Ee}=se.useSelectableTextField(Ce);n.useImperativeHandle(z,(()=>_.mergeProps(Ue,Ee)),[Ue,Ee]);const{hoverProps:je,isHover:we}=r.useHover({isDisabled:me||xe||!1}),{formFieldContext:Ve,inputProps:_e,labelProps:Pe,textFieldProps:Be,userAssistanceProps:Ne}=d.useTextField({ariaDescribedBy:me||xe?e:ve,helpSourceLink:g,helpSourceText:v,isDisabled:xe,isFocused:Re,isReadonly:me,isRequiredShown:C,labelEdge:he,messages:N,styleVariant:O,userAssistanceDensity:ye,value:q}),ke=n.useCallback((()=>{fe?Ae():Se()}),[fe,Ae,Se]),De=I.useTranslationBundle("@oracle/oraclejet-preact"),He=D||De.inputSensitiveText_hidden(),Me=xe||me&&!q||"always"!==y?null:s.jsx(ne.RevealToggleIcon,{onToggle:ke,isRevealed:fe,accessibleLabel:He}),qe=n.useCallback((()=>{Ce.current?.focus(),oe?.({previousValue:q,value:""})}),[oe,q,Ce]),Oe=Q.useClearIcon({clearIcon:s.jsx(Z.ClearIcon,{onClick:qe,testId:`${K}_clearicon`}),display:T,hasValue:Ve.hasValue,isFocused:Re,isEnabled:!me&&!xe,isHover:we}),We=Y.beforeVNode(Me,Oe),{isMaxLengthExceeded:$e,valueLength:Ge,onFilteredInput:Ke}=c.useLengthFilter({maxLength:P,maxLengthUnit:B,value:q,onInput:oe,onCommit:ie}),Xe="none"!==he?s.jsx(u.Label,{...Pe,children:R}):void 0,ze={label:"none"!==he?Xe:void 0,labelEdge:"none"!==he?he:void 0,labelStartWidth:"none"!==he?Fe:void 0,labelText:"inside"!==he||xe?void 0:R},Je="none"===he?R:void 0,Qe="efficient"===ye||"reflow"===ye?xe?"efficient"!==ye?void 0:s.jsx(j.InlineUserAssistance,{userAssistanceDensity:ye,...Ne}):me?s.jsx(j.InlineUserAssistance,{fieldLabel:R,messages:N,userAssistanceDensity:ye,...Ne}):s.jsx(j.InlineUserAssistance,{assistiveText:t,fieldLabel:R,helpSourceLink:g,helpSourceText:v,messages:N,isRequiredShown:C,userAssistanceDensity:ye,...Ne}):void 0,Ye=n.useRef(null),Ze="compact"===ye?s.jsx(w.CompactUserAssistance,{anchorRef:Ye,messages:N,assistiveText:t,...Ne}):void 0;if(me){const e=s.jsx(p.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":Je,"aria-labelledby":Pe.id,as:"input",autoFocus:l,elementRef:Le,formVariant:O,onBlur:_e.onBlur,onFocus:_e.onFocus,textAlign:Te,type:"text",value:fe?q:"•".repeat(q?q.length:0),hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==R&&"inside"===he});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:Ze,inlineUserAssistance:Qe,endContent:Me,mainContent:e,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:Ye,testId:K,...ze})})}const es=void 0!==P,ss=s.jsxs(s.Fragment,{children:[s.jsx(b.ObfuscatedTextFieldInput,{"aria-label":Je,autoFocus:l,character:"•",currentCommitValue:J,hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==Xe&&"inside"===he,inputRef:Ce,isRequired:S,onInput:Ke,onCommit:ie,placeholder:k,textAlign:Te,type:le()?W:void 0,value:q,isRevealed:fe,hasEndContent:!(!Oe&&!Me),..._e}),es&&s.jsx(X.HiddenAccessible,{id:ge.current,children:De.formControl_maxLength({MAX_LENGTH:`${P}`})}),es&&Re&&s.jsx(F.MaxLengthLiveRegion,{isMaxLengthExceeded:$e,maxLength:P,valueLength:Ge,testId:K?K+"_maxLength":void 0})]});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.TextField,{columnSpan:h,endContent:We,inlineUserAssistance:Qe,compactUserAssistance:Ze,mainContent:ss,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:Ye,testId:K,...Be,...ze,...je})})}));function le(){const e=q.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputSensitiveText=ae}));
 //# sourceMappingURL=InputSensitiveText-28cebe14.js.map

package/amd/InputText-83b55089.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useHover-8b8a1496', './useLengthFilter-c05fd679', './useTextField-3ab0a23b', './Label-3c17bcc9', './PrefixSuffix-48d0a199', './usePrefixSuffix-66563417', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-1f30f975', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,a,n,i,o,l,d,r,u,c,x,b,f,p,h,m,F,y,v,S,C,T,A,g,I,L,U,R,E,P,j,V,w,_,B,D,N,k,H,M,q,$,O,W,G,K,X,z,J,Q,Y,Z,ee,se,te,ae,ne){"use strict";const ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:y,hasClearIcon:A="never",endContent:g,helpSourceLink:I,helpSourceText:L,isDisabled:U,isReadonly:R,isRequired:E=!1,isRequiredShown:P,label:V,labelEdge:w,labelStartWidth:_,maxLength:k,maxLengthUnit:H,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:X,value:z,variant:J="default",virtualKeyboard:Q,onInput:Y,onCommit:Z,testId:ie},le)=>{const de=j.useTranslationBundle("@oracle/oraclejet-preact"),{currentCommitValue:re,dispatch:ue}=te.useCurrentValueReducer({value:z}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),Y?.(e)}),[Y,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),Z?.(e)}),[Z,ue]),{isDisabled:be,isReadonly:fe,labelEdge:pe,labelStartWidth:he,textAlign:me,userAssistanceDensity:Fe}=l.useFormContext(),ye=U??be,ve=R??fe,Se=w??pe,Ce=_??he,Te=K??me??ne.defaultTextAlignForVariant(J),Ae=X??Fe,ge=a.useRef(h.useId()),Ie=e?`${e} ${ge.current}`:ge.current,Le=a.useRef(null),Ue=a.useRef(null),{focusProps:Re,isFocused:Ee,methods:Pe}=i.useFocusableTextField({isDisabled:ye,isReadonly:ve,enabledElementRef:Le,readonlyElementRef:Ue}),{methods:je}=ae.useSelectableTextField(Le);a.useImperativeHandle(le,(()=>N.mergeProps(Pe,je)),[Pe,je]);const{hoverProps:Ve,isHover:we}=r.useHover({isDisabled:ve||ye||!1}),{baseId:_e,formFieldContext:Be,inputProps:De,labelProps:Ne,textFieldProps:ke,userAssistanceProps:He}=c.useTextField({ariaDescribedBy:ve||ye?e:Ie,helpSourceLink:I,helpSourceText:L,isDisabled:ye,isFocused:Ee,isReadonly:ve,isRequiredShown:P,labelEdge:Se,messages:M,styleVariant:J,userAssistanceDensity:Ae,value:z}),Me=a.useCallback((()=>{Le.current?.focus(),ce?.({previousValue:z,value:""})}),[ce,z,Le]),qe=n.useClearIcon({clearIcon:s.jsx(se.ClearIcon,{onClick:Me,testId:`${ie}_clearicon`}),display:A,hasValue:Be.hasValue,isFocused:Ee,isEnabled:!ve&&!ye,isHover:we}),$e=ee.beforeVNode(g,qe),Oe=void 0!==V&&"inside"===Se,{shouldRenderPrefix:We,shouldRenderSuffix:Ge,prefixProps:Ke,suffixProps:Xe,valuePrefixSuffix:ze,ariaLabelledBy:Je}=f.usePrefixSuffix({baseId:_e,hasEndContent:void 0!==g,hasInsideLabel:Oe,hasStartContent:void 0!==W,hasValue:Be.hasValue,isDisabled:ye,isFocused:Ee,labelId:Ne.id,prefix:$,suffix:G,value:z}),Qe=We?s.jsx(b.PrefixSuffix,{...Ke}):void 0,Ye=Ge?s.jsx(b.PrefixSuffix,{...Xe}):void 0,{isMaxLengthExceeded:Ze,valueLength:es,onFilteredInput:ss}=u.useLengthFilter({maxLength:k,maxLengthUnit:H,value:z,onInput:ce,onCommit:xe}),ts="none"!==Se?s.jsx(x.Label,{...Ne,children:V}):void 0,as={label:"none"!==Se?ts:void 0,labelEdge:"none"!==Se?Se:void 0,labelStartWidth:"none"!==Se?Ce:void 0,labelText:"inside"!==Se||ye?void 0:V},ns="none"===Se?V:void 0,is="efficient"===Ae||"reflow"===Ae?ye?"efficient"!==Ae?void 0:s.jsx(B.InlineUserAssistance,{userAssistanceDensity:Ae,...He}):ve?s.jsx(B.InlineUserAssistance,{fieldLabel:V,messages:M,userAssistanceDensity:Ae,...He}):s.jsx(B.InlineUserAssistance,{assistiveText:t,fieldLabel:V,helpSourceLink:I,helpSourceText:L,messages:M,isRequiredShown:P,userAssistanceDensity:Ae,...He}):void 0,os=a.useRef(null),ls="compact"===Ae?s.jsx(D.CompactUserAssistance,{anchorRef:os,messages:M,assistiveText:t,...He}):void 0;if(ve){const e=s.jsx(v.ReadonlyTextFieldInput,{"aria-describedby":De["aria-describedby"],"aria-label":ns,"aria-labelledby":Ne.id,as:"div",autoFocus:m,elementRef:Ue,formVariant:J,onBlur:De.onBlur,onFocus:De.onFocus,textAlign:Te,value:ze,hasEmptyLabel:""===V&&"none"===Se,hasInsideLabel:Oe});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(S.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:ls,endContent:g,inlineUserAssistance:is,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:os,mainContent:e,startContent:W,testId:ie,...as})})}const ds=void 0!==k,rs=s.jsxs(s.Fragment,{children:[Qe,s.jsx(F.TextFieldInput,{"aria-labelledby":Je,"aria-label":ns,autoComplete:o,autoFocus:m,currentCommitValue:re,hasEmptyLabel:""===V&&"none"===Se,hasEndContent:void 0!==g,hasInsideLabel:void 0!==ts&&"inside"===Se,hasPrefix:void 0!==Qe,hasStartContent:void 0!==W,hasSuffix:void 0!==Ye,inputRef:Le,isRequired:E,placeholder:q,role:O,textAlign:Te,type:oe()?Q:void 0,value:ye?ze:z,onCommit:xe,onInput:ss,...De}),Ye,ds&&s.jsx(p.HiddenAccessible,{id:ge.current,children:de.formControl_maxLength({MAX_LENGTH:`${k}`})}),ds&&Ee&&s.jsx(T.MaxLengthLiveRegion,{isMaxLengthExceeded:Ze,maxLength:k,valueLength:es,testId:ie?ie+"_maxLength":void 0})]});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(C.TextField,{endContent:$e,columnSpan:y,compactUserAssistance:ls,inlineUserAssistance:is,mainContent:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,startContent:W,mainFieldRef:os,testId:ie,...ke,...as,...Ve})})}));function oe(){const e=G.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=ie}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useHover-8b8a1496', './useLengthFilter-c05fd679', './useTextField-3ab0a23b', './Label-3c17bcc9', './PrefixSuffix-48d0a199', './usePrefixSuffix-b26030fe', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,a,n,i,o,l,d,r,u,c,x,b,p,f,h,m,F,y,v,S,C,T,A,g,I,L,U,R,E,P,j,V,w,_,B,D,N,k,H,M,q,$,O,W,G,K,X,z,J,Q,Y,Z,ee,se,te,ae,ne){"use strict";const ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:y,hasClearIcon:A="never",endContent:g,helpSourceLink:I,helpSourceText:L,isDisabled:U,isReadonly:R,isRequired:E=!1,isRequiredShown:P,label:V,labelEdge:w,labelStartWidth:_,maxLength:k,maxLengthUnit:H,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:X,value:z,variant:J="default",virtualKeyboard:Q,onInput:Y,onCommit:Z,testId:ie},le)=>{const de=j.useTranslationBundle("@oracle/oraclejet-preact"),{currentCommitValue:re,dispatch:ue}=te.useCurrentValueReducer({value:z}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),Y?.(e)}),[Y,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),Z?.(e)}),[Z,ue]),{isDisabled:be,isReadonly:pe,labelEdge:fe,labelStartWidth:he,textAlign:me,userAssistanceDensity:Fe}=l.useFormContext(),ye=U??be,ve=R??pe,Se=w??fe,Ce=_??he,Te=K??me??ne.defaultTextAlignForVariant(J),Ae=X??Fe,ge=a.useRef(h.useId()),Ie=e?`${e} ${ge.current}`:ge.current,Le=a.useRef(null),Ue=a.useRef(null),{focusProps:Re,isFocused:Ee,methods:Pe}=i.useFocusableTextField({isDisabled:ye,isReadonly:ve,enabledElementRef:Le,readonlyElementRef:Ue}),{methods:je}=ae.useSelectableTextField(Le);a.useImperativeHandle(le,(()=>N.mergeProps(Pe,je)),[Pe,je]);const{hoverProps:Ve,isHover:we}=r.useHover({isDisabled:ve||ye||!1}),{baseId:_e,formFieldContext:Be,inputProps:De,labelProps:Ne,textFieldProps:ke,userAssistanceProps:He}=c.useTextField({ariaDescribedBy:ve||ye?e:Ie,helpSourceLink:I,helpSourceText:L,isDisabled:ye,isFocused:Ee,isReadonly:ve,isRequiredShown:P,labelEdge:Se,messages:M,styleVariant:J,userAssistanceDensity:Ae,value:z}),Me=a.useCallback((()=>{Le.current?.focus(),ce?.({previousValue:z,value:""})}),[ce,z,Le]),qe=n.useClearIcon({clearIcon:s.jsx(se.ClearIcon,{onClick:Me,testId:`${ie}_clearicon`}),display:A,hasValue:Be.hasValue,isFocused:Ee,isEnabled:!ve&&!ye,isHover:we}),$e=ee.beforeVNode(g,qe),Oe=void 0!==V&&"inside"===Se,{shouldRenderPrefix:We,shouldRenderSuffix:Ge,prefixProps:Ke,suffixProps:Xe,valuePrefixSuffix:ze,ariaLabelledBy:Je}=p.usePrefixSuffix({baseId:_e,hasEndContent:void 0!==g,hasInsideLabel:Oe,hasStartContent:void 0!==W,hasValue:Be.hasValue,isDisabled:ye,isFocused:Ee,labelId:Ne.id,prefix:$,suffix:G,value:z}),Qe=We?s.jsx(b.PrefixSuffix,{...Ke}):void 0,Ye=Ge?s.jsx(b.PrefixSuffix,{...Xe}):void 0,{isMaxLengthExceeded:Ze,valueLength:es,onFilteredInput:ss}=u.useLengthFilter({maxLength:k,maxLengthUnit:H,value:z,onInput:ce,onCommit:xe}),ts="none"!==Se?s.jsx(x.Label,{...Ne,children:V}):void 0,as={label:"none"!==Se?ts:void 0,labelEdge:"none"!==Se?Se:void 0,labelStartWidth:"none"!==Se?Ce:void 0,labelText:"inside"!==Se||ye?void 0:V},ns="none"===Se?V:void 0,is="efficient"===Ae||"reflow"===Ae?ye?"efficient"!==Ae?void 0:s.jsx(B.InlineUserAssistance,{userAssistanceDensity:Ae,...He}):ve?s.jsx(B.InlineUserAssistance,{fieldLabel:V,messages:M,userAssistanceDensity:Ae,...He}):s.jsx(B.InlineUserAssistance,{assistiveText:t,fieldLabel:V,helpSourceLink:I,helpSourceText:L,messages:M,isRequiredShown:P,userAssistanceDensity:Ae,...He}):void 0,os=a.useRef(null),ls="compact"===Ae?s.jsx(D.CompactUserAssistance,{anchorRef:os,messages:M,assistiveText:t,...He}):void 0;if(ve){const e=s.jsx(v.ReadonlyTextFieldInput,{"aria-describedby":De["aria-describedby"],"aria-label":ns,"aria-labelledby":Ne.id,as:"div",autoFocus:m,elementRef:Ue,formVariant:J,onBlur:De.onBlur,onFocus:De.onFocus,textAlign:Te,value:ze,hasEmptyLabel:""===V&&"none"===Se,hasInsideLabel:Oe});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(S.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:ls,endContent:g,inlineUserAssistance:is,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:os,mainContent:e,startContent:W,testId:ie,...as})})}const ds=void 0!==k,rs=s.jsxs(s.Fragment,{children:[Qe,s.jsx(F.TextFieldInput,{"aria-labelledby":Je,"aria-label":ns,autoComplete:o,autoFocus:m,currentCommitValue:re,hasEmptyLabel:""===V&&"none"===Se,hasEndContent:void 0!==g,hasInsideLabel:void 0!==ts&&"inside"===Se,hasPrefix:void 0!==Qe,hasStartContent:void 0!==W,hasSuffix:void 0!==Ye,inputRef:Le,isRequired:E,placeholder:q,role:O,textAlign:Te,type:oe()?Q:void 0,value:ye?ze:z,onCommit:xe,onInput:ss,...De}),Ye,ds&&s.jsx(f.HiddenAccessible,{id:ge.current,children:de.formControl_maxLength({MAX_LENGTH:`${k}`})}),ds&&Ee&&s.jsx(T.MaxLengthLiveRegion,{isMaxLengthExceeded:Ze,maxLength:k,valueLength:es,testId:ie?ie+"_maxLength":void 0})]});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(C.TextField,{endContent:$e,columnSpan:y,compactUserAssistance:ls,inlineUserAssistance:is,mainContent:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,startContent:W,mainFieldRef:os,testId:ie,...ke,...as,...Ve})})}));function oe(){const e=G.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=ie}));
 //# sourceMappingURL=InputText-83b55089.js.map

package/amd/Label-3c17bcc9.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-e14d62f1', './useScale-5d246769', './useDensity-bee3cef4', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-7ec99e08', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,f,C,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,O,H,W,q,G,z,J){"use strict";const K=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=G.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=f.useScale()||"lg",m=C.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=S.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...A}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...A,children:e}),y]})},Q=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,f="textField"===F,C=N.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:R}}=r.useComponentTheme(J.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:f?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:f?"isAnimated":"notAnimated",disabled:f&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(z.TextFieldRedwoodTheme),L="safari"===C.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:R]),I=A?s.jsx(K,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(H.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(K,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(Q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './LayerHost-daf96749', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-75a63697', './useScale-fa445112', './useDensity-cb21e58e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-deb90940', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,C,f,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,O,H,W,q,G,z,J){"use strict";const K=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=G.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=C.useScale()||"lg",m=f.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=S.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...A}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...A,children:e}),y]})},Q=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,C="textField"===F,f=N.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:R}}=r.useComponentTheme(J.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(z.TextFieldRedwoodTheme),L="safari"===f.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:R]),I=A?s.jsx(K,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(H.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(K,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(Q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
 //# sourceMappingURL=Label-3c17bcc9.js.map

package/amd/LabelValueLayout-39dc1be3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5a476d38', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-a737ac5e'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5737d116', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-a737ac5e'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
 //# sourceMappingURL=LabelValueLayout-39dc1be3.js.map

package/amd/Layer-c91c7141.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-daf96749', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-14ffb628'], (function(e,t,o,s,r,a,l){"use strict";const n=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=n,e.Layer=({children:e,logicalParentRef:i,isModal:y=!1,priority:c="popup",level:u="nearestAncestor"})=>{const[m,p]=o.useState(null),d=o.useRef(null),L=o.useContext(s.LayerContext),g=e=>{d.current=e,p(e)},f=l.useThemeInterpolations(i);let b=a.styles.popupPriorityStyle;switch(c){case"dialog":b=a.styles.dialogPriorityStyle;break;case"messages":b=a.styles.messagesPriorityStyle;break;case"tooltip":b=a.styles.tooltipPriorityStyle;break;default:b=a.styles.popupPriorityStyle}const S=r.classNames([f,a.baseStyle,b]);o.useLayoutEffect((()=>{const e="topLevel"===u?L.getRootLayerHost?.(c):L.getLayerHost?.(c);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer",y?"modal":"modeless"),i&&(t[n]=l.toUnsafeDomElement(i)),e.appendChild(t),g(t),()=>{e&&t&&e.contains(t)&&(delete t[n],e.removeChild(t)),L.onLayerUnmount&&L.onLayerUnmount(t),g(null)}}),[i,L,u,c,y]),m&&(m.className=S);const H=o.useCallback((()=>m),[m]),P=o.useMemo((()=>L.getLayerHost?{getRootLayerHost:L.getRootLayerHost?.bind(null,c),getLayerHost:H.bind(null)}:{}),[L.getLayerHost,L.getRootLayerHost,H,c]);return t.jsx(s.LayerContext.Provider,{value:P,children:m&&o.createPortal(e,m)})}}));
2	+ //# sourceMappingURL=Layer-c91c7141.js.map