npm - @oracle/oraclejet-preact - Versions diffs - 14.1.6 → 14.1.7 - Mend

@oracle/oraclejet-preact 14.1.6 → 14.1.7

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

Files changed (1221) hide show

package/amd/UNSAFE_TextField.css CHANGED Viewed

@@ -1,62 +1,62 @@
-._1b030fq{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;}
-.rgd6yx{height:100%;}
-._1sk4fk4{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-.zne482{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;}
-._1xlfj6m{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;}
-.lj79c9{height:auto;}
-._1635wl{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-.ilulql{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-._1vbmbum{padding-top:0;padding-bottom:0;}
-._1gce5nx{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;}
+.gwpt94{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;}
+._1bu2ofi{height:100%;}
+._12n24hs{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+.jkm8mf{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;}
+._102wiy0{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;}
+._14telxe{height:auto;}
+._17djvs1{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1fg80kh{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+.htg23j{padding-top:0;padding-bottom:0;}
+._18sk404{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;}
-._18duv97{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;}._18duv97:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.s3nwf8{resize:none;padding-block-start:0;padding-inline-start:0;}
-.kh8lav{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._60nuva{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;}
-._17l572h{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));}
-._3v79ep{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;}
-._1cwcs8x{justify-content:center;}
-.zbxla1{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;}
+.xf9nda{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;}.xf9nda:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._1oboudf{resize:none;padding-block-start:0;padding-inline-start:0;}
+.pnh2o9{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+.z6bq2c{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;}
+._9gdu7y{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));}
+._1xdiqln{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;}
+.aqd6wj{justify-content:center;}
+._1oekuxi{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;}
-.q883qb{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%;}.q883qb::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.f3polf{margin:0;}
-._1p44a7f{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;}
-._10jdtp::-ms-reveal{display:none;}
-.vjm6of{padding-top:0;padding-bottom:0;}
-.ewvzpy{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;}.ewvzpy:hover{background-color:transparent;}
-._9hbdyw{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;}
-._190qf3e{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);}
-._1guijbw{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.ih866t{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._149lg2d{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-._11t2own{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-.k2z8do{padding-inline-start:.25em;}
-._11douyn{padding-inline-end:.25em;}
-.vwbczc{font-size:100%;}
-.ps6slk{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1377emz{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1x3pynr{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;}._1x3pynr::-ms-reveal{display:none;}
+.wiifdy{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%;}.wiifdy::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.jt0xut{margin:0;}
+._6sq0k6{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;}
+.skozmg::-ms-reveal{display:none;}
+._1289c50{padding-top:0;padding-bottom:0;}
+.x6ivgf{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;}.x6ivgf:hover{background-color:transparent;}
+._10zzlio{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;}
+._1d07jbc{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);}
+._1k6cd6l{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._1qu48q8{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._1s0euui{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.iz26jg{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+.jymwfg{padding-inline-start:.25em;}
+.n3epv0{padding-inline-end:.25em;}
+.snd5g1{font-size:100%;}
+._1jwqc7n{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.vl8n09{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._18whl45{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;}._18whl45::-ms-reveal{display:none;}
-.b8n52m{vertical-align:top;}
-._1czzjtj{max-width:100%;}
+._12v7rrx{vertical-align:top;}
+._1klu51b{max-width:100%;}
-._1joz0i7{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;}
-._1vkh705{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);}
-.g9w31r{background-color:inherit;height:100%;width:100%;}
-._1y3nhlz{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
-._1przwzk{height:auto;}
-._10qsbb0{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._1m5q2si{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);}
-.hkoz5q{resize:both;}
-.z2dhh8{resize:horizontal;}
-._11o1xwm{resize:vertical;}
-.qzwyul{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);}
-._2p8y2b{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.t2bmob{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1rov5u0{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-.b2wglv{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-._19qgfij{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._119888f{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-.yeh19e{padding-inline-end:1px;flex-direction:column;}
-._1e9a4is{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-._1ml153w{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+._5id5b7{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;}
+.igdf2e{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);}
+._18ql5vh{background-color:inherit;height:100%;width:100%;}
+.cjt9x6{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
+.mxces1{height:auto;}
+._1lio9c5{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1sqv58f{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);}
+._1lfw3z2{resize:both;}
+.k772jx{resize:horizontal;}
+.f8skwg{resize:vertical;}
+._2v7i9x{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);}
+._6301nq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.yqwccj{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.epfc0x{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+.juhkyq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._71zpga{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._2r0e66{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+._17nsmkc{padding-inline-end:1px;flex-direction:column;}
+._140f6lq{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+._15n53as{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 CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./ReadonlyTextFieldInput-f86c3c42","./tslib.es6-db9b6ac2","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-ac9e8cbd","./TextFieldInput-12ff173d","./hooks/UNSAFE_useFormFieldContext","./classNames-e7b3a8a5","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-da4d9aef","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-e12ae309","./_curry1-0511449d","./_has-a3099a21","./utils/UNSAFE_mergeInterpolations","./_curry3-2a7dcff9","./_curry2-e2b86cd0","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0b540bd","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-9553d7e5","./utils/UNSAFE_interpolations/flexitem","./flexitem-1beee224","./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,y,E,f,v,p,S,A,L,U,O,R,I,T,w,V,z,M,k,D){"use strict";const B=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]}))},q=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:"_1joz0i7",defaultStyles:"_1vkh705",embeddedStyles:"g9w31r",showBorder:"_1y3nhlz",textarea:"_1przwzk",labelInside:"_10qsbb0",focused:"_1m5q2si",resize:{both:"hkoz5q",horizontal:"z2dhh8",vertical:"_11o1xwm"},disabled:"qzwyul",error:"_2p8y2b",warning:"t2bmob"},W="_1rov5u0",$="b2wglv",K="_19qgfij",P="_119888f",Z="yeh19e",G="_1e9a4is",X="_1ml153w",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(q,Object.assign({outerClassNames:N,innerClassNames:C},b,{children:[s,l]})):n.jsx(B,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 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: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:y}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ReadonlyTextFieldInput-b0bda1a7","./tslib.es6-de389af1","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-82ceb95a","./TextFieldInput-f254d839","./hooks/UNSAFE_useFormFieldContext","./classNames-f7aa427b","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-f9400d0c","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-a3d0c6e0","./_curry1-a9b2d356","./_has-264770bc","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-0061da83","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],function(e,s,n,t,a,i,l,r,o,d,c,u,b,x,g,m,h,F,_,j,N,C,f,E,v,y,p,S,A,L,U,O,R,I,T,V,w,M,k,z,D){"use strict";const q=e=>{var{outerClassNames:s,innerClassNames:a,label:l,labelEdge:r,labelStartWidth:o,inlineUserAssistance:d,children:c}=e,u=n.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return t.jsxs("div",Object.assign({},u,{class:s},{children:[t.jsx(i.LabelValueLayout,Object.assign({label:l,labelEdge:r,labelStartWidth:o},{children:t.jsx("div",Object.assign({class:a},{children:c}))})),d]}))},B=e=>{var{outerClassNames:s,innerClassNames:a,inlineUserAssistance:i,children:l}=e,r=n.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return t.jsxs("div",Object.assign({},r,{class:s},{children:[t.jsx("div",Object.assign({class:a},{children:l})),i]}))},H={base:"_5id5b7",defaultStyles:"igdf2e",embeddedStyles:"_18ql5vh",showBorder:"cjt9x6",textarea:"mxces1",labelInside:"_1lio9c5",focused:"_1sqv58f",resize:{both:"_1lfw3z2",horizontal:"k772jx",vertical:"f8skwg"},disabled:"_2v7i9x",error:"_6301nq",warning:"yqwccj"},W="epfc0x",$="juhkyq",K="_71zpga",P="_2r0e66",Z="_17nsmkc",G="_140f6lq",X="_15n53as",J=({contentVariant:e="input",insideLabel:s,mainContent:n,startContent:a,statusVariant:i="none",styleVariant:l="default",endContent:r,resize:u,rootRef:b})=>{const{isDisabled:x,isFocused:m,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,m&&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 t.jsxs("div",Object.assign({role:"presentation",class:F,ref:b},{children:[a&&t.jsx("span",Object.assign({class:_},{children:t.jsx(g.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:a}))})),t.jsxs("div",Object.assign({class:j},{children:[s,n]})),r&&t.jsx("span",Object.assign({class:N},{children:t.jsx(g.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:r}))}))]}))},Q=e=>{var{hasInsideLabel:s=!1,variant:a="default"}=e,i=n.__rest(e,["hasInsideLabel","variant"]);const{isReadonly:l}=d.useFormFieldContext(),u=r.getFormControlClasses(s),b=o.getTextFieldClasses(l,a),x=c.classNames([u,b]);return t.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:n=0}){const a=m.useDebounce(s-n,500),i=h.useTranslationBundle("@oracle/oraclejet-preact"),l=i.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),r=i.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return t.jsxs(u.Fragment,{children:[t.jsx(F.LiveRegion,{children:r}),e&&t.jsx(F.LiveRegion,Object.assign({type:"assertive"},{children:l}))]})},e.ReadonlyTextField=e=>{var{label:s,labelEdge:i,children:l,variant:u}=e,b=n.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:x,isReadonly:g}=a.useFormContext(),{isLoading:m}=d.useFormFieldContext(),h=void 0!==s&&"inside"===i,F=r.getFormControlClasses(h),_=o.getTextFieldClasses(!0),j=o.getReadonlyClasses(x&&!g,h,u),N=c.classNames([F,_]),C=c.classNames([j,m&&o.loadingStyles]);return void 0===s||"start"!==i&&"top"!==i?t.jsxs(B,Object.assign({outerClassNames:N,innerClassNames:C},b,{children:[s,l]})):t.jsx(q,Object.assign({outerClassNames:N,innerClassNames:C,label:s,labelEdge:i},b,{children:l}))},e.TextField=({contentVariant:e,id:s,endContent:n,mainContent:a,startContent:l,inlineUserAssistance:r,label:o,labelEdge:d,labelStartWidth:c,mainFieldRef:b,resize:x,statusVariant:g,styleVariant:m,onFocus:h,onBlur:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C})=>{const f=void 0===o||"start"!==d&&"top"!==d?t.jsxs(u.Fragment,{children:[t.jsx(J,{contentVariant:e,endContent:n,insideLabel:o,mainContent:a,resize:x,rootRef:b,startContent:l,statusVariant:g,styleVariant:m}),r]}):t.jsx(i.LabelValueLayout,Object.assign({label:o,labelEdge:d,labelStartWidth:c},{children:t.jsxs(u.Fragment,{children:[t.jsx(J,{contentVariant:e,endContent:n,mainContent:a,resize:x,rootRef:b,startContent:l,statusVariant:g,styleVariant:m}),r]})}));return t.jsx(Q,Object.assign({id:s,hasInsideLabel:void 0!==o&&"inside"===d,onfocusin:h,onfocusout:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C,variant:m},{children:f}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_TextField.js.map

package/amd/UNSAFE_TextField.js.map CHANGED Viewed

	@@ -1 +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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"}
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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"}

package/amd/UNSAFE_ThemedIcons.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./index-c858cea4","./index-6430a462","preact/jsx-runtime","./UNSAFE_Icon","./Icon-3eb9bdeb","./tslib.es6-db9b6ac2","preact",'module',"./utils/UNSAFE_size","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-eefb778f","preact/compat","./index-aca0a20d","./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-032c3574","./utils/UNSAFE_classNames","./classNames-e7b3a8a5","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,a,i,S,r,I,t,l,g,u,U,v,E,h,A,N,_,F,k,p,C,d,f,b,m,w,x,O,T,V){"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-d117de08","./index-4dd59b80","preact/jsx-runtime","./UNSAFE_Icon","./Icon-4b1331cd","./tslib.es6-de389af1","preact",'module',"./utils/UNSAFE_size","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-930f80d0","preact/compat","./index-9be81def","./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-af110ad3","./utils/UNSAFE_classNames","./classNames-f7aa427b","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,i,a,S,r,I,t,l,g,u,U,v,E,h,A,N,_,d,F,k,p,C,f,m,b,w,x,O,T,V){"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/__tests__/InlineHelpSource.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../InlineHelpSource-232e0c3c","../../hooks/UNSAFE_useTabbableMode","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","css!./../../UNSAFE_UserAssistance.css","../../hooks/UNSAFE_useTranslationBundle","preact/hooks","preact","../../UNSAFE_Layer","preact/compat"],function(e,n,s,r,u,o,t,l,c,i,b,a,d,f){"use strict";describe("InlineHelpSource - TabbableModeContext",()=>{let c;beforeEach(async function(){c=null!=c?c:await async function(){const n=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:s}=await function(n){switch(n){case"../../resources/nls/ar/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar/bundle"],n,s)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar-XB/bundle"],n,s)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bg/bundle"],n,s)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs/bundle"],n,s)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs-Cyrl/bundle"],n,s)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/cs/bundle"],n,s)});case"../../resources/nls/da/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/da/bundle"],n,s)});case"../../resources/nls/de/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/de/bundle"],n,s)});case"../../resources/nls/el/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/el/bundle"],n,s)});case"../../resources/nls/en/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en/bundle"],n,s)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XA/bundle"],n,s)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XC/bundle"],n,s)});case"../../resources/nls/es/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/es/bundle"],n,s)});case"../../resources/nls/et/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/et/bundle"],n,s)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fi/bundle"],n,s)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr/bundle"],n,s)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr-CA/bundle"],n,s)});case"../../resources/nls/he/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/he/bundle"],n,s)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hr/bundle"],n,s)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hu/bundle"],n,s)});case"../../resources/nls/is/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/is/bundle"],n,s)});case"../../resources/nls/it/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/it/bundle"],n,s)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ja/bundle"],n,s)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ko/bundle"],n,s)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lt/bundle"],n,s)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lv/bundle"],n,s)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ms/bundle"],n,s)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/nl/bundle"],n,s)});case"../../resources/nls/no/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/no/bundle"],n,s)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pl/bundle"],n,s)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt/bundle"],n,s)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt-PT/bundle"],n,s)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ro/bundle"],n,s)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ru/bundle"],n,s)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sk/bundle"],n,s)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sl/bundle"],n,s)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr/bundle"],n,s)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr-Latn/bundle"],n,s)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sv/bundle"],n,s)});case"../../resources/nls/th/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/th/bundle"],n,s)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/tr/bundle"],n,s)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/uk/bundle"],n,s)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/vi/bundle"],n,s)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hans/bundle"],n,s)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hant/bundle"],n,s)});default:return new Promise(function(e,s){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})}}(`../../resources/nls/${n}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":s}}}()}),it("as input, TabbableModeContext not provided",async()=>{const e="Help source",o=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))),t=await o.findByText(e);r.expect(t).not.to.be.null;const i=null==t?void 0:t.getAttribute("tabindex");r.expect(i).to.be.null}),it("as input, TabbableModeContext isTabbable=true",async()=>{const e="Help source",t=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))}))),i=await t.findByText(e);r.expect(i).not.to.be.null;const b=null==i?void 0:i.getAttribute("tabindex");r.expect(b).to.be.null}),it("as input, TabbableModeContext isTabbable=false",async()=>{const e="Help source",t=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))}))),i=await t.findByText(e);r.expect(i).not.to.be.null;const b=null==i?void 0:i.getAttribute("tabindex");r.expect(b).to.equal("-1")}),afterEach(s.cleanup)})});
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../InlineHelpSource-c4b0c7d8","../../hooks/UNSAFE_useTabbableMode","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","css!./../../UNSAFE_UserAssistance.css","../../hooks/UNSAFE_useTranslationBundle","preact/hooks","preact","../../UNSAFE_Layer","preact/compat"],function(e,n,s,r,u,o,t,l,c,i,b,a,d,f){"use strict";describe("InlineHelpSource - TabbableModeContext",()=>{let c;beforeEach(async function(){c=null!=c?c:await async function(){const n=t.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:s}=await function(n){switch(n){case"../../resources/nls/ar/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar/bundle"],n,s)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ar-XB/bundle"],n,s)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bg/bundle"],n,s)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs/bundle"],n,s)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/bs-Cyrl/bundle"],n,s)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/cs/bundle"],n,s)});case"../../resources/nls/da/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/da/bundle"],n,s)});case"../../resources/nls/de/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/de/bundle"],n,s)});case"../../resources/nls/el/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/el/bundle"],n,s)});case"../../resources/nls/en/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en/bundle"],n,s)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XA/bundle"],n,s)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/en-XC/bundle"],n,s)});case"../../resources/nls/es/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/es/bundle"],n,s)});case"../../resources/nls/et/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/et/bundle"],n,s)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fi/bundle"],n,s)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr/bundle"],n,s)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/fr-CA/bundle"],n,s)});case"../../resources/nls/he/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/he/bundle"],n,s)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hr/bundle"],n,s)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/hu/bundle"],n,s)});case"../../resources/nls/is/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/is/bundle"],n,s)});case"../../resources/nls/it/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/it/bundle"],n,s)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ja/bundle"],n,s)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ko/bundle"],n,s)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lt/bundle"],n,s)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/lv/bundle"],n,s)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ms/bundle"],n,s)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/nl/bundle"],n,s)});case"../../resources/nls/no/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/no/bundle"],n,s)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pl/bundle"],n,s)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt/bundle"],n,s)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/pt-PT/bundle"],n,s)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ro/bundle"],n,s)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/ru/bundle"],n,s)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sk/bundle"],n,s)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sl/bundle"],n,s)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr/bundle"],n,s)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sr-Latn/bundle"],n,s)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/sv/bundle"],n,s)});case"../../resources/nls/th/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/th/bundle"],n,s)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/tr/bundle"],n,s)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/uk/bundle"],n,s)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/vi/bundle"],n,s)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hans/bundle"],n,s)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(n,s){e(["../../resources/nls/zh-Hant/bundle"],n,s)});default:return new Promise(function(e,s){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(s.bind(null,new Error("Unknown variable dynamic import: "+n)))})}}(`../../resources/nls/${n}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":s}}}()}),it("as input, TabbableModeContext not provided",async()=>{const e="Help source",o=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))),t=await o.findByText(e);r.expect(t).not.to.be.null;const i=null==t?void 0:t.getAttribute("tabindex");r.expect(i).to.be.null}),it("as input, TabbableModeContext isTabbable=true",async()=>{const e="Help source",t=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))}))),i=await t.findByText(e);r.expect(i).not.to.be.null;const b=null==i?void 0:i.getAttribute("tabindex");r.expect(b).to.be.null}),it("as input, TabbableModeContext isTabbable=false",async()=>{const e="Help source",t=s.render(n.jsx(l.RootEnvironmentProvider,Object.assign({environment:c},{children:n.jsx(o.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!1}},{children:n.jsx(u.InlineHelpSource,Object.assign({source:"http://www.oracle.com"},{children:e}))}))}))),i=await t.findByText(e);r.expect(i).not.to.be.null;const b=null==i?void 0:i.getAttribute("tabindex");r.expect(b).to.equal("-1")}),afterEach(s.cleanup)})});
 //# sourceMappingURL=InlineHelpSource.spec.js.map

package/amd/UNSAFE_UserAssistance.css CHANGED Viewed

@@ -1,11 +1,11 @@
-._1il522e{margin-inline-end:0.25rem;white-space:pre;}
+.rg5cyx{margin-inline-end:0.25rem;white-space:pre;}
-._44p6qu{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);}._44p6qu:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._44p6qu:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._44p6qu: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);}._44p6qu:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
+._4sd2q5{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);}._4sd2q5:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._4sd2q5:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._4sd2q5: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);}._4sd2q5:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
-._1tioa85{padding-inline-end:2px;text-align:start;}
-._1h6x5d5{padding-inline-start:2px;text-align:end;}
-.dh6h4n{display:none;}
+._1i4dlwc{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;}
+._9xh8v5:empty{margin-top:0px;}
+.o573t6{min-height:1.333rem;}
-.gk3rgd{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;}
-._1oznycr:empty{margin-top:0px;}
-._141c745{min-height:1.333rem;}
+.npxpfc{padding-inline-end:2px;text-align:start;}
+.tk1wv8{padding-inline-start:2px;text-align:end;}
+.lo7kqd{display:none;}

