@oracle/oraclejet-preact 20.1.1 → 20.1.2

package/amd/InputDateMask-acdfc589.js

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

package/amd/InputDatePicker-22518a24.js

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

package/amd/{InputDatePicker-b16a1592.js.map → InputDatePicker-22518a24.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputDatePicker-b16a1592.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport type { ElementRef } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      // If the value we get from InputDateMask's onCommit differs from the last committed value, then call onCommit.\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, detail.value)) {\n        onCommit?.({ value: detail.value, previousValue: lastCommittedDateRef.current });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n\n    return (\n      <div {...testIdProps} ref={rootRef}>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId ? testId + '_mask' : undefined}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","rootRef","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}
+{"version":3,"file":"InputDatePicker-22518a24.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport type { ElementRef } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      // If the value we get from InputDateMask's onCommit differs from the last committed value, then call onCommit.\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, detail.value)) {\n        onCommit?.({ value: detail.value, previousValue: lastCommittedDateRef.current });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n\n    return (\n      <div {...testIdProps} ref={rootRef}>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId ? testId + '_mask' : undefined}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","rootRef","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}

package/amd/InputPassword-9a1d268d.js

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

package/amd/InputSensitiveText-e6519508.js

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

package/amd/InputText-8712623e.js

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

package/amd/Label-286bacb8.js

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

package/amd/LabelValueLayout-36bc12e2.js

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

package/amd/{Layer-64bf71ad.js → Layer-1971eddb.js}

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

package/amd/{Layer-64bf71ad.js.map → Layer-1971eddb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Layer-64bf71ad.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","context","useContext","LayerContext","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","toUnsafeDomElement","appendChild","contains","removeChild","onLayerUnmount","className","useCallback","newLayerContext","useMemo","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAiBa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAOC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAUC,aAAWC,EAAAA,cAErBC,EAAqBC,IACzBN,EAAkBO,QAAUD,EAC5BR,EAAmBQ,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIM,EAAQmB,mBAAmB1B,GAC3BO,EAAQoB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAU9C,OARAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBuC,EAAkBA,mBAACnC,IAE7C2B,EAAKS,YAAYN,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKU,SAASP,YAC1BA,EAAMlC,GACb+B,EAAKW,YAAYR,IAEfrB,EAAQ8B,gBACV9B,EAAQ8B,eAAeT,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBS,EAASN,EAAOD,EAAUD,IAG5CG,IAEFA,EAAeoC,UAAYjB,GAG7B,MAAMM,EAAeY,EAAAA,aAAY,IACxBrC,GACN,CAACA,IAEEsC,EAAkBC,EAAAA,SAAQ,IAC1BlC,EAAQoB,aACH,CACLD,iBAAkBnB,EAAQmB,kBAAkBgB,KAAK,KAAM1C,GACvD2B,aAAcA,EAAae,KAAK,OAG3B,IAER,CAACnC,EAAQoB,aAAcpB,EAAQmB,iBAAkBC,EAAc3B,IAElE,OACE2C,MAAClC,EAAYA,aAACmC,SAAS,CAAAC,MAAOL,EAAoC3C,SAC/DK,GAAkB4C,EAAAA,aAAajD,EAAUK,IAE5C"}
+{"version":3,"file":"Layer-1971eddb.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","context","useContext","LayerContext","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","toUnsafeDomElement","appendChild","contains","removeChild","onLayerUnmount","className","useCallback","newLayerContext","useMemo","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAiBa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAOC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAUC,aAAWC,EAAAA,cAErBC,EAAqBC,IACzBN,EAAkBO,QAAUD,EAC5BR,EAAmBQ,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIM,EAAQmB,mBAAmB1B,GAC3BO,EAAQoB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAU9C,OARAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBuC,EAAkBA,mBAACnC,IAE7C2B,EAAKS,YAAYN,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKU,SAASP,YAC1BA,EAAMlC,GACb+B,EAAKW,YAAYR,IAEfrB,EAAQ8B,gBACV9B,EAAQ8B,eAAeT,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBS,EAASN,EAAOD,EAAUD,IAG5CG,IAEFA,EAAeoC,UAAYjB,GAG7B,MAAMM,EAAeY,EAAAA,aAAY,IACxBrC,GACN,CAACA,IAEEsC,EAAkBC,EAAAA,SAAQ,IAC1BlC,EAAQoB,aACH,CACLD,iBAAkBnB,EAAQmB,kBAAkBgB,KAAK,KAAM1C,GACvD2B,aAAcA,EAAae,KAAK,OAG3B,IAER,CAACnC,EAAQoB,aAAcpB,EAAQmB,iBAAkBC,EAAc3B,IAElE,OACE2C,MAAClC,EAAYA,aAACmC,SAAS,CAAAC,MAAOL,EAAoC3C,SAC/DK,GAAkB4C,EAAAA,aAAajD,EAAUK,IAE5C"}

package/amd/{LayerHost-1a734852.js → LayerHost-0b288129.js}

@@ -1,2 +1,2 @@
-define(['exports', './index-055933ab', 'preact', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css'], (function(e,t,o,r,n,a){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:t.o,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},s=o.createContext(c),d=o.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",role:"presentation",ref:t,class:a.baseStyle})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=s,e.LayerContext=d,e.LayerHost=i}));
-//# sourceMappingURL=LayerHost-1a734852.js.map
+define(['exports', 'preact', './index-055933ab', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css'], (function(e,t,o,r,n,a){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:o.o,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},s=t.createContext(c),d=t.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",role:"presentation",ref:t,class:a.baseStyle})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=s,e.LayerContext=d,e.LayerHost=i}));
+//# sourceMappingURL=LayerHost-0b288129.js.map