@oracle/oraclejet-preact 14.0.3 → 14.0.5

package/amd/UNSAFE_TextField.css

@@ -1,62 +1,62 @@
-._11av2zx{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;}
-.cy69fc{height:100%;}
-._9yw8d5{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-._1nhfbfn{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;}
-._1ywvzyk{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;}
-._1w4v3at{height:auto;}
-._1c9hwn5{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._10xdxih{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-._1owpm9e{padding-top:0;padding-bottom:0;}
-.m5ocig{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;}
+.bl46rb{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;}
+._62u90l{height:100%;}
+._6sv71y{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+._10qckji{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;}
+._9zdwiy{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;}
+.zegv91{height:auto;}
+.vlldpx{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1dssl4g{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+.j1zygv{padding-top:0;padding-bottom:0;}
+.yu3i2z{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;}
 
-.u4p0ir{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;}.u4p0ir:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._1s1dy2w{resize:none;padding-block-start:0;padding-inline-start:0;}
-._1aj4gb8{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._4ukcqc{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;}
-._1276n19{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));}
-.bw1inh{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;}
-._1dd20og{justify-content:center;}
-.n1uve6{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;}
+._1p085cn{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;}._1p085cn:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.hh4dtx{resize:none;padding-block-start:0;padding-inline-start:0;}
+._169oc39{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+._8ug7d4{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;}
+.xkxpx8{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));}
+.m3zudf{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;}
+._1kr7qc8{justify-content:center;}
+.qi4voe{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;}
 
-._1h2dwmt{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;border:0;background-color:transparent;width:100%;}._1h2dwmt::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.xf4aq2{margin:0;}
-._19qcbyt{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;}
-._1n5j9tk::-ms-reveal{display:none;}
-.y1g633{padding-top:0;padding-bottom:0;}
-._1mz22d8{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);padding-bottom:0;}._1mz22d8:hover{background-color:transparent;}
-._1uboiiy{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;}
-.qn4loy{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);}
-.fzhlmm{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._16oy58e{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1c7lnw0{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-._17cal80{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-.fjysn2{padding-inline-start:.25em;}
-._1q26bev{padding-inline-end:.25em;}
-._11haxh6{font-size:100%;}
-.ibd300{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._5crsdm{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-.w2eh90{color:inherit;font-size:inherit;height:100%;margin:0;padding-block:0;padding-inline:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding,var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));resize:none;}.w2eh90::-ms-reveal{display:none;}
+._1wo1216{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;border:0;background-color:transparent;width:100%;}._1wo1216::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.qtzyj1{margin:0;}
+.uuvfy3{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;}
+.l4uk4k::-ms-reveal{display:none;}
+.uv97p5{padding-top:0;padding-bottom:0;}
+.rjmnyx{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);padding-bottom:0;}.rjmnyx:hover{background-color:transparent;}
+.pedki3{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;}
+._18aqoc7{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);}
+._17lzfj0{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.fonwg5{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._18suwew{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+._1ttofj6{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+._1dz1xcc{padding-inline-start:.25em;}
+.ypiqd2{padding-inline-end:.25em;}
+.vbzulq{font-size:100%;}
+._141dnkj{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1m8oeh3{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1febws4{color:inherit;font-size:inherit;height:100%;margin:0;padding-block:0;padding-inline:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding,var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));resize:none;}._1febws4::-ms-reveal{display:none;}
 
-._140ggd2{vertical-align:top;}
-._1sl3af9{max-width:100%;}
+._17ascc2{vertical-align:top;}
+.tey9x3{max-width:100%;}
 
-._1omrhx{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;}
-._1vaeka8{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._1fwq6h0{background-color:inherit;height:100%;width:100%;}
-.pdd98r{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
-.omcmmp{height:auto;}
-._5wqqgi{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._15juma0{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);}
-._1uad3v4{resize:both;}
-._1fv98jr{resize:horizontal;}
-._1rxez4v{resize:vertical;}
-._1gachf3{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);}
-._1lsz6ti{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._1el06y1{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._3jx2gz{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-._1dqnt02{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-.ace7i7{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.mj0453{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-._15sg1mv{padding-inline-end:1px;flex-direction:column;}
-._143e112{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-.dyq1pq{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+._18ir6bc{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;}
+._1m1a0g0{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.ty6nkp{background-color:inherit;height:100%;width:100%;}
+._70hjxe{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
+._1uuz3un{height:auto;}
+._1q786wz{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1ybk4tm{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);}
+.lats6l{resize:both;}
+._1imhbpt{resize:horizontal;}
+._10i7jan{resize:vertical;}
+.t5lksy{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);}
+.dtxhkn{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.k04x77{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.fv3ebm{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+.sd8p0g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._194qodv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1sl4l9m{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+.b2f94j{padding-inline-end:1px;flex-direction:column;}
+._905tm7{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+.wu7ott{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}

package/amd/UNSAFE_TextField.js

@@ -1,2 +1,2 @@
-define(["exports","./ReadonlyTextFieldInput-1ba7b3c8","./tslib.es6-160e0dcc","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-b4e6d54f","./TextFieldInput-3ae2ab4b","./hooks/UNSAFE_useFormFieldContext","./classNames-19b96444","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-3c3b5df1","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-a3f663bb","./_curry1-d6c8f4c8","./_has-5cd48c18","./utils/UNSAFE_mergeInterpolations","./_curry3-cf0bce65","./_curry2-93393649","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-54772777","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],function(e,s,t,n,a,i,l,r,o,d,c,u,b,x,m,g,h,F,_,j,N,C,v,E,f,y,p,S,A,L,U,O,R,I,T,V,M,w,z,k,D){"use strict";const q=e=>{var{outerClassNames:s,innerClassNames:a,label:l,labelEdge:r,labelStartWidth:o,inlineUserAssistance:d,children:c}=e,u=t.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},u,{class:s},{children:[n.jsx(i.LabelValueLayout,Object.assign({label:l,labelEdge:r,labelStartWidth:o},{children:n.jsx("div",Object.assign({class:a},{children:c}))})),d]}))},B=e=>{var{outerClassNames:s,innerClassNames:a,inlineUserAssistance:i,children:l}=e,r=t.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},r,{class:s},{children:[n.jsx("div",Object.assign({class:a},{children:l})),i]}))},H={base:"_1omrhx",defaultStyles:"_1vaeka8",embeddedStyles:"_1fwq6h0",showBorder:"pdd98r",textarea:"omcmmp",labelInside:"_5wqqgi",focused:"_15juma0",resize:{both:"_1uad3v4",horizontal:"_1fv98jr",vertical:"_1rxez4v"},disabled:"_1gachf3",error:"_1lsz6ti",warning:"_1el06y1"},W="_3jx2gz",$="_1dqnt02",K="ace7i7",P="mj0453",Z="_15sg1mv",G="_143e112",X="dyq1pq",J=({contentVariant:e="input",insideLabel:s,mainContent:t,startContent:a,statusVariant:i="none",styleVariant:l="default",endContent:r,resize:u,rootRef:b})=>{const{isDisabled:x,isFocused:g,isLoading:h}=d.useFormFieldContext(),F=c.classNames([H.base,"embedded"===l?c.classNames([H.embeddedStyles,"none"!==i&&H.showBorder]):c.classNames([H.defaultStyles,H.showBorder,void 0!==s&&H.labelInside,g&&H.focused,"textarea"===e&&H.textarea]),u&&H.resize[u],x?H.disabled:c.classNames(["error"===i&&H.error,"warning"===i&&H.warning,"none"!==i&&`oj-c-text-field-${i}`]),h&&o.loadingStyles]),_=c.classNames([W,null!=s&&$,x&&K]),j=c.classNames([P,"textarea"===e&&Z]),N=c.classNames([G,null!=s&&X]);return n.jsxs("div",Object.assign({role:"presentation",class:F,ref:b},{children:[a&&n.jsx("span",Object.assign({class:_},{children:n.jsx(m.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:a}))})),n.jsxs("div",Object.assign({class:j},{children:[s,t]})),r&&n.jsx("span",Object.assign({class:N},{children:n.jsx(m.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:r}))}))]}))},Q=e=>{var{hasInsideLabel:s=!1,variant:a="default"}=e,i=t.__rest(e,["hasInsideLabel","variant"]);const{isReadonly:l}=d.useFormFieldContext(),u=r.getFormControlClasses(s),b=o.getTextFieldClasses(l,a),x=c.classNames([u,b]);return n.jsx("div",Object.assign({},i,{class:x}))};e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=o.TextFieldInput,e.getInputId=o.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:t=0}){const a=g.useDebounce(s-t,500),i=h.useTranslationBundle("@oracle/oraclejet-preact"),l=i.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),r=i.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(u.Fragment,{children:[n.jsx(F.LiveRegion,{children:r}),e&&n.jsx(F.LiveRegion,Object.assign({type:"assertive"},{children:l}))]})},e.ReadonlyTextField=e=>{var{label:s,labelEdge:i,children:l,variant:u}=e,b=t.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:x,isReadonly:m}=a.useFormContext(),{isLoading:g}=d.useFormFieldContext(),h=void 0!==s&&"inside"===i,F=r.getFormControlClasses(h),_=o.getTextFieldClasses(!0),j=o.getReadonlyClasses(x&&!m,h,u),N=c.classNames([F,_]),C=c.classNames([j,g&&o.loadingStyles]);return void 0===s||"start"!==i&&"top"!==i?n.jsxs(B,Object.assign({outerClassNames:N,innerClassNames:C},b,{children:[s,l]})):n.jsx(q,Object.assign({outerClassNames:N,innerClassNames:C,label:s,labelEdge:i},b,{children:l}))},e.TextField=({contentVariant:e,id:s,endContent:t,mainContent:a,startContent:l,inlineUserAssistance:r,label:o,labelEdge:d,labelStartWidth:c,mainFieldRef:b,resize:x,statusVariant:m,styleVariant:g,onFocus:h,onBlur:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C})=>{const v=void 0===o||"start"!==d&&"top"!==d?n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,insideLabel:o,mainContent:a,resize:x,rootRef:b,startContent:l,statusVariant:m,styleVariant:g}),r]}):n.jsx(i.LabelValueLayout,Object.assign({label:o,labelEdge:d,labelStartWidth:c},{children:n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,mainContent:a,resize:x,rootRef:b,startContent:l,statusVariant:m,styleVariant:g}),r]})}));return n.jsx(Q,Object.assign({id:s,hasInsideLabel:void 0!==o&&"inside"===d,onfocusin:h,onfocusout:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C,variant:g},{children:v}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ReadonlyTextFieldInput-1b5e6b00","./tslib.es6-6a195797","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-f9124d70","./TextFieldInput-e26af2be","./hooks/UNSAFE_useFormFieldContext","./classNames-429bf434","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-556d723b","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-83d1523f","./_curry1-875b461d","./_has-11a7a18f","./utils/UNSAFE_mergeInterpolations","./_curry3-512d483b","./_curry2-ad2c6a81","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-9d985ef6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-aaa40e19","./utils/UNSAFE_interpolations/flexitem","./flexitem-d85d1561","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],function(e,s,t,n,a,l,i,r,o,d,c,u,b,x,m,g,h,F,_,j,N,C,y,E,f,v,p,S,A,L,U,O,R,I,T,V,k,M,w,z,D){"use strict";const B=e=>{var{outerClassNames:s,innerClassNames:a,label:i,labelEdge:r,labelStartWidth:o,inlineUserAssistance:d,children:c}=e,u=t.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},u,{class:s},{children:[n.jsx(l.LabelValueLayout,Object.assign({label:i,labelEdge:r,labelStartWidth:o},{children:n.jsx("div",Object.assign({class:a},{children:c}))})),d]}))},H=e=>{var{outerClassNames:s,innerClassNames:a,inlineUserAssistance:l,children:i}=e,r=t.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},r,{class:s},{children:[n.jsx("div",Object.assign({class:a},{children:i})),l]}))},W={base:"_18ir6bc",defaultStyles:"_1m1a0g0",embeddedStyles:"ty6nkp",showBorder:"_70hjxe",textarea:"_1uuz3un",labelInside:"_1q786wz",focused:"_1ybk4tm",resize:{both:"lats6l",horizontal:"_1imhbpt",vertical:"_10i7jan"},disabled:"t5lksy",error:"dtxhkn",warning:"k04x77"},$="fv3ebm",q="sd8p0g",K="_194qodv",P="_1sl4l9m",Z="b2f94j",G="_905tm7",X="wu7ott",J=({contentVariant:e="input",insideLabel:s,mainContent:t,startContent:a,statusVariant:l="none",styleVariant:i="default",endContent:r,resize:u,rootRef:b})=>{const{isDisabled:x,isFocused:g,isLoading:h}=d.useFormFieldContext(),F=c.classNames([W.base,"embedded"===i?c.classNames([W.embeddedStyles,"none"!==l&&W.showBorder]):c.classNames([W.defaultStyles,W.showBorder,void 0!==s&&W.labelInside,g&&W.focused,"textarea"===e&&W.textarea]),u&&W.resize[u],x?W.disabled:c.classNames(["error"===l&&W.error,"warning"===l&&W.warning,"none"!==l&&`oj-c-text-field-${l}`]),h&&o.loadingStyles]),_=c.classNames([$,null!=s&&q,x&&K]),j=c.classNames([P,"textarea"===e&&Z]),N=c.classNames([G,null!=s&&X]);return n.jsxs("div",Object.assign({role:"presentation",class:F,ref:b},{children:[a&&n.jsx("span",Object.assign({class:_},{children:n.jsx(m.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:a}))})),n.jsxs("div",Object.assign({class:j},{children:[s,t]})),r&&n.jsx("span",Object.assign({class:N},{children:n.jsx(m.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:r}))}))]}))},Q=e=>{var{hasInsideLabel:s=!1,variant:a="default"}=e,l=t.__rest(e,["hasInsideLabel","variant"]);const{isReadonly:i}=d.useFormFieldContext(),u=r.getFormControlClasses(s),b=o.getTextFieldClasses(i,a),x=c.classNames([u,b]);return n.jsx("div",Object.assign({},l,{class:x}))};e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=o.TextFieldInput,e.getInputId=o.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:t=0}){const a=g.useDebounce(s-t,500),l=h.useTranslationBundle("@oracle/oraclejet-preact"),i=l.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),r=l.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(u.Fragment,{children:[n.jsx(F.LiveRegion,{children:r}),e&&n.jsx(F.LiveRegion,Object.assign({type:"assertive"},{children:i}))]})},e.ReadonlyTextField=e=>{var{label:s,labelEdge:l,children:i,variant:u}=e,b=t.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:x,isReadonly:m}=a.useFormContext(),{isLoading:g}=d.useFormFieldContext(),h=void 0!==s&&"inside"===l,F=r.getFormControlClasses(h),_=o.getTextFieldClasses(!0),j=o.getReadonlyClasses(x&&!m,h,u),N=c.classNames([F,_]),C=c.classNames([j,g&&o.loadingStyles]);return void 0===s||"start"!==l&&"top"!==l?n.jsxs(H,Object.assign({outerClassNames:N,innerClassNames:C},b,{children:[s,i]})):n.jsx(B,Object.assign({outerClassNames:N,innerClassNames:C,label:s,labelEdge:l},b,{children:i}))},e.TextField=({contentVariant:e,id:s,endContent:t,mainContent:a,startContent:i,inlineUserAssistance:r,label:o,labelEdge:d,labelStartWidth:c,mainFieldRef:b,resize:x,statusVariant:m,styleVariant:g,onFocus:h,onBlur:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C})=>{const y=void 0===o||"start"!==d&&"top"!==d?n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,insideLabel:o,mainContent:a,resize:x,rootRef:b,startContent:i,statusVariant:m,styleVariant:g}),r]}):n.jsx(l.LabelValueLayout,Object.assign({label:o,labelEdge:d,labelStartWidth:c},{children:n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,mainContent:a,resize:x,rootRef:b,startContent:i,statusVariant:m,styleVariant:g}),r]})}));return n.jsx(Q,Object.assign({id:s,hasInsideLabel:void 0!==o&&"inside"===d,onfocusin:h,onfocusout:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C,variant:g},{children:y}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_TextField.js.map

package/amd/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } 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';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<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","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';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\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    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\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};\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    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\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  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\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    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\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\" hasZeroMargins={true}>\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  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: 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, variant);\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, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<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<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<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  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\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            contentVariant={contentVariant}\n            endContent={endContent}\n            mainContent={mainContent}\n            resize={resize}\n            rootRef={mainFieldRef}\n            startContent={startContent}\n            statusVariant={statusVariant}\n            styleVariant={styleVariant}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\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      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","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","id","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/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } 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';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<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","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';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\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    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\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};\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    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\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  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\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    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\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\" hasZeroMargins={true}>\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  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: 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, variant);\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, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<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<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<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  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\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            contentVariant={contentVariant}\n            endContent={endContent}\n            mainContent={mainContent}\n            resize={resize}\n            rootRef={mainFieldRef}\n            startContent={startContent}\n            statusVariant={statusVariant}\n            styleVariant={styleVariant}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\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      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","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","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/amd/UNSAFE_ThemedIcons.js

@@ -1,2 +1,2 @@
-define(["exports","./index-c1d2bf5b","./index-98cf3d9d","preact/jsx-runtime","./UNSAFE_Icon","./Icon-caf41588","./tslib.es6-160e0dcc","preact",'module',"./utils/UNSAFE_classNames","./classNames-19b96444","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-810ba93b","preact/compat","./index-8df256a2","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc","./hooks/UNSAFE_useTheme"],function(o,e,s,c,n,i,a,r,I,S,t,l,g,u,U,v,h,E,A,N,_,F,k,p,C,d,f,b,m,w,x,O,T){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
+define(["exports","./index-6aed3532","./index-6f29250e","preact/jsx-runtime","./UNSAFE_Icon","./Icon-b5704008","./tslib.es6-6a195797","preact",'module',"./utils/UNSAFE_classNames","./classNames-429bf434","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31eefce3","preact/compat","./index-4f4526ef","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,i,a,r,I,S,t,l,g,u,U,v,h,E,A,N,_,F,k,p,C,f,d,m,w,x,b,O,T){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ThemedIcons.js.map

package/amd/UNSAFE_UserAssistance.css

@@ -1,11 +1,11 @@
-._77og5u{margin-inline-end:0.25rem;white-space:pre;}
+.k3yuaf{margin-inline-end:0.25rem;white-space:pre;}
 
-._1sll3wr{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);}._1sll3wr:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._1sll3wr:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._1sll3wr: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);}._1sll3wr:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
+.w8gedw{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);}.w8gedw:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}.w8gedw:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}.w8gedw: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);}.w8gedw:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
 
-.kld3ki{padding-inline-end:2px;text-align:start;}
-._1ouigm1{padding-inline-start:2px;text-align:end;}
-._1vd6k3h{display:none;}
+._1p99jfv{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;}
+._15653jn:empty{margin-top:0px;}
+._15zybcr{min-height:1.333rem;}
 
-.kif2ra{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;}
-._18ki385:empty{margin-top:0px;}
-.k8qem8{min-height:1.333rem;}
+._1fjltq{padding-inline-end:2px;text-align:start;}
+.lr38tr{padding-inline-start:2px;text-align:end;}
+._1v8kznn{display:none;}

package/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_UserAssistance.css","./InlineHelpSource-364f5724","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-19b96444","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-ac68cdf5","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-bfe206a0","./PRIVATE_Message","./UNSAFE_Flex","./Flex-3c3b5df1","./tslib.es6-160e0dcc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-d6c8f4c8","./utils/UNSAFE_mergeInterpolations","./_curry3-cf0bce65","./_curry2-93393649","./_has-5cd48c18","./utils/UNSAFE_interpolations/boxalignment","./keys-a3f663bb","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./utils/PRIVATE_timer","./MessageCloseButton-9591aa5c","./UNSAFE_Button","./Button-bab4ad2f","./UNSAFE_BaseButton","./BaseButton-fc90b7e6","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-54772777","./utils/UNSAFE_mergeProps","./index-c1d2bf5b","./index-98cf3d9d","./UNSAFE_Icon","./Icon-caf41588","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc","./hooks/UNSAFE_useTheme","./MessageDetail-bb68d2db","./MessageFormattingUtils-cccfb59f","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-69c2004a","./Message.types-f0bba1c4","./MessageStartIcon-c25b74a6","./MessageSummary-7862f0dc","./MessageTimestamp-791bef26","./MessageUtils-31e28fdc","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-7cae13c7","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-efe88cb0"],function(e,s,i,t,n,o,a,l,c,r,u,d,_,A,F,U,S,E,f,N,g,b,h,m,x,p,k,T,I,M,j,C,v,y,H,B,P,R,L,O,V,q,w,D,z,G,J,K,Q,W,X,Y,Z,$,ee,se,ie,te,ne,oe,ae,le,ce,re,ue,de,_e,Ae,Fe,Ue,Se,Ee,fe,Ne,ge,be,he,me,xe,pe,ke,Te,Ie,Me){"use strict";function je({assistiveText:e,sourceLink:i,sourceText:n}){return s.jsxs("div",{children:[e&&i?s.jsx("span",Object.assign({class:"_77og5u"},{children:e})):e,i&&s.jsx(t.InlineHelpSource,Object.assign({source:i},{children:n}))]})}const Ce={start:"kld3ki",end:"_1ouigm1"};function ve({align:e="end",hasHelp:i=!1,hasMessages:t=!1}){const n=a.classNames([Ce[e],(i||t)&&"_1vd6k3h"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:n},{children:l}))}const ye={reflow:"_18ki385",efficient:"k8qem8"};function He({variant:e="reflow",children:i,id:t}){const n=a.classNames(["kif2ra",ye[e]]);return s.jsx("div",Object.assign({class:n,id:t},{children:i}))}e.InlineHelpSource=t.InlineHelpSource,e.InlineHelp=je,e.InlineRequired=ve,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:i,helpSourceLink:t,helpSourceText:n,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:d}){const{isReadonly:_}=c.useFormContext(),A="efficient"===d&&!1===_,{isFocused:F}=r.useFormFieldContext(),U=l.length>0?s.jsx(u.ComponentMessageContainer,{fieldLabel:i,messages:l}):(e||t)&&F?s.jsx(je,{assistiveText:e,sourceLink:t,sourceText:n}):a?s.jsx(ve,{}):null;return U||A?s.jsx(He,Object.assign({id:o,variant:d},{children:U})):null},e.InlineUserAssistanceContainer=He,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./UNSAFE_UserAssistance.css","./InlineHelpSource-66c5f04f","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-429bf434","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-ded8d38b","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-f45b3bbf","./PRIVATE_Message","./UNSAFE_Flex","./Flex-556d723b","./tslib.es6-6a195797","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-875b461d","./utils/UNSAFE_mergeInterpolations","./_curry3-512d483b","./_curry2-ad2c6a81","./_has-11a7a18f","./utils/UNSAFE_interpolations/boxalignment","./keys-83d1523f","./utils/UNSAFE_interpolations/flexbox","./flexbox-aaa40e19","./utils/UNSAFE_interpolations/flexitem","./flexitem-d85d1561","./utils/PRIVATE_timer","./MessageCloseButton-256615e9","./UNSAFE_Button","./Button-11c23c7a","./UNSAFE_BaseButton","./BaseButton-31fe1787","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-9d985ef6","./utils/UNSAFE_mergeProps","./index-6aed3532","./index-6f29250e","./UNSAFE_Icon","./Icon-b5704008","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95","./hooks/UNSAFE_useTheme","./MessageDetail-8958ff27","./MessageFormattingUtils-66993387","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-432c5155","./Message.types-4bf5e2b8","./MessageStartIcon-9a21df9b","./MessageSummary-34220b0d","./MessageTimestamp-271609d9","./MessageUtils-dfcb9ca9","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-d521afd3","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-fd19b064"],function(e,s,n,t,i,o,a,l,r,u,c,d,_,A,F,U,S,E,f,N,g,h,x,b,m,p,k,T,j,I,M,v,C,y,H,B,P,R,L,O,V,q,w,z,D,G,J,K,Q,W,X,Y,Z,$,ee,se,ne,te,ie,oe,ae,le,re,ue,ce,de,_e,Ae,Fe,Ue,Se,Ee,fe,Ne,ge,he,xe,be,me,pe,ke,Te,je,Ie){"use strict";function Me({assistiveText:e,sourceLink:n,sourceText:i}){return s.jsxs("div",{children:[e&&n?s.jsx("span",Object.assign({class:"k3yuaf"},{children:e})):e,n&&s.jsx(t.InlineHelpSource,Object.assign({source:n},{children:i}))]})}const ve={start:"_1fjltq",end:"lr38tr"};function Ce({align:e="end",hasHelp:n=!1,hasMessages:t=!1}){const i=a.classNames([ve[e],(n||t)&&"_1v8kznn"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:i},{children:l}))}const ye={reflow:"_15653jn",efficient:"_15zybcr"};function He({variant:e="reflow",children:n,id:t}){const i=a.classNames(["_1p99jfv",ye[e]]);return s.jsx("div",Object.assign({class:i,id:t},{children:n}))}e.InlineHelpSource=t.InlineHelpSource,e.InlineHelp=Me,e.InlineRequired=Ce,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:n,helpSourceLink:t,helpSourceText:i,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:d}){const{isReadonly:_}=r.useFormContext(),A="efficient"===d&&!1===_,{isFocused:F}=u.useFormFieldContext(),U=l.length>0?s.jsx(c.ComponentMessageContainer,{fieldLabel:n,messages:l}):(e||t)&&F?s.jsx(Me,{assistiveText:e,sourceLink:t,sourceText:i}):a?s.jsx(Ce,{}):null;return U||A?s.jsx(He,Object.assign({id:o,variant:d},{children:U})):null},e.InlineUserAssistanceContainer=He,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

package/amd/UNSAFE_UserAssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../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 { 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":["InlineHelp","assistiveText","sourceLink","sourceText","_jsxs","children","_jsx","jsx","Object","assign","class","InlineHelpSource","source","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","useTranslationBundle","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"61EAcA,SAAAA,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAC,SAAA,CAAAJ,GAAAC,EAAAI,EAAAC,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAZF,WAYE,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,yBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,aAiBEC,EADAC,uBAAA,4BACAC,0BAEA,OAAAd,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,GAAA,CAAAhB,SAAAa,KC7BF,MAQAL,GAAA,QAAA,+BAmBA,SAAAS,IAAAC,QAAAA,EAAA,SAAAlB,SAAAA,EAAAmB,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,SA4BEZ,GAAAU,KAEA,OAAAjB,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,EAAAG,GAAAA,GAAA,CAAAnB,SAAAA,sGCbI,UAA+BJ,cACnCA,EADmCyB,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,EAChBjC,EAAAA,IAACkC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1D7B,GAAiB0B,IAAmBS,EACvC9B,EAAAA,IAACN,GAAU,CACTC,cAAeA,EACfC,WAAYyB,EACZxB,WAAYyB,IAEZC,EACFvB,EAACC,IAAAO,OACC,KAKN,OAAOwB,GAAmBH,EACxB7B,EAAAC,IAACe,GAA6Bd,OAAAC,OAAA,CAACe,GAAIA,EAAID,QAASQ,GAC7C,CAAA1B,SAAAiC,KAED"}
+{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../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 { 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":["InlineHelp","assistiveText","sourceLink","sourceText","_jsxs","children","_jsx","jsx","Object","assign","class","InlineHelpSource","source","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","useTranslationBundle","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"61EAcA,SAAAA,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAC,SAAA,CAAAJ,GAAAC,EAAAI,EAAAC,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAZF,UAYE,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,wBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,aAiBEC,EADAC,uBAAA,4BACAC,0BAEA,OAAAd,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,GAAA,CAAAhB,SAAAa,KC7BF,MAQAL,GAAA,QAAA,iCAmBA,SAAAS,IAAAC,QAAAA,EAAA,SAAAlB,SAAAA,EAAAmB,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,WA4BEZ,GAAAU,KAEA,OAAAjB,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,EAAAG,GAAAA,GAAA,CAAAnB,SAAAA,sGCbI,UAA+BJ,cACnCA,EAAayB,WACbA,EAAUC,eACVA,EAAcC,eACdA,EAAcJ,GACdA,EAAEK,gBACFA,EAAeC,SACfA,EAAW,GAAEC,sBACbA,IAEA,MAAQC,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChBjC,EAAAA,IAACkC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1D7B,GAAiB0B,IAAmBS,EACvC9B,EAAAA,IAACN,GAAU,CACTC,cAAeA,EACfC,WAAYyB,EACZxB,WAAYyB,IAEZC,EACFvB,EAACC,IAAAO,OACC,KAKN,OAAOwB,GAAmBH,EACxB7B,EAAAC,IAACe,GAA6Bd,OAAAC,OAAA,CAACe,GAAIA,EAAID,QAASQ,GAC7C,CAAA1B,SAAAiC,KAED"}

package/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-160e0dcc","preact/jsx-runtime","preact/compat","./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-a85b8edd","./utils/UNSAFE_size","./_curry1-d6c8f4c8",'module',"./keys-a3f663bb","./_has-5cd48c18","./utils/UNSAFE_classNames","./classNames-19b96444","./_curry3-cf0bce65","./_curry2-93393649"],function(r,e,t,a,o,n,i,l,s,u,c,b,y,d,_,p,A,m,f,S,I,v){"use strict";const j=b.stringLiteralArray(["div","main","article","section","aside"]),g=[].concat(_toConsumableArray(Object.values(o.borderInterpolations)),_toConsumableArray(Object.values(n.dimensionInterpolations)),_toConsumableArray(Object.values(y.flexitemInterpolations)),_toConsumableArray(Object.values(l.colorInterpolations)),_toConsumableArray(Object.values(s.paddingInterpolations)),_toConsumableArray(Object.values(u.ariaInterpolations))),N=c.mergeInterpolations(g),U=a.forwardRef((r,a)=>{const{as:o,children:n}=r,i=e.__rest(r,["as","children"]),l=N(i),{class:s,ariaLabelledBy:u,ariaLabel:c}=l,b=e.__rest(l,["class","ariaLabelledBy","ariaLabel"]);b.boxSizing="border-box";const y=o||"div";return t.jsx(y,Object.assign({"aria-label":c,"aria-labelledby":u,class:s,style:b,ref:a},{children:n}))});r.View=U,r.elementTypes=j,Object.defineProperty(r,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","preact/compat","./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-d85d1561","./utils/UNSAFE_size","./_curry1-875b461d",'module',"./keys-83d1523f","./_has-11a7a18f","./utils/UNSAFE_classNames","./classNames-429bf434","./_curry3-512d483b","./_curry2-ad2c6a81"],function(e,a,s,i,t,l,r,n,o,c,d,u,b,p,_,m,f,y,N,A,S,U){"use strict";const j=u.stringLiteralArray(["div","main","article","section","aside"]),E=[...Object.values(t.borderInterpolations),...Object.values(l.dimensionInterpolations),...Object.values(b.flexitemInterpolations),...Object.values(n.colorInterpolations),...Object.values(o.paddingInterpolations),...Object.values(c.ariaInterpolations)],F=d.mergeInterpolations(E),v=i.forwardRef((e,i)=>{const{as:t,children:l}=e,r=a.__rest(e,["as","children"]),n=F(r),{class:o,ariaLabelledBy:c,ariaLabel:d}=n,u=a.__rest(n,["class","ariaLabelledBy","ariaLabel"]);u.boxSizing="border-box";const b=t||"div";return s.jsx(b,Object.assign({"aria-label":d,"aria-labelledby":c,class:o,style:u,ref:i},{children:l}))});e.View=v,e.elementTypes=j,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_View.js.map

package/amd/UNSAFE_View.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_View.js","sources":["../../src/UNSAFE_View/View.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, RefCallback, RefObject } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport type { PaddingProps } from '../utils/UNSAFE_interpolations/padding';\nimport { ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport type { AriaProps } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport type { Role } from '../utils/UNSAFE_roles';\n\nconst elementTypes = stringLiteralArray(['div', 'main', 'article', 'section', 'aside']);\n\ntype ElementType = typeof elementTypes[number];\n\ntype StyleProps = BorderProps &\n  DimensionProps &\n  FlexitemProps &\n  ColorProps &\n  PaddingProps &\n  AriaProps;\n\ntype Props = StyleProps & {\n  as?: ElementType;\n  role?: Role;\n  children?: ComponentChildren;\n};\n\nconst interpolations = [\n  ...Object.values(borderInterpolations),\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype RefType = (RefObject<HTMLDivElement> | RefCallback<HTMLDivElement>) &\n  (RefObject<HTMLElement> | RefCallback<HTMLElement>);\n\nexport const View = forwardRef<RefType, Props>((props, ref) => {\n  const { as, children, ...rest } = props;\n  const { class: cls, ariaLabelledBy, ariaLabel, ...styles } = mergedInterpolations(rest);\n  // we hardcode box-sizing: border-box on all of our Preact components.\n  styles['boxSizing'] = 'border-box';\n  const Component = as || 'div';\n\n  return (\n    <Component\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      class={cls}\n      style={styles}\n      ref={ref as RefType}>\n      {children}\n    </Component>\n  );\n});\n\nexport { elementTypes };\n"],"names":["elementTypes","stringLiteralArray","interpolations","Object","values","borderInterpolations","dimensionInterpolations","flexitemInterpolations","colorInterpolations","_toConsumableArray","paddingInterpolations","ariaInterpolations","mergedInterpolations","mergeInterpolations","View","forwardRef","props","ref","as","children","rest","__rest","_a","class","cls","ariaLabelledBy","ariaLabel","styles","Component","_jsx","assign","style"],"mappings":"mnDAyBA,MAAMA,EAAeC,EAAkBA,mBAAC,CAAC,MAAO,OAAQ,UAAW,UAAW,UAiBxEC,EACDC,GAAAA,OAAAA,mBAAAA,OAAOC,OAAOC,yBACdF,mBAAAA,OAAOC,OAAOE,4BACdH,mBAAAA,OAAOC,OAAOG,2BACdJ,mBAAAA,OAAOC,OAAOI,wBAJCC,mBAKfN,OAAOC,OAAOM,0BALCD,mBAMfN,OAAOC,OAAOO,wBAGbC,EAAuBC,EAAAA,oBAA2BX,GAK3CY,EAAOC,EAAUA,WAAiB,CAACC,EAAOC,KACrD,MAAMC,GAAEA,EAAFC,SAAMA,GAAsBH,EAATI,EAASC,EAAAA,OAAAL,EAA5B,CAAA,KAAA,aACAM,EAAuDV,EAAqBQ,IAA1EG,MAAOC,EAATC,eAAcA,EAAdC,UAA8BA,GAAmDJ,EAArCK,EAA5CN,EAAAA,OAAAC,EAAA,CAAA,QAAA,iBAAA,cAENK,EAAM,UAAgB,aACtB,MAAMC,EAAYV,GAAM,MAExB,OACEW,MAACD,EAASzB,OAAA2B,OAAA,CAAA,aACIJ,EACK,kBAAAD,EACjBF,MAAOC,EACPO,MAAOJ,EACPV,IAAKA,GACJ,CAAAE,SAAAA"}
+{"version":3,"file":"UNSAFE_View.js","sources":["../../src/UNSAFE_View/View.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, RefCallback, RefObject } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport type { PaddingProps } from '../utils/UNSAFE_interpolations/padding';\nimport { ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport type { AriaProps } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport type { Role } from '../utils/UNSAFE_roles';\n\nconst elementTypes = stringLiteralArray(['div', 'main', 'article', 'section', 'aside']);\n\ntype ElementType = typeof elementTypes[number];\n\ntype StyleProps = BorderProps &\n  DimensionProps &\n  FlexitemProps &\n  ColorProps &\n  PaddingProps &\n  AriaProps;\n\ntype Props = StyleProps & {\n  as?: ElementType;\n  role?: Role;\n  children?: ComponentChildren;\n};\n\nconst interpolations = [\n  ...Object.values(borderInterpolations),\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype RefType = (RefObject<HTMLDivElement> | RefCallback<HTMLDivElement>) &\n  (RefObject<HTMLElement> | RefCallback<HTMLElement>);\n\nexport const View = forwardRef<RefType, Props>((props, ref) => {\n  const { as, children, ...rest } = props;\n  const { class: cls, ariaLabelledBy, ariaLabel, ...styles } = mergedInterpolations(rest);\n  // we hardcode box-sizing: border-box on all of our Preact components.\n  styles['boxSizing'] = 'border-box';\n  const Component = as || 'div';\n\n  return (\n    <Component\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      class={cls}\n      style={styles}\n      ref={ref as RefType}>\n      {children}\n    </Component>\n  );\n});\n\nexport { elementTypes };\n"],"names":["elementTypes","stringLiteralArray","interpolations","Object","values","borderInterpolations","dimensionInterpolations","flexitemInterpolations","colorInterpolations","paddingInterpolations","ariaInterpolations","mergedInterpolations","mergeInterpolations","View","forwardRef","props","ref","as","children","rest","__rest","_a","class","cls","ariaLabelledBy","ariaLabel","styles","Component","_jsx","assign","style"],"mappings":"gpBAyBA,MAAMA,EAAeC,EAAkBA,mBAAC,CAAC,MAAO,OAAQ,UAAW,UAAW,UAiBxEC,EAAiB,IAClBC,OAAOC,OAAOC,2BACdF,OAAOC,OAAOE,8BACdH,OAAOC,OAAOG,6BACdJ,OAAOC,OAAOI,0BACdL,OAAOC,OAAOK,4BACdN,OAAOC,OAAOM,uBAGbC,EAAuBC,EAAAA,oBAA2BV,GAK3CW,EAAOC,EAAUA,WAAiB,CAACC,EAAOC,KACrD,MAAMC,GAAEA,EAAEC,SAAEA,GAAsBH,EAATI,EAASC,EAAAA,OAAAL,EAA5B,CAAA,KAAA,aACAM,EAAuDV,EAAqBQ,IAA1EG,MAAOC,EAAGC,eAAEA,EAAcC,UAAEA,GAAmDJ,EAArCK,EAA5CN,EAAAA,OAAAC,EAAA,CAAA,QAAA,iBAAA,cAENK,EAAkB,UAAI,aACtB,MAAMC,EAAYV,GAAM,MAExB,OACEW,MAACD,EAASxB,OAAA0B,OAAA,CAAA,aACIJ,EACK,kBAAAD,EACjBF,MAAOC,EACPO,MAAOJ,EACPV,IAAKA,GACJ,CAAAE,SAAAA"}

package/amd/UNSAFE_VirtualizedListView.js

@@ -1,2 +1,2 @@
-define(["exports","./VirtualizedListView-7db93bf1","preact/jsx-runtime","./PRIVATE_List","./List-5c591342","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-19b96444","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-263ba60c","./PRIVATE_Collection","./Collection-764dad44","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-7e3669c3","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-8787f5c7","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-d6c8f4c8","./_curry2-93393649","./_curry3-cf0bce65","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-1d1721ed","./tslib.es6-160e0dcc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-5cd48c18","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-3c3b5df1","./utils/UNSAFE_interpolations/boxalignment","./keys-a3f663bb","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./UNSAFE_Selector","./index-c1d2bf5b","./index-98cf3d9d","./UNSAFE_Icon","./Icon-caf41588","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,u,n,a,c,_,r,A,E,F,U,S,d,N,b,k,h,f,T,V,p,I,m,x,P,R,g,y,C,L,z,w,M,v,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ue,ne,ae,ce,_e,re,Ae,Ee,Fe,Ue,Se,de,Ne){"use strict";e.VirtualizedListView=o.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./VirtualizedListView-6decbb33","preact/jsx-runtime","./PRIVATE_List","./List-f2a1fc9f","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-429bf434","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-479c6b41","./PRIVATE_Collection","./Collection-a530cc1c","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-91797029","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-94dc8805","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-875b461d","./_curry2-ad2c6a81","./_curry3-512d483b","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-d9b61f2e","./tslib.es6-6a195797","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-11a7a18f","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-556d723b","./utils/UNSAFE_interpolations/boxalignment","./keys-83d1523f","./utils/UNSAFE_interpolations/flexbox","./flexbox-aaa40e19","./utils/UNSAFE_interpolations/flexitem","./flexitem-d85d1561","./UNSAFE_Selector","./index-6aed3532","./index-6f29250e","./UNSAFE_Icon","./Icon-b5704008","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,a,u,n,_,r,A,E,c,F,U,S,N,d,b,k,h,T,V,f,p,I,m,x,P,R,g,y,C,L,z,w,M,v,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ae,ue,ne,_e,re,Ae,Ee,ce,Fe,Ue,Se,Ne,de){"use strict";e.VirtualizedListView=o.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_VirtualizedListView.js.map

package/amd/{VirtualizedCollection-7e3669c3.js → VirtualizedCollection-91797029.js}

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect","./Collection-764dad44"],function(e,t,o,n,r,i,l){"use strict";r.stringLiteralArray(["topPlaceholder","bottomPlaceholder"]);const c="oj-collection-placeholder",s=({context:e,placeholderHeight:o})=>{const{fromIndex:n,toIndex:r,which:i,estimateItemSize:l}=e;let s=0;if(o)s=o(e);else{const e=0===l?48:l;s=Math.max(0,r-n)*e}const a="topPlaceholder"===i?"_topPlaceholder":"_bottomPlaceholder",d={height:s+"px"};return 0===s&&(d.display="none"),t.jsx("div",{className:c,style:d},a)};function a(e){return function({itemSize:t,viewportHeight:o,scrollOffset:n,overscan:r=0}){if(void 0===t||0===t||void 0===o||void 0===n)return{offset:0,count:e};const i=Math.ceil(n/t),l=Math.ceil(o/t);return{offset:Math.max(0,i-r),count:l+r*(i>0?2:1)}}}const d=(e,t,o,n,r)=>{let i,l;if(e&&t){const o=t.getBoundingClientRect(),n=(e=>{let t,o;if(e===document.documentElement)t=0,o=document.documentElement.clientHeight;else{const n=e.getBoundingClientRect();t=n.top,o=n.bottom}return{top:t,bottom:o}})(e);o&&n&&(i=n.top-o.top-1,l=n.bottom-n.top+1)}if(void 0!==i&&void 0!==l){return n({scrollOffset:i,viewportHeight:l,overscan:o,itemSize:r})}return null},u="oj-collection-loadmore",h=a(25);e.PLACEHOLDER_STYLE_CLASS=c,e.VirtualizedCollection=function({data:e,children:n,viewportConfig:r,itemSelector:c,placeholderHeight:a,rangeExtractor:f=h,overscan:m=1,onLoadRange:g,loadMoreIndicator:p,suggestions:x}){var v,j;const S=o.useRef(null),I=o.useRef(0);if(i.useViewportIntersect(r,1,".oj-collection-loadmore, .oj-collection-placeholder",()=>{var e;const t=d(r.scroller(),S.current,m,f,null!==(e=I.current)&&void 0!==e?e:0);t&&g(t)}),o.useEffect(()=>{if(0===I.current){let e=0;const t=S.current.querySelectorAll(c);t.length>0&&(t.forEach(t=>{e+=t.offsetHeight}),I.current=e/t.length)}}),!(e&&(E=e,E&&E.data&&E.offset>=0&&E.totalSize>=0)))return t.jsx("div",{ref:S});var E;const z=e.data,P=e.offset,b=P+z.length,w=e.totalSize,C=P>=0?{fromIndex:0,toIndex:P,which:"topPlaceholder",estimateItemSize:null!==(v=I.current)&&void 0!==v?v:0}:void 0,H=b&&b<=w?{fromIndex:b,toIndex:w,which:"bottomPlaceholder",estimateItemSize:null!==(j=I.current)&&void 0!==j?j:0}:void 0,R=p&&"atLeast"===e.sizePrecision&&b<=w;return t.jsxs("div",Object.assign({ref:S,style:"will-change: contents"},{children:[x,C&&t.jsx(s,{context:C,placeholderHeight:a}),t.jsx(l.Collection,Object.assign({items:z},{children:(A=P,e=>{const t={index:A+e.index,data:e.data};return n(t)})})),H&&t.jsx(s,{context:H,placeholderHeight:a}),R&&t.jsx("div",Object.assign({class:u},{children:p}))]}));var A},e.getVirtualizedRangeExtractor=a});
-//# sourceMappingURL=VirtualizedCollection-7e3669c3.js.map
+define(["exports","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useViewportIntersect","./Collection-a530cc1c"],function(e,t,o,n,r,c,i){"use strict";r.stringLiteralArray(["topPlaceholder","bottomPlaceholder"]);const l="oj-collection-placeholder",s=({context:e,placeholderHeight:o})=>{const{fromIndex:n,toIndex:r,which:c,estimateItemSize:i}=e;let s=0;if(o)s=o(e);else{const e=0===i?48:i;s=Math.max(0,r-n)*e}const a="topPlaceholder"===c?"_topPlaceholder":"_bottomPlaceholder",d={height:s+"px"};return 0===s&&(d.display="none"),t.jsx("div",{className:l,style:d},a)};function a(e){return function({itemSize:t,viewportHeight:o,scrollOffset:n,overscan:r=0}){if(void 0===t||0===t||void 0===o||void 0===n)return{offset:0,count:e};const c=Math.ceil(n/t),i=Math.ceil(o/t);return{offset:Math.max(0,c-r),count:i+r*(c>0?2:1)}}}const d=(e,t,o,n,r)=>{let c,i;if(e&&t){const o=t.getBoundingClientRect(),n=(e=>{let t,o;if(e===document.documentElement)t=0,o=document.documentElement.clientHeight;else{const n=e.getBoundingClientRect();t=n.top,o=n.bottom}return{top:t,bottom:o}})(e);o&&n&&(c=n.top-o.top-1,i=n.bottom-n.top+1)}if(void 0!==c&&void 0!==i){return n({scrollOffset:c,viewportHeight:i,overscan:o,itemSize:r})}return null},u="oj-collection-loadmore",h=a(25);e.PLACEHOLDER_STYLE_CLASS=l,e.VirtualizedCollection=function({data:e,children:n,viewportConfig:r,itemSelector:l,placeholderHeight:a,rangeExtractor:f=h,overscan:m=1,onLoadRange:g,loadMoreIndicator:p,suggestions:x}){var v,j;const S=o.useRef(null),I=o.useRef(0);if(c.useViewportIntersect(r,1,".oj-collection-loadmore, .oj-collection-placeholder",()=>{var e;const t=d(r.scroller(),S.current,m,f,null!==(e=I.current)&&void 0!==e?e:0);t&&g(t)}),o.useEffect(()=>{if(0===I.current){let e=0;const t=S.current.querySelectorAll(l);t.length>0&&(t.forEach(t=>{e+=t.offsetHeight}),I.current=e/t.length)}}),!(e&&(E=e,E&&E.data&&E.offset>=0&&E.totalSize>=0)))return t.jsx("div",{ref:S});var E;const z=e.data,P=e.offset,b=P+z.length,w=e.totalSize,C=P>=0?{fromIndex:0,toIndex:P,which:"topPlaceholder",estimateItemSize:null!==(v=I.current)&&void 0!==v?v:0}:void 0,H=b&&b<=w?{fromIndex:b,toIndex:w,which:"bottomPlaceholder",estimateItemSize:null!==(j=I.current)&&void 0!==j?j:0}:void 0,R=p&&"atLeast"===e.sizePrecision&&b<=w;return t.jsxs("div",Object.assign({ref:S,style:"will-change: contents"},{children:[x,C&&t.jsx(s,{context:C,placeholderHeight:a}),t.jsx(i.Collection,Object.assign({items:z},{children:(A=P,e=>{const t={index:A+e.index,data:e.data};return n(t)})})),H&&t.jsx(s,{context:H,placeholderHeight:a}),R&&t.jsx("div",Object.assign({class:u},{children:p}))]}));var A},e.getVirtualizedRangeExtractor=a});
+//# sourceMappingURL=VirtualizedCollection-91797029.js.map