package/amd/UNSAFE_UserAssistance.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_UserAssistance.css","./InlineHelpSource-232e0c3c","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-e7b3a8a5","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-54b9670b","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-ce4b6b66","./PRIVATE_Message","./UNSAFE_Flex","./Flex-da4d9aef","./tslib.es6-db9b6ac2","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-0511449d","./utils/UNSAFE_mergeInterpolations","./_curry3-2a7dcff9","./_curry2-e2b86cd0","./_has-a3099a21","./utils/UNSAFE_interpolations/boxalignment","./keys-e12ae309","./utils/UNSAFE_interpolations/flexbox","./flexbox-9553d7e5","./utils/UNSAFE_interpolations/flexitem","./flexitem-1beee224","./utils/PRIVATE_timer","./MessageCloseButton-7f96b21f","./UNSAFE_Button","./Button-0729d51a","./UNSAFE_BaseButton","./BaseButton-678fe506","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-f0b540bd","./utils/UNSAFE_mergeProps","./index-c858cea4","./index-6430a462","./UNSAFE_Icon","./Icon-3eb9bdeb","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-eefb778f","./index-aca0a20d","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-032c3574","./hooks/UNSAFE_useTheme","./MessageDetail-6be4d1f0","./MessageFormattingUtils-4d3117dc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-d0680e4b","./Message.types-68b4b3c2","./MessageStartIcon-39d799c2","./MessageSummary-8be73e60","./MessageTimestamp-0508a27a","./MessageUtils-e5b4c4eb","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-a039ddb3","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-ff276cd9"],function(e,s,i,n,t,o,a,l,r,c,u,d,_,A,F,U,S,E,N,g,b,h,x,f,m,p,k,T,I,M,j,C,v,y,H,B,P,R,L,O,V,q,w,z,D,G,J,K,Q,W,X,Y,Z,$,ee,se,ie,ne,te,oe,ae,le,re,ce,ue,de,_e,Ae,Fe,Ue,Se,Ee,Ne,ge,be,he,xe,fe,me,pe,ke,Te,Ie,Me){"use strict";function je({assistiveText:e,sourceLink:i,sourceText:t}){return s.jsxs("div",{children:[e&&i?s.jsx("span",Object.assign({class:"_1il522e"},{children:e})):e,i&&s.jsx(n.InlineHelpSource,Object.assign({source:i},{children:t}))]})}const Ce={start:"_1tioa85",end:"_1h6x5d5"};function ve({align:e="end",hasHelp:i=!1,hasMessages:n=!1}){const t=a.classNames([Ce[e],(i||n)&&"dh6h4n"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:t},{children:l}))}const ye={reflow:"_1oznycr",efficient:"_141c745"};function He({variant:e="reflow",children:i,id:n}){const t=a.classNames(["gk3rgd",ye[e]]);return s.jsx("div",Object.assign({class:t,id:n},{children:i}))}e.InlineHelpSource=n.InlineHelpSource,e.InlineHelp=je,e.InlineRequired=ve,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:i,helpSourceLink:n,helpSourceText:t,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:d}){const{isReadonly:_}=r.useFormContext(),A="efficient"===d&&!1===_,{isFocused:F}=c.useFormFieldContext(),U=l.length>0?s.jsx(u.ComponentMessageContainer,{fieldLabel:i,messages:l}):(e||n)&&F?s.jsx(je,{assistiveText:e,sourceLink:n,sourceText:t}):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-c4b0c7d8","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-f7aa427b","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-adda2d86","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-fb11610e","./PRIVATE_Message","./UNSAFE_Flex","./Flex-f9400d0c","./tslib.es6-de389af1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./utils/PRIVATE_timer","./MessageCloseButton-c1dbc30b","./UNSAFE_Button","./Button-8aa00bbd","./UNSAFE_BaseButton","./BaseButton-4b95e724","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-0061da83","./utils/UNSAFE_mergeProps","./index-d117de08","./index-4dd59b80","./UNSAFE_Icon","./Icon-4b1331cd","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-930f80d0","./index-9be81def","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-af110ad3","./hooks/UNSAFE_useTheme","./MessageDetail-42f44dd3","./MessageFormattingUtils-a991ff36","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b89cb03c","./Message.types-e1e686f9","./MessageStartIcon-1256ab5f","./MessageSummary-2bdadf22","./MessageTimestamp-1a077b86","./MessageUtils-43b228f0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-7022e7d9","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-be5f2a1d"],function(e,s,t,i,n,o,a,l,r,c,u,d,A,_,F,U,S,E,N,g,b,f,x,h,p,m,k,T,I,M,j,v,C,y,H,B,P,R,L,O,V,w,q,D,z,G,J,K,Q,W,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,re,ce,ue,de,Ae,_e,Fe,Ue,Se,Ee,Ne,ge,be,fe,xe,he,pe,me,ke,Te,Ie,Me){"use strict";function je({assistiveText:e,sourceLink:t,sourceText:n}){return s.jsxs("div",{children:[e&&t?s.jsx("span",Object.assign({class:"rg5cyx"},{children:e})):e,t&&s.jsx(i.InlineHelpSource,Object.assign({source:t},{children:n}))]})}const ve={start:"npxpfc",end:"tk1wv8"};function Ce({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const n=a.classNames([ve[e],(t||i)&&"lo7kqd"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:n},{children:l}))}const ye={reflow:"_9xh8v5",efficient:"o573t6"};function He({variant:e="reflow",children:t,id:i}){const n=a.classNames(["_1i4dlwc",ye[e]]);return s.jsx("div",Object.assign({class:n,id:i},{children:t}))}e.InlineHelpSource=i.InlineHelpSource,e.InlineHelp=je,e.InlineRequired=Ce,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:i,helpSourceText:n,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:d}){const{isReadonly:A}=r.useFormContext(),_="efficient"===d&&!1===A,{isFocused:F}=c.useFormFieldContext(),U=l.length>0?s.jsx(u.ComponentMessageContainer,{fieldLabel:t,messages:l}):(e||i)&&F?s.jsx(je,{assistiveText:e,sourceLink:i,sourceText:n}):a?s.jsx(Ce,{}):null;return U||_?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 CHANGED Viewed

	@@ -1 +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,~~YAYE~~,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,~~2BAoBA~~,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,WAiBEC,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,~~SA4BEZ~~,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"}
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,UAYE,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,uBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,WAiBEC,EADAC,uBAAA,4BACAC,0BAEA,OAAAd,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,GAAA,CAAAhB,SAAAa,KC7BF,MAQAL,GAAA,QAAA,8BAmBA,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/__tests__/View.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../UNSAFE_View","../../tslib.es6-db9b6ac2","preact/compat","../../utils/UNSAFE_interpolations/borders","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-0511449d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-1beee224",'module',"../../keys-e12ae309","../../_has-a3099a21","../../utils/UNSAFE_interpolations/colors","../../utils/UNSAFE_interpolations/padding","../../utils/UNSAFE_interpolations/aria","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../_curry3-2a7dcff9","../../_curry2-e2b86cd0"],function(e,i,t,s,a,l,n,r,c,o,d,b,p,u,x,_,y,N,E,U,g,A,F,S){"use strict";describe("Test View component",()=>{it("render",async function(){const{container:a}=i.render(e.jsx(s.View,Object.assign({border:"2px solid red"},{children:e.jsx("div",{style:"width: 50px; height: 50px;"})})));t.expect(a.firstChildElement).not.null}),it("adds aria-label using accessibleLabel prop",()=>{const a="test label",{getByLabelText:l}=i.render(e.jsx(s.View,{accessibleLabel:a}));t.expect(l(a)).not.null}),it("adds aria-labelledby using ariaLabelledBy prop",()=>{const a="testId",l="test label",{getByLabelText:n}=i.render(e.jsx(s.View,Object.assign({ariaLabelledBy:a},{children:e.jsx("label",Object.assign({id:a},{children:l}))})));t.expect(n(l)).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../UNSAFE_View","../../tslib.es6-de389af1","preact/compat","../../utils/UNSAFE_interpolations/borders","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22",'module',"../../keys-a3d0c6e0","../../_has-264770bc","../../utils/UNSAFE_interpolations/colors","../../utils/UNSAFE_interpolations/padding","../../utils/UNSAFE_interpolations/aria","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862"],function(e,i,t,s,a,l,n,r,c,o,d,b,p,u,x,_,y,N,E,U,g,A,F,S){"use strict";describe("Test View component",()=>{it("render",async function(){const{container:a}=i.render(e.jsx(s.View,Object.assign({border:"2px solid red"},{children:e.jsx("div",{style:"width: 50px; height: 50px;"})})));t.expect(a.firstChildElement).not.null}),it("adds aria-label using accessibleLabel prop",()=>{const a="test label",{getByLabelText:l}=i.render(e.jsx(s.View,{accessibleLabel:a}));t.expect(l(a)).not.null}),it("adds aria-labelledby using ariaLabelledBy prop",()=>{const a="testId",l="test label",{getByLabelText:n}=i.render(e.jsx(s.View,Object.assign({ariaLabelledBy:a},{children:e.jsx("label",Object.assign({id:a},{children:l}))})));t.expect(n(l)).not.null})})});
 //# sourceMappingURL=View.spec.js.map

