@oracle/oraclejet-preact 15.0.2 → 15.0.3

package/amd/UNSAFE_InputPassword.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useTextField', './hooks/UNSAFE_useHover', './UNSAFE_Label', './UNSAFE_TextField', './UNSAFE_UserAssistance', 'css!./UNSAFE_InputPassword.css', './hooks/UNSAFE_useTranslationBundle', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/ViewHideIcon', './PRIVATE_ThemedIcons/ViewIcon', './hooks/UNSAFE_useClearIcon', './utils/UNSAFE_componentUtils', './ClearIcon-568e4191', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useCurrentValueReducer', './Label-d333c754', './ReadonlyTextFieldInput-735cd324', './TextFieldInput-ae1a90e4', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-c30de616', 'preact', './hooks/PRIVATE_useMessageSeverity', './utils/UNSAFE_stringUtils', './stringUtils-96bfcb78', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-c6cc4719', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-5cea534a', './_curry2-c02a6898', './InlineHelpSource-971e057c', './hooks/UNSAFE_useTabbableMode', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './index-7d808afa', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_ComponentMessage', './ComponentMessage-fb099f4f', './PRIVATE_Message', './UNSAFE_Flex', './Flex-0a2755ad', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './utils/UNSAFE_mergeInterpolations', './_curry3-f55dd1d6', './_has-de06828b', './utils/UNSAFE_interpolations/boxalignment', './keys-72d42d0f', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'module', './MessageCloseButton-80b9e135', './UNSAFE_IconButton', './IconButton-8a163411', './UNSAFE_BaseButton', './BaseButton-ff511180', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-78784b76', './UNSAFE_Text', './Text-4733b962', './UNSAFE_Text/themes/TextStyles.css', 'module', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-851238a6', './index-0f1e12db', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-36a9a58b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-f27746d9', './UNSAFE_Icon/themes/IconStyle.css', 'module', './MessageDetail-ed317948', './MessageFormattingUtils-1561035a', './utils/UNSAFE_getLocale', './Message.types-f79bf67b', './MessageStartIcon-0eacd752', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-1a256c77', './MessageTimestamp-bb896a80', './MessageUtils-400d4d6a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'module', './MessagesManager-9c22a890', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-035096e4', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-1ff8855c', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-d203ca27', './UNSAFE_FocusTrap', './FocusTrap-33bb474d', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'module', './UNSAFE_Divider', './Divider-9dbc0f92', './UNSAFE_Divider/themes/DividerStyles.css', 'module', './CompactHelpSource-d0796baf', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'module', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'module', 'module', 'module', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'module', './UNSAFE_LabelValueLayout', 'module', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', 'module', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_interpolations/text', './index-7feb26b5', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css'], (function(e,s,t,o,a,l,n,i,d,r,c,F,u,m,S,h,A,U,E,_,T,p,N,y,x,b,g,I,C,w,R,f,k,V,B,M,P,v,L,j,D,H,W,q,G,O,z,J,K,Q,X,Y,Z,$,ee,se,te,oe,ae,le,ne,ie,de,re,ce,Fe,ue,me,Se,he,Ae,Ue,Ee,_e,Te,pe,Ne,ye,xe,be,ge,Ie,Ce,we,Re,fe,ke,Ve,Be,Me,Pe,ve,Le,je,De,He,We,qe,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ls,ns,is,ds,rs,cs,Fs,us,ms,Ss,hs,As,Us,Es,_s,Ts,ps,Ns,ys,xs,bs,gs,Is,Cs,ws,Rs,fs,ks,Vs,Bs,Ms,Ps,vs,Ls,js,Ds,Hs,Ws,qs,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,lt,nt,it,dt,rt,ct,Ft,ut,mt,St,ht,At,Ut,Et,_t,Tt,pt,Nt,yt,xt,bt,gt,It,Ct,wt,Rt,ft,kt,Vt,Bt,Mt,Pt,vt,Lt,jt,Dt,Ht,Wt,qt,Gt,Ot,zt,Jt,Kt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,lo,no,io,ro,co,Fo,uo,mo,So,ho){"use strict";const Ao={base:"_1cd7gam"};function Uo({isRevealed:e,onPress:t}){const{pressProps:o}=S.usePress(t),a=m.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",{"aria-label":a,role:"switch","aria-checked":!e,class:Ao.base,tabIndex:0,...o,children:e?s.jsx(h.ViewHideIcon,{}):s.jsx(A.ViewIcon,{})})}const Eo=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:r="off",autoFocus:u=!1,hasClearIcon:m,hasRevealToggle:S="always",helpSourceLink:h,helpSourceText:A,isDisabled:b,isReadonly:g,isRequired:I=!1,isRequiredShown:C,label:w,labelEdge:R,labelStartWidth:f,messages:k,placeholder:V,textAlign:B,userAssistanceDensity:M,value:P,variant:v="default",onInput:L,onCommit:j},D)=>{const{currentCommitValue:H,dispatch:W}=p.useCurrentValueReducer({value:P}),q=o.useCallback((e=>{W({type:"input",payload:e.value}),L?.(e)}),[L,W]),G=o.useCallback((e=>{W({type:"commit",payload:e.value}),j?.(e)}),[j,W]),{isDisabled:O,isReadonly:z,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=l.useFormContext(),Y=b??O,Z=g??z,$=R??J,ee=f??K,se=B??Q,te=M??X,{bool:oe,setFalse:ae,setTrue:le}=T.useToggle(!1),{enabledElementRef:ne,focusProps:ie,isFocused:de,readonlyElementRef:re}=a.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:D,onBlurWithin:ae}),{hoverProps:ce,isHover:Fe}=d.useHover({isDisabled:Z||Y||!1}),{formFieldContext:ue,inputProps:me,labelProps:Se,textFieldProps:he,userAssistanceProps:Ae}=i.useTextField({ariaDescribedBy:e,helpSourceLink:h,helpSourceText:A,isDisabled:Y,isFocused:de,isReadonly:Z,isRequiredShown:C,labelEdge:$,messages:k,styleVariant:v,userAssistanceDensity:te,value:P}),Ue=o.useCallback((()=>{oe?ae():le()}),[oe,ae,le]),Ee=Y||"always"!==S?null:s.jsx(Uo,{onPress:Ue,isRevealed:oe}),_e=o.useCallback((()=>{ne.current?.focus(),q?.({previousValue:P,value:""})}),[q,P,ne]),Te=U.useClearIcon({clearIcon:s.jsx(_.ClearIcon,{onClick:_e}),display:m,hasValue:ue.hasValue,isFocused:de,isEnabled:!Z&&!Y,isHover:Fe}),pe=E.beforeVNode(Ee,Te),Ne="none"!==$?s.jsx(N.Label,{...Se,children:w}):void 0,ye={label:"none"!==$?Ne:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},xe="none"===$?w:void 0,be="efficient"===te||"reflow"===te?Y||Z?"efficient"!==te?void 0:s.jsx(F.InlineUserAssistance,{userAssistanceDensity:te,...Ae}):s.jsx(F.InlineUserAssistance,{assistiveText:t,helpSourceLink:h,helpSourceText:A,messages:k,isRequiredShown:C,userAssistanceDensity:te,...Ae}):void 0,ge=o.useRef(null),Ie="compact"===te?s.jsx(F.CompactUserAssistance,{anchorRef:ge,messages:k,assistiveText:t,...Ae}):void 0;if(Z)return s.jsx(n.FormFieldContext.Provider,{value:ue,children:s.jsx(c.ReadonlyTextField,{role:"presentation",compactUserAssistance:Ie,inlineUserAssistance:be,ref:ge,...ye,children:s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":me["aria-describedby"],"aria-label":xe,"aria-labelledby":Se.id,as:"input",autoFocus:u,elementRef:re,textAlign:se,type:"password",value:P,hasEmptyLabel:""===w&&"none"===$,hasInsideLabel:void 0!==w&&"inside"===$})})});const Ce=s.jsx(x.TextFieldInput,{"aria-label":xe,autoComplete:r,autoFocus:u,currentCommitValue:H,hasEmptyLabel:""===w&&"none"===$,hasInsideLabel:void 0!==Ne&&"inside"===$,inputRef:ne,isRequired:I,onInput:q,onCommit:G,placeholder:V,textAlign:se,value:P,type:oe?"text":"password",...me});return s.jsx(n.FormFieldContext.Provider,{value:ue,children:s.jsx(c.TextField,{endContent:pe,inlineUserAssistance:be,compactUserAssistance:Ie,mainContent:Ce,onBlur:ie.onfocusout,onFocus:ie.onfocusin,mainFieldRef:ge,...he,...ye,...ce})})}));e.InputPassword=Eo,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useTextField', './hooks/UNSAFE_useHover', './UNSAFE_Label', './UNSAFE_TextField', './UNSAFE_UserAssistance', 'css!./UNSAFE_InputPassword.css', './hooks/UNSAFE_useTranslationBundle', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/ViewHideIcon', './PRIVATE_ThemedIcons/ViewIcon', './hooks/UNSAFE_useClearIcon', './utils/UNSAFE_componentUtils', './ClearIcon-14bc8054', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useCurrentValueReducer', './Label-ded4c377', './ReadonlyTextFieldInput-56cbd386', './TextFieldInput-298fe773', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-ce5ebba5', 'preact', './hooks/PRIVATE_useMessageSeverity', './utils/UNSAFE_stringUtils', './stringUtils-96e3f9b5', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-b5cf9a39', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-1f658b88', './_curry2-4a554218', './InlineHelpSource-b0c75417', './hooks/UNSAFE_useTabbableMode', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d', './index-d6b6bee8', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_ComponentMessage', './ComponentMessage-a3b84fe4', './PRIVATE_Message', './UNSAFE_Flex', './Flex-e7220b21', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-dfde7bba', './utils/UNSAFE_mergeInterpolations', './_curry3-05ec2e23', './_has-34b23a64', './utils/UNSAFE_interpolations/boxalignment', './keys-d1c31363', './utils/UNSAFE_interpolations/flexbox', './flexbox-761d3b14', './utils/UNSAFE_interpolations/flexitem', './flexitem-f686fedf', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-68740c24', './UNSAFE_IconButton', './IconButton-1c04540e', './UNSAFE_BaseButton', './BaseButton-0704080b', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-a9fac8c0', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-4b17b694', './UNSAFE_Text', './Text-e73cbafa', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-9f5d5900', './index-78b0c38f', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-e6f26831', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5f94808b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-b3dac058', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-b5351f00', './MessageFormattingUtils-1308f276', './utils/UNSAFE_getLocale', './Message.types-c7c2dcac', './MessageStartIcon-ab2ee570', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-43aac7d5', './MessageTimestamp-dd61e1f7', './MessageUtils-8d88ada0', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-785f3004', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-3c5172f5', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-ad39f42d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-9faba7af', './UNSAFE_FocusTrap', './FocusTrap-8b3bbcd4', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-d1cb0c52', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-0b145a73', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', 'css!./ClearIconStyles.styles.css', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_interpolations/text', './index-d01445f9', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css'], (function(e,s,t,o,a,l,n,i,d,r,c,F,u,m,S,h,A,U,E,_,T,p,N,y,x,b,g,I,C,w,R,f,k,V,B,M,P,v,L,j,D,H,W,q,G,O,z,J,K,Q,X,Y,Z,$,ee,se,te,oe,ae,le,ne,ie,de,re,ce,Fe,ue,me,Se,he,Ae,Ue,Ee,_e,Te,pe,Ne,ye,xe,be,ge,Ie,Ce,we,Re,fe,ke,Ve,Be,Me,Pe,ve,Le,je,De,He,We,qe,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ls,ns,is,ds,rs,cs,Fs,us,ms,Ss,hs,As,Us,Es,_s,Ts,ps,Ns,ys,xs,bs,gs,Is,Cs,ws,Rs,fs,ks,Vs,Bs,Ms,Ps,vs,Ls,js,Ds,Hs,Ws,qs,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,lt,nt,it,dt,rt,ct,Ft,ut,mt,St,ht,At,Ut,Et,_t,Tt,pt,Nt,yt,xt,bt,gt,It,Ct,wt,Rt,ft,kt,Vt,Bt,Mt,Pt,vt,Lt,jt,Dt,Ht,Wt,qt,Gt,Ot,zt,Jt,Kt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,lo,no,io,ro,co,Fo,uo,mo,So,ho){"use strict";const Ao={base:"_17wdgbv"};function Uo({isRevealed:e,onPress:t}){const{pressProps:o}=S.usePress(t),a=m.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",{"aria-label":a,role:"switch","aria-checked":!e,class:Ao.base,tabIndex:0,...o,children:e?s.jsx(h.ViewHideIcon,{}):s.jsx(A.ViewIcon,{})})}const Eo=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:r="off",autoFocus:u=!1,hasClearIcon:m,hasRevealToggle:S="always",helpSourceLink:h,helpSourceText:A,isDisabled:b,isReadonly:g,isRequired:I=!1,isRequiredShown:C,label:w,labelEdge:R,labelStartWidth:f,messages:k,placeholder:V,textAlign:B,userAssistanceDensity:M,value:P,variant:v="default",onInput:L,onCommit:j},D)=>{const{currentCommitValue:H,dispatch:W}=p.useCurrentValueReducer({value:P}),q=o.useCallback((e=>{W({type:"input",payload:e.value}),L?.(e)}),[L,W]),G=o.useCallback((e=>{W({type:"commit",payload:e.value}),j?.(e)}),[j,W]),{isDisabled:O,isReadonly:z,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=l.useFormContext(),Y=b??O,Z=g??z,$=R??J,ee=f??K,se=B??Q,te=M??X,{bool:oe,setFalse:ae,setTrue:le}=T.useToggle(!1),{enabledElementRef:ne,focusProps:ie,isFocused:de,readonlyElementRef:re}=a.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:D,onBlurWithin:ae}),{hoverProps:ce,isHover:Fe}=d.useHover({isDisabled:Z||Y||!1}),{formFieldContext:ue,inputProps:me,labelProps:Se,textFieldProps:he,userAssistanceProps:Ae}=i.useTextField({ariaDescribedBy:e,helpSourceLink:h,helpSourceText:A,isDisabled:Y,isFocused:de,isReadonly:Z,isRequiredShown:C,labelEdge:$,messages:k,styleVariant:v,userAssistanceDensity:te,value:P}),Ue=o.useCallback((()=>{oe?ae():le()}),[oe,ae,le]),Ee=Y||"always"!==S?null:s.jsx(Uo,{onPress:Ue,isRevealed:oe}),_e=o.useCallback((()=>{ne.current?.focus(),q?.({previousValue:P,value:""})}),[q,P,ne]),Te=U.useClearIcon({clearIcon:s.jsx(_.ClearIcon,{onClick:_e}),display:m,hasValue:ue.hasValue,isFocused:de,isEnabled:!Z&&!Y,isHover:Fe}),pe=E.beforeVNode(Ee,Te),Ne="none"!==$?s.jsx(N.Label,{...Se,children:w}):void 0,ye={label:"none"!==$?Ne:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},xe="none"===$?w:void 0,be="efficient"===te||"reflow"===te?Y||Z?"efficient"!==te?void 0:s.jsx(F.InlineUserAssistance,{userAssistanceDensity:te,...Ae}):s.jsx(F.InlineUserAssistance,{assistiveText:t,helpSourceLink:h,helpSourceText:A,messages:k,isRequiredShown:C,userAssistanceDensity:te,...Ae}):void 0,ge=o.useRef(null),Ie="compact"===te?s.jsx(F.CompactUserAssistance,{anchorRef:ge,messages:k,assistiveText:t,...Ae}):void 0;if(Z)return s.jsx(n.FormFieldContext.Provider,{value:ue,children:s.jsx(c.ReadonlyTextField,{role:"presentation",compactUserAssistance:Ie,inlineUserAssistance:be,ref:ge,...ye,children:s.jsx(y.ReadonlyTextFieldInput,{"aria-describedby":me["aria-describedby"],"aria-label":xe,"aria-labelledby":Se.id,as:"input",autoFocus:u,elementRef:re,textAlign:se,type:"password",value:P,hasEmptyLabel:""===w&&"none"===$,hasInsideLabel:void 0!==w&&"inside"===$})})});const Ce=s.jsx(x.TextFieldInput,{"aria-label":xe,autoComplete:r,autoFocus:u,currentCommitValue:H,hasEmptyLabel:""===w&&"none"===$,hasInsideLabel:void 0!==Ne&&"inside"===$,inputRef:ne,isRequired:I,onInput:q,onCommit:G,placeholder:V,textAlign:se,value:P,type:oe?"text":"password",...me});return s.jsx(n.FormFieldContext.Provider,{value:ue,children:s.jsx(c.TextField,{endContent:pe,inlineUserAssistance:be,compactUserAssistance:Ie,mainContent:Ce,onBlur:ie.onfocusout,onFocus:ie.onfocusin,mainFieldRef:ge,...he,...ye,...ce})})}));e.InputPassword=Eo,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

