npm - @oracle/oraclejet - Versions diffs - 13.1.7 → 13.1.8 - Mend

@oracle/oraclejet 13.1.7 → 13.1.8

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

Files changed (2062) hide show

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Icon.css CHANGED Viewed

@@ -1,21 +1,21 @@
-.kzb06i{font-size:1em;}
-._exzvv9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._c4uw7j{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._byen80{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-._wk8xrw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._2j7lp1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._5rvrsz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-._2mqjxt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._glffep{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-._hpf9n{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-._nj7mb9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-._779c4v{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-._wg8ao1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-._cryg65{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.afq3b3{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._lxg2z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._g52qec{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.fqijnv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.mjfomx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._knbhhz{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-._rfc9u{color:currentColor;}
+._683hml{font-size:1em;}
+._t1b9ld{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._syfp5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._nswh6d{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._wcctj0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._7bdnbq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.ub12nf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+.uh1an3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+._0a72pp{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+._nwjqt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.foxeh2{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+.qfp7zd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._py9qt7{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+._lnakxa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._xueqyx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._g1ws7{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.g2y866{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1s4l1{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._mlyg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+.qnsox2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+._grm2ul{color:currentColor;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./Icon-f0319030","preact/jsx-runtime","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./tslib.es6-34921b52",'css!./UNSAFE_Icon.css',"./utils/UNSAFE_classNames","./classNames-e76b13c7","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,s,t,n,c,r,o,i,a,u,m,h,j,l){"use strict";e.Icon=s.Icon,e.withDirectionIcon=(e,s)=>{const{direction:c}=n.useUser();return n=>"ltr"===c?t.jsx(e,Object.assign({},n)):t.jsx(s,Object.assign({},n))},e.withThemeIcon=e=>{const{name:s}=c.useTheme();return n=>{const c=e[s];return t.jsx(c,Object.assign({},n))}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Icon-a2d5cb16","preact/jsx-runtime","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./tslib.es6-a5dafcde",'css!./UNSAFE_Icon.css',"./utils/UNSAFE_classNames","./classNames-5fbda468","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,s,t,n,c,r,o,a,i,u,m,d,h,j){"use strict";e.Icon=s.Icon,e.withDirectionIcon=(e,s)=>{const{direction:c}=n.useUser();return n=>"ltr"===c?t.jsx(e,Object.assign({},n)):t.jsx(s,Object.assign({},n))},e.withThemeIcon=e=>{const{name:s}=c.useTheme();return n=>{const c=e[s];return t.jsx(c,Object.assign({},n))}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Icon.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Icons.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./index-e2d9a5b0","preact/jsx-runtime","./UNSAFE_Icon","./Icon-f0319030","./tslib.es6-34921b52",'module',"./utils/UNSAFE_classNames","./classNames-e76b13c7","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(o,e,c,n,r,S,s,i,I,t,v,a,h,g,f,u){"use strict";o.CheckboxOff=e.SvgCheckboxOff,o.CheckboxOn=e.SvgCheckboxOn,o.IcoChevronDown=e.SvgIcoChevronDown,o.IcoChevronLeft=e.SvgIcoChevronLeft,o.IcoChevronRight=e.SvgIcoChevronRight,o.IcoErrorS=e.SvgIcoErrorS,o.IcoInformationS=e.SvgIcoInformationS,o.IcoSuccessS=e.SvgIcoSuccessS,o.IcoView=e.SvgIcoView,o.IcoViewHide=e.SvgIcoViewHide,o.IcoWarningS=e.SvgIcoWarningS,Object.defineProperty(o,"__esModule",{value:!0})}));
+define(["exports","./index-8e5000ed","preact/jsx-runtime","./UNSAFE_Icon","./Icon-a2d5cb16","./tslib.es6-a5dafcde",'module',"./utils/UNSAFE_classNames","./classNames-5fbda468","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,o,c,n,r,S,s,i,I,a,t,v,h,g,f,d){"use strict";e.CheckboxOff=o.SvgCheckboxOff,e.CheckboxOn=o.SvgCheckboxOn,e.IcoChevronDown=o.SvgIcoChevronDown,e.IcoChevronLeft=o.SvgIcoChevronLeft,e.IcoChevronRight=o.SvgIcoChevronRight,e.IcoErrorS=o.SvgIcoErrorS,e.IcoInformationS=o.SvgIcoInformationS,e.IcoSuccessS=o.SvgIcoSuccessS,e.IcoView=o.SvgIcoView,e.IcoViewHide=o.SvgIcoViewHide,e.IcoWarningS=o.SvgIcoWarningS,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Icons.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputPassword.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_5b7ieb~~{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}.~~_5b7ieb~~:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
1	+ ._fcvmuf{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._fcvmuf:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputPassword.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance",'css!./UNSAFE_InputPassword.css',"./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-fb35110b","./index-e2d9a5b0","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-932800c3","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./TextFieldInput-f22a5fea","./tslib.es6-34921b52","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-50bc5dc0","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-e76b13c7","./utils/UNSAFE_interpolations/text","./keys-18d9dc35","./_curry1-5ddfa2d1","./_has-6f22ebd3","./utils/UNSAFE_mergeInterpolations","./_curry2-bc39b999","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-dda08a74","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-7f9c5af6","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-b26ee159","./utils/UNSAFE_interpolations/flexitem","./flexitem-e7cf8431","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_ComponentMessage","./ComponentMessage-163cca26","./UNSAFE_HiddenAccessible","./HiddenAccessible-07a2ec4a","./UNSAFE_Message","./MessageCloseButton-c6137358","./MessageDetail-3de38344","./MessageFormattingUtils-3a5eabef","./utils/UNSAFE_getLocale","./Message.types-8b72fa75","./MessageStartIcon-0a898692","./MessageSummary-e4e7acc5","./MessageTimestamp-a9922ba3","./MessageUtils-7502b444","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-cdf71388","./UNSAFE_TransitionGroup","./UNSAFE_Icon","./Icon-f0319030","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useTheme","./ComponentMessageContainer-a664119c","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-bd13f0f1"],(function(e,s,i,o,l,a,n,t,u,r,c,d,F,b,p,A,x,U,S,E,g,_,h,N,m,f,v,C,y,j,k,I,T,R,P,M,L,w,V,D,H,O,B,q,W,z,G,J,K,Q,X,Y,Z,$,ee,se,ie,oe,le,ae,ne,te,ue,re,ce,de,Fe,be,pe,Ae,xe,Ue,Se,Ee,ge,_e,he,Ne,me){"use strict";const fe="_5b7ieb";function ve({isRevealed:e,onPress:i}){const{pressProps:o}=p.usePress(i),l=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":l,role:"switch","aria-checked":!e,class:fe,tabIndex:0},o,{children:e?s.jsx(x.SvgIcoViewHide,{}):s.jsx(x.SvgIcoView,{})}))}const Ce=i.forwardRef((({assistiveText:e,autoComplete:i="off",autoFocus:F=!1,hasClearIcon:b,hasRevealToggle:p="always",helpSourceLink:A,helpSourceText:x,id:N,isDisabled:m,isReadonly:f,isRequired:v=!1,isRequiredShown:C,label:y,labelEdge:j,messages:k,placeholder:I,textAlign:T,userAssistanceDensity:R,value:P,onInput:M,onCommit:L},w)=>{const{currentCommitValue:V,dispatch:D}=_.useCurrentValueReducer({value:P}),H=o.useCallback((e=>{D({type:"input",payload:e.value}),null==M||M(e)}),[M]),O=o.useCallback((e=>{D({type:"commit",payload:e.value}),null==L||L(e)}),[L]),{isDisabled:B,isReadonly:q,labelEdge:W,textAlign:z,userAssistanceDensity:G}=a.useFormContext(),J=null!=m?m:B,K=null!=f?f:q,Q=null!=j?j:W,X=null!=T?T:z,Y=null!=R?R:G,{bool:Z,setFalse:$,setTrue:ee}=g.useToggle(!1),{enabledElementRef:se,focusProps:ie,isFocused:oe,readonlyElementRef:le}=l.useFocusableTextField({isDisabled:J,isReadonly:K,ref:w,onBlurWithin:$}),{hoverProps:ae,isHover:ne}=u.useHover({isDisabled:K||J||!1}),{formFieldContext:te,inputProps:ue,labelProps:re,textFieldProps:ce,userAssistanceProps:de}=t.useTextField({id:N,isDisabled:J,isFocused:oe,isReadonly:K,labelEdge:Q,messages:k,value:P}),Fe=o.useCallback((()=>{Z?$():ee()}),[Z]),be=J||"always"!==p?null:s.jsx(ve,{onPress:Fe,isRevealed:Z}),pe=o.useCallback((()=>{var e;null===(e=se.current)||void 0===e||e.focus(),null==H||H({previousValue:P,value:""})}),[M,P]),Ae=U.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:pe}),display:b,hasValue:te.hasValue,isFocused:oe,isEnabled:!K&&!J,isHover:ne}),xe=S.beforeVNode(be,Ae),Ue="none"!==Q?s.jsx(r.Label,Object.assign({},re,{children:y})):void 0,Se={label:"none"!==Q?Ue:void 0,labelEdge:"none"!==Q?Q:void 0},Ee="none"===Q?y:void 0,ge=J||K?"efficient"!==Y?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:Y},de)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:e,helpSourceLink:A,helpSourceText:x,messages:k,isRequiredShown:C,userAssistanceDensity:Y},de));if(K)return s.jsx(n.FormFieldContext.Provider,Object.assign({value:te},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ge},Se,{children:s.jsx(c.ReadonlyTextFieldInput,{ariaLabel:Ee,ariaLabelledby:re.id,as:"input",autoFocus:F,elementRef:le,id:N,textAlign:X,type:"password",value:P,hasInsideLabel:void 0!==y&&"inside"===Q})}))}));const _e=s.jsx(h.TextFieldInput,Object.assign({ariaLabel:Ee,autoComplete:i,autoFocus:F,currentCommitValue:V,hasInsideLabel:void 0!==Ue&&"inside"===Q,inputRef:se,isRequired:v,onInput:H,onCommit:O,placeholder:I,textAlign:X,value:P,type:Z?"text":"password"},ue));return s.jsx(n.FormFieldContext.Provider,Object.assign({value:te},{children:s.jsx(c.TextField,Object.assign({endContent:xe,inlineUserAssistance:ge,mainContent:_e,onBlur:ie.onfocusout,onFocus:ie.onfocusin},ce,Se,ae))}))}));e.InputPassword=Ce,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance",'css!./UNSAFE_InputPassword.css',"./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-0459104f","./index-8e5000ed","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-74b8dcbe","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./TextFieldInput-5e169624","./tslib.es6-a5dafcde","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-b632320d","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-5fbda468","./utils/UNSAFE_interpolations/text","./keys-56925a9f","./_curry1-36aa1eff","./_has-64119d93","./utils/UNSAFE_mergeInterpolations","./_curry2-8ac7779c","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-3fce4497","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-832a43dc","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-a7a6dbe9","./utils/UNSAFE_interpolations/flexitem","./flexitem-ea18a6a1","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_ComponentMessage","./ComponentMessage-6b2098c2","./UNSAFE_HiddenAccessible","./HiddenAccessible-2e23bf62","./UNSAFE_Message","./MessageCloseButton-a406d65e","./MessageDetail-f8433d3e","./MessageFormattingUtils-6eaa2be7","./utils/UNSAFE_getLocale","./Message.types-1f5d631b","./MessageStartIcon-67e10adb","./MessageSummary-3723cdc7","./MessageTimestamp-606abb8e","./MessageUtils-3055e6f7","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-2040dffd","./UNSAFE_TransitionGroup","./UNSAFE_Icon","./Icon-a2d5cb16","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useTheme","./ComponentMessageContainer-cfdd5947","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-9134e784"],(function(e,s,i,o,a,l,n,t,u,r,d,c,F,b,p,A,x,U,S,E,g,_,h,m,N,f,v,C,y,j,k,I,T,R,P,M,L,w,V,D,H,O,B,q,W,z,G,J,K,Q,X,Y,Z,$,ee,se,ie,oe,ae,le,ne,te,ue,re,de,ce,Fe,be,pe,Ae,xe,Ue,Se,Ee,ge,_e,he,me,Ne){"use strict";const fe="_fcvmuf";function ve({isRevealed:e,onPress:i}){const{pressProps:o}=p.usePress(i),a=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":a,role:"switch","aria-checked":!e,class:fe,tabIndex:0},o,{children:e?s.jsx(x.SvgIcoViewHide,{}):s.jsx(x.SvgIcoView,{})}))}const Ce=i.forwardRef((({assistiveText:e,autoComplete:i="off",autoFocus:F=!1,hasClearIcon:b,hasRevealToggle:p="always",helpSourceLink:A,helpSourceText:x,id:m,isDisabled:N,isReadonly:f,isRequired:v=!1,isRequiredShown:C,label:y,labelEdge:j,messages:k,placeholder:I,textAlign:T,userAssistanceDensity:R,value:P,onInput:M,onCommit:L},w)=>{const{currentCommitValue:V,dispatch:D}=_.useCurrentValueReducer({value:P}),H=o.useCallback((e=>{D({type:"input",payload:e.value}),null==M||M(e)}),[M]),O=o.useCallback((e=>{D({type:"commit",payload:e.value}),null==L||L(e)}),[L]),{isDisabled:B,isReadonly:q,labelEdge:W,textAlign:z,userAssistanceDensity:G}=l.useFormContext(),J=null!=N?N:B,K=null!=f?f:q,Q=null!=j?j:W,X=null!=T?T:z,Y=null!=R?R:G,{bool:Z,setFalse:$,setTrue:ee}=g.useToggle(!1),{enabledElementRef:se,focusProps:ie,isFocused:oe,readonlyElementRef:ae}=a.useFocusableTextField({isDisabled:J,isReadonly:K,ref:w,onBlurWithin:$}),{hoverProps:le,isHover:ne}=u.useHover({isDisabled:K||J||!1}),{formFieldContext:te,inputProps:ue,labelProps:re,textFieldProps:de,userAssistanceProps:ce}=t.useTextField({id:m,isDisabled:J,isFocused:oe,isReadonly:K,labelEdge:Q,messages:k,value:P}),Fe=o.useCallback((()=>{Z?$():ee()}),[Z]),be=J||"always"!==p?null:s.jsx(ve,{onPress:Fe,isRevealed:Z}),pe=o.useCallback((()=>{var e;null===(e=se.current)||void 0===e||e.focus(),null==H||H({previousValue:P,value:""})}),[M,P]),Ae=U.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:pe}),display:b,hasValue:te.hasValue,isFocused:oe,isEnabled:!K&&!J,isHover:ne}),xe=S.beforeVNode(be,Ae),Ue="none"!==Q?s.jsx(r.Label,Object.assign({},re,{children:y})):void 0,Se={label:"none"!==Q?Ue:void 0,labelEdge:"none"!==Q?Q:void 0},Ee="none"===Q?y:void 0,ge=J||K?"efficient"!==Y?void 0:s.jsx(c.InlineUserAssistance,Object.assign({userAssistanceDensity:Y},ce)):s.jsx(c.InlineUserAssistance,Object.assign({assistiveText:e,helpSourceLink:A,helpSourceText:x,messages:k,isRequiredShown:C,userAssistanceDensity:Y},ce));if(K)return s.jsx(n.FormFieldContext.Provider,Object.assign({value:te},{children:s.jsx(d.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ge},Se,{children:s.jsx(d.ReadonlyTextFieldInput,{ariaLabel:Ee,ariaLabelledby:re.id,as:"input",autoFocus:F,elementRef:ae,id:m,textAlign:X,type:"password",value:P,hasInsideLabel:void 0!==y&&"inside"===Q})}))}));const _e=s.jsx(h.TextFieldInput,Object.assign({ariaLabel:Ee,autoComplete:i,autoFocus:F,currentCommitValue:V,hasInsideLabel:void 0!==Ue&&"inside"===Q,inputRef:se,isRequired:v,onInput:H,onCommit:O,placeholder:I,textAlign:X,value:P,type:Z?"text":"password"},ue));return s.jsx(n.FormFieldContext.Provider,Object.assign({value:te},{children:s.jsx(d.TextField,Object.assign({endContent:xe,inlineUserAssistance:ge,mainContent:_e,onBlur:ie.onfocusout,onFocus:ie.onfocusin},de,Se,le))}))}));e.InputPassword=Ce,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputText.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_f3c5ce~~{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}.~~_f3c5ce~~:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
1	+ ._iotr1{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}._iotr1:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./InputText-126b86e5","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-34921b52","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-50bc5dc0","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-e76b13c7",'css!./UNSAFE_InputText.css',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-18d9dc35","./_curry1-5ddfa2d1","./_has-6f22ebd3","./utils/UNSAFE_mergeInterpolations","./_curry2-bc39b999","./TextFieldInput-f22a5fea","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-bd13f0f1","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-dda08a74","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-7f9c5af6","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-b26ee159","./utils/UNSAFE_interpolations/flexitem","./flexitem-e7cf8431","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-163cca26","./UNSAFE_HiddenAccessible","./HiddenAccessible-07a2ec4a","./UNSAFE_Message","./MessageCloseButton-c6137358","./MessageDetail-3de38344","./MessageFormattingUtils-3a5eabef","./utils/UNSAFE_getLocale","./Message.types-8b72fa75","./MessageStartIcon-0a898692","./index-fb35110b","./UNSAFE_Icon","./Icon-f0319030","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-e2d9a5b0","./MessageSummary-e4e7acc5","./MessageTimestamp-a9922ba3","./MessageUtils-7502b444","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-cdf71388","./UNSAFE_TransitionGroup","./ComponentMessageContainer-a664119c","./utils/UNSAFE_componentUtils","./ClearIcon-932800c3","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,o,i,a,n,l,F,u,U,_,r,A,c,E,N,S,d,b,g,p,h,x,m,f,k,M,T,I,C,y,L,H,v,P,R,V,j,B,D,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,Fe,ue,Ue,_e,re,Ae,ce,Ee,Ne,Se,de,be,ge,pe,he,xe,me,fe,ke,Me){"use strict";e.InputText=s.InputText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./InputText-7d31f16c","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-a5dafcde","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-b632320d","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-5fbda468",'css!./UNSAFE_InputText.css',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-56925a9f","./_curry1-36aa1eff","./_has-64119d93","./utils/UNSAFE_mergeInterpolations","./_curry2-8ac7779c","./TextFieldInput-5e169624","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-9134e784","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-3fce4497","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-832a43dc","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-a7a6dbe9","./utils/UNSAFE_interpolations/flexitem","./flexitem-ea18a6a1","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-6b2098c2","./UNSAFE_HiddenAccessible","./HiddenAccessible-2e23bf62","./UNSAFE_Message","./MessageCloseButton-a406d65e","./MessageDetail-f8433d3e","./MessageFormattingUtils-6eaa2be7","./utils/UNSAFE_getLocale","./Message.types-1f5d631b","./MessageStartIcon-67e10adb","./index-0459104f","./UNSAFE_Icon","./Icon-a2d5cb16","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-8e5000ed","./MessageSummary-3723cdc7","./MessageTimestamp-606abb8e","./MessageUtils-3055e6f7","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-2040dffd","./UNSAFE_TransitionGroup","./ComponentMessageContainer-cfdd5947","./utils/UNSAFE_componentUtils","./ClearIcon-74b8dcbe","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,o,i,a,n,l,F,u,U,_,r,A,E,N,S,c,d,g,p,b,h,x,f,m,k,M,T,I,C,y,L,H,v,P,R,V,j,B,D,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,Fe,ue,Ue,_e,re,Ae,Ee,Ne,Se,ce,de,ge,pe,be,he,xe,fe,me,ke,Me){"use strict";e.InputText=s.InputText,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Label.css CHANGED Viewed

@@ -1,13 +1,13 @@
-.fzzs42{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-._6wpqqh{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-.ee9c76{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._s3mkzf{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.ht9cr3{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.g9e64d{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-.xpiq3p{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._mgtjpn{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-._v0y5m7{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-.eetp2o{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._87me1{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._knq4u{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._fzrkts{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._t0mmdq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+._k5f0s3{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+._qr6pav{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._b172nl{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+.etrehg{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.hhpmwk{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+.ei5zqm{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._o2to2k{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+._qekngl{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._97giff{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+.g2k5v4{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.qpvl07{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.j602jj{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Label.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-34921b52","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-e76b13c7","preact","preact/hooks"],(function(e,s,a,n,i,o,d,r,t,l){"use strict";const c={base:"fzzs42",startBase:"_6wpqqh",topBase:"ee9c76",insideBase:"_s3mkzf",insideReadonlyInEnabledForm:"ht9cr3",insideReadonlyNotInEnabledForm:"g9e64d",insideNonReadonly:"xpiq3p",insideNonReadonlyHasValue:"_mgtjpn",insideDisabled:"_v0y5m7",insideFocused:"eetp2o",insideError:"_87me1",insideWarning:"_knq4u",noWrap:"_fzrkts"},u=e=>{var{hasValue:n,readonly:i,disabled:o,isFocused:t,variant:l="inside"}=e,u=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:m}=d.useFormContext(),p="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([c.base,c.insideBase,i&&(b&&!F?c.insideReadonlyInEnabledForm:c.insideReadonlyNotInEnabledForm),!i&&c.insideNonReadonly,!i&&(n||t)&&c.insideNonReadonlyHasValue,!i&&t&&c.insideFocused,o&&c.insideDisabled,!o&&!i&&("insideError"===l||"insideWarning"===l)&&c[l]]):"start"===l?r.classNames([c.base,c.startBase,"truncate"===m&&c.noWrap]):"top"===l?r.classNames([c.base,c.topBase,"truncate"===m&&c.noWrap]):void 0;return a.jsx("label",Object.assign({},u,{class:p}))};e.Label=e=>{var{forId:i}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=n.useFormFieldContext();return a.jsx(u,Object.assign({for:i,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-a5dafcde","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-5fbda468","preact","preact/hooks"],(function(e,s,a,i,n,o,d,r,l,t){"use strict";const u={base:"_t0mmdq",startBase:"_k5f0s3",topBase:"_qr6pav",insideBase:"_b172nl",insideReadonlyInEnabledForm:"etrehg",insideReadonlyNotInEnabledForm:"hhpmwk",insideNonReadonly:"ei5zqm",insideNonReadonlyHasValue:"_o2to2k",insideDisabled:"_qekngl",insideFocused:"_97giff",insideError:"g2k5v4",insideWarning:"qpvl07",noWrap:"j602jj"},c=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:l,variant:t="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:m}=d.useFormContext(),p="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([u.base,u.insideBase,n&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||l)&&u.insideNonReadonlyHasValue,!n&&l&&u.insideFocused,o&&u.insideDisabled,!o&&!n&&("insideError"===t||"insideWarning"===t)&&u[t]]):"start"===t?r.classNames([u.base,u.startBase,"truncate"===m&&u.noWrap]):"top"===t?r.classNames([u.base,u.topBase,"truncate"===m&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:p}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(c,Object.assign({for:n,hasValue:d,disabled:r,isFocused:l,readonly:t},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Label.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n base: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n wordBreak: 'break-word'\n }}`,\n startBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n // TODO: Reevaluate which component should handle the text align\n textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n width: '100%'\n }}`,\n topBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n }}`,\n insideBase: cssProps`${{\n display: 'block',\n boxSizing: 'border-box',\n // TODO: Reevaluate which component should handle the padding\n paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n maxWidth: '100%'\n }}`,\n insideReadonlyInEnabledForm: cssProps`${{\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transitionProperty: 'none',\n transform: 'none',\n backgroundColor: 'transparent',\n position: 'absolute',\n marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideReadonlyNotInEnabledForm: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n }}`,\n insideNonReadonly: cssProps`${{\n position: 'absolute',\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n transform: 'translateY(-50%)',\n transitionProperty: 'all',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideNonReadonlyHasValue: cssProps`${{\n transitionProperty: 'top, font-weight, font-size, transform',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transform: 'none',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n }}`,\n insideDisabled: cssProps`${{\n transitionProperty: 'none',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n }}`,\n insideFocused: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n }}`,\n insideError: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n insideWarning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n hasValue?: boolean;\n isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n hasValue,\n readonly,\n disabled,\n isFocused,\n variant = 'inside',\n ...props\n}: StyledLabelProps) => {\n const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n const cssClassNames =\n variant === 'inside' \|\| variant === 'insideError' \|\| variant === 'insideWarning'\n ? classNames([\n labelStyles.base,\n labelStyles.insideBase,\n readonly &&\n (isFormLayout && !isReadonlyForm\n ? labelStyles.insideReadonlyInEnabledForm\n : labelStyles.insideReadonlyNotInEnabledForm),\n !readonly && labelStyles.insideNonReadonly,\n !readonly && (hasValue \|\| isFocused) && labelStyles.insideNonReadonlyHasValue,\n !readonly && isFocused && labelStyles.insideFocused,\n disabled && labelStyles.insideDisabled,\n !disabled &&\n !readonly &&\n (variant === 'insideError' \|\| variant === 'insideWarning') &&\n labelStyles[variant]\n ])\n : variant === 'start'\n ? classNames([\n labelStyles.base,\n labelStyles.startBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : variant === 'top'\n ? classNames([\n labelStyles.base,\n labelStyles.topBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : undefined;\n // TODO: We need to decide whether to standardize on 'class' or 'className'. Otherwise, we'll\n // run into issues destructuring style interpolations, for example having to concatenate both.\n return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n /*\n The text to be used for the label\n /\n children?: string;\n /\n The id to set on the label\n /\n id?: string;\n /\n The id of the form control for which this label will be used\n /\n forId?: string;\n /\n Determines how the label is going to be styled\n */\n variant?: 'inside' \| 'start' \| 'top' \| 'insideError' \| 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n return (\n <StyledLabel\n for={forId}\n hasValue={hasValue}\n disabled={isDisabled}\n isFocused={isFocused}\n readonly={isReadonly}\n {...props}\n />\n );\n};\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","forId","isDisabled","useFormFieldContext"],"mappings":"sQAMA,MAAAA,EAAA,MAAA,~~mBAAA~~,kBAAA,~~oBAAA~~,sCAAA,wCAAA,2BAAA,mCAAA,yBAAA,wBAAA,~~qBAAA~~,uBAAA,~~2BAmGAC~~,EAAAC,IAAqB,IAAAC,SAAAA,EAAAC,SAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAA,UAAAL,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,WAAA,WAAA,WAAA,YAAA,YAQnB,MAAAQ,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,iBAEAC,EAAA,WAAAR,GAAA,gBAAAA,GAAA,kBAAAA,gBAGQP,EAAAgB,KACAhB,EAAAiB,mDAIIjB,EAAAkB,iCACJd,GAAAJ,EAAAmB,2DAEAf,GAAAE,GAAAN,EAAAoB,mCAEAf,IACED,IACA,gBAAAG,GAAA,kBAAAA,qCAKFP,EAAAgB,KACAhB,EAAAqB,UACA,aAAAR,GAAAb,EAAAsB,iCAIAtB,EAAAgB,KACAhB,EAAAuB,QACA,aAAAV,GAAAb,EAAAsB,gBAKR,OAAAE,EAAAA,IAAA,QAAAC,OAAAC,OAAA,GAAAlB,EAAA,CAAAmB,MAAAZ,cAsBFb,IAAsB,IAAA0B,MAAAA,GAAA1B,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,UACpB,MAAAC,SAAAA,EAAA0B,WAAAA,EAAAvB,UAAAA,EAAAK,WAAAA,GAAAmB,EAAAA"}
1	+ {"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n base: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n wordBreak: 'break-word'\n }}`,\n startBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n // TODO: Reevaluate which component should handle the text align\n textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n width: '100%'\n }}`,\n topBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n }}`,\n insideBase: cssProps`${{\n display: 'block',\n boxSizing: 'border-box',\n // TODO: Reevaluate which component should handle the padding\n paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n maxWidth: '100%'\n }}`,\n insideReadonlyInEnabledForm: cssProps`${{\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transitionProperty: 'none',\n transform: 'none',\n backgroundColor: 'transparent',\n position: 'absolute',\n marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideReadonlyNotInEnabledForm: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n }}`,\n insideNonReadonly: cssProps`${{\n position: 'absolute',\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n transform: 'translateY(-50%)',\n transitionProperty: 'all',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideNonReadonlyHasValue: cssProps`${{\n transitionProperty: 'top, font-weight, font-size, transform',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transform: 'none',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n }}`,\n insideDisabled: cssProps`${{\n transitionProperty: 'none',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n }}`,\n insideFocused: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n }}`,\n insideError: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n insideWarning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n hasValue?: boolean;\n isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n hasValue,\n readonly,\n disabled,\n isFocused,\n variant = 'inside',\n ...props\n}: StyledLabelProps) => {\n const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n const cssClassNames =\n variant === 'inside' \|\| variant === 'insideError' \|\| variant === 'insideWarning'\n ? classNames([\n labelStyles.base,\n labelStyles.insideBase,\n readonly &&\n (isFormLayout && !isReadonlyForm\n ? labelStyles.insideReadonlyInEnabledForm\n : labelStyles.insideReadonlyNotInEnabledForm),\n !readonly && labelStyles.insideNonReadonly,\n !readonly && (hasValue \|\| isFocused) && labelStyles.insideNonReadonlyHasValue,\n !readonly && isFocused && labelStyles.insideFocused,\n disabled && labelStyles.insideDisabled,\n !disabled &&\n !readonly &&\n (variant === 'insideError' \|\| variant === 'insideWarning') &&\n labelStyles[variant]\n ])\n : variant === 'start'\n ? classNames([\n labelStyles.base,\n labelStyles.startBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : variant === 'top'\n ? classNames([\n labelStyles.base,\n labelStyles.topBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : undefined;\n // TODO: We need to decide whether to standardize on 'class' or 'className'. Otherwise, we'll\n // run into issues destructuring style interpolations, for example having to concatenate both.\n return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n /*\n The text to be used for the label\n /\n children?: string;\n /\n The id to set on the label\n /\n id?: string;\n /\n The id of the form control for which this label will be used\n /\n forId?: string;\n /\n Determines how the label is going to be styled\n */\n variant?: 'inside' \| 'start' \| 'top' \| 'insideError' \| 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n return (\n <StyledLabel\n for={forId}\n hasValue={hasValue}\n disabled={isDisabled}\n isFocused={isFocused}\n readonly={isReadonly}\n {...props}\n />\n );\n};\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","forId","isDisabled","useFormFieldContext"],"mappings":"sQAMA,MAAAA,EAAA,MAAA,oBAAA,kBAAA,qBAAA,sCAAA,wCAAA,2BAAA,mCAAA,yBAAA,wBAAA,sBAAA,uBAAA,0BAmGAC,EAAAC,IAAqB,IAAAC,SAAAA,EAAAC,SAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAA,UAAAL,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,WAAA,WAAA,WAAA,YAAA,YAQnB,MAAAQ,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,iBAEAC,EAAA,WAAAR,GAAA,gBAAAA,GAAA,kBAAAA,gBAGQP,EAAAgB,KACAhB,EAAAiB,mDAIIjB,EAAAkB,iCACJd,GAAAJ,EAAAmB,2DAEAf,GAAAE,GAAAN,EAAAoB,mCAEAf,IACED,IACA,gBAAAG,GAAA,kBAAAA,qCAKFP,EAAAgB,KACAhB,EAAAqB,UACA,aAAAR,GAAAb,EAAAsB,iCAIAtB,EAAAgB,KACAhB,EAAAuB,QACA,aAAAV,GAAAb,EAAAsB,gBAKR,OAAAE,EAAAA,IAAA,QAAAC,OAAAC,OAAA,GAAAlB,EAAA,CAAAmB,MAAAZ,cAsBFb,IAAsB,IAAA0B,MAAAA,GAAA1B,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,UACpB,MAAAC,SAAAA,EAAA0B,WAAAA,EAAAvB,UAAAA,EAAAK,WAAAA,GAAAmB,EAAAA"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LabelValueLayout.css CHANGED Viewed

@@ -1,9 +1,9 @@
-._cvmgtv{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-.q8y0n5{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._tdgvaa{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
-.mu0jgk{padding-block-end:0;}
-._883vdw{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
-._kuzmcs{display:inline-flex;align-items:center;}
-._fenm35{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._h4dgzv{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.oqzbcd{flex:1 1 100%;width:100%;max-width:100%;}
+._cxe384{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._w5e4v2{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._am1npb{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
+._9yn6xp{padding-block-end:0;}
+.r0jfh{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
+._hm8824{display:inline-flex;align-items:center;}
+._jra7s{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.uxwx6y{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._qwf7w6{flex:1 1 100%;width:100%;max-width:100%;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LabelValueLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_LabelValueLayout.css',"./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-e76b13c7","./Flex-dda08a74","./tslib.es6-34921b52","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-5ddfa2d1","./utils/UNSAFE_stringUtils","./stringUtils-7f9c5af6","./utils/UNSAFE_mergeInterpolations","./_curry2-bc39b999","./_has-6f22ebd3","./utils/UNSAFE_interpolations/boxalignment","./keys-18d9dc35","./utils/UNSAFE_interpolations/flexbox","./flexbox-b26ee159","./utils/UNSAFE_interpolations/flexitem","./flexitem-e7cf8431","preact","preact/hooks"],(function(s,t,e,i,a,l,r,n,o,c,d,u,x,_,F,b,m,p,N,f,g,h,S,U,E,y,A){"use strict";const j="_cvmgtv",v="q8y0n5",k="_tdgvaa",w="mu0jgk",z="_883vdw",C="_kuzmcs",O="_fenm35",W="_h4dgzv";s.LabelValueLayout=({label:s,labelEdge:e,children:i,labelStartWidth:a="33%"})=>{const d=n.sizeToCSS(a),u=`calc(100% - ${d})`,x="start"===e?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===e?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:b,labelWrapping:m}=l.useFormContext(),{isReadonly:p}=r.useFormFieldContext(),N=F&&b||!F&&p,f=o.classNames([j,"start"===e&&v,"top"===e&&k,"top"===e&&N&&w]),g=o.classNames([z,"start"===e&&C,"start"===e&&!N&&O,"truncate"===m&&W]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:f,style:x},{children:t.jsx("div",Object.assign({class:g},{children:s}))})),t.jsx("div",Object.assign({class:"oqzbcd",style:_},{children:i}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_LabelValueLayout.css',"./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-5fbda468","./Flex-3fce4497","./tslib.es6-a5dafcde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-36aa1eff","./utils/UNSAFE_stringUtils","./stringUtils-832a43dc","./utils/UNSAFE_mergeInterpolations","./_curry2-8ac7779c","./_has-64119d93","./utils/UNSAFE_interpolations/boxalignment","./keys-56925a9f","./utils/UNSAFE_interpolations/flexbox","./flexbox-a7a6dbe9","./utils/UNSAFE_interpolations/flexitem","./flexitem-ea18a6a1","preact","preact/hooks"],(function(s,e,t,a,i,l,r,n,o,c,d,x,u,_,F,m,p,b,f,h,N,S,U,y,E,j,A){"use strict";const g="_cxe384",w="_w5e4v2",v="_am1npb",C="_9yn6xp",O="r0jfh",k="_hm8824",W="_jra7s",L="uxwx6y";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const d=n.sizeToCSS(i),x=`calc(100% - ${d})`,u="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===t?{flexBasis:x,width:x,maxWidth:x}:{},{isFormLayout:F,isReadonly:m,labelWrapping:p}=l.useFormContext(),{isReadonly:b}=r.useFormFieldContext(),f=F&&m||!F&&b,h=o.classNames([g,"start"===t&&w,"top"===t&&v,"top"===t&&f&&C]),N=o.classNames([O,"start"===t&&k,"start"===t&&!f&&W,"truncate"===p&&L]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:h,style:u},{children:e.jsx("div",Object.assign({class:N},{children:s}))})),e.jsx("div",Object.assign({class:"_qwf7w6",style:_},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LabelValueLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n base: cssProps`${{\n display: 'block',\n flexGrow: '0',\n flexShrink: '1',\n boxSizing: 'border-box'\n }}`,\n start: cssProps`${{\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n }}`,\n\n top: cssProps`${{\n flexBasis: '100%',\n width: '100%',\n maxWidth: '100%',\n paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n }}`,\n\n topPureReadonly: cssProps`${{\n paddingBlockEnd: 0\n }}`\n};\n\nconst labelInnerStyles = {\n // base is labelEdge 'top'\n base: cssProps`${{\n display: 'block',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n width: '100%'\n }}`,\n start: cssProps`${{\n display: 'inline-flex',\n alignItems: 'center'\n }}`,\n startNotPureReadonly: cssProps`${{\n minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n }}`,\n // TODO: Use Text Component instead of CSS\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n flex: '1 1 100%',\n width: '100%',\n maxWidth: '100%'\n}}`;\n\ntype Props = {\n /*\n Label content of the layout\n /\n label?: ComponentChildren;\n /\n Defines how the label is going to be positioned\n /\n labelEdge?: 'start' \| 'top';\n /\n Defines the label width for labelEdge 'start' ('top' is always 100%)\n /\n labelStartWidth?: Size;\n /\n Value content of the layout\n */\n children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n label,\n labelEdge,\n children,\n labelStartWidth = '33%'\n}: Props) => {\n const width = sizeToCSS(labelStartWidth);\n const valueWidth = `calc(100% - ${width})`;\n const labelStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n const valueStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n const { isReadonly } = useFormFieldContext();\n const isPureReadonly = (isFormLayout && isFormReadonly) \|\| (!isFormLayout && isReadonly);\n const labelStyleClasses = classNames([\n labelSlotStyles.base,\n labelEdge === 'start' && labelSlotStyles.start,\n // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n labelEdge === 'top' && labelSlotStyles.top,\n labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n ]);\n const labelInnerClasses = classNames([\n labelInnerStyles.base,\n labelEdge === 'start' && labelInnerStyles.start,\n labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n labelWrapping === 'truncate' && labelInnerStyles.noWrap\n ]);\n\n return (\n <Flex wrap=\"wrap\" align=\"start\">\n <div class={labelStyleClasses} style={labelStyles}>\n <div class={labelInnerClasses}>{label}</div>\n </div>\n <div class={valueSlotStyles} style={valueStyles}>\n {children}\n </div>\n </Flex>\n );\n};\n"],"names":["labelSlotStyles","labelInnerStyles","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","_jsxs","Flex","Object","assign","wrap","align","_jsx","jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":"yvBAQA,MAAAA,EAAA,UAAAA,EAAA,~~SAAAA~~,EAAA,UAAAA,~~WAuBAC~~,EAAA,~~UAAAA~~,EAAA,UAAAA,EAAA,~~UAAAA,+BAkDA~~,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAAF,eAAAA,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,~~SAwDEE~~,MAAAG,GAAA,CAAAzB,SAAAA"}
1	+ {"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n base: cssProps`${{\n display: 'block',\n flexGrow: '0',\n flexShrink: '1',\n boxSizing: 'border-box'\n }}`,\n start: cssProps`${{\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n }}`,\n\n top: cssProps`${{\n flexBasis: '100%',\n width: '100%',\n maxWidth: '100%',\n paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n }}`,\n\n topPureReadonly: cssProps`${{\n paddingBlockEnd: 0\n }}`\n};\n\nconst labelInnerStyles = {\n // base is labelEdge 'top'\n base: cssProps`${{\n display: 'block',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n width: '100%'\n }}`,\n start: cssProps`${{\n display: 'inline-flex',\n alignItems: 'center'\n }}`,\n startNotPureReadonly: cssProps`${{\n minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n }}`,\n // TODO: Use Text Component instead of CSS\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n flex: '1 1 100%',\n width: '100%',\n maxWidth: '100%'\n}}`;\n\ntype Props = {\n /*\n Label content of the layout\n /\n label?: ComponentChildren;\n /\n Defines how the label is going to be positioned\n /\n labelEdge?: 'start' \| 'top';\n /\n Defines the label width for labelEdge 'start' ('top' is always 100%)\n /\n labelStartWidth?: Size;\n /\n Value content of the layout\n */\n children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n label,\n labelEdge,\n children,\n labelStartWidth = '33%'\n}: Props) => {\n const width = sizeToCSS(labelStartWidth);\n const valueWidth = `calc(100% - ${width})`;\n const labelStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n const valueStyles: JSX.CSSProperties =\n labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n const { isReadonly } = useFormFieldContext();\n const isPureReadonly = (isFormLayout && isFormReadonly) \|\| (!isFormLayout && isReadonly);\n const labelStyleClasses = classNames([\n labelSlotStyles.base,\n labelEdge === 'start' && labelSlotStyles.start,\n // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n labelEdge === 'top' && labelSlotStyles.top,\n labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n ]);\n const labelInnerClasses = classNames([\n labelInnerStyles.base,\n labelEdge === 'start' && labelInnerStyles.start,\n labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n labelWrapping === 'truncate' && labelInnerStyles.noWrap\n ]);\n\n return (\n <Flex wrap=\"wrap\" align=\"start\">\n <div class={labelStyleClasses} style={labelStyles}>\n <div class={labelInnerClasses}>{label}</div>\n </div>\n <div class={valueSlotStyles} style={valueStyles}>\n {children}\n </div>\n </Flex>\n );\n};\n"],"names":["labelSlotStyles","labelInnerStyles","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","_jsxs","Flex","Object","assign","wrap","align","_jsx","jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":"yvBAQA,MAAAA,EAAA,UAAAA,EAAA,UAAAA,EAAA,UAAAA,YAuBAC,EAAA,QAAAA,EAAA,UAAAA,EAAA,SAAAA,8BAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAAF,eAAAA,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,UAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Link.css CHANGED Viewed

@@ -1,5 +1,5 @@
-._cpdayl{display:inline-block;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._cpdayl:visited{color:--oj-c-link-text-color-visited;}._cpdayl:active{color:--oj-c-link-text-color-active;}._cpdayl:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.fd4p9b{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._djkf6z{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._o7m9pj{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._o7m9pj:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._o7m9pj:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._x42pen{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._x42pen:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._x42pen:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._4o1l1{display:inline-block;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._4o1l1:visited{color:--oj-c-link-text-color-visited;}._4o1l1:active{color:--oj-c-link-text-color-active;}._4o1l1:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.j6639u{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._siaojh{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._6t6af9{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._6t6af9:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._6t6af9:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.dqksj9{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.dqksj9:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.dqksj9:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./Link-6408114a","preact/jsx-runtime",'css!./UNSAFE_Link.css',"./utils/UNSAFE_classNames","./classNames-e76b13c7","./hooks/UNSAFE_usePress","preact/hooks"],(function(e,s,i,a,t,n,r,c){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Link-1a3e2030","preact/jsx-runtime",'css!./UNSAFE_Link.css',"./utils/UNSAFE_classNames","./classNames-5fbda468","./hooks/UNSAFE_usePress","preact/hooks"],(function(e,s,a,i,t,n,r,o){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Link.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ListView.css CHANGED Viewed

@@ -1,15 +1,15 @@
-._ktyjm{height:100%;user-select:none;overflow-y:inherit;}._ktyjm:focus{outline-style:none;}
-.uuyqm{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-.ng1icq{position:relative;}
+.mihfwd{height:100%;user-select:none;overflow-y:inherit;}.mihfwd:focus{outline-style:none;}
+.bdmqww{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+.nvkbm0{position:relative;}
-.n3shxt{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
-.u3i81z{background-size:100% 1px;}
-._td4ism:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._dvqaqg{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.okfz04{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-._wp53n0{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-._k2c5dh{flex-grow:1;}._k2c5dh:focus{outline-style:none;}
-._sp0k6{display:flex;}
-.mdi3er{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._dr2u6a{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
+._enzpfb{background-size:100% 1px;}
+.sayvy:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.voonxj{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._8kebwu{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+._l1rosx{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+._09pq19{flex-grow:1;}._09pq19:focus{outline-style:none;}
+._3lfuuj{display:flex;}
+._co49wz{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._cg3m8h{height:100%;overflow-x:hidden;overflow-y:hidden;}
+.xzudc5{height:100%;overflow-x:hidden;overflow-y:hidden;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ListView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./ListView-28a2e218","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-e76b13c7","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-6ee8614d","./UNSAFE_Collection","./Collection-bb59af87","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-fb35110b","./UNSAFE_Icon","./Icon-f0319030","./tslib.es6-34921b52","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-e2d9a5b0","./UNSAFE_Flex","./Flex-dda08a74","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-7f9c5af6","./_curry1-5ddfa2d1","./utils/UNSAFE_mergeInterpolations","./_curry2-bc39b999","./_has-6f22ebd3","./utils/UNSAFE_interpolations/boxalignment","./keys-18d9dc35","./utils/UNSAFE_interpolations/flexbox","./flexbox-b26ee159","./utils/UNSAFE_interpolations/flexitem","./flexitem-e7cf8431","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-aa87a3bd","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,a,_,u,E,S,U,c,A,F,N,d,b,f,p,k,x,m,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./ListView-34ab68b2","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-5fbda468","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-eaad4006","./UNSAFE_Collection","./Collection-ac371d6e","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-0459104f","./UNSAFE_Icon","./Icon-a2d5cb16","./tslib.es6-a5dafcde","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-8e5000ed","./UNSAFE_Flex","./Flex-3fce4497","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-832a43dc","./_curry1-36aa1eff","./utils/UNSAFE_mergeInterpolations","./_curry2-8ac7779c","./_has-64119d93","./utils/UNSAFE_interpolations/boxalignment","./keys-56925a9f","./utils/UNSAFE_interpolations/flexbox","./flexbox-a7a6dbe9","./utils/UNSAFE_interpolations/flexitem","./flexitem-ea18a6a1","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-d1218e2f","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,a,n,r,_,u,c,E,S,U,A,F,N,d,f,p,k,x,m,b,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ListView.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LiveRegion.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~y4il3h~~{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
1	+ .o4zrei{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LiveRegion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_LiveRegion.css',"preact/hooks"],(function(e,t,i,a){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback((()=>n(e)),[e]),c=a.useCallback((()=>setTimeout(s,t)),[s,t]);return a.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"y4il3h"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_LiveRegion.css',"preact/hooks"],(function(e,t,i,a){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback((()=>n(e)),[e]),c=a.useCallback((()=>setTimeout(s,t)),[s,t]);return a.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"o4zrei"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LiveRegion.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message.css CHANGED Viewed

@@ -1,19 +1,19 @@
-.vdjv9t{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.vdjv9t:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.fdgxb6{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
-.jrax3e{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.jrax3e{flex-direction:column;}}
-.agj71h{box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.jp3o6a{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
+._lol93y{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.lfwcoq{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+._9kfkay{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}._9kfkay:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._hk1bjj{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+._wzqdpz{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){._wzqdpz{flex-direction:column;}}
+.pdnhb2{box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
-.xjkl82{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
-._jsrkd6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.wustzy{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
-.c6wy6w{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.gd5n2b{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-._utu7b8{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+.gbikde{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._ky40u6{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._prjkov{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-._m9q4z5{flex:1;overflow-wrap:anywhere;}
-.exmf59{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
-.j4rl91{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+._9133rj{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.c5wr20{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._15wsk{flex:1;overflow-wrap:anywhere;}
+.bxh5br{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+.le4r1f{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-c6137358","./MessageDetail-3de38344","./MessageFormattingUtils-3a5eabef","./MessageStartIcon-0a898692","./MessageSummary-e4e7acc5","./MessageTimestamp-a9922ba3","./MessageUtils-7502b444","./classNames-e76b13c7","./Flex-dda08a74","./MessagesManager-cdf71388","./Message.types-8b72fa75","./tslib.es6-34921b52","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-7f9c5af6","./_curry1-5ddfa2d1","./utils/UNSAFE_mergeInterpolations","./_curry2-bc39b999","./_has-6f22ebd3","./utils/UNSAFE_interpolations/boxalignment","./keys-18d9dc35","./utils/UNSAFE_interpolations/flexbox","./flexbox-b26ee159","./utils/UNSAFE_interpolations/flexitem","./flexitem-e7cf8431","preact","./utils/UNSAFE_getLocale","./index-fb35110b","./UNSAFE_Icon","./Icon-f0319030","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-e2d9a5b0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,g,m,p,b,f,S,x,M,v,F,y,U,N,E,_,j,A,h,V,C,I,T,k,B,O,P,R,D,w,L,z,G,H,K,$){"use strict";function q(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="vdjv9t",Q="fdgxb6",W="jrax3e",X="agj71h";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=g.getRenderer,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesContext=b.MessagesContext,e.MessagesManager=b.MessagesManager,e.severities=f.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:b,messageRef:f=(()=>{}),translations:S,type:x}){const{closeAffordance:M="on",severity:v="error",sound:F,summary:y,timestamp:U}=n.data,N=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),E=r.useRef(null);r.useImperativeHandle(f,(()=>({focus:()=>{var e;return null===(e=E.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return E.current===e||null!==(a=e&&(null===(s=E.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const _=r.useCallback((()=>{null==b||b(n)}),[n,b]),j=r.useCallback((e=>{"Escape"===e.key&&"on"===M&&(null==b||b(n))}),[M,n,b]);r.useEffect((()=>{l.isValidValueForProp(F)&&g.playSound(F)}),[]);const A=m.classNames([J,N,"section"===x&&Q]);return s.jsx("div",Object.assign({ref:E,class:A,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j},{children:s.jsxs("div",Object.assign({class:X},{children:[q(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:S}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:y}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===M&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==S?void 0:S.close,variant:"banner",onAction:_})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-a406d65e","./MessageDetail-f8433d3e","./MessageFormattingUtils-6eaa2be7","./MessageStartIcon-67e10adb","./MessageSummary-3723cdc7","./MessageTimestamp-606abb8e","./MessageUtils-3055e6f7","./classNames-5fbda468","./Flex-3fce4497","./MessagesManager-2040dffd","./Message.types-1f5d631b","./tslib.es6-a5dafcde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-832a43dc","./_curry1-36aa1eff","./utils/UNSAFE_mergeInterpolations","./_curry2-8ac7779c","./_has-64119d93","./utils/UNSAFE_interpolations/boxalignment","./keys-56925a9f","./utils/UNSAFE_interpolations/flexbox","./flexbox-a7a6dbe9","./utils/UNSAFE_interpolations/flexitem","./flexitem-ea18a6a1","preact","./utils/UNSAFE_getLocale","./index-0459104f","./UNSAFE_Icon","./Icon-a2d5cb16","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-8e5000ed","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,g,m,p,f,S,M,b,x,v,y,F,U,_,N,E,j,A,h,V,C,I,k,T,B,O,P,R,D,w,z,L,q,G,H,K){"use strict";function $(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_9kfkay",Q="_hk1bjj",W="_wzqdpz",X="pdnhb2";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=g.getRenderer,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesContext=f.MessagesContext,e.MessagesManager=f.MessagesManager,e.severities=S.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:f,messageRef:S=(()=>{}),translations:M,type:b}){const{closeAffordance:x="on",severity:v="error",sound:y,summary:F,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(S,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==f||f(n)}),[n,f]),j=r.useCallback((e=>{"Escape"===e.key&&"on"===x&&(null==f||f(n))}),[x,n,f]);r.useEffect((()=>{l.isValidValueForProp(y)&&g.playSound(y)}),[]);const A=m.classNames([J,_,"section"===b&&Q]);return s.jsx("div",Object.assign({ref:N,class:A,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j},{children:s.jsxs("div",Object.assign({class:X},{children:[$(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:M}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:F}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===x&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==M?void 0:M.close,variant:"banner",onAction:E})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Message.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Message.js","sources":["../../src/UNSAFE_Message/Message.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 /\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageDetail, MessageTemplateItem } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound } from './MessageUtils';\n\n/\n An object representing a single message in Message component.\n /\nexport type MessageItem = {\n /\n Defines whether or not to include the close icon for the message\n /\n closeAffordance?: 'on' \| 'off';\n\n /\n Defines the detail text of the message\n /\n detail?: string;\n\n /\n Defines the severity of the message\n /\n severity?: MessageSeverity;\n\n /\n Defines the sound to be played when opening the message\n /\n sound?: 'default' \| 'none' \| string;\n\n /\n Defines the primary text of the message\n /\n summary?: string;\n\n /\n Defines the timestamp for the message in ISO format\n /\n timestamp?: string;\n};\n\n/\n Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n \n @param severity The message severity\n * @returns calculated style class based on the severity\n /\nfunction getSeverityStyleClass(severity: MessageSeverity) {\n const isValidSeverity = isValidValueForProp(severity, 'severity');\n return cx([isValidSeverity && severity !== 'none' && `oj-c-messagebanner-${severity}`]);\n}\n\n/\n Determines if a severity icon is needed based on the component severity\n \n @param severity The component severity\n * @returns Whether or not to render the severity icon\n /\nfunction isSeverityIconNeeded(\n severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n const isValidSeverity = isValidValueForProp(severity, 'severity');\n return isValidSeverity && severity !== 'none';\n}\n\n/\n CSS styles for various components\n /\nconst messageStyles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n '&:focus-visible': {\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineOffset: '1px'\n }\n }}`,\n section: cssProps`${{\n border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n }}`,\n header: cssProps`${{\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)',\n boxSizing: 'border-box',\n\n // TODO: Replace with Flex and ResponsiveProps once it is available.\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n '@media screen and (max-width: 599.9px)': {\n flexDirection: 'column'\n }\n }}`,\n // TODO: Replace with Flex and View components to handle padding and flex\n content: cssProps`${{\n boxSizing: 'border-box',\n display: 'flex',\n flexWrap: 'wrap',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n paddingInlineStart:\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n paddingInlineEnd:\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n }}`\n};\n\n/\n Props for the MessageHeader component\n /\ntype MessageHeaderProps = {\n children?: ComponentChildren;\n};\n/\n A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n /\nfunction StyledMessageHeader({ children }: MessageHeaderProps) {\n return (\n <div role=\"presentation\" class={messageStyles.header}>\n {children}\n </div>\n );\n}\n\n/\n Type of the mutated Ref to allow setting focus\n /\ntype SimpleBannerMessageHandle = {\n /\n Method to set focus to the rendered message\n /\n focus: () => void;\n\n /\n Method to determine whether an element is inside this component\n * @param element The candidate element\n /\n contains: (element?: Element \| null) => boolean;\n};\n\n/\n Props for the Message Component\n /\ntype Props<Key, Data> = {\n /\n A ref object for holding reference to this component\n /\n messageRef?: Ref<SimpleBannerMessageHandle>;\n\n /\n The index of the current message instance\n /\n index?: number;\n\n /\n The message item with all the necessary data in it\n /\n item: Item<Key, Data>;\n\n /\n A Banner message can have a different look and feel. For example, when using page-level\n * messaging the messages need to be rendered from edge to edge without any outline. On the other\n * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n * with an outline. This attribute can be used to specify where the component is being used so that\n * it will render the messages accordingly.\n /\n type?: 'page' \| 'section';\n\n /\n A renderer that renders the close button in the message.\n /\n closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n /\n A custom renderer for rendering the detail content\n /\n detailRenderer?: (item: MessageTemplateItem<Key, Data>) => ComponentChildren;\n\n /\n Triggered when a user tries to close a message through UI interaction. The parent\n * should listen to this event and remove the corresponding message item from the data\n * which would then result in the message to be removed from the DOM. If the parent\n * fails to remove the message item from the data, then no change will be done in the\n * UI by the component.\n /\n onClose?: (item: Item<Key, Data>) => void;\n\n /\n Translations resources\n * TODO: Replace with preact translations when it is available\n /\n translations?: {\n /\n Label for the message close button\n /\n close?: string;\n\n /\n Text for 'error' severity level\n /\n error?: string;\n\n /\n Text for 'warning' severity level\n /\n warning?: string;\n\n /\n Text for 'info' severity level\n /\n info?: string;\n\n /\n Text for 'confirmation' severity level\n /\n confirmation?: string;\n };\n};\n\n/\n Component that renders an individual message\n /\nfunction Message<K extends string \| number = string \| number, D extends MessageItem = MessageItem>({\n closeButtonRenderer,\n detailRenderer,\n index = -1,\n item,\n onClose,\n messageRef = () => {},\n translations,\n type\n}: Props<K, D>) {\n const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n const severityClass = getSeverityStyleClass(severity);\n const containerDivRef = useRef<HTMLDivElement>(null);\n\n // Add methods to the ref object\n useImperativeHandle(messageRef, () => ({\n focus: () => containerDivRef.current?.focus(),\n contains: (element) => {\n return (\n containerDivRef.current === element \|\|\n ((element && containerDivRef.current?.contains(element)) ?? false)\n );\n }\n }));\n\n /\n Handles clicking on the close icon of the message\n /\n const handleClose = useCallback(() => {\n onClose?.(item);\n }, [item, onClose]);\n\n /\n Handles closing the message on pressing Esc\n */\n const handleCloseOnEsc = useCallback(\n (event: KeyboardEvent) => {\n // Close the message only when closeAffordance is on\n if (event.key === 'Escape' && closeAffordance === 'on') {\n onClose?.(item);\n }\n },\n [closeAffordance, item, onClose]\n );\n\n useEffect(() => {\n if (isValidValueForProp(sound)) {\n // It is sufficient to check for the value to be a\n // non-empty string. The playSound method takes care of the rest.\n playSound(sound);\n }\n }, []); // No deps to run this only on mount\n\n const rootClasses = cx([\n messageStyles.base,\n severityClass,\n type === 'section' && messageStyles.section\n ]);\n\n // We will be animating the root div, so add padding to an inner wrapper div so that\n // when animating height looks smooth. If padding were to be added to the root\n // div, the animation will not be smooth as height will never reach 0 due to the\n // padding.\n return (\n <div\n ref={containerDivRef}\n class={rootClasses}\n role=\"alert\"\n aria-atomic=\"true\"\n tabIndex={0}\n onKeyUp={handleCloseOnEsc}>\n <div class={messageStyles.content}>\n {isSeverityIconNeeded(severity) && (\n <MessageStartIcon variant=\"banner\" severity={severity} translations={translations} />\n )}\n <Flex direction=\"column\" flex=\"1\">\n <StyledMessageHeader>\n <MessageSummary variant=\"banner\" text={summary} />\n {isValidValueForProp(timestamp, 'timestamp') && (\n <MessageTimestamp variant=\"banner\" value={timestamp!} />\n )}\n </StyledMessageHeader>\n <MessageDetail variant=\"banner\" item={{ ...item, index }} renderer={detailRenderer} />\n </Flex>\n {closeAffordance === 'on' && (\n <MessageCloseButton\n buttonRenderer={closeButtonRenderer}\n title={translations?.close}\n variant=\"banner\"\n onAction={handleClose}\n />\n )}\n </div>\n </div>\n );\n}\n\nexport { Message };\n"],"names":["isSeverityIconNeeded","severity","messageStyles","StyledMessageHeader","children","_jsx","Object","assign","role","class","closeButtonRenderer","detailRenderer","index","item","onClose","messageRef","translations","type","closeAffordance","sound","summary","timestamp","data","severityClass","cx","classNames","isValidSeverity","getSeverityStyleClass","containerDivRef","useRef","useImperativeHandle","focus","_a","current","contains","element","_b","handleClose","useCallback","handleCloseOnEsc","event","isValidValueForProp","ref","rootClasses","tabIndex","onKeyUp","_jsxs","jsxs","MessageStartIcon","variant","Flex","direction","flex","jsx","MessageSummary","text","MessageTimestamp","value","MessageDetail","renderer","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"kwCA2EA,SAAAA,EAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,WAqDA,SAAAC,GAAAC,SAAAA,IACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,eAAAC,MAAAP,GAAA,CAAAE,SAAAA,yiBAyGF,UAAAM,oBAAAA,EAAAC,eAAAA,EAAAC,MAAAA,GAAA,EAAAC,KAAAA,EAAAC,QAAAA,EAAAC,WAAAA,EAAA,SAAAC,aAAAA,EAAAC,KAAAA,IAUE,MAAAC,gBAAAA,EAAA,KAAAjB,SAAAA,EAAA,QAAAkB,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAAR,EAAAS,KACAC,EA/LF,SAAAtB,+CAEE,OAAAuB,EAAAC,WAAA,CAAAC,GAAA,SAAAzB,GAAA,sBAAAA,MA6LA0B,CAAA1B,GACA2B,EAAAC,SAAA,MAGAC,EAAAA,oBAAAf,GAAA,KAAA,CACEgB,MAAA,KAAA,IAAAC,EAAA,OAAA,QAAAA,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAD,SACAG,SAAAC,YACE,OAAAP,EAAAK,UAAAE,GAEE,QAAAC,EAAAD,IAAA,QAAAH,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAE,SAAAC,WAAA,IAAAC,GAAAA,OAQN,MAAAC,EAAAC,EAAAA,aAAA,KACExB,MAAAA,GAAAA,EAAAD,KACF,CAAAA,EAAAC,IAKAyB,EAAAD,EAAAA,aAAAE,iCAIM1B,MAAAA,GAAAA,EAAAD,iCAOJ4B,EAAAA,oBAAAtB,qBAKF,0BAGEjB,IAEA,YAAAe,GAAAf,IAOF,OAAAG,MAAA,MAAAC,OAAAC,OAAA,CAAAmC,IAAAd,EAAAnB,MAAAkC,EAAAnC,KAAA,QAAA,cAAA,OAAAoC,SAAA,EAAAC,QAAAN,GAAA,CAAAnC,SAAA0C,EAAAC,KAAA,MAAAzC,OAAAC,OAAA,CAAAE,MAAAP,GAAA,CAAAE,SAAA,CAAAJ,EAAAC,IAAAI,EAAAA,IAAA2C,EAAAA,iBAAA,CAAAC,QAAA,SAAAhD,SAAAA,EAAAe,aAAAA,IAAA8B,EAAAC,KAAAG,OAAA5C,OAAAC,OAAA,CAAA4C,UAAA,SAAAC,KAAA,KAAA,CAAAhD,SAAA,CAAA0C,EAAAC,KAAA5C,EAAA,CAAAC,SAAA,CAAAC,EAAAgD,IAAAC,iBAAA,CAAAL,QAAA,SAAAM,KAAAnC,IAAAqB,EAAAA,oBAAApB,EAAA,cAAAhB,EAAAA,IAAAmD,EAAAA,iBAAA,CAAAP,QAAA,SAAAQ,MAAApC,OAAAhB,EAAAgD,IAAAK,gBAAA,CAAAT,QAAA,SAAApC,KAAAP,OAAAC,OAAAD,OAAAC,OAAA,GAAAM,GAAA,CAAAD,MAAAA,IAAA+C,SAAAhD,QAAA,OAAAO,GAAAb,EAAAA,IAAAuD,EAAAA,mBAAA,CAAAC,eAAAnD,EAAAoD,MAAA9C,MAAAA,OAAA,EAAAA,EAAA+C,MAAAd,QAAA,SAAAe,SAAA3B"}
1	+ {"version":3,"file":"UNSAFE_Message.js","sources":["../../src/UNSAFE_Message/Message.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 /\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageDetail, MessageTemplateItem } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound } from './MessageUtils';\n\n/\n An object representing a single message in Message component.\n /\nexport type MessageItem = {\n /\n Defines whether or not to include the close icon for the message\n /\n closeAffordance?: 'on' \| 'off';\n\n /\n Defines the detail text of the message\n /\n detail?: string;\n\n /\n Defines the severity of the message\n /\n severity?: MessageSeverity;\n\n /\n Defines the sound to be played when opening the message\n /\n sound?: 'default' \| 'none' \| string;\n\n /\n Defines the primary text of the message\n /\n summary?: string;\n\n /\n Defines the timestamp for the message in ISO format\n /\n timestamp?: string;\n};\n\n/\n Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n \n @param severity The message severity\n * @returns calculated style class based on the severity\n /\nfunction getSeverityStyleClass(severity: MessageSeverity) {\n const isValidSeverity = isValidValueForProp(severity, 'severity');\n return cx([isValidSeverity && severity !== 'none' && `oj-c-messagebanner-${severity}`]);\n}\n\n/\n Determines if a severity icon is needed based on the component severity\n \n @param severity The component severity\n * @returns Whether or not to render the severity icon\n /\nfunction isSeverityIconNeeded(\n severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n const isValidSeverity = isValidValueForProp(severity, 'severity');\n return isValidSeverity && severity !== 'none';\n}\n\n/\n CSS styles for various components\n /\nconst messageStyles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n '&:focus-visible': {\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineOffset: '1px'\n }\n }}`,\n section: cssProps`${{\n border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n }}`,\n header: cssProps`${{\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)',\n boxSizing: 'border-box',\n\n // TODO: Replace with Flex and ResponsiveProps once it is available.\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: 'row',\n '@media screen and (max-width: 599.9px)': {\n flexDirection: 'column'\n }\n }}`,\n // TODO: Replace with Flex and View components to handle padding and flex\n content: cssProps`${{\n boxSizing: 'border-box',\n display: 'flex',\n flexWrap: 'wrap',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n paddingInlineStart:\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n paddingInlineEnd:\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n }}`\n};\n\n/\n Props for the MessageHeader component\n /\ntype MessageHeaderProps = {\n children?: ComponentChildren;\n};\n/\n A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n /\nfunction StyledMessageHeader({ children }: MessageHeaderProps) {\n return (\n <div role=\"presentation\" class={messageStyles.header}>\n {children}\n </div>\n );\n}\n\n/\n Type of the mutated Ref to allow setting focus\n /\ntype SimpleBannerMessageHandle = {\n /\n Method to set focus to the rendered message\n /\n focus: () => void;\n\n /\n Method to determine whether an element is inside this component\n * @param element The candidate element\n /\n contains: (element?: Element \| null) => boolean;\n};\n\n/\n Props for the Message Component\n /\ntype Props<Key, Data> = {\n /\n A ref object for holding reference to this component\n /\n messageRef?: Ref<SimpleBannerMessageHandle>;\n\n /\n The index of the current message instance\n /\n index?: number;\n\n /\n The message item with all the necessary data in it\n /\n item: Item<Key, Data>;\n\n /\n A Banner message can have a different look and feel. For example, when using page-level\n * messaging the messages need to be rendered from edge to edge without any outline. On the other\n * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n * with an outline. This attribute can be used to specify where the component is being used so that\n * it will render the messages accordingly.\n /\n type?: 'page' \| 'section';\n\n /\n A renderer that renders the close button in the message.\n /\n closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n /\n A custom renderer for rendering the detail content\n /\n detailRenderer?: (item: MessageTemplateItem<Key, Data>) => ComponentChildren;\n\n /\n Triggered when a user tries to close a message through UI interaction. The parent\n * should listen to this event and remove the corresponding message item from the data\n * which would then result in the message to be removed from the DOM. If the parent\n * fails to remove the message item from the data, then no change will be done in the\n * UI by the component.\n /\n onClose?: (item: Item<Key, Data>) => void;\n\n /\n Translations resources\n * TODO: Replace with preact translations when it is available\n /\n translations?: {\n /\n Label for the message close button\n /\n close?: string;\n\n /\n Text for 'error' severity level\n /\n error?: string;\n\n /\n Text for 'warning' severity level\n /\n warning?: string;\n\n /\n Text for 'info' severity level\n /\n info?: string;\n\n /\n Text for 'confirmation' severity level\n /\n confirmation?: string;\n };\n};\n\n/\n Component that renders an individual message\n /\nfunction Message<K extends string \| number = string \| number, D extends MessageItem = MessageItem>({\n closeButtonRenderer,\n detailRenderer,\n index = -1,\n item,\n onClose,\n messageRef = () => {},\n translations,\n type\n}: Props<K, D>) {\n const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n const severityClass = getSeverityStyleClass(severity);\n const containerDivRef = useRef<HTMLDivElement>(null);\n\n // Add methods to the ref object\n useImperativeHandle(messageRef, () => ({\n focus: () => containerDivRef.current?.focus(),\n contains: (element) => {\n return (\n containerDivRef.current === element \|\|\n ((element && containerDivRef.current?.contains(element)) ?? false)\n );\n }\n }));\n\n /\n Handles clicking on the close icon of the message\n /\n const handleClose = useCallback(() => {\n onClose?.(item);\n }, [item, onClose]);\n\n /\n Handles closing the message on pressing Esc\n */\n const handleCloseOnEsc = useCallback(\n (event: KeyboardEvent) => {\n // Close the message only when closeAffordance is on\n if (event.key === 'Escape' && closeAffordance === 'on') {\n onClose?.(item);\n }\n },\n [closeAffordance, item, onClose]\n );\n\n useEffect(() => {\n if (isValidValueForProp(sound)) {\n // It is sufficient to check for the value to be a\n // non-empty string. The playSound method takes care of the rest.\n playSound(sound);\n }\n }, []); // No deps to run this only on mount\n\n const rootClasses = cx([\n messageStyles.base,\n severityClass,\n type === 'section' && messageStyles.section\n ]);\n\n // We will be animating the root div, so add padding to an inner wrapper div so that\n // when animating height looks smooth. If padding were to be added to the root\n // div, the animation will not be smooth as height will never reach 0 due to the\n // padding.\n return (\n <div\n ref={containerDivRef}\n class={rootClasses}\n role=\"alert\"\n aria-atomic=\"true\"\n tabIndex={0}\n onKeyUp={handleCloseOnEsc}>\n <div class={messageStyles.content}>\n {isSeverityIconNeeded(severity) && (\n <MessageStartIcon variant=\"banner\" severity={severity} translations={translations} />\n )}\n <Flex direction=\"column\" flex=\"1\">\n <StyledMessageHeader>\n <MessageSummary variant=\"banner\" text={summary} />\n {isValidValueForProp(timestamp, 'timestamp') && (\n <MessageTimestamp variant=\"banner\" value={timestamp!} />\n )}\n </StyledMessageHeader>\n <MessageDetail variant=\"banner\" item={{ ...item, index }} renderer={detailRenderer} />\n </Flex>\n {closeAffordance === 'on' && (\n <MessageCloseButton\n buttonRenderer={closeButtonRenderer}\n title={translations?.close}\n variant=\"banner\"\n onAction={handleClose}\n />\n )}\n </div>\n </div>\n );\n}\n\nexport { Message };\n"],"names":["isSeverityIconNeeded","severity","messageStyles","StyledMessageHeader","children","_jsx","Object","assign","role","class","closeButtonRenderer","detailRenderer","index","item","onClose","messageRef","translations","type","closeAffordance","sound","summary","timestamp","data","severityClass","cx","classNames","isValidSeverity","getSeverityStyleClass","containerDivRef","useRef","useImperativeHandle","focus","_a","current","contains","element","_b","handleClose","useCallback","handleCloseOnEsc","event","isValidValueForProp","ref","rootClasses","tabIndex","onKeyUp","_jsxs","jsxs","MessageStartIcon","variant","Flex","direction","flex","jsx","MessageSummary","text","MessageTimestamp","value","MessageDetail","renderer","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"kwCA2EA,SAAAA,EAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,EAAA,UAAAA,EAAA,UAAAA,EAAA,UAAAA,WAqDA,SAAAC,GAAAC,SAAAA,IACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,eAAAC,MAAAP,GAAA,CAAAE,SAAAA,yiBAyGF,UAAAM,oBAAAA,EAAAC,eAAAA,EAAAC,MAAAA,GAAA,EAAAC,KAAAA,EAAAC,QAAAA,EAAAC,WAAAA,EAAA,SAAAC,aAAAA,EAAAC,KAAAA,IAUE,MAAAC,gBAAAA,EAAA,KAAAjB,SAAAA,EAAA,QAAAkB,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAAR,EAAAS,KACAC,EA/LF,SAAAtB,+CAEE,OAAAuB,EAAAC,WAAA,CAAAC,GAAA,SAAAzB,GAAA,sBAAAA,MA6LA0B,CAAA1B,GACA2B,EAAAC,SAAA,MAGAC,EAAAA,oBAAAf,GAAA,KAAA,CACEgB,MAAA,KAAA,IAAAC,EAAA,OAAA,QAAAA,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAD,SACAG,SAAAC,YACE,OAAAP,EAAAK,UAAAE,GAEE,QAAAC,EAAAD,IAAA,QAAAH,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAE,SAAAC,WAAA,IAAAC,GAAAA,OAQN,MAAAC,EAAAC,EAAAA,aAAA,KACExB,MAAAA,GAAAA,EAAAD,KACF,CAAAA,EAAAC,IAKAyB,EAAAD,EAAAA,aAAAE,iCAIM1B,MAAAA,GAAAA,EAAAD,iCAOJ4B,EAAAA,oBAAAtB,qBAKF,0BAGEjB,IAEA,YAAAe,GAAAf,IAOF,OAAAG,MAAA,MAAAC,OAAAC,OAAA,CAAAmC,IAAAd,EAAAnB,MAAAkC,EAAAnC,KAAA,QAAA,cAAA,OAAAoC,SAAA,EAAAC,QAAAN,GAAA,CAAAnC,SAAA0C,EAAAC,KAAA,MAAAzC,OAAAC,OAAA,CAAAE,MAAAP,GAAA,CAAAE,SAAA,CAAAJ,EAAAC,IAAAI,EAAAA,IAAA2C,EAAAA,iBAAA,CAAAC,QAAA,SAAAhD,SAAAA,EAAAe,aAAAA,IAAA8B,EAAAC,KAAAG,OAAA5C,OAAAC,OAAA,CAAA4C,UAAA,SAAAC,KAAA,KAAA,CAAAhD,SAAA,CAAA0C,EAAAC,KAAA5C,EAAA,CAAAC,SAAA,CAAAC,EAAAgD,IAAAC,iBAAA,CAAAL,QAAA,SAAAM,KAAAnC,IAAAqB,EAAAA,oBAAApB,EAAA,cAAAhB,EAAAA,IAAAmD,EAAAA,iBAAA,CAAAP,QAAA,SAAAQ,MAAApC,OAAAhB,EAAAgD,IAAAK,gBAAA,CAAAT,QAAA,SAAApC,KAAAP,OAAAC,OAAAD,OAAAC,OAAA,GAAAM,GAAA,CAAAD,MAAAA,IAAA+C,SAAAhD,QAAA,OAAAO,GAAAb,EAAAA,IAAAuD,EAAAA,mBAAA,CAAAC,eAAAnD,EAAAoD,MAAA9C,MAAAA,OAAA,EAAAA,EAAA+C,MAAAd,QAAA,SAAAe,SAAA3B"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_MessageBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useMessagesFocusManager","./UNSAFE_LiveRegion","./UNSAFE_Message","preact/hooks","./UNSAFE_Flex","./Flex-dda08a74","./MessagesManager-cdf71388","./MessageUtils-7502b444",'module',"./utils/UNSAFE_classNames","./classNames-e76b13c7","./MessageCloseButton-c6137358","./MessageDetail-3de38344","preact","./MessageFormattingUtils-3a5eabef","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-7f9c5af6","./Message.types-8b72fa75","./utils/UNSAFE_arrayUtils","./MessageStartIcon-0a898692","./index-fb35110b","./UNSAFE_Icon","./Icon-f0319030","./tslib.es6-34921b52","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-e2d9a5b0","./MessageSummary-e4e7acc5","./MessageTimestamp-a9922ba3","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-5ddfa2d1","./utils/UNSAFE_mergeInterpolations","./_curry2-bc39b999","./_has-6f22ebd3","./utils/UNSAFE_interpolations/boxalignment","./keys-18d9dc35","./utils/UNSAFE_interpolations/flexbox","./flexbox-b26ee159","./utils/UNSAFE_interpolations/flexitem","./flexitem-e7cf8431","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,a,i,o,r,l,c,u,g,d,f,m,F,U,b,h,E,M,_,S,v,x,p,A,N,R,y,k,j,C,I,T,B,L,O,P,w,z,W,D,G,H,K,q,J,Q,V){"use strict";const X={enter:[{effect:"expand",duration:"0.25s",direction:"height"}],exit:[{effect:"collapse",duration:"0.25s",direction:"height"}]},Y={close:"Close",navigationFromMessagesRegion:"Entering messages region. Press F6 to navigate back to prior focused element.",navigationToMessagesRegion:"Messages region has new messages. Press F6 to navigate to the most recent message region.",error:"Error",warning:"Warning",info:"Info",confirmation:"Confirmation"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:o,data:u,onClose:g,renderers:d,startAnimation:f,translations:m=Y,type:F="section"}){const U=i.useRef(new Map),b=i.useRef(null),h=i.useRef(null),[E,M]=i.useState(),[_,S]=i.useState(u.length>0),v=i.useRef(u.length),x=i.useRef(0);v.current=u.length;const p=i.useCallback((e=>s=>U.current.set(e,s)),[]);i.useImperativeHandle(h,(()=>({focus:()=>{var e;if(u.length){const s=u[0].key;return null===(e=U.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,n;return!(!u.length||!e)&&(null!==(n=null===(s=b.current)||void 0===s?void 0:s.contains(e))&&void 0!==n&&n)}})),[u,U]);const{controller:A,handlers:N}=n.useMessageFocusManager(h,{onFocus:i.useCallback((()=>{M(m.navigationFromMessagesRegion)}),[M])}),R=i.useCallback((e=>{null==g||g(e)}),[g]),y=i.useCallback(((e,s,n)=>{var t;const a=null==n?void 0:n.contains(document.activeElement);if(0===v.current)return S(!1),void(a&&A.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&a){const e=u[i].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[A,u]);return i.useEffect((()=>{u.length?(S(!0),u.length>x.current&&M(m.navigationToMessagesRegion),A.prioritize()):M(""),x.current=u.length}),[u,A]),_||0!==u.length?s.jsx("div",Object.assign({ref:b,class:"oj-c-messagebanner",tabIndex:-1},N,{children:s.jsxs(r.Flex,Object.assign({direction:"column",gap:"section"===F?"1x":void 0},{children:[s.jsx(l.MessagesManager,Object.assign({animations:X,data:u,startAnimation:f,onMessageWillRemove:y},{children:({index:n,item:t})=>s.jsx(a.Message,{messageRef:p(t.key),item:t,closeButtonRenderer:e,detailRenderer:c.getRenderer(t,o,d),index:n,translations:m,type:F,onClose:R},t.key)})),s.jsx(t.LiveRegion,{children:E})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useMessagesFocusManager","./UNSAFE_LiveRegion","./UNSAFE_Message","preact/hooks","./UNSAFE_Flex","./Flex-3fce4497","./MessagesManager-2040dffd","./MessageUtils-3055e6f7",'module',"./utils/UNSAFE_classNames","./classNames-5fbda468","./MessageCloseButton-a406d65e","./MessageDetail-f8433d3e","preact","./MessageFormattingUtils-6eaa2be7","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-832a43dc","./Message.types-1f5d631b","./utils/UNSAFE_arrayUtils","./MessageStartIcon-67e10adb","./index-0459104f","./UNSAFE_Icon","./Icon-a2d5cb16","./tslib.es6-a5dafcde","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-8e5000ed","./MessageSummary-3723cdc7","./MessageTimestamp-606abb8e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-36aa1eff","./utils/UNSAFE_mergeInterpolations","./_curry2-8ac7779c","./_has-64119d93","./utils/UNSAFE_interpolations/boxalignment","./keys-56925a9f","./utils/UNSAFE_interpolations/flexbox","./flexbox-a7a6dbe9","./utils/UNSAFE_interpolations/flexitem","./flexitem-ea18a6a1","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,a,i,o,r,l,c,u,g,d,f,m,F,U,h,E,M,_,S,v,x,p,A,N,b,R,y,k,j,C,I,T,B,L,O,P,w,z,W,D,G,H,K,q,J,Q,V){"use strict";const X={enter:[{effect:"expand",duration:"0.25s",direction:"height"}],exit:[{effect:"collapse",duration:"0.25s",direction:"height"}]},Y={close:"Close",navigationFromMessagesRegion:"Entering messages region. Press F6 to navigate back to prior focused element.",navigationToMessagesRegion:"Messages region has new messages. Press F6 to navigate to the most recent message region.",error:"Error",warning:"Warning",info:"Info",confirmation:"Confirmation"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:o,data:u,onClose:g,renderers:d,startAnimation:f,translations:m=Y,type:F="section"}){const U=i.useRef(new Map),h=i.useRef(null),E=i.useRef(null),[M,_]=i.useState(),[S,v]=i.useState(u.length>0),x=i.useRef(u.length),p=i.useRef(0);x.current=u.length;const A=i.useCallback((e=>s=>U.current.set(e,s)),[]);i.useImperativeHandle(E,(()=>({focus:()=>{var e;if(u.length){const s=u[0].key;return null===(e=U.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,n;return!(!u.length||!e)&&(null!==(n=null===(s=h.current)||void 0===s?void 0:s.contains(e))&&void 0!==n&&n)}})),[u,U]);const{controller:N,handlers:b}=n.useMessageFocusManager(E,{onFocus:i.useCallback((()=>{_(m.navigationFromMessagesRegion)}),[_])}),R=i.useCallback((e=>{null==g||g(e)}),[g]),y=i.useCallback(((e,s,n)=>{var t;const a=null==n?void 0:n.contains(document.activeElement);if(0===x.current)return v(!1),void(a&&N.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&a){const e=u[i].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[N,u]);return i.useEffect((()=>{u.length?(v(!0),u.length>p.current&&_(m.navigationToMessagesRegion),N.prioritize()):_(""),p.current=u.length}),[u,N]),S||0!==u.length?s.jsx("div",Object.assign({ref:h,class:"oj-c-messagebanner",tabIndex:-1},b,{children:s.jsxs(r.Flex,Object.assign({direction:"column",gap:"section"===F?"1x":void 0},{children:[s.jsx(l.MessagesManager,Object.assign({animations:X,data:u,startAnimation:f,onMessageWillRemove:y},{children:({index:n,item:t})=>s.jsx(a.Message,{messageRef:A(t.key),item:t,closeButtonRenderer:e,detailRenderer:c.getRenderer(t,o,d),index:n,translations:m,type:F,onClose:R},t.key)})),s.jsx(t.LiveRegion,{children:M})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_MessageBanner.js.map