package/amd/UNSAFE_View.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-db9b6ac2","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-1beee224","./utils/UNSAFE_size","./_curry1-0511449d",'module',"./keys-e12ae309","./_has-a3099a21","./utils/UNSAFE_classNames","./classNames-e7b3a8a5","./_curry3-2a7dcff9","./_curry2-e2b86cd0"],function(e,a,s,i,t,l,r,n,o,c,b,d,u,p,_,m,y,N,f,A,S,U){"use strict";const j=d.stringLiteralArray(["div","main","article","section","aside"]),E=[...Object.values(t.borderInterpolations),...Object.values(l.dimensionInterpolations),...Object.values(u.flexitemInterpolations),...Object.values(n.colorInterpolations),...Object.values(o.paddingInterpolations),...Object.values(c.ariaInterpolations)],F=b.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:b}=n,d=a.__rest(n,["class","ariaLabelledBy","ariaLabel"]);d.boxSizing="border-box";const u=t||"div";return s.jsx(u,Object.assign({"aria-label":b,"aria-labelledby":c,class:o,style:d,ref:i},{children:l}))});e.View=v,e.elementTypes=j,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-de389af1","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-7c6baa22","./utils/UNSAFE_size","./_curry1-a9b2d356",'module',"./keys-a3d0c6e0","./_has-264770bc","./utils/UNSAFE_classNames","./classNames-f7aa427b","./_curry3-aa9c5bd1","./_curry2-4587c862"],function(e,a,s,i,t,l,r,n,o,c,b,d,u,p,_,m,y,N,f,A,S,U){"use strict";const j=d.stringLiteralArray(["div","main","article","section","aside"]),E=[...Object.values(t.borderInterpolations),...Object.values(l.dimensionInterpolations),...Object.values(u.flexitemInterpolations),...Object.values(n.colorInterpolations),...Object.values(o.paddingInterpolations),...Object.values(c.ariaInterpolations)],F=b.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:b}=n,d=a.__rest(n,["class","ariaLabelledBy","ariaLabel"]);d.boxSizing="border-box";const u=t||"div";return s.jsx(u,Object.assign({"aria-label":b,"aria-labelledby":c,class:o,style:d,ref:i},{children:l}))});e.View=v,e.elementTypes=j,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_View.js.map