package/amd/UNSAFE_InputPassword.js.map

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

package/amd/UNSAFE_InputText.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useClearIcon', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useLengthFilter', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './utils/UNSAFE_componentUtils', './ClearIcon-568e4191', './hooks/UNSAFE_useCurrentValueReducer', './Label-d333c754', './ReadonlyTextFieldInput-735cd324', './TextFieldInput-ae1a90e4', './clientHints-fbfc14a7', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-c30de616', './utils/UNSAFE_lengthFilter', './hooks/PRIVATE_useMessageSeverity', './utils/UNSAFE_stringUtils', './stringUtils-96bfcb78', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-c6cc4719', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-5cea534a', './_curry2-c02a6898', './InlineHelpSource-971e057c', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-7d808afa', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './UNSAFE_ComponentMessage', './ComponentMessage-fb099f4f', './PRIVATE_Message', './UNSAFE_Flex', './Flex-0a2755ad', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './utils/UNSAFE_mergeInterpolations', './_curry3-f55dd1d6', './_has-de06828b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-72d42d0f', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'module', './MessageCloseButton-80b9e135', './UNSAFE_IconButton', './IconButton-8a163411', './UNSAFE_BaseButton', './BaseButton-ff511180', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-78784b76', './UNSAFE_Text', './Text-4733b962', './UNSAFE_Text/themes/TextStyles.css', 'module', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-851238a6', './index-0f1e12db', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-36a9a58b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-f27746d9', './UNSAFE_Icon/themes/IconStyle.css', 'module', './MessageDetail-ed317948', './MessageFormattingUtils-1561035a', './utils/UNSAFE_getLocale', './Message.types-f79bf67b', './MessageStartIcon-0eacd752', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-1a256c77', './MessageTimestamp-bb896a80', './MessageUtils-400d4d6a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'module', './MessagesManager-9c22a890', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-035096e4', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-1ff8855c', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-d203ca27', './UNSAFE_FocusTrap', './FocusTrap-33bb474d', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'module', './UNSAFE_Divider', './Divider-9dbc0f92', './UNSAFE_Divider/themes/DividerStyles.css', 'module', './CompactHelpSource-d0796baf', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'module', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'module', 'module', 'module', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'module', './UNSAFE_PrefixSuffix', './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css', 'module', './UNSAFE_LabelValueLayout', 'module', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_interpolations/text', './index-7feb26b5', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', 'module'], (function(e,s,t,o,a,n,i,l,d,r,c,F,u,h,m,S,A,U,E,_,T,N,p,x,y,g,b,f,C,I,v,R,k,w,L,M,B,P,V,D,j,H,W,q,G,O,z,K,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ne,ie,le,de,re,ce,Fe,ue,he,me,Se,Ae,Ue,Ee,_e,Te,Ne,pe,xe,ye,ge,be,fe,Ce,Ie,ve,Re,ke,we,Le,Me,Be,Pe,Ve,De,je,He,We,qe,Ge,Oe,ze,Ke,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ns,is,ls,ds,rs,cs,Fs,us,hs,ms,Ss,As,Us,Es,_s,Ts,Ns,ps,xs,ys,gs,bs,fs,Cs,Is,vs,Rs,ks,ws,Ls,Ms,Bs,Ps,Vs,Ds,js,Hs,Ws,qs,Gs,Os,zs,Ks,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,nt,it,lt,dt,rt,ct,Ft,ut,ht,mt,St,At,Ut,Et,_t,Tt,Nt,pt,xt,yt,gt,bt,ft,Ct,It,vt,Rt,kt,wt,Lt,Mt,Bt,Pt,Vt,Dt,jt,Ht,Wt,qt,Gt,Ot,zt,Kt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,no,io,lo,ro,co,Fo,uo,ho,mo,So,Ao,Uo,Eo,_o){"use strict";const To=o.forwardRef((({"aria-describedby":e,assistiveText:o,autoComplete:u="off",autoFocus:A=!1,hasClearIcon:x="never",endContent:y,helpSourceLink:g,helpSourceText:b,isDisabled:f,isReadonly:C,isRequired:I=!1,isRequiredShown:v,label:R,labelEdge:k,labelStartWidth:w,maxLength:L,maxLengthUnit:M,messages:B,placeholder:P,prefix:V,role:D,startContent:j,suffix:H,textAlign:W,userAssistanceDensity:q,value:G,variant:O="default",virtualKeyboard:z,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=_.useCurrentValueReducer({value:G}),Z=a.useCallback((e=>{Y({type:"input",payload:e.value}),K?.(e)}),[K,Y]),$=a.useCallback((e=>{Y({type:"commit",payload:e.value}),J?.(e)}),[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:oe,textAlign:ae,userAssistanceDensity:ne}=l.useFormContext(),ie=f??ee,le=C??se,de=k??te,re=w??oe,ce=W??ae,Fe=q??ne,{enabledElementRef:ue,focusProps:he,isFocused:me,readonlyElementRef:Se}=i.useFocusableTextField({isDisabled:ie,isReadonly:le,ref:Q}),{hoverProps:Ae,isHover:Ue}=r.useHover({isDisabled:le||ie||!1}),{baseId:Ee,formFieldContext:_e,inputProps:Te,labelProps:Ne,textFieldProps:pe,userAssistanceProps:xe}=F.useTextField({ariaDescribedBy:e,helpSourceLink:g,helpSourceText:b,isDisabled:ie,isFocused:me,isReadonly:le,isRequiredShown:v,labelEdge:de,messages:B,styleVariant:O,userAssistanceDensity:Fe,value:G}),ye=a.useCallback((()=>{ue.current?.focus(),Z?.({previousValue:G,value:""})}),[Z,G,ue]),ge=n.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:ye}),display:x,hasValue:_e.hasValue,isFocused:me,isEnabled:!le&&!ie,isHover:Ue}),be=U.beforeVNode(y,ge),{renderedPrefix:fe,renderedSuffix:Ce,text:Ie,ariaLabelledBy:ve}=h.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==y,hasInsideLabel:void 0!==R&&"inside"===de,hasStartContent:void 0!==j,hasValue:_e.hasValue,isDisabled:ie,isFocused:me,labelId:Ne.id,prefix:V,suffix:H,value:G}),{isMaxLengthExceeded:Re,valueLength:ke,onFilteredInput:we}=c.useLengthFilter({maxLength:L,maxLengthUnit:M,value:G,onInput:Z,onCommit:$}),Le="none"!==de?s.jsx(T.Label,{...Ne,children:R}):void 0,Me={label:"none"!==de?Le:void 0,labelEdge:"none"!==de?de:void 0,labelStartWidth:"none"!==de?re:void 0},Be="none"===de?R:void 0,Pe="efficient"===Fe||"reflow"===Fe?ie||le?"efficient"!==Fe?void 0:s.jsx(S.InlineUserAssistance,{userAssistanceDensity:Fe,...xe}):s.jsx(S.InlineUserAssistance,{assistiveText:o,fieldLabel:R,helpSourceLink:g,helpSourceText:b,messages:B,isRequiredShown:v,userAssistanceDensity:Fe,...xe}):void 0,Ve=a.useRef(null),De="compact"===Fe?s.jsx(S.CompactUserAssistance,{anchorRef:Ve,messages:B,assistiveText:o,...xe}):void 0;if(le)return s.jsx(d.FormFieldContext.Provider,{value:_e,children:s.jsx(m.ReadonlyTextField,{role:"presentation",compactUserAssistance:De,inlineUserAssistance:Pe,onBlur:he.onfocusout,onFocus:he.onfocusin,ref:Ve,...Me,children:s.jsx(N.ReadonlyTextFieldInput,{"aria-describedby":Te["aria-describedby"],"aria-label":Be,"aria-labelledby":Ne.id,as:"div",autoFocus:A,elementRef:Se,textAlign:ce,value:Ie,hasEmptyLabel:""===R&&"none"===de,hasInsideLabel:void 0!==R&&"inside"===de})})});const je=s.jsxs(t.Fragment,{children:[fe,s.jsx(p.TextFieldInput,{"aria-labelledby":ve,"aria-label":Be,autoComplete:u,autoFocus:A,currentCommitValue:X,hasEmptyLabel:""===R&&"none"===de,hasEndContent:void 0!==y,hasInsideLabel:void 0!==Le&&"inside"===de,hasPrefix:void 0!==fe,hasStartContent:void 0!==j,hasSuffix:void 0!==Ce,inputRef:ue,isRequired:I,placeholder:P,role:D,textAlign:ce,type:No()?z:void 0,value:ie?Ie:G,onCommit:$,onInput:we,...Te}),Ce,void 0!==L&&s.jsx(m.MaxLengthLiveRegion,{isMaxLengthExceeded:Re,maxLength:L,valueLength:ke})]});return s.jsx(d.FormFieldContext.Provider,{value:_e,children:s.jsx(m.TextField,{endContent:be,compactUserAssistance:De,inlineUserAssistance:Pe,mainContent:je,onBlur:he.onfocusout,onFocus:he.onfocusin,startContent:j,mainFieldRef:Ve,...pe,...Me,...Ae})})}));function No(){const e=x.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=To,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useClearIcon', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useLengthFilter', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './utils/UNSAFE_componentUtils', './ClearIcon-14bc8054', './hooks/UNSAFE_useCurrentValueReducer', './Label-ded4c377', './ReadonlyTextFieldInput-56cbd386', './TextFieldInput-298fe773', './clientHints-a9fac8c0', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-ce5ebba5', './utils/UNSAFE_lengthFilter', './hooks/PRIVATE_useMessageSeverity', './utils/UNSAFE_stringUtils', './stringUtils-96e3f9b5', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-b5cf9a39', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-1f658b88', './_curry2-4a554218', './InlineHelpSource-b0c75417', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-d6b6bee8', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d', './UNSAFE_ComponentMessage', './ComponentMessage-a3b84fe4', './PRIVATE_Message', './UNSAFE_Flex', './Flex-e7220b21', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-dfde7bba', './utils/UNSAFE_mergeInterpolations', './_curry3-05ec2e23', './_has-34b23a64', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d1c31363', './utils/UNSAFE_interpolations/flexbox', './flexbox-761d3b14', './utils/UNSAFE_interpolations/flexitem', './flexitem-f686fedf', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-68740c24', './UNSAFE_IconButton', './IconButton-1c04540e', './UNSAFE_BaseButton', './BaseButton-0704080b', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-4b17b694', './UNSAFE_Text', './Text-e73cbafa', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-9f5d5900', './index-78b0c38f', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-e6f26831', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5f94808b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-b3dac058', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-b5351f00', './MessageFormattingUtils-1308f276', './utils/UNSAFE_getLocale', './Message.types-c7c2dcac', './MessageStartIcon-ab2ee570', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-43aac7d5', './MessageTimestamp-dd61e1f7', './MessageUtils-8d88ada0', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-785f3004', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-3c5172f5', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-ad39f42d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-9faba7af', './UNSAFE_FocusTrap', './FocusTrap-8b3bbcd4', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-d1cb0c52', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-0b145a73', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_PrefixSuffix', './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css', 'css!./PrefixSuffixStyles.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_interpolations/text', './index-d01445f9', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', 'css!./ClearIconStyles.styles.css'], (function(e,s,t,o,a,n,i,l,d,r,c,F,u,h,m,S,A,U,E,_,T,N,p,x,y,b,g,f,C,I,v,R,k,w,L,M,B,P,V,D,j,H,W,q,G,O,z,K,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ne,ie,le,de,re,ce,Fe,ue,he,me,Se,Ae,Ue,Ee,_e,Te,Ne,pe,xe,ye,be,ge,fe,Ce,Ie,ve,Re,ke,we,Le,Me,Be,Pe,Ve,De,je,He,We,qe,Ge,Oe,ze,Ke,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ns,is,ls,ds,rs,cs,Fs,us,hs,ms,Ss,As,Us,Es,_s,Ts,Ns,ps,xs,ys,bs,gs,fs,Cs,Is,vs,Rs,ks,ws,Ls,Ms,Bs,Ps,Vs,Ds,js,Hs,Ws,qs,Gs,Os,zs,Ks,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,nt,it,lt,dt,rt,ct,Ft,ut,ht,mt,St,At,Ut,Et,_t,Tt,Nt,pt,xt,yt,bt,gt,ft,Ct,It,vt,Rt,kt,wt,Lt,Mt,Bt,Pt,Vt,Dt,jt,Ht,Wt,qt,Gt,Ot,zt,Kt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,no,io,lo,ro,co,Fo,uo,ho,mo,So,Ao,Uo,Eo,_o){"use strict";const To=o.forwardRef((({"aria-describedby":e,assistiveText:o,autoComplete:u="off",autoFocus:A=!1,hasClearIcon:x="never",endContent:y,helpSourceLink:b,helpSourceText:g,isDisabled:f,isReadonly:C,isRequired:I=!1,isRequiredShown:v,label:R,labelEdge:k,labelStartWidth:w,maxLength:L,maxLengthUnit:M,messages:B,placeholder:P,prefix:V,role:D,startContent:j,suffix:H,textAlign:W,userAssistanceDensity:q,value:G,variant:O="default",virtualKeyboard:z,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=_.useCurrentValueReducer({value:G}),Z=a.useCallback((e=>{Y({type:"input",payload:e.value}),K?.(e)}),[K,Y]),$=a.useCallback((e=>{Y({type:"commit",payload:e.value}),J?.(e)}),[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:oe,textAlign:ae,userAssistanceDensity:ne}=l.useFormContext(),ie=f??ee,le=C??se,de=k??te,re=w??oe,ce=W??ae,Fe=q??ne,{enabledElementRef:ue,focusProps:he,isFocused:me,readonlyElementRef:Se}=i.useFocusableTextField({isDisabled:ie,isReadonly:le,ref:Q}),{hoverProps:Ae,isHover:Ue}=r.useHover({isDisabled:le||ie||!1}),{baseId:Ee,formFieldContext:_e,inputProps:Te,labelProps:Ne,textFieldProps:pe,userAssistanceProps:xe}=F.useTextField({ariaDescribedBy:e,helpSourceLink:b,helpSourceText:g,isDisabled:ie,isFocused:me,isReadonly:le,isRequiredShown:v,labelEdge:de,messages:B,styleVariant:O,userAssistanceDensity:Fe,value:G}),ye=a.useCallback((()=>{ue.current?.focus(),Z?.({previousValue:G,value:""})}),[Z,G,ue]),be=n.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:ye}),display:x,hasValue:_e.hasValue,isFocused:me,isEnabled:!le&&!ie,isHover:Ue}),ge=U.beforeVNode(y,be),{renderedPrefix:fe,renderedSuffix:Ce,text:Ie,ariaLabelledBy:ve}=h.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==y,hasInsideLabel:void 0!==R&&"inside"===de,hasStartContent:void 0!==j,hasValue:_e.hasValue,isDisabled:ie,isFocused:me,labelId:Ne.id,prefix:V,suffix:H,value:G}),{isMaxLengthExceeded:Re,valueLength:ke,onFilteredInput:we}=c.useLengthFilter({maxLength:L,maxLengthUnit:M,value:G,onInput:Z,onCommit:$}),Le="none"!==de?s.jsx(T.Label,{...Ne,children:R}):void 0,Me={label:"none"!==de?Le:void 0,labelEdge:"none"!==de?de:void 0,labelStartWidth:"none"!==de?re:void 0},Be="none"===de?R:void 0,Pe="efficient"===Fe||"reflow"===Fe?ie||le?"efficient"!==Fe?void 0:s.jsx(S.InlineUserAssistance,{userAssistanceDensity:Fe,...xe}):s.jsx(S.InlineUserAssistance,{assistiveText:o,fieldLabel:R,helpSourceLink:b,helpSourceText:g,messages:B,isRequiredShown:v,userAssistanceDensity:Fe,...xe}):void 0,Ve=a.useRef(null),De="compact"===Fe?s.jsx(S.CompactUserAssistance,{anchorRef:Ve,messages:B,assistiveText:o,...xe}):void 0;if(le)return s.jsx(d.FormFieldContext.Provider,{value:_e,children:s.jsx(m.ReadonlyTextField,{role:"presentation",compactUserAssistance:De,inlineUserAssistance:Pe,onBlur:he.onfocusout,onFocus:he.onfocusin,ref:Ve,...Me,children:s.jsx(N.ReadonlyTextFieldInput,{"aria-describedby":Te["aria-describedby"],"aria-label":Be,"aria-labelledby":Ne.id,as:"div",autoFocus:A,elementRef:Se,textAlign:ce,value:Ie,hasEmptyLabel:""===R&&"none"===de,hasInsideLabel:void 0!==R&&"inside"===de})})});const je=s.jsxs(t.Fragment,{children:[fe,s.jsx(p.TextFieldInput,{"aria-labelledby":ve,"aria-label":Be,autoComplete:u,autoFocus:A,currentCommitValue:X,hasEmptyLabel:""===R&&"none"===de,hasEndContent:void 0!==y,hasInsideLabel:void 0!==Le&&"inside"===de,hasPrefix:void 0!==fe,hasStartContent:void 0!==j,hasSuffix:void 0!==Ce,inputRef:ue,isRequired:I,placeholder:P,role:D,textAlign:ce,type:No()?z:void 0,value:ie?Ie:G,onCommit:$,onInput:we,...Te}),Ce,void 0!==L&&s.jsx(m.MaxLengthLiveRegion,{isMaxLengthExceeded:Re,maxLength:L,valueLength:ke})]});return s.jsx(d.FormFieldContext.Provider,{value:_e,children:s.jsx(m.TextField,{endContent:ge,compactUserAssistance:De,inlineUserAssistance:Pe,mainContent:je,onBlur:he.onfocusout,onFocus:he.onfocusin,startContent:j,mainFieldRef:Ve,...pe,...Me,...Ae})})}));function No(){const e=x.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=To,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/amd/UNSAFE_InputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const InputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\n          mainFieldRef={anchorRef}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","undefined","hasInsideLabel","hasStartContent","labelId","id","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","jsx","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","useRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","MaxLengthLiveRegion","TextField","mainFieldRef","deviceType","getClientHints"],"mappings":"0qSA+Na,MAAAA,GAAYC,EAAUA,YACjC,EAEI,mBAAoBC,EACpBC,gBACAC,eAAe,MACfC,aAAY,EACZC,eAAe,QACfC,aACAC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,kBACAC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,YACAC,gBACAC,WACAC,cACAC,SACAC,OACAC,eACAC,SACAC,UAAWC,EACXC,sBAAuBC,EACvBC,QACAC,UAAU,UACVC,kBACAC,UACAC,YAEFC,KAEA,MAAMC,mBAAEA,EAAkBC,SAAEA,GAAaC,EAAAA,uBAAuB,CAAER,UAC5DS,EAAqBC,eACxBC,IAECJ,EAAS,CAAEK,KAAM,QAASC,QAASF,EAAOX,QAC1CG,IAAUQ,EAAO,GAEnB,CAACR,EAASI,IAENO,EAAsBJ,eACzBC,IAECJ,EAAS,CAAEK,KAAM,SAAUC,QAASF,EAAOX,QAC3CI,IAAWO,EAAO,GAEpB,CAACP,EAAUG,KAGX9B,WAAYsC,GACZpC,WAAYqC,GACZhC,UAAWiC,GACX/B,gBAAiBgC,GACjBtB,UAAWuB,GACXrB,sBAAuBsB,IACrBC,EAAAA,iBAEE5C,GAAaC,GAAkBqC,GAC/BpC,GAAaC,GAAkBoC,GAC/BhC,GAAYC,GAAiBgC,GAC7B/B,GAAkBC,GAAuB+B,GACzCtB,GAAYC,GAAiBsB,GAC7BrB,GAAwBC,GAA6BqB,IAErDE,kBAAEA,GAAiBC,WAAEA,GAAUC,UAAEA,GAASC,mBAAEA,IAAuBC,EAAqBA,sBAG5F,CAAEjD,cAAYE,cAAY0B,SACtBsB,WAAEA,GAAUC,QAAEA,IAAYC,EAAQA,SAAC,CAAEpD,WAAYE,IAAcF,KAAc,KAC7EqD,OACJA,GAAMC,iBACNA,GAAgBC,WAChBA,GAAUC,WACVA,GAAUC,eACVA,GAAcC,oBACdA,IACEC,eAAa,CACfnE,kBACAM,iBACAC,iBACAC,cACA+C,aACA7C,cACAG,kBACAE,aACAM,WACA+C,aAAcpC,EACdH,yBACAE,UAGIsC,GAAmB5B,EAAAA,aAAY,KAEnCY,GAAkBiB,SAASC,QAE3B/B,IAAqB,CAAEgC,cAAezC,EAAOA,MAAO,IAAK,GACxD,CAACS,EAAoBT,EAAOsB,KAEzBoB,GAAiBC,EAAAA,aAAa,CAClCC,UAAWC,EAAAA,IAACC,EAAAA,WAAUC,QAAST,KAC/BU,QAAS3E,EACT4E,SAAUlB,GAAiBkB,SAC3BzB,aACA0B,WAAYvE,KAAeF,GAC3BmD,aAEIuB,GAAqBC,EAAAA,YAAY9E,EAAYoE,KAE7CW,eACJA,GAAcC,eACdA,GACAC,KAAMC,GAAiBC,eACvBA,IACEC,kBAAgB,CAClB5B,UACA6B,mBAA8BC,IAAftF,EACfuF,oBAA0BD,IAAV7E,GAAqC,WAAdC,GACvC8E,qBAAkCF,IAAjBlE,EACjBuD,SAAUlB,GAAiBkB,SAC3BxE,cACA+C,aACAuC,QAAS9B,GAAW+B,GACpBxE,SACAG,SACAK,WAIIiE,oBAAEA,GAAmBC,YAAEA,GAAWC,gBAAEA,IAAoBC,EAAAA,gBAAgB,CAC5EhF,YACAC,gBACAW,QACAG,QAASM,EACTL,SAAUU,IAGNuD,GAA0B,SAAdrF,GAAuB6D,EAAAyB,IAACC,EAAKA,MAAK,IAAAtC,YAAalD,SAAiB6E,EAE5EY,GAAkB,CACtBzF,MAAqB,SAAdC,GAAuBqF,QAAYT,EAC1C5E,UAAyB,SAAdA,GAAuBA,QAAY4E,EAC9C1E,gBAA+B,SAAdF,GAAuBE,QAAkB0E,GAGtDa,GAA0B,SAAdzF,GAAuBD,OAAQ6E,EAI3Cc,GAFsB,cAA1B5E,IAAmE,WAA1BA,GAGzCrB,IAAcE,GAGc,cAA1BmB,QAAwC8D,EACtCf,EAACyB,IAAAK,EAAoBA,sBACnB7E,sBAAuBA,MACnBqC,KAIRU,EAAAA,IAAC8B,EAAAA,qBACC,CAAAzG,cAAeA,EACf0G,WAAY7F,EACZR,eAAgBA,EAChBC,eAAgBA,EAChBc,SAAUA,EACVR,gBAAiBA,EACjBgB,sBAAuBA,MACnBqC,UAGNyB,EAEEiB,GAAYC,SAAuB,MAEnCC,GACsB,YAA1BjF,GACE+C,EAAAA,IAACmC,EAAAA,sBAAqB,CACpBH,UAAWA,GACXvF,SAAUA,EACVpB,cAAeA,KACXiE,UAEJyB,EAEN,GAAIjF,GAGF,OACEkE,MAACoC,EAAgBA,iBAACC,SAAS,CAAAlF,MAAO+B,GAChCoD,SAAAtC,EAAAyB,IAACc,EAAiBA,kBAChB,CAAA3F,KAAK,eACLsF,sBAAuBA,GACvBL,qBAAsBA,GACtBW,OAAQ9D,GAAW+D,WACnBC,QAAShE,GAAWiE,UACpBnF,IAAKwE,MACDL,GAAeW,SACnBtC,EAAAA,IAAC4C,EAAAA,uBAAsB,CAAA,mBACHzD,GAAW,iCACjByC,GAAS,kBACJxC,GAAW+B,GAC5B0B,GAAG,MACHtH,UAAWA,EACXuH,WAAYlE,GACZ7B,UAAWA,GACXI,MAAOwD,GACPoC,cAAyB,KAAV7G,GAA8B,SAAdC,GAC/B6E,oBAA0BD,IAAV7E,GAAqC,WAAdC,SAOjD,MAAM6G,GACJC,EAAAC,KAACC,WACE,CAAAb,SAAA,CAAA9B,GACDR,EAAAyB,IAAC2B,iBACkB,CAAA,kBAAAxC,GACL,aAAAgB,GACZtG,aAAcA,EACdC,UAAWA,EACXkC,mBAAoBA,EACpBsF,cAAyB,KAAV7G,GAA8B,SAAdC,GAC/B2E,mBAA8BC,IAAftF,EACfuF,oBAA8BD,IAAdS,IAAyC,WAAdrF,GAC3CkH,eAA8BtC,IAAnBP,GACXS,qBAAkCF,IAAjBlE,EACjByG,eAA8BvC,IAAnBN,GACX8C,SAAU9E,GACVzC,WAAYA,EACZU,YAAaA,EACbE,KAAMA,EACNG,UAAWA,GACXgB,KAAMyF,KAAanG,OAAkB0D,EACrC5D,MAAOvB,GAAa+E,GAAoBxD,EACxCI,SAAUU,EACVX,QAASgE,MACLnC,KAELsB,QACcM,IAAdxE,GACCyD,EAAAA,IAACyD,EAAAA,oBAAmB,CAAOrC,uBAAqB7E,YAAW8E,oBAKjE,OACErB,EAAAA,IAACoC,EAAAA,iBAAiBC,SAAS,CAAAlF,MAAO+B,GAChCoD,SAAAtC,EAAAA,IAAC0D,EAAAA,UAAS,CACRjI,WAAY6E,GACZ4B,sBAAuBA,GACvBL,qBAAsBA,GACtBmB,YAAaA,GACbR,OAAQ9D,GAAW+D,WACnBC,QAAShE,GAAWiE,UACpB9F,aAAcA,EACd8G,aAAc3B,MACV3C,MACAsC,MACA7C,MAGR,IAQN,SAAS0E,KACP,MAAMI,EAAaC,mBAAiBD,WACpC,MAAsB,UAAfA,GAAyC,WAAfA,CACnC"}
+{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const InputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\n          mainFieldRef={anchorRef}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","undefined","hasInsideLabel","hasStartContent","labelId","id","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","jsx","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","useRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","MaxLengthLiveRegion","TextField","mainFieldRef","deviceType","getClientHints"],"mappings":"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"}