@oracle/oraclejet 13.1.17 → 13.1.18

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Text.js

@@ -1,2 +1,2 @@
-define(["exports","./Text-731a87c9","./tslib.es6-2b838d6f","preact/jsx-runtime",'css!./UNSAFE_Text.css',"./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d22c6b88","./_curry1-18882de2","./_curry2-1e7fa629","./_has-daf20f39"],(function(e,s,t,a,r,i,c,l,u,n,d){"use strict";e.Text=s.Text,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Text-86334da2","./tslib.es6-3ed94d24","preact/jsx-runtime",'css!./UNSAFE_Text.css',"./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6646dbed","./_curry1-99c4475f","./_curry2-ad906095","./_has-341d00f2"],(function(e,s,t,r,a,i,d,c,l,u,n){"use strict";e.Text=s.Text,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Text.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextArea.js

@@ -1,2 +1,2 @@
-define(["exports","./TextArea-b0d878af","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-2b838d6f","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f31af4aa","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-d22c6b88",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-644f9ba5","./_curry1-18882de2","./_has-daf20f39","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./TextFieldInput-4dc77347","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0e5b7c0","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-8f8b467e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-36d9abb2","./UNSAFE_HiddenAccessible","./HiddenAccessible-8e6511c7","./UNSAFE_Message","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./Message.types-8c913077","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-1ee78b2a","./UNSAFE_TransitionGroup","./ComponentMessageContainer-948a21d9","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,r,U,A,_,E,N,S,c,d,b,f,g,x,m,p,h,k,M,T,y,C,I,L,H,v,R,V,j,B,D,P,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,re,Ue,Ae,_e,Ee,Ne,Se,ce,de,be,fe,ge){"use strict";e.TextArea=s.TextArea,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./TextArea-55b27f8e","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-3ed94d24","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-814ecae3","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6646dbed",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./TextFieldInput-9c5312c3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-45e20b6f","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup","./ComponentMessageContainer-808667fc","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,r,U,A,_,c,E,N,S,d,g,x,b,m,p,f,h,k,M,T,y,C,I,L,H,v,R,V,j,B,D,P,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,re,Ue,Ae,_e,ce,Ee,Ne,Se,de,ge,xe,be){"use strict";e.TextArea=s.TextArea,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_TextArea.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextAreaAutosize.js

@@ -1,2 +1,2 @@
-define(["exports","./TextAreaAutosize-ee4af9b5","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-2b838d6f","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f31af4aa","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-d22c6b88",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-644f9ba5","./_curry1-18882de2","./_has-daf20f39","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./TextFieldInput-4dc77347","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0e5b7c0","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-8f8b467e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-36d9abb2","./UNSAFE_HiddenAccessible","./HiddenAccessible-8e6511c7","./UNSAFE_Message","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./Message.types-8c913077","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-1ee78b2a","./UNSAFE_TransitionGroup","./ComponentMessageContainer-948a21d9","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,A,r,U,_,E,N,S,c,d,b,f,g,x,m,p,h,k,M,T,y,C,I,L,H,z,v,R,V,j,B,D,P,W,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,Ae,re,Ue,_e,Ee,Ne,Se,ce,de,be,fe,ge){"use strict";e.TextAreaAutosize=s.TextAreaAutosize,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./TextAreaAutosize-0c7306a6","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-3ed94d24","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-814ecae3","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6646dbed",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./TextFieldInput-9c5312c3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-45e20b6f","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup","./ComponentMessageContainer-808667fc","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,A,r,U,_,c,E,N,S,d,g,x,b,m,p,h,f,k,M,T,y,C,I,L,H,z,v,R,V,j,B,D,P,W,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,Ae,re,Ue,_e,ce,Ee,Ne,Se,de,ge,xe,be){"use strict";e.TextAreaAutosize=s.TextAreaAutosize,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_TextAreaAutosize.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextField.css

@@ -1,49 +1,49 @@
-._pqtgbb{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
-.tjlos2{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-._i7v0zp{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
-.jdckq9{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
-.q8lzrw{height:auto;}
-._19akc0{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-.gz8e33{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-.ny59c2{padding-top:0;padding-bottom:0;}
-._ce43m{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
+.ifq2hk{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
+.jolb5s{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+._kxicyb{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
+._8cztzi{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
+._omxmr4{height:auto;}
+.sdqcfb{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._yxbwz{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+._vpe2e9{padding-top:0;padding-bottom:0;}
+.rodxdn{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
 
-.fzxgc7{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}.fzxgc7:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._ngco25{resize:none;padding-block-start:0;padding-inline-start:0;}
-.zl0cw5{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._bf4sjs{margin-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
-._86rkpz{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
-.aadwu5{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));margin-bottom:0.25rem;}
-.wy5ytj{justify-content:center;}
-._3k2cn6{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
+._ymmejb{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}._ymmejb:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.ed6tb1{resize:none;padding-block-start:0;padding-inline-start:0;}
+.banoyh{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+._7n43fw{margin-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
+._cikdtr{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
+._glzd93{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));margin-bottom:0.25rem;}
+._vr3mdv{justify-content:center;}
+.xiw7zh{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
 
-._19p2yd{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);width:100%;padding-top:0;padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}._19p2yd::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._861z6j{padding-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);padding-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);resize:none;}
-._aw0e1::-ms-reveal{display:none;}
-.lheufb{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}.lheufb:hover{background-color:transparent;}
-.oa2ufr{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));border-block-end-width:0.25rem;}
-._xmoymx{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
-._7xy3pz{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._o6eotd{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.u50bxm{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+._ecfvl{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);width:100%;padding-top:0;padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}._ecfvl::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._7ab932{padding-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);padding-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);resize:none;}
+._bnwvoo::-ms-reveal{display:none;}
+.u9xc0k{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}.u9xc0k:hover{background-color:transparent;}
+._sv3hdh{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));border-block-end-width:0.25rem;}
+._hz8sr{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
+.awyuy4{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._nhen3c{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._r5ffi9{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
 
-._ngvf34{vertical-align:top;}
-._6v8v4v{max-width:100%;}
+.p0ay6u{vertical-align:top;}
+._ghnbw{max-width:100%;}
 
-._dzketj{position:relative;box-sizing:border-box;border-style:solid;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._uqphx{height:auto;}
-._vue7en{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._kqmht{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
-._fajj0s{resize:both;}
-._rot07l{resize:horizontal;}
-._7zteqy{resize:vertical;}
-.kjbv0g{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
-._urtelr{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.mzilu7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._j0gcmf{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-.cykbhb{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-.rm1ivf{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._cxgdio{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-.es18hj{padding-inline-end:1px;}
-._l42vw{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-._5h78w6{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+._qkrct{position:relative;box-sizing:border-box;border-style:solid;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._hp2lzo{height:auto;}
+._s0a60g{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+.hqar51{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
+.qvfs2s{resize:both;}
+.gyg3yq{resize:horizontal;}
+._ds0jv2{resize:vertical;}
+._pwxi88{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
+.pwpr8w{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._steqx{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._q13fcr{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+.lzvj87{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+.kxg4l5{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.sgtwjt{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+._r7ahh7{padding-inline-end:1px;}
+._pos6v{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+._c04b32{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextField.js

@@ -1,2 +1,2 @@
-function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./hooks/UNSAFE_useFormContext",'css!./UNSAFE_TextField.css',"./utils/UNSAFE_classNames","./utils/UNSAFE_interpolations/text","./utils/UNSAFE_mergeInterpolations","./hooks/UNSAFE_useFormFieldContext","./TextFieldInput-4dc77347","./classNames-d22c6b88","./UNSAFE_LabelValueLayout","preact","./UNSAFE_Flex","./_curry1-18882de2","./_curry2-1e7fa629","./Flex-8f8b467e","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","preact/hooks","./keys-644f9ba5","./_has-daf20f39","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0e5b7c0","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],(function(e,t,a,n,r,s,i,l,o,c,u,d,b,x,g,h,y,f,m,_,p,j,F,v,A,C,N,L,E,S,U,I,O,T,w,R,k,z,M){"use strict";const W="fzxgc7",D="_ngco25",H="zl0cw5",V="_bf4sjs",$="_86rkpz",q="aadwu5",B="wy5ytj",P="_3k2cn6";const K=e=>{var{outerClassNames:n,innerClassNames:r,label:s,labelEdge:i,labelStartWidth:l,inlineUserAssistance:o,children:c}=e,u=t.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return a.jsxs("div",Object.assign({},u,{class:n},{children:[a.jsx(d.LabelValueLayout,Object.assign({label:s,labelEdge:i,labelStartWidth:l},{children:a.jsx("div",Object.assign({class:r},{children:c}))})),o]}))},G=e=>{var{outerClassNames:n,innerClassNames:r,inlineUserAssistance:s,children:i}=e,l=t.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return a.jsxs("div",Object.assign({},l,{class:n},{children:[a.jsx("div",Object.assign({class:r},{children:i})),s]}))};var X=function(e,t){switch(e){case 0:return function(){return t.apply(this,arguments)};case 1:return function(e){return t.apply(this,arguments)};case 2:return function(e,a){return t.apply(this,arguments)};case 3:return function(e,a,n){return t.apply(this,arguments)};case 4:return function(e,a,n,r){return t.apply(this,arguments)};case 5:return function(e,a,n,r,s){return t.apply(this,arguments)};case 6:return function(e,a,n,r,s,i){return t.apply(this,arguments)};case 7:return function(e,a,n,r,s,i,l){return t.apply(this,arguments)};case 8:return function(e,a,n,r,s,i,l,o){return t.apply(this,arguments)};case 9:return function(e,a,n,r,s,i,l,o,c){return t.apply(this,arguments)};case 10:return function(e,a,n,r,s,i,l,o,c,u){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}},J=X,Q=g._isPlaceholder_1;var Y=function e(t,a,n){return function(){for(var r=[],s=0,i=t,l=0;l<a.length||s<arguments.length;){var o;l<a.length&&(!Q(a[l])||s>=arguments.length)?o=a[l]:(o=arguments[s],s+=1),r[l]=o,Q(o)||(i-=1),l+=1}return i<=0?n.apply(this,r):J(i,e(t,r,n))}},Z=X,ee=g._curry1_1,te=h._curry2_1,ae=Y,ne=te((function(e,t){return 1===e?ee(t):Z(e,ae(e,[],t))})),re=g._curry1_1,se=ne;const ie={base:"_dzketj",textarea:"_uqphx",labelInside:"_vue7en",focused:"_kqmht",resize:{both:"_fajj0s",horizontal:"_rot07l",vertical:"_7zteqy"},disabled:"kjbv0g",error:"_urtelr",warning:"mzilu7"},le={textarea:ie.textarea,textareaError:ie.textarea,textareaWarning:ie.textarea},oe={error:ie.error,textareaError:ie.error,warning:ie.warning,textareaWarning:ie.warning},ce=re((function(e){return se(e.length,e)}))(((e,t)=>t&&e[t])),ue=ce(le),de=ce(oe),be="_j0gcmf",xe="cykbhb",ge="rm1ivf",he="_cxgdio",ye="es18hj",fe=ce({textarea:ye,textareaError:ye,textareaWarning:ye}),me="_l42vw",_e="_5h78w6",pe=({insideLabel:e,mainContent:t,startContent:n,endContent:r,resize:s,variant:i,rootRef:l})=>{const{isDisabled:d,isFocused:b,isLoading:x}=o.useFormFieldContext();let g=null==i?void 0:i.toLowerCase().replace("textarea","");g=g||void 0;const h=u.classNames([ie.base,void 0!==e&&ie.labelInside,s&&ie.resize[s],b&&ie.focused,d?ie.disabled:u.classNames([de(i),i&&`oj-c-text-field-${g}`]),x&&c.loadingStyles,ue(i)]),f=u.classNames([be,null!=e&&xe,d&&ge]),m=u.classNames([he,fe(i)]),_=u.classNames([me,null!=e&&_e]);return a.jsxs("div",Object.assign({role:"presentation",class:h,ref:l},{children:[n&&a.jsx("span",Object.assign({class:f},{children:a.jsx(y.Flex,Object.assign({justify:"center",align:"center"},{children:n}))})),a.jsxs("div",Object.assign({class:m},{children:[e,t]})),r&&a.jsx("span",Object.assign({class:_},{children:a.jsx(y.Flex,Object.assign({justify:"center",align:"center"},{children:r}))}))]}))},je=e=>{var{hasInsideLabel:n=!1}=e,r=t.__rest(e,["hasInsideLabel"]);const{isReadonly:s}=o.useFormFieldContext(),i=c.getFormControlClasses(n),l=c.getTextFieldClasses(s),d=u.classNames([i,l]);return a.jsx("div",Object.assign({},r,{class:d}))};e.TextFieldInput=c.TextFieldInput,e.getInputId=c.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:t,valueLength:n=0}){const r=f.useDebounce(t-n,500),s=m.useTranslationBundle("@oracle/oraclejet-preact"),i=s.formControl_maxLengthExceeded({MAX_LENGTH:`${t}`}),l=s.formControl_maxLengthRemaining({CHARACTER_COUNT:`${r}`});return a.jsxs(b.Fragment,{children:[a.jsx(_.LiveRegion,{children:l}),e&&a.jsx(_.LiveRegion,Object.assign({type:"assertive"},{children:i}))]})},e.ReadonlyTextField=e=>{var{label:r,labelEdge:s,children:i,variant:l}=e,d=t.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:b,isReadonly:x}=n.useFormContext(),{isLoading:g}=o.useFormFieldContext(),h=void 0!==r&&"inside"===s,y=c.getFormControlClasses(h),f=c.getTextFieldClasses(!0),m=c.getReadonlyClasses(b&&!x,h,l),_=u.classNames([y,f]),p=u.classNames([m,g&&c.loadingStyles]);return void 0===r||"start"!==s&&"top"!==s?a.jsxs(G,Object.assign({outerClassNames:_,innerClassNames:p},d,{children:[r,i]})):a.jsx(K,Object.assign({outerClassNames:_,innerClassNames:p,label:r,labelEdge:s},d,{children:i}))},e.ReadonlyTextFieldInput=function(e){var{ariaLabel:r,ariaLabelledby:s,autoFocus:d,as:b="div",elementRef:x,hasInsideLabel:g=!1,id:h,inlineUserAssistance:y,innerReadonlyField:f,rows:m,type:_,value:p=""}=e,j=t.__rest(e,["ariaLabel","ariaLabelledby","autoFocus","as","elementRef","hasInsideLabel","id","inlineUserAssistance","innerReadonlyField","rows","type","value"]);const{isFormLayout:F,isReadonly:v}=n.useFormContext(),{isLoading:A}=o.useFormFieldContext(),C=A?c.getLoadingAriaLabel():r,N=_toConsumableArray(Object.values(i.textInterpolations)),L=l.mergeInterpolations(N),{class:E}=L(j),S=u.classNames(["textarea"!==b&&"oj-c-hide-scrollbar",W,"textarea"===b&&D,F&&!v&&H,"textarea"===b&&F&&!v&&V,F&&!v&&(g?$:B),"textarea"===b&&F&&!v&&g&&q,"textarea"!==b&&F&&!v&&P,E]);return"input"===b?a.jsx("input",{"aria-label":C,"aria-labelledby":s,autofocus:d,class:S,id:h,readonly:!0,ref:x,type:_,value:p}):"textarea"===b?a.jsx("textarea",Object.assign({"aria-label":C,"aria-labelledby":s,autofocus:d,class:S,id:h,readonly:!0,ref:x,rows:m},{children:p})):a.jsx("div",Object.assign({"aria-label":C,"aria-labelledby":s,"aria-readonly":!0,autofocus:d,class:S,ref:x,role:"textbox",tabIndex:0},{children:p}))},e.TextField=({id:e,endContent:t,mainContent:n,startContent:r,inlineUserAssistance:s,label:i,labelEdge:l,labelStartWidth:o,mainFieldRef:c,resize:u,variant:x,onFocus:g,onBlur:h,onKeyDown:y,onMouseDown:f,onMouseEnter:m,onMouseLeave:_})=>{const p=void 0===i||"start"!==l&&"top"!==l?a.jsxs(b.Fragment,{children:[a.jsx(pe,{insideLabel:i,startContent:r,mainContent:n,endContent:t,resize:u,variant:x,rootRef:c}),s]}):a.jsx(d.LabelValueLayout,Object.assign({label:i,labelEdge:l,labelStartWidth:o},{children:a.jsxs(b.Fragment,{children:[a.jsx(pe,{startContent:r,mainContent:n,endContent:t,resize:u,variant:x,rootRef:c}),s]})}));return a.jsx(je,Object.assign({id:e,hasInsideLabel:void 0!==i&&"inside"===l,onfocusin:g,onfocusout:h,onKeyDown:y,onMouseDown:f,onMouseEnter:m,onMouseLeave:_},{children:p}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}define(["exports","./tslib.es6-3ed94d24","preact/jsx-runtime","./hooks/UNSAFE_useFormContext",'css!./UNSAFE_TextField.css',"./utils/UNSAFE_classNames","./utils/UNSAFE_interpolations/text","./utils/UNSAFE_mergeInterpolations","./hooks/UNSAFE_useFormFieldContext","./TextFieldInput-9c5312c3","./classNames-6646dbed","./UNSAFE_LabelValueLayout","preact","./UNSAFE_Flex","./_curry1-99c4475f","./_curry2-ad906095","./Flex-4355ec04","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","preact/hooks","./keys-598d5f15","./_has-341d00f2","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],(function(e,t,a,n,r,s,i,l,o,c,u,d,b,x,g,h,y,p,m,_,f,F,j,v,A,C,N,L,E,S,U,I,w,O,T,R,k,z,M){"use strict";const W="_ymmejb",D="ed6tb1",H="banoyh",q="_7n43fw",V="_cikdtr",$="_glzd93",B="_vr3mdv",P="xiw7zh";const K=e=>{var{outerClassNames:n,innerClassNames:r,label:s,labelEdge:i,labelStartWidth:l,inlineUserAssistance:o,children:c}=e,u=t.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return a.jsxs("div",Object.assign({},u,{class:n},{children:[a.jsx(d.LabelValueLayout,Object.assign({label:s,labelEdge:i,labelStartWidth:l},{children:a.jsx("div",Object.assign({class:r},{children:c}))})),o]}))},G=e=>{var{outerClassNames:n,innerClassNames:r,inlineUserAssistance:s,children:i}=e,l=t.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return a.jsxs("div",Object.assign({},l,{class:n},{children:[a.jsx("div",Object.assign({class:r},{children:i})),s]}))};var X=function(e,t){switch(e){case 0:return function(){return t.apply(this,arguments)};case 1:return function(e){return t.apply(this,arguments)};case 2:return function(e,a){return t.apply(this,arguments)};case 3:return function(e,a,n){return t.apply(this,arguments)};case 4:return function(e,a,n,r){return t.apply(this,arguments)};case 5:return function(e,a,n,r,s){return t.apply(this,arguments)};case 6:return function(e,a,n,r,s,i){return t.apply(this,arguments)};case 7:return function(e,a,n,r,s,i,l){return t.apply(this,arguments)};case 8:return function(e,a,n,r,s,i,l,o){return t.apply(this,arguments)};case 9:return function(e,a,n,r,s,i,l,o,c){return t.apply(this,arguments)};case 10:return function(e,a,n,r,s,i,l,o,c,u){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}},J=X,Q=g._isPlaceholder_1;var Y=function e(t,a,n){return function(){for(var r=[],s=0,i=t,l=0;l<a.length||s<arguments.length;){var o;l<a.length&&(!Q(a[l])||s>=arguments.length)?o=a[l]:(o=arguments[s],s+=1),r[l]=o,Q(o)||(i-=1),l+=1}return i<=0?n.apply(this,r):J(i,e(t,r,n))}},Z=X,ee=g._curry1_1,te=h._curry2_1,ae=Y,ne=te((function(e,t){return 1===e?ee(t):Z(e,ae(e,[],t))})),re=g._curry1_1,se=ne;const ie={base:"_qkrct",textarea:"_hp2lzo",labelInside:"_s0a60g",focused:"hqar51",resize:{both:"qvfs2s",horizontal:"gyg3yq",vertical:"_ds0jv2"},disabled:"_pwxi88",error:"pwpr8w",warning:"_steqx"},le={textarea:ie.textarea,textareaError:ie.textarea,textareaWarning:ie.textarea},oe={error:ie.error,textareaError:ie.error,warning:ie.warning,textareaWarning:ie.warning},ce=re((function(e){return se(e.length,e)}))(((e,t)=>t&&e[t])),ue=ce(le),de=ce(oe),be="_q13fcr",xe="lzvj87",ge="kxg4l5",he="sgtwjt",ye="_r7ahh7",pe=ce({textarea:ye,textareaError:ye,textareaWarning:ye}),me="_pos6v",_e="_c04b32",fe=({insideLabel:e,mainContent:t,startContent:n,endContent:r,resize:s,variant:i,rootRef:l})=>{const{isDisabled:d,isFocused:b,isLoading:x}=o.useFormFieldContext();let g=null==i?void 0:i.toLowerCase().replace("textarea","");g=g||void 0;const h=u.classNames([ie.base,void 0!==e&&ie.labelInside,s&&ie.resize[s],b&&ie.focused,d?ie.disabled:u.classNames([de(i),i&&`oj-c-text-field-${g}`]),x&&c.loadingStyles,ue(i)]),p=u.classNames([be,null!=e&&xe,d&&ge]),m=u.classNames([he,pe(i)]),_=u.classNames([me,null!=e&&_e]);return a.jsxs("div",Object.assign({role:"presentation",class:h,ref:l},{children:[n&&a.jsx("span",Object.assign({class:p},{children:a.jsx(y.Flex,Object.assign({justify:"center",align:"center"},{children:n}))})),a.jsxs("div",Object.assign({class:m},{children:[e,t]})),r&&a.jsx("span",Object.assign({class:_},{children:a.jsx(y.Flex,Object.assign({justify:"center",align:"center"},{children:r}))}))]}))},Fe=e=>{var{hasInsideLabel:n=!1}=e,r=t.__rest(e,["hasInsideLabel"]);const{isReadonly:s}=o.useFormFieldContext(),i=c.getFormControlClasses(n),l=c.getTextFieldClasses(s),d=u.classNames([i,l]);return a.jsx("div",Object.assign({},r,{class:d}))};e.TextFieldInput=c.TextFieldInput,e.getInputId=c.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:t,valueLength:n=0}){const r=p.useDebounce(t-n,500),s=m.useTranslationBundle("@oracle/oraclejet-preact"),i=s.formControl_maxLengthExceeded({MAX_LENGTH:`${t}`}),l=s.formControl_maxLengthRemaining({CHARACTER_COUNT:`${r}`});return a.jsxs(b.Fragment,{children:[a.jsx(_.LiveRegion,{children:l}),e&&a.jsx(_.LiveRegion,Object.assign({type:"assertive"},{children:i}))]})},e.ReadonlyTextField=e=>{var{label:r,labelEdge:s,children:i,variant:l}=e,d=t.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:b,isReadonly:x}=n.useFormContext(),{isLoading:g}=o.useFormFieldContext(),h=void 0!==r&&"inside"===s,y=c.getFormControlClasses(h),p=c.getTextFieldClasses(!0),m=c.getReadonlyClasses(b&&!x,h,l),_=u.classNames([y,p]),f=u.classNames([m,g&&c.loadingStyles]);return void 0===r||"start"!==s&&"top"!==s?a.jsxs(G,Object.assign({outerClassNames:_,innerClassNames:f},d,{children:[r,i]})):a.jsx(K,Object.assign({outerClassNames:_,innerClassNames:f,label:r,labelEdge:s},d,{children:i}))},e.ReadonlyTextFieldInput=function(e){var{ariaLabel:r,ariaLabelledby:s,autoFocus:d,as:b="div",elementRef:x,hasInsideLabel:g=!1,id:h,inlineUserAssistance:y,innerReadonlyField:p,rows:m,type:_,value:f=""}=e,F=t.__rest(e,["ariaLabel","ariaLabelledby","autoFocus","as","elementRef","hasInsideLabel","id","inlineUserAssistance","innerReadonlyField","rows","type","value"]);const{isFormLayout:j,isReadonly:v}=n.useFormContext(),{isLoading:A}=o.useFormFieldContext(),C=A?c.getLoadingAriaLabel():r,N=_toConsumableArray(Object.values(i.textInterpolations)),L=l.mergeInterpolations(N),{class:E}=L(F),S=u.classNames(["textarea"!==b&&"oj-c-hide-scrollbar",W,"textarea"===b&&D,j&&!v&&H,"textarea"===b&&j&&!v&&q,j&&!v&&(g?V:B),"textarea"===b&&j&&!v&&g&&$,"textarea"!==b&&j&&!v&&P,E]);return"input"===b?a.jsx("input",{"aria-label":C,"aria-labelledby":s,autofocus:d,class:S,id:h,readonly:!0,ref:x,type:_,value:f}):"textarea"===b?a.jsx("textarea",Object.assign({"aria-label":C,"aria-labelledby":s,autofocus:d,class:S,id:h,readonly:!0,ref:x,rows:m},{children:f})):a.jsx("div",Object.assign({"aria-label":C,"aria-labelledby":s,"aria-readonly":!0,autofocus:d,class:S,ref:x,role:"textbox",tabIndex:0},{children:f}))},e.TextField=({id:e,endContent:t,mainContent:n,startContent:r,inlineUserAssistance:s,label:i,labelEdge:l,labelStartWidth:o,mainFieldRef:c,resize:u,variant:x,onFocus:g,onBlur:h,onKeyDown:y,onMouseDown:p,onMouseEnter:m,onMouseLeave:_})=>{const f=void 0===i||"start"!==l&&"top"!==l?a.jsxs(b.Fragment,{children:[a.jsx(fe,{insideLabel:i,startContent:r,mainContent:n,endContent:t,resize:u,variant:x,rootRef:c}),s]}):a.jsx(d.LabelValueLayout,Object.assign({label:i,labelEdge:l,labelStartWidth:o},{children:a.jsxs(b.Fragment,{children:[a.jsx(fe,{startContent:r,mainContent:n,endContent:t,resize:u,variant:x,rootRef:c}),s]})}));return a.jsx(Fe,Object.assign({id:e,hasInsideLabel:void 0!==i&&"inside"===l,onfocusin:g,onfocusout:h,onKeyDown:y,onMouseDown:p,onMouseEnter:m,onMouseLeave:_},{children:f}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_TextField.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx","../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../../node_modules/ramda/src/internal/_arity.js","../../../node_modules/ramda/src/internal/_curryN.js","../../../node_modules/ramda/src/curryN.js","../../../node_modules/ramda/src/curry.js","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren, JSX, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { getLoadingAriaLabel } from './FormControlUtils';\n\ntype AutoFocusProp = JSX.HTMLAttributes<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: JSX.HTMLAttributes<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    ariaLabel?: string;\n    ariaLabelledby?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    id?: string;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\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  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaLabel,\n  ariaLabelledby,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  id,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    as !== 'textarea' && // not for textarea element\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledby}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      tabIndex={0}>\n      {value}\n    </div>\n  );\n}\n","import { ComponentChildren, JSX } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype UAProps = {\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","function _arity(n, fn) {\n  /* eslint-disable no-unused-vars */\n  switch (n) {\n    case 0:\n      return function () {\n        return fn.apply(this, arguments);\n      };\n\n    case 1:\n      return function (a0) {\n        return fn.apply(this, arguments);\n      };\n\n    case 2:\n      return function (a0, a1) {\n        return fn.apply(this, arguments);\n      };\n\n    case 3:\n      return function (a0, a1, a2) {\n        return fn.apply(this, arguments);\n      };\n\n    case 4:\n      return function (a0, a1, a2, a3) {\n        return fn.apply(this, arguments);\n      };\n\n    case 5:\n      return function (a0, a1, a2, a3, a4) {\n        return fn.apply(this, arguments);\n      };\n\n    case 6:\n      return function (a0, a1, a2, a3, a4, a5) {\n        return fn.apply(this, arguments);\n      };\n\n    case 7:\n      return function (a0, a1, a2, a3, a4, a5, a6) {\n        return fn.apply(this, arguments);\n      };\n\n    case 8:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n        return fn.apply(this, arguments);\n      };\n\n    case 9:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n        return fn.apply(this, arguments);\n      };\n\n    case 10:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n        return fn.apply(this, arguments);\n      };\n\n    default:\n      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n  }\n}\n\nmodule.exports = _arity;","var _arity =\n/*#__PURE__*/\nrequire(\"./_arity\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder\");\n/**\n * Internal curryN function.\n *\n * @private\n * @category Function\n * @param {Number} length The arity of the curried function.\n * @param {Array} received An array of arguments received thus far.\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curryN(length, received, fn) {\n  return function () {\n    var combined = [];\n    var argsIdx = 0;\n    var left = length;\n    var combinedIdx = 0;\n\n    while (combinedIdx < received.length || argsIdx < arguments.length) {\n      var result;\n\n      if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {\n        result = received[combinedIdx];\n      } else {\n        result = arguments[argsIdx];\n        argsIdx += 1;\n      }\n\n      combined[combinedIdx] = result;\n\n      if (!_isPlaceholder(result)) {\n        left -= 1;\n      }\n\n      combinedIdx += 1;\n    }\n\n    return left <= 0 ? fn.apply(this, combined) : _arity(left, _curryN(length, combined, fn));\n  };\n}\n\nmodule.exports = _curryN;","var _arity =\n/*#__PURE__*/\nrequire(\"./internal/_arity\");\n\nvar _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2\");\n\nvar _curryN =\n/*#__PURE__*/\nrequire(\"./internal/_curryN\");\n/**\n * Returns a curried equivalent of the provided function, with the specified\n * arity. The curried function has two unusual capabilities. First, its\n * arguments needn't be provided one at a time. If `g` is `R.curryN(3, f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.5.0\n * @category Function\n * @sig Number -> (* -> a) -> (* -> a)\n * @param {Number} length The arity for the returned function.\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curry\n * @example\n *\n *      const sumArgs = (...args) => R.sum(args);\n *\n *      const curriedAddFourNumbers = R.curryN(4, sumArgs);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curryN =\n/*#__PURE__*/\n_curry2(function curryN(length, fn) {\n  if (length === 1) {\n    return _curry1(fn);\n  }\n\n  return _arity(length, _curryN(length, [], fn));\n});\n\nmodule.exports = curryN;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar curryN =\n/*#__PURE__*/\nrequire(\"./curryN\");\n/**\n * Returns a curried equivalent of the provided function. The curried function\n * has two unusual capabilities. First, its arguments needn't be provided one\n * at a time. If `f` is a ternary function and `g` is `R.curry(f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Function\n * @sig (* -> a) -> (* -> a)\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curryN, R.partial\n * @example\n *\n *      const addFourNumbers = (a, b, c, d) => a + b + c + d;\n *\n *      const curriedAddFourNumbers = R.curry(addFourNumbers);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curry =\n/*#__PURE__*/\n_curry1(function curry(fn) {\n  return curryN(fn.length, fn);\n});\n\nmodule.exports = curry;","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\nimport curry from 'ramda/src/curry';\n\ntype Props = {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  variant?: 'error' | 'warning' | 'textarea' | 'textareaError' | 'textareaWarning';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\nconst containerContentVariantStyles = {\n  textarea: textFieldContainerStyles.textarea,\n  textareaError: textFieldContainerStyles.textarea,\n  textareaWarning: textFieldContainerStyles.textarea\n};\nconst containerStatusVariantStyles = {\n  error: textFieldContainerStyles.error,\n  textareaError: textFieldContainerStyles.error,\n  warning: textFieldContainerStyles.warning,\n  textareaWarning: textFieldContainerStyles.warning\n};\nconst getStyle = curry(\n  (styles: Record<string, string>, variant: string | undefined) => variant && styles[variant]\n);\nconst getContainerContentVariantStyles = getStyle(containerContentVariantStyles);\nconst getContainerStatusVariantStyles = getStyle(containerStatusVariantStyles);\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px'\n  }}`\n};\nconst middleContentVariantStyles = {\n  textarea: textFieldMiddleStyles.textarea,\n  textareaError: textFieldMiddleStyles.textarea,\n  textareaWarning: textFieldMiddleStyles.textarea\n};\nconst getMiddleContentVariantStyles = getStyle(middleContentVariantStyles);\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  insideLabel,\n  mainContent,\n  startContent,\n  endContent,\n  resize,\n  variant,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  let statusVariant = variant?.toLowerCase().replace('textarea', '');\n  // if statusVariant is the empty string, set to undefined\n  statusVariant = statusVariant ? statusVariant : undefined;\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    insideLabel !== undefined && textFieldContainerStyles.labelInside,\n    resize && textFieldContainerStyles.resize[resize],\n    isFocused && textFieldContainerStyles.focused,\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          getContainerStatusVariantStyles(variant),\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          variant && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles,\n    getContainerContentVariantStyles(variant)\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({ hasInsideLabel = false, ...props }: Props) => {\n  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Fragment, JSX, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  'startContent' | 'mainContent' | 'endContent' | 'variant' | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<JSX.HTMLAttributes<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  variant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\n          <TextFieldContent\n            startContent={startContent}\n            mainContent={mainContent}\n            endContent={endContent}\n            resize={resize}\n            variant={variant}\n            rootRef={mainFieldRef}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          insideLabel={label}\n          startContent={startContent}\n          mainContent={mainContent}\n          endContent={endContent}\n          resize={resize}\n          variant={variant}\n          rootRef={mainFieldRef}\n        />\n        {inlineUserAssistance}\n      </Fragment>\n    );\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["readOnlyTextFieldStyles","StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","_arity_1","n","fn","apply","this","arguments","a0","a1","a2","a3","a4","a5","a6","a7","a8","a9","Error","_arity","require$$0","_isPlaceholder","require$$1","_curryN_1","_curryN","length","received","combined","argsIdx","left","combinedIdx","result","_curry1","_curry2","require$$2","require$$3","curryN_1","curryN","textFieldContainerStyles","resize","containerContentVariantStyles","containerStatusVariantStyles","getStyle","curry","styles","variant","getContainerContentVariantStyles","getContainerStatusVariantStyles","textFieldStartContentStyles","textFieldMiddleStyles","getMiddleContentVariantStyles","textFieldEndContentStyles","TextFieldContent","insideLabel","mainContent","startContent","endContent","rootRef","statusVariant","toLowerCase","replace","base","undefined","labelInside","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","ariaLabel","ariaLabelledby","autoFocus","as","elementRef","id","innerReadonlyField","rows","value","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","autofocus","readonlyDivClasses","tabIndex","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx","../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../../node_modules/ramda/src/internal/_arity.js","../../../node_modules/ramda/src/internal/_curryN.js","../../../node_modules/ramda/src/curryN.js","../../../node_modules/ramda/src/curry.js","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren, JSX, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { getLoadingAriaLabel } from './FormControlUtils';\n\ntype AutoFocusProp = JSX.HTMLAttributes<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: JSX.HTMLAttributes<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    ariaLabel?: string;\n    ariaLabelledby?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    id?: string;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\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  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaLabel,\n  ariaLabelledby,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  id,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    as !== 'textarea' && // not for textarea element\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledby}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      tabIndex={0}>\n      {value}\n    </div>\n  );\n}\n","import { ComponentChildren, JSX } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype UAProps = {\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","function _arity(n, fn) {\n  /* eslint-disable no-unused-vars */\n  switch (n) {\n    case 0:\n      return function () {\n        return fn.apply(this, arguments);\n      };\n\n    case 1:\n      return function (a0) {\n        return fn.apply(this, arguments);\n      };\n\n    case 2:\n      return function (a0, a1) {\n        return fn.apply(this, arguments);\n      };\n\n    case 3:\n      return function (a0, a1, a2) {\n        return fn.apply(this, arguments);\n      };\n\n    case 4:\n      return function (a0, a1, a2, a3) {\n        return fn.apply(this, arguments);\n      };\n\n    case 5:\n      return function (a0, a1, a2, a3, a4) {\n        return fn.apply(this, arguments);\n      };\n\n    case 6:\n      return function (a0, a1, a2, a3, a4, a5) {\n        return fn.apply(this, arguments);\n      };\n\n    case 7:\n      return function (a0, a1, a2, a3, a4, a5, a6) {\n        return fn.apply(this, arguments);\n      };\n\n    case 8:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n        return fn.apply(this, arguments);\n      };\n\n    case 9:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n        return fn.apply(this, arguments);\n      };\n\n    case 10:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n        return fn.apply(this, arguments);\n      };\n\n    default:\n      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n  }\n}\n\nmodule.exports = _arity;","var _arity =\n/*#__PURE__*/\nrequire(\"./_arity\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder\");\n/**\n * Internal curryN function.\n *\n * @private\n * @category Function\n * @param {Number} length The arity of the curried function.\n * @param {Array} received An array of arguments received thus far.\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curryN(length, received, fn) {\n  return function () {\n    var combined = [];\n    var argsIdx = 0;\n    var left = length;\n    var combinedIdx = 0;\n\n    while (combinedIdx < received.length || argsIdx < arguments.length) {\n      var result;\n\n      if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {\n        result = received[combinedIdx];\n      } else {\n        result = arguments[argsIdx];\n        argsIdx += 1;\n      }\n\n      combined[combinedIdx] = result;\n\n      if (!_isPlaceholder(result)) {\n        left -= 1;\n      }\n\n      combinedIdx += 1;\n    }\n\n    return left <= 0 ? fn.apply(this, combined) : _arity(left, _curryN(length, combined, fn));\n  };\n}\n\nmodule.exports = _curryN;","var _arity =\n/*#__PURE__*/\nrequire(\"./internal/_arity\");\n\nvar _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2\");\n\nvar _curryN =\n/*#__PURE__*/\nrequire(\"./internal/_curryN\");\n/**\n * Returns a curried equivalent of the provided function, with the specified\n * arity. The curried function has two unusual capabilities. First, its\n * arguments needn't be provided one at a time. If `g` is `R.curryN(3, f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.5.0\n * @category Function\n * @sig Number -> (* -> a) -> (* -> a)\n * @param {Number} length The arity for the returned function.\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curry\n * @example\n *\n *      const sumArgs = (...args) => R.sum(args);\n *\n *      const curriedAddFourNumbers = R.curryN(4, sumArgs);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curryN =\n/*#__PURE__*/\n_curry2(function curryN(length, fn) {\n  if (length === 1) {\n    return _curry1(fn);\n  }\n\n  return _arity(length, _curryN(length, [], fn));\n});\n\nmodule.exports = curryN;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar curryN =\n/*#__PURE__*/\nrequire(\"./curryN\");\n/**\n * Returns a curried equivalent of the provided function. The curried function\n * has two unusual capabilities. First, its arguments needn't be provided one\n * at a time. If `f` is a ternary function and `g` is `R.curry(f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Function\n * @sig (* -> a) -> (* -> a)\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curryN, R.partial\n * @example\n *\n *      const addFourNumbers = (a, b, c, d) => a + b + c + d;\n *\n *      const curriedAddFourNumbers = R.curry(addFourNumbers);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curry =\n/*#__PURE__*/\n_curry1(function curry(fn) {\n  return curryN(fn.length, fn);\n});\n\nmodule.exports = curry;","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\nimport curry from 'ramda/src/curry';\n\ntype Props = {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  variant?: 'error' | 'warning' | 'textarea' | 'textareaError' | 'textareaWarning';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\nconst containerContentVariantStyles = {\n  textarea: textFieldContainerStyles.textarea,\n  textareaError: textFieldContainerStyles.textarea,\n  textareaWarning: textFieldContainerStyles.textarea\n};\nconst containerStatusVariantStyles = {\n  error: textFieldContainerStyles.error,\n  textareaError: textFieldContainerStyles.error,\n  warning: textFieldContainerStyles.warning,\n  textareaWarning: textFieldContainerStyles.warning\n};\nconst getStyle = curry(\n  (styles: Record<string, string>, variant: string | undefined) => variant && styles[variant]\n);\nconst getContainerContentVariantStyles = getStyle(containerContentVariantStyles);\nconst getContainerStatusVariantStyles = getStyle(containerStatusVariantStyles);\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px'\n  }}`\n};\nconst middleContentVariantStyles = {\n  textarea: textFieldMiddleStyles.textarea,\n  textareaError: textFieldMiddleStyles.textarea,\n  textareaWarning: textFieldMiddleStyles.textarea\n};\nconst getMiddleContentVariantStyles = getStyle(middleContentVariantStyles);\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  insideLabel,\n  mainContent,\n  startContent,\n  endContent,\n  resize,\n  variant,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  let statusVariant = variant?.toLowerCase().replace('textarea', '');\n  // if statusVariant is the empty string, set to undefined\n  statusVariant = statusVariant ? statusVariant : undefined;\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    insideLabel !== undefined && textFieldContainerStyles.labelInside,\n    resize && textFieldContainerStyles.resize[resize],\n    isFocused && textFieldContainerStyles.focused,\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          getContainerStatusVariantStyles(variant),\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          variant && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles,\n    getContainerContentVariantStyles(variant)\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({ hasInsideLabel = false, ...props }: Props) => {\n  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Fragment, JSX, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  'startContent' | 'mainContent' | 'endContent' | 'variant' | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<JSX.HTMLAttributes<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  variant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\n          <TextFieldContent\n            startContent={startContent}\n            mainContent={mainContent}\n            endContent={endContent}\n            resize={resize}\n            variant={variant}\n            rootRef={mainFieldRef}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          insideLabel={label}\n          startContent={startContent}\n          mainContent={mainContent}\n          endContent={endContent}\n          resize={resize}\n          variant={variant}\n          rootRef={mainFieldRef}\n        />\n        {inlineUserAssistance}\n      </Fragment>\n    );\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["readOnlyTextFieldStyles","StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","_arity_1","n","fn","apply","this","arguments","a0","a1","a2","a3","a4","a5","a6","a7","a8","a9","Error","_arity","require$$0","_isPlaceholder","require$$1","_curryN_1","_curryN","length","received","combined","argsIdx","left","combinedIdx","result","_curry1","_curry2","require$$2","require$$3","curryN_1","curryN","textFieldContainerStyles","resize","containerContentVariantStyles","containerStatusVariantStyles","getStyle","curry","styles","variant","getContainerContentVariantStyles","getContainerStatusVariantStyles","textFieldStartContentStyles","textFieldMiddleStyles","getMiddleContentVariantStyles","textFieldEndContentStyles","TextFieldContent","insideLabel","mainContent","startContent","endContent","rootRef","statusVariant","toLowerCase","replace","base","undefined","labelInside","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","ariaLabel","ariaLabelledby","autoFocus","as","elementRef","id","innerReadonlyField","rows","value","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","autofocus","readonlyDivClasses","tabIndex","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ThemedIcons.js

@@ -1,2 +1,2 @@
-define(["exports","./index-a23cdd2b","./index-2eef327c","preact/jsx-runtime","./UNSAFE_Icon","./Icon-b3f33d9f","./tslib.es6-2b838d6f",'module',"./utils/UNSAFE_classNames","./classNames-d22c6b88","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,o,c,n,s,a,r,i,I,S,t,g,f,d,v,l,b){"use strict";e.CollapseIcon=o.CollapseIcon,e.CheckboxOffIcon=c.SvgCheckboxOff,e.CheckboxOnIcon=c.SvgCheckboxOn,e.ExpandIcon=c.SvgIcoChevronDown,e.MessageConfirmationIcon=c.SvgIcoSuccessS,e.MessageErrorIcon=c.SvgIcoErrorS,e.MessageInfoIcon=c.SvgIcoInformationS,e.MessageWarningIcon=c.SvgIcoWarningS,e.ViewHideIcon=c.SvgIcoViewHide,e.ViewIcon=c.SvgIcoView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./index-2b8f2b13","./index-45e20b6f","preact/jsx-runtime","./UNSAFE_Icon","./Icon-fdf31279","./tslib.es6-3ed94d24",'module',"./utils/UNSAFE_classNames","./classNames-6646dbed","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,o,n,c,s,a,r,i,I,S,t,g,f,d,v,l,b){"use strict";e.CollapseIcon=o.CollapseIcon,e.CheckboxOffIcon=n.SvgCheckboxOff,e.CheckboxOnIcon=n.SvgCheckboxOn,e.ExpandIcon=n.SvgIcoChevronDown,e.MessageConfirmationIcon=n.SvgIcoSuccessS,e.MessageErrorIcon=n.SvgIcoErrorS,e.MessageInfoIcon=n.SvgIcoInformationS,e.MessageWarningIcon=n.SvgIcoWarningS,e.ViewHideIcon=n.SvgIcoViewHide,e.ViewIcon=n.SvgIcoView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ThemedIcons.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_UserAssistance.css

@@ -1,11 +1,11 @@
-.n5frl1{margin-inline-end:0.25rem;white-space:pre;}
+.vcg98c{margin-inline-end:0.25rem;white-space:pre;}
 
-.yivcuw{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.yivcuw:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}.yivcuw:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}.yivcuw:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}.yivcuw:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
+.nhuuts{padding-inline-end:2px;text-align:start;}
+._77x9hl{padding-inline-start:2px;text-align:end;}
+._hz0m56{display:none;}
 
-._440pye{padding-inline-end:2px;text-align:start;}
-.phbpc7{padding-inline-start:2px;text-align:end;}
-.w6g97t{display:none;}
+.rdhxbs{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.rdhxbs:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}.rdhxbs:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}.rdhxbs:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}.rdhxbs:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
 
-._61512{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
-._d1ulur:empty{margin-top:0px;}
-.m1k0ww{min-height:1.333rem;}
+._m4pazu{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
+._iv3pcs:empty{margin-top:0px;}
+._nfsy9q{min-height:1.333rem;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_UserAssistance.css',"./hooks/UNSAFE_useTranslationBundle","./utils/UNSAFE_classNames","./classNames-d22c6b88","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-948a21d9","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./ComponentMessage-36d9abb2","./UNSAFE_HiddenAccessible","./HiddenAccessible-8e6511c7","./UNSAFE_Message","./UNSAFE_Flex","./Flex-8f8b467e","./tslib.es6-2b838d6f","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./Message.types-8c913077","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-1ee78b2a","./UNSAFE_TransitionGroup"],(function(e,s,n,t,i,a,l,r,o,c,u,d,f,g,_,F,U,x,b,A,S,p,m,N,E,h,j,M,k,y,C,T,v,I,w,L,O,H,B,q,R,D,z,G,P,J,K,Q,V,W,X,Y,Z,$,ee,se){"use strict";function ne({children:e,source:n}){const i=t.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore();return e=null!=e?e:i,s.jsx("a",Object.assign({class:"yivcuw",target:"_blank",href:n},{children:e}))}function te({assistiveText:e,sourceLink:n,sourceText:t}){return s.jsxs("div",{children:[e&&n?s.jsx("span",Object.assign({class:"n5frl1"},{children:e})):e,n&&s.jsx(ne,Object.assign({source:n},{children:t}))]})}const ie={start:"_440pye",end:"phbpc7"};function ae({align:e="end",hasHelp:n=!1,hasMessages:i=!1}){const l=a.classNames([ie[e],(n||i)&&"w6g97t"]),r=t.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:l},{children:r}))}const le={reflow:"_d1ulur",efficient:"m1k0ww"};function re({variant:e="reflow",children:n,id:t}){const i=a.classNames(["_61512",le[e]]);return s.jsx("div",Object.assign({class:i,id:t},{children:n}))}e.InlineHelp=te,e.InlineHelpSource=ne,e.InlineRequired=ae,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:i,id:a,isRequiredShown:l,messages:u=[],userAssistanceDensity:d}){const{isReadonly:f}=r.useFormContext(),g="efficient"===d&&!1===f,{isFocused:_}=o.useFormFieldContext(),F=u.length>0?s.jsx(c.ComponentMessageContainer,{fieldLabel:n,messages:u}):(e||t)&&_?s.jsx(te,{assistiveText:e,sourceLink:t,sourceText:i}):l?s.jsx(ae,{}):null;return F||g?s.jsx(re,Object.assign({id:a,variant:d},{children:F})):null},e.InlineUserAssistanceContainer=re,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_UserAssistance.css',"./hooks/UNSAFE_useTranslationBundle","./utils/UNSAFE_classNames","./classNames-6646dbed","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-808667fc","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./UNSAFE_Flex","./Flex-4355ec04","./tslib.es6-3ed94d24","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./_has-341d00f2","./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-45e20b6f","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup"],(function(e,s,n,t,i,a,l,r,o,c,u,d,_,g,x,F,f,U,A,S,m,p,N,h,b,E,j,M,v,C,T,k,y,I,L,O,H,q,B,w,z,R,D,G,P,J,K,Q,V,W,X,Y,Z,$,ee,se){"use strict";function ne({children:e,source:n}){const i=t.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore();return e=null!=e?e:i,s.jsx("a",Object.assign({class:"rdhxbs",target:"_blank",href:n},{children:e}))}function te({assistiveText:e,sourceLink:n,sourceText:t}){return s.jsxs("div",{children:[e&&n?s.jsx("span",Object.assign({class:"vcg98c"},{children:e})):e,n&&s.jsx(ne,Object.assign({source:n},{children:t}))]})}const ie={start:"nhuuts",end:"_77x9hl"};function ae({align:e="end",hasHelp:n=!1,hasMessages:i=!1}){const l=a.classNames([ie[e],(n||i)&&"_hz0m56"]),r=t.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:l},{children:r}))}const le={reflow:"_iv3pcs",efficient:"_nfsy9q"};function re({variant:e="reflow",children:n,id:t}){const i=a.classNames(["_m4pazu",le[e]]);return s.jsx("div",Object.assign({class:i,id:t},{children:n}))}e.InlineHelp=te,e.InlineHelpSource=ne,e.InlineRequired=ae,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:i,id:a,isRequiredShown:l,messages:u=[],userAssistanceDensity:d}){const{isReadonly:_}=r.useFormContext(),g="efficient"===d&&!1===_,{isFocused:x}=o.useFormFieldContext(),F=u.length>0?s.jsx(c.ComponentMessageContainer,{fieldLabel:n,messages:u}):(e||t)&&x?s.jsx(te,{assistiveText:e,sourceLink:t,sourceText:i}):l?s.jsx(ae,{}):null;return F||g?s.jsx(re,Object.assign({id:a,variant:d},{children:F})):null},e.InlineUserAssistanceContainer=re,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_UserAssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelpSource.tsx","../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = cssProps`${{\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color)',\n  lineHeight: 'inherit',\n  textDecorationLine: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line)',\n  cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n  '&:visited': {\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited)'\n  },\n\n  '&:active': {\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active)'\n  },\n\n  '&:hover': {\n    textDecorationLine: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover)',\n\n    transitionProperty: 'text-decoration',\n    transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long)'\n  },\n\n  // TODO: use cross-browser supported focus strategy\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '-1px'\n  }\n}}`;\n\ntype Props = {\n  children?: string;\n  source: string;\n};\n\nexport function InlineHelpSource({ children, source }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  children = children ?? userAssistance_learnMoreStr;\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  return (\n    <a class={rootStyles} target=\"_blank\" href={source}>\n      {children}\n    </a>\n  );\n}\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { InlineHelpSource } from './InlineHelpSource';\n\nconst helpTextStyles = cssProps`${{\n  marginInlineEnd: '0.25rem',\n  whiteSpace: 'pre'\n}}`;\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst variantStyles = {\n  start: cssProps`${{\n    paddingInlineEnd: '2px',\n    textAlign: 'start'\n  }}`,\n  end: cssProps`${{\n    paddingInlineStart: '2px',\n    textAlign: 'end'\n  }}`\n};\nconst displayHiddenStyles = cssProps`${{\n  display: 'none'\n}}`;\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const classes = classNames([\n    variantStyles[align],\n    (hasHelp || hasMessages) && displayHiddenStyles\n  ]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\n\nconst baseStyles = cssProps`${{\n  marginTop: '2px',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n  fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n  fontWeight: 'normal',\n  lineHeight: 1.333,\n  wordBreak: 'break-word'\n}}`;\nconst variantStyles = {\n  reflow: cssProps`${{\n    '&:empty': {\n      marginTop: '0px'\n    }\n  }}`,\n  efficient: cssProps`${{\n    minHeight: '1.333rem'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  id?: string;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const classes = classNames([baseStyles, variantStyles[variant]]);\n\n  return (\n    <div class={classes} id={id}>\n      {children}\n    </div>\n  );\n}\n","import { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\n// TODO: support 'compact' density type\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelpSource","children","source","userAssistance_learnMoreStr","useTranslationBundle","userAssistance_learnMore","_jsx","Object","assign","class","target","href","InlineHelp","assistiveText","sourceLink","sourceText","_jsxs","jsx","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"+iDAuCA,SAAAA,IAAAC,SAAAA,EAAAC,OAAAA,IACE,MACAC,EADAC,uBAAA,4BACAC,2BAGA,qBAAAC,MAAA,IAAAC,OAAAC,OAAA,CAAAC,MAxCF,SAwCEC,OAAA,SAAAC,KAAAT,GAAA,CAAAD,SAAAA,KC9BF,SAAAW,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAf,SAAA,CAAAY,GAAAC,EAAAR,EAAAW,IAAA,OAAAV,OAAAC,OAAA,CAAAC,MAZF,UAYE,CAAAR,SAAAY,KAAAA,EAAAC,GAAAR,EAAAW,IAAAjB,GAAAO,OAAAC,OAAA,CAAAN,OAAAY,GAAA,CAAAb,SAAAc,QCVF,MAAAG,GAAA,OAAA,wBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,WAiBEC,EADAnB,uBAAA,4BACAoB,0BAEA,OAAAlB,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAgB,GAAA,CAAAxB,SAAAsB,KC7BF,MAQAL,GAAA,QAAA,8BAmBA,SAAAQ,IAAAC,QAAAA,EAAA,SAAA1B,SAAAA,EAAA2B,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,SA4BEX,GAAAS,KAEA,OAAArB,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAgB,EAAAG,GAAAA,GAAA,CAAA3B,SAAAA,sFCbI,UAA+BY,cACnCA,EADmCiB,WAEnCA,EAFmCC,eAGnCA,EAHmCC,eAInCA,EAJmCJ,GAKnCA,EALmCK,gBAMnCA,EANmCC,SAOnCA,EAAW,GAPwBC,sBAQnCA,IAEA,MAAQC,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChBrC,EAAAA,IAACsC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1DrB,GAAiBkB,IAAmBS,EACvClC,EAAAA,IAACM,GAAU,CACTC,cAAeA,EACfC,WAAYiB,EACZhB,WAAYiB,IAEZC,EACF3B,EAACW,IAAAE,OACC,KAKN,OAAOuB,GAAmBH,EACxBjC,EAAAW,IAACS,GAA6BnB,OAAAC,OAAA,CAACoB,GAAIA,EAAID,QAASQ,GAC7C,CAAAlC,SAAAyC,KAED"}
+{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelpSource.tsx","../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = cssProps`${{\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color)',\n  lineHeight: 'inherit',\n  textDecorationLine: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line)',\n  cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n  '&:visited': {\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited)'\n  },\n\n  '&:active': {\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active)'\n  },\n\n  '&:hover': {\n    textDecorationLine: 'var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover)',\n\n    transitionProperty: 'text-decoration',\n    transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long)'\n  },\n\n  // TODO: use cross-browser supported focus strategy\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '-1px'\n  }\n}}`;\n\ntype Props = {\n  children?: string;\n  source: string;\n};\n\nexport function InlineHelpSource({ children, source }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  children = children ?? userAssistance_learnMoreStr;\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  return (\n    <a class={rootStyles} target=\"_blank\" href={source}>\n      {children}\n    </a>\n  );\n}\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { InlineHelpSource } from './InlineHelpSource';\n\nconst helpTextStyles = cssProps`${{\n  marginInlineEnd: '0.25rem',\n  whiteSpace: 'pre'\n}}`;\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst variantStyles = {\n  start: cssProps`${{\n    paddingInlineEnd: '2px',\n    textAlign: 'start'\n  }}`,\n  end: cssProps`${{\n    paddingInlineStart: '2px',\n    textAlign: 'end'\n  }}`\n};\nconst displayHiddenStyles = cssProps`${{\n  display: 'none'\n}}`;\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const classes = classNames([\n    variantStyles[align],\n    (hasHelp || hasMessages) && displayHiddenStyles\n  ]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\n\nconst baseStyles = cssProps`${{\n  marginTop: '2px',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n  fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n  fontWeight: 'normal',\n  lineHeight: 1.333,\n  wordBreak: 'break-word'\n}}`;\nconst variantStyles = {\n  reflow: cssProps`${{\n    '&:empty': {\n      marginTop: '0px'\n    }\n  }}`,\n  efficient: cssProps`${{\n    minHeight: '1.333rem'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  id?: string;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const classes = classNames([baseStyles, variantStyles[variant]]);\n\n  return (\n    <div class={classes} id={id}>\n      {children}\n    </div>\n  );\n}\n","import { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\n// TODO: support 'compact' density type\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelpSource","children","source","userAssistance_learnMoreStr","useTranslationBundle","userAssistance_learnMore","_jsx","Object","assign","class","target","href","InlineHelp","assistiveText","sourceLink","sourceText","_jsxs","jsx","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"+iDAuCA,SAAAA,IAAAC,SAAAA,EAAAC,OAAAA,IACE,MACAC,EADAC,uBAAA,4BACAC,2BAGA,qBAAAC,MAAA,IAAAC,OAAAC,OAAA,CAAAC,MAxCF,SAwCEC,OAAA,SAAAC,KAAAT,GAAA,CAAAD,SAAAA,KC9BF,SAAAW,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAf,SAAA,CAAAY,GAAAC,EAAAR,EAAAW,IAAA,OAAAV,OAAAC,OAAA,CAAAC,MAZF,UAYE,CAAAR,SAAAY,KAAAA,EAAAC,GAAAR,EAAAW,IAAAjB,GAAAO,OAAAC,OAAA,CAAAN,OAAAY,GAAA,CAAAb,SAAAc,QCVF,MAAAG,GAAA,OAAA,wBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,YAiBEC,EADAnB,uBAAA,4BACAoB,0BAEA,OAAAlB,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAgB,GAAA,CAAAxB,SAAAsB,KC7BF,MAQAL,GAAA,QAAA,+BAmBA,SAAAQ,IAAAC,QAAAA,EAAA,SAAA1B,SAAAA,EAAA2B,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,UA4BEX,GAAAS,KAEA,OAAArB,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAgB,EAAAG,GAAAA,GAAA,CAAA3B,SAAAA,sFCbI,UAA+BY,cACnCA,EADmCiB,WAEnCA,EAFmCC,eAGnCA,EAHmCC,eAInCA,EAJmCJ,GAKnCA,EALmCK,gBAMnCA,EANmCC,SAOnCA,EAAW,GAPwBC,sBAQnCA,IAEA,MAAQC,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChBrC,EAAAA,IAACsC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1DrB,GAAiBkB,IAAmBS,EACvClC,EAAAA,IAACM,GAAU,CACTC,cAAeA,EACfC,WAAYiB,EACZhB,WAAYiB,IAEZC,EACF3B,EAACW,IAAAE,OACC,KAKN,OAAOuB,GAAmBH,EACxBjC,EAAAW,IAACS,GAA6BnB,OAAAC,OAAA,CAACoB,GAAIA,EAAID,QAASQ,GAC7C,CAAAlC,SAAAyC,KAED"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_View.js

@@ -1,2 +1,2 @@
-function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,e){if(r){if("string"==typeof r)return _arrayLikeToArray(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,e):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=r[t];return a}define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_interpolations/flexitem","./utils/UNSAFE_interpolations/colors","./utils/UNSAFE_interpolations/padding","./utils/UNSAFE_interpolations/aria","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_arrayUtils","./flexitem-762ea2b5","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2",'module',"./keys-644f9ba5","./_has-daf20f39","./utils/UNSAFE_classNames","./classNames-d22c6b88","./_curry2-1e7fa629"],(function(r,e,t,a,n,o,i,s,l,u,c,y,b,_,p,d,A,m,f,S,v,I){"use strict";const U=c.stringLiteralArray(["div","main","article","section","aside"]),g=[].concat(_toConsumableArray(Object.values(a.borderInterpolations)),_toConsumableArray(Object.values(n.dimensionInterpolations)),_toConsumableArray(Object.values(y.flexitemInterpolations)),_toConsumableArray(Object.values(i.colorInterpolations)),_toConsumableArray(Object.values(s.paddingInterpolations)),_toConsumableArray(Object.values(l.ariaInterpolations))),j=u.mergeInterpolations(g);r.View=r=>{var{as:a,children:n}=r,o=e.__rest(r,["as","children"]);const i=j(o),{class:s}=i,l=e.__rest(i,["class"]);l.boxSizing="border-box";const u=a||"div";return t.jsx(u,Object.assign({class:s,style:l},{children:n}))},r.elementTypes=U,Object.defineProperty(r,"__esModule",{value:!0})}));
+function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,e){if(r){if("string"==typeof r)return _arrayLikeToArray(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,e):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=r[t];return a}define(["exports","./tslib.es6-3ed94d24","preact/jsx-runtime","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_interpolations/flexitem","./utils/UNSAFE_interpolations/colors","./utils/UNSAFE_interpolations/padding","./utils/UNSAFE_interpolations/aria","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_arrayUtils","./flexitem-c57018b3","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f",'module',"./keys-598d5f15","./_has-341d00f2","./utils/UNSAFE_classNames","./classNames-6646dbed","./_curry2-ad906095"],(function(r,e,t,a,n,o,i,s,l,u,c,y,_,b,d,p,A,m,f,S,v,I){"use strict";const U=c.stringLiteralArray(["div","main","article","section","aside"]),g=[].concat(_toConsumableArray(Object.values(a.borderInterpolations)),_toConsumableArray(Object.values(n.dimensionInterpolations)),_toConsumableArray(Object.values(y.flexitemInterpolations)),_toConsumableArray(Object.values(i.colorInterpolations)),_toConsumableArray(Object.values(s.paddingInterpolations)),_toConsumableArray(Object.values(l.ariaInterpolations))),j=u.mergeInterpolations(g);r.View=r=>{var{as:a,children:n}=r,o=e.__rest(r,["as","children"]);const i=j(o),{class:s}=i,l=e.__rest(i,["class"]);l.boxSizing="border-box";const u=a||"div";return t.jsx(u,Object.assign({class:s,style:l},{children:n}))},r.elementTypes=U,Object.defineProperty(r,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_View.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_VirtualizedCollection.js

@@ -1,2 +1,2 @@
-define(["exports","./VirtualizedCollection-1f190c6c","preact/jsx-runtime","preact/hooks","./UNSAFE_Collection","./Collection-5cdb05f8","preact","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect"],(function(e,t,o,i,l,r,c,a,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getDefaultRangeExtractor=t.getDefaultRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./VirtualizedCollection-76ab087c","preact/jsx-runtime","preact/hooks","./UNSAFE_Collection","./Collection-47202b3c","preact","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect"],(function(e,t,o,i,l,r,a,c,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getDefaultRangeExtractor=t.getDefaultRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_VirtualizedCollection.js.map