package/amd/UNSAFE_VirtualizedListView/__tests__/VirtualizedListView.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_VirtualizedListView","../../listViewTestFixtures-d2fbd366","../../listViewSelectionTests-0b3a3716","../../VirtualizedListView-c4092be8","../../Flex-da4d9aef","../../tslib.es6-db9b6ac2","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-0511449d","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../_curry3-2a7dcff9","../../_curry2-e2b86cd0","../../_has-a3099a21",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-e12ae309","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-9553d7e5","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-1beee224","../../PRIVATE_List","../../List-00100b50","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-031c2ca2","../../PRIVATE_Collection","../../Collection-f1ddb5d8","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-36b73f80","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-95e35ab9","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-2b604636","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-c858cea4","../../index-6430a462","../../UNSAFE_Icon","../../Icon-3eb9bdeb","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-eefb778f","../../index-aca0a20d","../../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-032c3574","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-2d4f142f"],function(e,t,s,i,o,n,a,l,c,r,u,d,A,E,S,_,b,F,U,N,h,T,f,V,g,I,m,k,p,x,v,R,y,P,O,j,C,w,z,L,K,M,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,ae,le,ce,re,ue,de,Ae,Ee,Se,_e,be,Fe,Ue,Ne,he,Te,fe,Ve,ge){"use strict";function Ie({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:c,selectedKeys:r,selectionMode:u}){const d=t.useRef(null),[A,E]=t.useState(o),[S,_]=t.useState(r),[b,F]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:d},{children:e.jsx(a.VirtualizedListView,Object.assign({accessibleSummary:"Basic list",data:b,currentKey:A,selectedKeys:S,selectionMode:u,viewportConfig:{scroller:()=>d.current},onCurrentKeyChange:e=>E(e.value),onSelectionChange:e=>_(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},b),{offset:t,data:i.slice(t,s)});F(o)},gridlines:n,onItemAction:c,currentItemVariant:s},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test VirtualizedListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(Ie),n.testAria.bind(void 0)(Ie),n.testKeys.bind(void 0)(Ie),n.testGridlines.bind(void 0)(Ie),n.testItemAction.bind(void 0)(Ie),n.testSelection.bind(void 0)(Ie)})});
+define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_VirtualizedListView","../../listViewTestFixtures-6a8c2119","../../listViewSelectionTests-9aebca75","../../VirtualizedListView-f79f4494","../../Flex-f9400d0c","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-e416347d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22","../../PRIVATE_List","../../List-44693a3f","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-9d8c593e","../../PRIVATE_Collection","../../Collection-0182f161","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-bf80ad01","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-3f6a714b","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-465c0d6e","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-d117de08","../../index-4dd59b80","../../UNSAFE_Icon","../../Icon-4b1331cd","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-930f80d0","../../index-9be81def","../../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-af110ad3","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-e980dfea"],function(e,t,s,i,o,n,a,l,c,r,u,d,A,E,S,_,F,U,b,N,h,f,T,V,g,I,m,k,p,x,v,R,y,P,O,j,C,w,z,L,K,M,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,ae,le,ce,re,ue,de,Ae,Ee,Se,_e,Fe,Ue,be,Ne,he,fe,Te,Ve,ge){"use strict";function Ie({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:c,selectedKeys:r,selectionMode:u}){const d=t.useRef(null),[A,E]=t.useState(o),[S,_]=t.useState(r),[F,U]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:d},{children:e.jsx(a.VirtualizedListView,Object.assign({accessibleSummary:"Basic list",data:F,currentKey:A,selectedKeys:S,selectionMode:u,viewportConfig:{scroller:()=>d.current},onCurrentKeyChange:e=>E(e.value),onSelectionChange:e=>_(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},F),{offset:t,data:i.slice(t,s)});U(o)},gridlines:n,onItemAction:c,currentItemVariant:s},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test VirtualizedListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(Ie),n.testAria.bind(void 0)(Ie),n.testKeys.bind(void 0)(Ie),n.testGridlines.bind(void 0)(Ie),n.testItemAction.bind(void 0)(Ie),n.testSelection.bind(void 0)(Ie)})});
 //# sourceMappingURL=VirtualizedListView.spec.js.map

package/amd/UNSAFE_VirtualizedListView/__tests__/VirtualizedListViewTabbableMode.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../VirtualizedListView-c4092be8","../../listViewTestFixtures-d2fbd366","../../listViewTabbableModeTests-c4d3faea","../../Flex-da4d9aef","preact","../../tslib.es6-db9b6ac2","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-0511449d","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../_curry3-2a7dcff9","../../_curry2-e2b86cd0","../../_has-a3099a21",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-e12ae309","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-9553d7e5","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-1beee224","../../PRIVATE_List","../../List-00100b50","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-031c2ca2","../../PRIVATE_Collection","../../Collection-f1ddb5d8","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-36b73f80","../../UNSAFE_FocusTrap","../../FocusTrap-95e35ab9","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-2b604636","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-c858cea4","../../index-6430a462","../../UNSAFE_Icon","../../Icon-3eb9bdeb","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-eefb778f","../../index-aca0a20d","../../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-032c3574","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-2d4f142f"],function(e,t,s,o,i,a,n,l,r,c,u,d,b,_,A,E,F,S,h,U,N,x,f,p,g,T,k,I,V,m,j,P,y,R,v,w,C,O,M,z,L,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ae,ne,le,re,ce,ue,de,be,_e,Ae,Ee,Fe,Se,he,Ue,Ne,xe,fe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[a,n]=t.useState(void 0),[r,c]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.VirtualizedListView,Object.assign({accessibleSummary:"Basic list",data:r,currentKey:a,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>n(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},r),{offset:t,data:s.slice(t,o)});c(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test VirtualizedListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||a.setupIntersectionObserverMock()}),n.testTabbableMode.bind(void 0)(ke)})});
+define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../VirtualizedListView-f79f4494","../../listViewTestFixtures-6a8c2119","../../listViewTabbableModeTests-61b6c49d","../../Flex-f9400d0c","preact","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-e416347d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22","../../PRIVATE_List","../../List-44693a3f","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-9d8c593e","../../PRIVATE_Collection","../../Collection-0182f161","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-bf80ad01","../../UNSAFE_FocusTrap","../../FocusTrap-3f6a714b","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-465c0d6e","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-d117de08","../../index-4dd59b80","../../UNSAFE_Icon","../../Icon-4b1331cd","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-930f80d0","../../index-9be81def","../../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-af110ad3","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-e980dfea"],function(e,t,s,o,i,a,n,l,r,c,u,d,b,_,A,E,F,S,h,U,N,f,x,p,g,T,k,I,V,m,j,P,y,R,v,w,C,O,M,z,L,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ae,ne,le,re,ce,ue,de,be,_e,Ae,Ee,Fe,Se,he,Ue,Ne,fe,xe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[a,n]=t.useState(void 0),[r,c]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.VirtualizedListView,Object.assign({accessibleSummary:"Basic list",data:r,currentKey:a,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>n(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},r),{offset:t,data:s.slice(t,o)});c(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test VirtualizedListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||a.setupIntersectionObserverMock()}),n.testTabbableMode.bind(void 0)(ke)})});
 //# sourceMappingURL=VirtualizedListViewTabbableMode.spec.js.map