@oracle/oraclejet 13.1.18 → 13.1.19

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

@@ -1,16 +1,16 @@
-._6dsdy{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-.ngcei0{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-._bnea2z{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-.ebjjr3{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-._is0ldm{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._fyw1o{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._gak6eo{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._gsae1g{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+._pjdr3m{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);overflow-x:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._pjdr3m:active:enabled{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active);}._pjdr3m:focus{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}@supports selector(:focus-visible){._pjdr3m:focus{outline:none;}}._pjdr3m:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._bkfgvk:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}
+@media(hover:hover){._arfgjz:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}}
+.wqywh6{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);}
+._piy6o{padding-inline-start:0;padding-inline-end:0;}
+._ydnkw{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled);}
+._4hwymw{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
 
-._cc78yu{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);overflow-x:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._cc78yu:active:enabled{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active);}._cc78yu:focus{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}@supports selector(:focus-visible){._cc78yu:focus{outline:none;}}._cc78yu:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.cn4v78:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}
-@media(hover:hover){._rg5om6:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}}
-.snwexu{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);}
-.r63lrt{padding-inline-start:0;padding-inline-end:0;}
-._qr9u6p{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled);}
-.ik6cdj{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+._6ieec8{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+.c9e6j2{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._vyu44e{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+.cqw6wr{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+.zdv7hy{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+.lc0rfy{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+.dcolbf{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._006i9j{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}

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

@@ -1,2 +1,2 @@
-define(["exports","./Button-84df8d3b","preact/jsx-runtime","./tslib.es6-3ed94d24",'css!./UNSAFE_Button.css',"./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./utils/UNSAFE_classNames","./classNames-6646dbed","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./_has-341d00f2","./utils/PRIVATE_clientHints","./clientHints-6d037959"],(function(s,t,e,i,o,r,l,n,u,a,_,c,d,U,N,A,E,F,S,p,f,m,g){"use strict";s.Button=t.Button,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","./Button-d4c88ad0","preact/jsx-runtime","./tslib.es6-729aac46",'css!./UNSAFE_Button.css',"./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./utils/UNSAFE_classNames","./classNames-a1419de1","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./_curry1-84227870","./utils/UNSAFE_mergeInterpolations","./_curry2-599c4056","./_has-2638e8a5","./utils/PRIVATE_clientHints","./clientHints-987a9f48"],(function(s,t,e,i,a,o,r,l,n,u,c,_,U,N,A,E,F,S,p,d,m,f,g){"use strict";s.Button=t.Button,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Button.js.map

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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-3ed94d24","preact/jsx-runtime","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6646dbed","./_curry2-ad906095","./_has-341d00f2",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3"],(function(e,i,t,s,l,n,r,a,o,u,c,d,_,f,h,x,F,U,N,A,E,S,g){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-729aac46","preact/jsx-runtime","./UNSAFE_Flex","./Flex-b35f1cd3","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./_curry1-84227870","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-a1419de1","./_curry2-599c4056","./_has-2638e8a5",'module',"./utils/UNSAFE_interpolations/boxalignment","./keys-34f4d04c","./utils/UNSAFE_interpolations/flexbox","./flexbox-921f9ca0","./utils/UNSAFE_interpolations/flexitem","./flexitem-5b7c175c"],(function(e,i,t,s,l,n,r,a,c,o,u,_,d,f,h,x,F,U,N,A,E,S,g){"use strict";e.Center=function(e){var{children:s,width:n="100%",height:r="100%"}=e,a=i.__rest(e,["children","width","height"]);return t.jsx(l.Flex,Object.assign({},a,{justify:"center",align:"center",width:n,height:r},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Center.js.map

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

@@ -1,6 +1,6 @@
-._kmb2{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._kmb2:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.wlgdge{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-._bulbfv{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._y7mckk{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-._7t3fa{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-.k87bzp{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._4ory8d{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._4ory8d:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.ppt859{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+.j6e1mr{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.lpwv3t{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+.ufd08a{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._5gm224{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}

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

@@ -1,2 +1,2 @@
-define(["exports","./Chip-8578921a","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress",'css!./UNSAFE_Chip.css',"./utils/UNSAFE_classNames","./classNames-6646dbed"],(function(e,s,o,i,u,t,r,a,c,h,A,N,_,l){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Chip-3926c016","preact/jsx-runtime","./hooks/UNSAFE_useActionable","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","preact/hooks","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_usePress",'css!./UNSAFE_Chip.css',"./utils/UNSAFE_classNames","./classNames-a1419de1"],(function(e,s,o,i,u,t,r,a,c,h,A,N,_,l){"use strict";e.Chip=s.Chip,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Chip.js.map

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

@@ -1,5 +1,5 @@
-.ekidg5{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
-._sh079w{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+.gtq4z8{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
+._sgnut8{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
 
-._hrgrv8{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
-._5ibxra{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._pjnwa{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
+._jce8x{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId",'css!./UNSAFE_Collapsible.css',"./utils/UNSAFE_classNames","./UNSAFE_Flex","./index-2b8f2b13","./classNames-6646dbed","./index-45e20b6f","./Flex-4355ec04","./hooks/UNSAFE_useAnimation","./tslib.es6-3ed94d24","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./_has-341d00f2","./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,n,i,s,t,o,d,a,l,r,c,u,x,g,m,h,p,b,E,_,f,j,S,N,U,A,F,I,v,k,O,H,y,C,D,T){"use strict";const w="_hrgrv8",$="_5ibxra",z=({contentId:e,isDisabled:i,headerId:s,isExpanded:t,onClick:o})=>{const d=l.classNames([w,i&&$]),c=t?r.SvgIcoChevronDown:a.CollapseIcon;return n.jsx("button",Object.assign({class:d,"aria-labelledby":s,"aria-controls":e,"aria-expanded":t,onClick:o},{children:n.jsx(c,{size:"6x"})}))},R="ekidg5",Y="_sh079w",L=({children:e,id:i,contentId:s,isDisabled:t,isExpanded:o,toggleHandler:d})=>{const a=l.classNames([R,t&&Y]);return n.jsx("div",Object.assign({id:i,class:a,onClick:d},{children:n.jsxs(c.Flex,Object.assign({align:"center"},{children:[n.jsx(z,{isDisabled:t,headerId:i,contentId:s,isExpanded:o}),e]}))}))},M=({children:e,id:s,isExpanded:t,onTransitionEnd:o})=>{const[d,a]=i.useState(t?"mounted":"unmounted"),[l,r]=i.useState(t),c=t!==l||["mounting","unmounting"].includes(d);i.useEffect((()=>{c&&a(t?"mounting":"unmounting")}),[t,c]);const{nodeRef:x}=u.useAnimation(["mounted","mounting"].includes(d)?"expanded":"collapsed",{animationStates:P,onAnimationEnd:({animationState:e})=>{const n="expanded"===e;a(n?"mounted":"unmounted"),r(n),null==o||o()}});return n.jsx("div",Object.assign({ref:x,id:s,tabIndex:-1,"aria-hidden":!t||void 0},{children:(c||"mounted"===d)&&e}))},P={expanded:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflowY:"hidden"},options:{duration:400},end:{maxHeight:"none"}}),collapsed:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{overflowY:"hidden",maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:o,isDisabled:d=!1,isExpanded:a=!1,onToggle:l,onTransitionEnd:r})=>{const c=i.useRef(null),u=s.useId(),x=`oj-collapsible-header-${u}`,g=`oj-collapsible-content-${u}`;return n.jsxs("div",Object.assign({id:e,ref:c},{children:[n.jsx(L,Object.assign({id:x,contentId:g,toggleHandler:()=>{d||null==l||l({value:!a})},isDisabled:d,isExpanded:a},{children:t})),n.jsx(M,Object.assign({id:g,isExpanded:a,onTransitionEnd:()=>{null==r||r({value:a})}},{children:o}))]}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","preact/hooks","./hooks/UNSAFE_useId",'css!./UNSAFE_Collapsible.css',"./utils/UNSAFE_classNames","./UNSAFE_Flex","./index-fcc76811","./classNames-a1419de1","./index-044c0da7","./Flex-b35f1cd3","./hooks/UNSAFE_useAnimation","./tslib.es6-729aac46","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./_curry1-84227870","./utils/UNSAFE_mergeInterpolations","./_curry2-599c4056","./_has-2638e8a5","./utils/UNSAFE_interpolations/boxalignment","./keys-34f4d04c","./utils/UNSAFE_interpolations/flexbox","./flexbox-921f9ca0","./utils/UNSAFE_interpolations/flexitem","./flexitem-5b7c175c","./UNSAFE_Icon","./Icon-a0b96893","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,n,i,s,t,a,o,d,l,c,r,u,x,g,m,p,h,E,b,_,j,S,f,N,U,A,F,I,v,O,k,H,y,C,D,T){"use strict";const w="_pjnwa",$="_jce8x",z=({contentId:e,isDisabled:i,headerId:s,isExpanded:t,onClick:a})=>{const o=l.classNames([w,i&&$]),r=t?c.SvgIcoChevronDown:d.CollapseIcon;return n.jsx("button",Object.assign({class:o,"aria-labelledby":s,"aria-controls":e,"aria-expanded":t,onClick:a},{children:n.jsx(r,{size:"6x"})}))},R="gtq4z8",Y="_sgnut8",q=({children:e,id:i,contentId:s,isDisabled:t,isExpanded:a,toggleHandler:o})=>{const d=l.classNames([R,t&&Y]);return n.jsx("div",Object.assign({id:i,class:d,onClick:o},{children:n.jsxs(r.Flex,Object.assign({align:"center"},{children:[n.jsx(z,{isDisabled:t,headerId:i,contentId:s,isExpanded:a}),e]}))}))},L=({children:e,id:s,isExpanded:t,onTransitionEnd:a})=>{const[o,d]=i.useState(t?"mounted":"unmounted"),[l,c]=i.useState(t),r=t!==l||["mounting","unmounting"].includes(o);i.useEffect((()=>{r&&d(t?"mounting":"unmounting")}),[t,r]);const{nodeRef:x}=u.useAnimation(["mounted","mounting"].includes(o)?"expanded":"collapsed",{animationStates:M,onAnimationEnd:({animationState:e})=>{const n="expanded"===e;d(n?"mounted":"unmounted"),c(n),null==a||a()}});return n.jsx("div",Object.assign({ref:x,id:s,tabIndex:-1,"aria-hidden":!t||void 0},{children:(r||"mounted"===o)&&e}))},M={expanded:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflowY:"hidden"},options:{duration:400},end:{maxHeight:"none"}}),collapsed:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}}),{to:{overflowY:"hidden",maxHeight:"0"},options:{duration:400}})};e.Collapsible=({id:e,header:t,children:a,isDisabled:o=!1,isExpanded:d=!1,onToggle:l,onTransitionEnd:c})=>{const r=i.useRef(null),u=s.useId(),x=`oj-collapsible-header-${u}`,g=`oj-collapsible-content-${u}`;return n.jsxs("div",Object.assign({id:e,ref:r},{children:[n.jsx(q,Object.assign({id:x,contentId:g,toggleHandler:()=>{o||null==l||l({value:!d})},isDisabled:o,isExpanded:d},{children:t})),n.jsx(L,Object.assign({id:g,isExpanded:d,onTransitionEnd:()=>{null==c||c({value:d})}},{children:a}))]}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  contentId: string;\n  isDisabled: boolean;\n  headerId: string;\n  isExpanded: boolean;\n  onClick?: (event: Event) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    paddingTop: '5px',\n    paddingRight: '5px',\n    paddingBottom: '5px',\n    paddingLeft: '5px',\n    marginInlineStart: '-8px'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({\n  contentId,\n  isDisabled,\n  headerId,\n  isExpanded,\n  onClick\n}: IconProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n  const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n  return (\n    <button\n      class={classes}\n      aria-labelledby={headerId}\n      aria-controls={contentId}\n      aria-expanded={isExpanded}\n      onClick={onClick}>\n      <Icon size=\"6x\" />\n    </button>\n  );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  toggleHandler: () => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingRight: '0',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingLeft: '0',\n    cursor: 'pointer'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n  return (\n    <div id={id} class={classes} onClick={toggleHandler}>\n      <Flex align=\"center\">\n        <CollapsibleHeaderIcon\n          isDisabled={isDisabled}\n          headerId={id}\n          contentId={contentId}\n          isExpanded={isExpanded}\n        />\n        {children}\n      </Flex>\n    </div>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<'mounting' | 'mounted' | 'unmounting' | 'unmounted'>(\n    isExpanded ? 'mounted' : 'unmounted'\n  );\n\n  const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n  const isAnimating = isExpanded !== prevExpanded || ['mounting', 'unmounting'].includes(state);\n\n  useEffect(() => {\n    if (isAnimating) {\n      setState(isExpanded ? 'mounting' : 'unmounting');\n    }\n  }, [isExpanded, isAnimating]);\n\n  const { nodeRef } = useAnimation<'expanded' | 'collapsed', HTMLDivElement>(\n    ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n    {\n      animationStates,\n      onAnimationEnd: ({ animationState }) => {\n        const isExpanded = animationState === 'expanded';\n        setState(isExpanded ? 'mounted' : 'unmounted');\n        setPrevExpanded(isExpanded);\n        onTransitionEnd?.();\n      }\n    }\n  );\n  return (\n    <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded || undefined}>\n      {(isAnimating || state === 'mounted') && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n *\n * In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n */\n\nconst animationStates: UseAnimationConfig<\n  'expanded' | 'collapsed',\n  HTMLDivElement\n>['animationStates'] = {\n  expanded: (node) => {\n    return {\n      to: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflowY: 'hidden'\n      },\n      options: {\n        duration: 400\n      },\n      end: {\n        maxHeight: 'none'\n      }\n    };\n  },\n  collapsed: (node) => {\n    return {\n      ...(node.style.maxHeight === 'none' && {\n        from: {\n          maxHeight: `${node.scrollHeight}px`\n        }\n      }),\n      to: {\n        overflowY: 'hidden',\n        maxHeight: '0'\n      },\n      options: {\n        duration: 400\n      }\n    };\n  }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n  value: boolean;\n};\n\n/**\n * Controlled Collapsible component\n */\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = () => {\n    if (isDisabled) {\n      return;\n    }\n    onToggle?.({\n      value: !isExpanded\n    });\n  };\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = () => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  };\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","CollapsibleHeader","children","id","toggleHandler","CollapsibleContent","onTransitionEnd","state","setState","useState","prevExpanded","setPrevExpanded","isAnimating","includes","useEffect","nodeRef","useAnimation","animationStates","onAnimationEnd","animationState","_jsx","Object","assign","ref","tabIndex","undefined","expanded","node","to","maxHeight","scrollHeight","overflowY","options","duration","end","collapsed","style","from","header","onToggle","rootRef","useRef","uniqueID","useId","_jsxs","jsx","value"],"mappings":"86BAYA,MAAAA,EAAA,UAAAA,YAuBAC,EAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,WAAAA,EAAAC,QAAAA,MAOE,MAAAC,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,8LC1BFA,EAAA,SAAAA,YAkBAS,EAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAT,UAAAA,EAAAC,WAAAA,EAAAE,WAAAA,EAAAO,cAAAA,MAQE,MAAAL,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,sMC9BWa,EAAqB,EAAGH,SAAAA,EAAUC,GAAAA,EAAIN,WAAAA,EAAYS,gBAAAA,MAC7D,MAAOC,EAAOC,GAAYC,EAAQA,SAChCZ,EAAa,UAAY,cAGpBa,EAAcC,GAAmBF,EAAQA,SAAUZ,GACpDe,EAAcf,IAAea,GAAgB,CAAC,WAAY,cAAcG,SAASN,GAEvFO,EAAAA,WAAU,KACJF,GACFJ,EAASX,EAAa,WAAa,gBAEpC,CAACA,EAAYe,IAEhB,MAAMG,QAAEA,GAAYC,EAAYA,aAC9B,CAAC,UAAW,YAAYH,SAASN,GAAS,WAAa,YACvD,CACEU,gBAAAA,EACAC,eAAgB,EAAGC,eAAAA,MACjB,MAAMtB,EAAgC,aAAnBsB,EACnBX,EAASX,EAAa,UAAY,aAClCc,EAAgBd,GAChBS,MAAAA,GAAAA,OAIN,OACEc,MAAA,MAAAC,OAAAC,OAAA,CAAKC,IAAKR,EAASZ,GAAIA,EAAIqB,UAAW,EAAC,eAAgB3B,QAAc4B,GAClE,CAAAvB,UAACU,GAAyB,YAAVL,IAAwBL,MAuBzCe,EAGiB,CACrBS,SAAWC,IACF,CACLC,GAAI,CACFC,UAAW,GAAGF,EAAKG,iBACnBC,UAAW,UAEbC,QAAS,CACPC,SAAU,KAEZC,IAAK,CACHL,UAAW,UAIjBM,UAAYR,GAELN,OAAAC,OAAAD,OAAAC,OAAA,GAA0B,SAAzBK,EAAKS,MAAMP,WAAwB,CACrCQ,KAAM,CACJR,UAAW,GAAGF,EAAKG,oBAErB,CACFF,GAAI,CACFG,UAAW,SACXF,UAAW,KAEbG,QAAS,CACPC,SAAU,sBCnDS,EACzB9B,GAAAA,EACAmC,OAAAA,EACApC,SAAAA,EACAP,WAAAA,GAAa,EACbE,WAAAA,GAAa,EACb0C,SAAAA,EACAjC,gBAAAA,MAEA,MAAMkC,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACX/C,EAAoC,yBAAA8C,IACpChD,EAAsC,0BAAAgD,IAuB5C,OACEE,OAAK,MAAAvB,OAAAC,OAAA,CAAAnB,GAAIA,EAAIoB,IAAKiB,GAAO,CAAAtC,SAAA,CACvBkB,EAACyB,IAAA5C,iBACCE,GAAIP,EACJF,UAAWA,EACXU,cAvBgB,KAChBT,GAGJ4C,MAAAA,GAAAA,EAAW,CACTO,OAAQjD,KAmBNF,WAAYA,EACZE,WAAYA,GACX,CAAAK,SAAAoC,KAEHlB,EAAAA,IAACf,EACCgB,OAAAC,OAAA,CAAAnB,GAAIT,EACJG,WAAYA,EACZS,gBAnBuB,KAC3BA,MAAAA,GAAAA,EAAkB,CAChBwC,MAAOjD,MAiBgC,CAAAK,SACpCA"}
+{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  contentId: string;\n  isDisabled: boolean;\n  headerId: string;\n  isExpanded: boolean;\n  onClick?: (event: Event) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    paddingTop: '5px',\n    paddingRight: '5px',\n    paddingBottom: '5px',\n    paddingLeft: '5px',\n    marginInlineStart: '-8px'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({\n  contentId,\n  isDisabled,\n  headerId,\n  isExpanded,\n  onClick\n}: IconProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n  const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n  return (\n    <button\n      class={classes}\n      aria-labelledby={headerId}\n      aria-controls={contentId}\n      aria-expanded={isExpanded}\n      onClick={onClick}>\n      <Icon size=\"6x\" />\n    </button>\n  );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  toggleHandler: () => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingRight: '0',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n    paddingLeft: '0',\n    cursor: 'pointer'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n  return (\n    <div id={id} class={classes} onClick={toggleHandler}>\n      <Flex align=\"center\">\n        <CollapsibleHeaderIcon\n          isDisabled={isDisabled}\n          headerId={id}\n          contentId={contentId}\n          isExpanded={isExpanded}\n        />\n        {children}\n      </Flex>\n    </div>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<'mounting' | 'mounted' | 'unmounting' | 'unmounted'>(\n    isExpanded ? 'mounted' : 'unmounted'\n  );\n\n  const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n  const isAnimating = isExpanded !== prevExpanded || ['mounting', 'unmounting'].includes(state);\n\n  useEffect(() => {\n    if (isAnimating) {\n      setState(isExpanded ? 'mounting' : 'unmounting');\n    }\n  }, [isExpanded, isAnimating]);\n\n  const { nodeRef } = useAnimation<'expanded' | 'collapsed', HTMLDivElement>(\n    ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n    {\n      animationStates,\n      onAnimationEnd: ({ animationState }) => {\n        const isExpanded = animationState === 'expanded';\n        setState(isExpanded ? 'mounted' : 'unmounted');\n        setPrevExpanded(isExpanded);\n        onTransitionEnd?.();\n      }\n    }\n  );\n  return (\n    <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded || undefined}>\n      {(isAnimating || state === 'mounted') && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n *\n * In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n */\n\nconst animationStates: UseAnimationConfig<\n  'expanded' | 'collapsed',\n  HTMLDivElement\n>['animationStates'] = {\n  expanded: (node) => {\n    return {\n      to: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflowY: 'hidden'\n      },\n      options: {\n        duration: 400\n      },\n      end: {\n        maxHeight: 'none'\n      }\n    };\n  },\n  collapsed: (node) => {\n    return {\n      ...(node.style.maxHeight === 'none' && {\n        from: {\n          maxHeight: `${node.scrollHeight}px`\n        }\n      }),\n      to: {\n        overflowY: 'hidden',\n        maxHeight: '0'\n      },\n      options: {\n        duration: 400\n      }\n    };\n  }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n  value: boolean;\n};\n\n/**\n * Controlled Collapsible component\n */\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = () => {\n    if (isDisabled) {\n      return;\n    }\n    onToggle?.({\n      value: !isExpanded\n    });\n  };\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = () => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  };\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","CollapsibleHeader","children","id","toggleHandler","CollapsibleContent","onTransitionEnd","state","setState","useState","prevExpanded","setPrevExpanded","isAnimating","includes","useEffect","nodeRef","useAnimation","animationStates","onAnimationEnd","animationState","_jsx","Object","assign","ref","tabIndex","undefined","expanded","node","to","maxHeight","scrollHeight","overflowY","options","duration","end","collapsed","style","from","header","onToggle","rootRef","useRef","uniqueID","useId","_jsxs","jsx","value"],"mappings":"86BAYA,MAAAA,EAAA,SAAAA,WAuBAC,EAAA,EAAAC,UAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAAC,WAAAA,EAAAC,QAAAA,MAOE,MAAAC,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,8LC1BFA,EAAA,SAAAA,YAkBAS,EAAA,EAAAC,SAAAA,EAAAC,GAAAA,EAAAT,UAAAA,EAAAC,WAAAA,EAAAE,WAAAA,EAAAO,cAAAA,MAQE,MAAAL,EAAAC,EAAAA,WAAA,CAAAR,EAAAG,GAAAH,sMC9BWa,EAAqB,EAAGH,SAAAA,EAAUC,GAAAA,EAAIN,WAAAA,EAAYS,gBAAAA,MAC7D,MAAOC,EAAOC,GAAYC,EAAQA,SAChCZ,EAAa,UAAY,cAGpBa,EAAcC,GAAmBF,EAAQA,SAAUZ,GACpDe,EAAcf,IAAea,GAAgB,CAAC,WAAY,cAAcG,SAASN,GAEvFO,EAAAA,WAAU,KACJF,GACFJ,EAASX,EAAa,WAAa,gBAEpC,CAACA,EAAYe,IAEhB,MAAMG,QAAEA,GAAYC,EAAYA,aAC9B,CAAC,UAAW,YAAYH,SAASN,GAAS,WAAa,YACvD,CACEU,gBAAAA,EACAC,eAAgB,EAAGC,eAAAA,MACjB,MAAMtB,EAAgC,aAAnBsB,EACnBX,EAASX,EAAa,UAAY,aAClCc,EAAgBd,GAChBS,MAAAA,GAAAA,OAIN,OACEc,MAAA,MAAAC,OAAAC,OAAA,CAAKC,IAAKR,EAASZ,GAAIA,EAAIqB,UAAW,EAAC,eAAgB3B,QAAc4B,GAClE,CAAAvB,UAACU,GAAyB,YAAVL,IAAwBL,MAuBzCe,EAGiB,CACrBS,SAAWC,IACF,CACLC,GAAI,CACFC,UAAW,GAAGF,EAAKG,iBACnBC,UAAW,UAEbC,QAAS,CACPC,SAAU,KAEZC,IAAK,CACHL,UAAW,UAIjBM,UAAYR,GAELN,OAAAC,OAAAD,OAAAC,OAAA,GAA0B,SAAzBK,EAAKS,MAAMP,WAAwB,CACrCQ,KAAM,CACJR,UAAW,GAAGF,EAAKG,oBAErB,CACFF,GAAI,CACFG,UAAW,SACXF,UAAW,KAEbG,QAAS,CACPC,SAAU,sBCnDS,EACzB9B,GAAAA,EACAmC,OAAAA,EACApC,SAAAA,EACAP,WAAAA,GAAa,EACbE,WAAAA,GAAa,EACb0C,SAAAA,EACAjC,gBAAAA,MAEA,MAAMkC,EAAUC,SAAuB,MACjCC,EAAWC,EAAAA,QACX/C,EAAoC,yBAAA8C,IACpChD,EAAsC,0BAAAgD,IAuB5C,OACEE,OAAK,MAAAvB,OAAAC,OAAA,CAAAnB,GAAIA,EAAIoB,IAAKiB,GAAO,CAAAtC,SAAA,CACvBkB,EAACyB,IAAA5C,iBACCE,GAAIP,EACJF,UAAWA,EACXU,cAvBgB,KAChBT,GAGJ4C,MAAAA,GAAAA,EAAW,CACTO,OAAQjD,KAmBNF,WAAYA,EACZE,WAAYA,GACX,CAAAK,SAAAoC,KAEHlB,EAAAA,IAACf,EACCgB,OAAAC,OAAA,CAAAnB,GAAIT,EACJG,WAAYA,EACZS,gBAnBuB,KAC3BA,MAAAA,GAAAA,EAAkB,CAChBwC,MAAOjD,MAiBgC,CAAAK,SACpCA"}

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

@@ -1,2 +1,2 @@
-define(["exports","./Collection-47202b3c","preact/jsx-runtime","preact"],(function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Collection-512d59df","preact/jsx-runtime","preact"],(function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Collection.js.map

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

@@ -1,3 +1,3 @@
-._f4fwzp{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+.pmaxy7{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-.c7pi76{overflow-x:hidden;overflow-y:hidden;}
+._lua4jz{overflow-x:hidden;overflow-y:hidden;}

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

@@ -1,2 +1,2 @@
-define(["exports","./ComponentMessage-c3d1d8d2","./ComponentMessageContainer-808667fc","preact/jsx-runtime",'css!./UNSAFE_ComponentMessage.css',"./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./UNSAFE_Flex","./Flex-4355ec04","./tslib.es6-3ed94d24","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6646dbed","./_curry2-ad906095","./_has-341d00f2","./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-45e20b6f","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup"],(function(e,s,t,a,i,n,o,l,r,c,U,u,_,d,g,F,A,N,S,E,m,p,f,M,b,x,C,y,h,k,I,T,j,v,B,H,L,z,D,G,O,P,q,w,J,K,Q,R,V,W,X,Y,Z){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=t.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./ComponentMessage-d3f97c2f","./ComponentMessageContainer-729a3a4b","preact/jsx-runtime",'css!./UNSAFE_ComponentMessage.css',"./hooks/UNSAFE_useTranslationBundle","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./UNSAFE_HiddenAccessible","./HiddenAccessible-22abaaa2","./UNSAFE_Message","./UNSAFE_Flex","./Flex-b35f1cd3","./tslib.es6-729aac46","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./_curry1-84227870","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-a1419de1","./_curry2-599c4056","./_has-2638e8a5","./utils/UNSAFE_interpolations/boxalignment","./keys-34f4d04c","./utils/UNSAFE_interpolations/flexbox","./flexbox-921f9ca0","./utils/UNSAFE_interpolations/flexitem","./flexitem-5b7c175c","./MessageCloseButton-c969fbf0","./MessageDetail-d3699216","./MessageFormattingUtils-84c7380c","./utils/UNSAFE_getLocale","./Message.types-f8b7436e","./MessageStartIcon-c821566a","./index-fcc76811","./UNSAFE_Icon","./Icon-a0b96893","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-044c0da7","./MessageSummary-a301f784","./MessageTimestamp-7d2126d1","./MessageUtils-17c12d3b","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-9adfa284","./UNSAFE_TransitionGroup"],(function(e,s,a,t,i,n,o,l,c,r,U,u,_,g,F,A,N,S,E,d,m,p,f,M,b,x,C,y,h,k,I,T,j,v,B,H,L,z,D,G,O,P,q,w,J,K,Q,R,V,W,X,Y,Z){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=a.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ComponentMessage.js.map

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

@@ -1 +1 @@
-._hf1cnr{display:flex;}
+._2fxm9p{display:flex;}

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

@@ -1,2 +1,2 @@
-define(["exports","./Flex-4355ec04","./tslib.es6-3ed94d24","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6646dbed","./_curry2-ad906095","./_has-341d00f2",'css!./UNSAFE_Flex.css',"./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3"],(function(e,i,s,t,l,n,r,a,o,u,_,x,F,U,c,d,f,N,A,E,S,m){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Flex-b35f1cd3","./tslib.es6-729aac46","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./_curry1-84227870","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-a1419de1","./_curry2-599c4056","./_has-2638e8a5",'css!./UNSAFE_Flex.css',"./utils/UNSAFE_interpolations/boxalignment","./keys-34f4d04c","./utils/UNSAFE_interpolations/flexbox","./flexbox-921f9ca0","./utils/UNSAFE_interpolations/flexitem","./flexitem-5b7c175c"],(function(e,i,s,t,l,a,n,r,o,c,u,_,x,F,U,f,N,A,E,S,m,p){"use strict";e.Flex=i.Flex,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Flex.js.map

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

@@ -1,2 +1,2 @@
-define(["exports","./Floating-c485726f","preact/jsx-runtime","preact/hooks","preact/compat","./index-7ab88426","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils"],(function(e,t,o,i,r,s,a,n,c,u,l,F){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Floating-f2a31061","preact/jsx-runtime","preact/hooks","preact/compat","./index-bc883f97","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils"],(function(e,t,o,i,r,s,a,n,c,u,l,F){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Floating.js.map

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

@@ -1 +1 @@
-.nn8zlh{display:grid;}
+.uv0h2b{display:grid;}

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

@@ -1,2 +1,2 @@
-function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(r,t):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,a=new Array(t);e<t;e++)a[e]=r[e];return a}define(["exports","./tslib.es6-3ed94d24","preact/jsx-runtime",'css!./UNSAFE_Grid.css',"./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-6646dbed","./_curry2-ad906095"],(function(r,t,e,a,n,o,i,s,l,u,c,y,_,d,b,A,p){"use strict";const f=[].concat(_toConsumableArray(Object.values(n.gridInterpolations)),_toConsumableArray(Object.values(o.boxAlignmentInterpolations))),m=i.mergeInterpolations(f);r.Grid=r=>{var{children:a}=r,n=t.__rest(r,["children"]);const o=m(n),{class:i}=o,s=t.__rest(o,["class"]),l=Object.assign({},s);return e.jsx("div",Object.assign({class:`nn8zlh ${i}`,style:l},{children:a}))},Object.defineProperty(r,"__esModule",{value:!0})}));
+function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(r,t):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,a=new Array(t);e<t;e++)a[e]=r[e];return a}define(["exports","./tslib.es6-729aac46","preact/jsx-runtime",'css!./UNSAFE_Grid.css',"./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_mergeInterpolations","./keys-34f4d04c","./_curry1-84227870","./_has-2638e8a5","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-a1419de1","./_curry2-599c4056"],(function(r,t,e,a,n,o,i,s,l,u,c,y,_,b,A,d,p){"use strict";const f=[].concat(_toConsumableArray(Object.values(n.gridInterpolations)),_toConsumableArray(Object.values(o.boxAlignmentInterpolations))),m=i.mergeInterpolations(f);r.Grid=r=>{var{children:a}=r,n=t.__rest(r,["children"]);const o=m(n),{class:i}=o,s=t.__rest(o,["class"]),l=Object.assign({},s);return e.jsx("div",Object.assign({class:`uv0h2b ${i}`,style:l},{children:a}))},Object.defineProperty(r,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Grid.js.map

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

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

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

@@ -1,2 +1,2 @@
-define(["exports","./HiddenAccessible-5a7a90e9","preact/jsx-runtime",'css!./UNSAFE_HiddenAccessible.css'],(function(e,i,s,c){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./HiddenAccessible-22abaaa2","preact/jsx-runtime",'css!./UNSAFE_HiddenAccessible.css'],(function(e,i,s,c){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_HiddenAccessible.js.map

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

@@ -1 +1 @@
-._9o2kgh{font-weight:700;}
+._51z53r{font-weight:700;}

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

@@ -1,2 +1,2 @@
-define(["exports","./HighlightText-3084bb20","preact/jsx-runtime","preact",'css!./UNSAFE_HighlightText.css'],(function(e,t,i,r,g){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./HighlightText-0f27f4a2","preact/jsx-runtime","preact",'css!./UNSAFE_HighlightText.css'],(function(e,t,i,r,a){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_HighlightText.js.map

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

@@ -1,21 +1,21 @@
-.eb88df{font-size:1em;}
-._agqqe3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._qmsqkd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._bzlwbu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-.zj8k6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.rfatn8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._tdrxz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-.qap7an{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._of2tr4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-._gjeu0a{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-.s7wj49{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-._b77sl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-.ny55k6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-.lyhjzs{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._haj3j9{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._6pxwag{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._by8zvm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.z2z1ts{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.acvkva{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-.lcic24{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-._45iqkl{color:currentColor;}
+._4px4i{font-size:1em;}
+.u4bh46{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._td5tfo{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._enr5ea{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._6liov1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._bsp3s9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._uvk726{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+._jdw4nm{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+.lwr7cm{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+.s5lfj1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.aw8030{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+._rop95g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._68lgp0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+.r58yyx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._l8n0f{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._dfm43k{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.pyfllm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._vnxsiv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._9fiqia{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._tifvqa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+.u6rmi1{color:currentColor;}

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

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

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

@@ -1,2 +1,2 @@
-define(["exports","./index-45e20b6f","preact/jsx-runtime","./UNSAFE_Icon","./Icon-fdf31279","./tslib.es6-3ed94d24",'module',"./utils/UNSAFE_classNames","./classNames-6646dbed","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(e,o,c,n,r,S,s,i,I,t,v,a,h,g,f,d){"use strict";e.CheckboxOff=o.SvgCheckboxOff,e.CheckboxOn=o.SvgCheckboxOn,e.IcoChevronDown=o.SvgIcoChevronDown,e.IcoChevronLeft=o.SvgIcoChevronLeft,e.IcoChevronRight=o.SvgIcoChevronRight,e.IcoErrorS=o.SvgIcoErrorS,e.IcoInformationS=o.SvgIcoInformationS,e.IcoSuccessS=o.SvgIcoSuccessS,e.IcoView=o.SvgIcoView,e.IcoViewHide=o.SvgIcoViewHide,e.IcoWarningS=o.SvgIcoWarningS,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./index-044c0da7","preact/jsx-runtime","./UNSAFE_Icon","./Icon-a0b96893","./tslib.es6-729aac46",'module',"./utils/UNSAFE_classNames","./classNames-a1419de1","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme"],(function(o,e,c,n,r,S,s,i,a,I,t,v,h,g,f,u){"use strict";o.CheckboxOff=e.SvgCheckboxOff,o.CheckboxOn=e.SvgCheckboxOn,o.IcoChevronDown=e.SvgIcoChevronDown,o.IcoChevronLeft=e.SvgIcoChevronLeft,o.IcoChevronRight=e.SvgIcoChevronRight,o.IcoErrorS=e.SvgIcoErrorS,o.IcoInformationS=e.SvgIcoInformationS,o.IcoSuccessS=e.SvgIcoSuccessS,o.IcoView=e.SvgIcoView,o.IcoViewHide=e.SvgIcoViewHide,o.IcoWarningS=e.SvgIcoWarningS,Object.defineProperty(o,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Icons.js.map

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

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

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance",'css!./UNSAFE_InputPassword.css',"./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-2b8f2b13","./index-45e20b6f","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-ed323184","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./TextFieldInput-9c5312c3","./tslib.es6-3ed94d24","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-814ecae3","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-6646dbed","./utils/UNSAFE_interpolations/text","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_ComponentMessage","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useTheme","./ComponentMessageContainer-808667fc","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959"],(function(e,s,i,o,l,n,t,a,u,r,c,d,F,p,b,A,x,U,S,E,g,_,h,N,m,f,v,C,y,j,k,I,T,R,P,M,L,w,V,D,H,O,B,q,W,z,G,J,K,Q,X,Y,Z,$,ee,se,ie,oe,le,ne,te,ae,ue,re,ce,de,Fe,pe,be,Ae,xe,Ue,Se,Ee,ge,_e,he,Ne,me){"use strict";const fe="_18h56p";function ve({isRevealed:e,onPress:i}){const{pressProps:o}=b.usePress(i),l=p.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":l,role:"switch","aria-checked":!e,class:fe,tabIndex:0},o,{children:e?s.jsx(x.SvgIcoViewHide,{}):s.jsx(x.SvgIcoView,{})}))}const Ce=i.forwardRef((({assistiveText:e,autoComplete:i="off",autoFocus:F=!1,hasClearIcon:p,hasRevealToggle:b="always",helpSourceLink:A,helpSourceText:x,id:N,isDisabled:m,isReadonly:f,isRequired:v=!1,isRequiredShown:C,label:y,labelEdge:j,messages:k,placeholder:I,textAlign:T,userAssistanceDensity:R,value:P,onInput:M,onCommit:L},w)=>{const{currentCommitValue:V,dispatch:D}=_.useCurrentValueReducer({value:P}),H=o.useCallback((e=>{D({type:"input",payload:e.value}),null==M||M(e)}),[M]),O=o.useCallback((e=>{D({type:"commit",payload:e.value}),null==L||L(e)}),[L]),{isDisabled:B,isReadonly:q,labelEdge:W,textAlign:z,userAssistanceDensity:G}=n.useFormContext(),J=null!=m?m:B,K=null!=f?f:q,Q=null!=j?j:W,X=null!=T?T:z,Y=null!=R?R:G,{bool:Z,setFalse:$,setTrue:ee}=g.useToggle(!1),{enabledElementRef:se,focusProps:ie,isFocused:oe,readonlyElementRef:le}=l.useFocusableTextField({isDisabled:J,isReadonly:K,ref:w,onBlurWithin:$}),{hoverProps:ne,isHover:te}=u.useHover({isDisabled:K||J||!1}),{formFieldContext:ae,inputProps:ue,labelProps:re,textFieldProps:ce,userAssistanceProps:de}=a.useTextField({id:N,isDisabled:J,isFocused:oe,isReadonly:K,labelEdge:Q,messages:k,value:P}),Fe=o.useCallback((()=>{Z?$():ee()}),[Z]),pe=J||"always"!==b?null:s.jsx(ve,{onPress:Fe,isRevealed:Z}),be=o.useCallback((()=>{var e;null===(e=se.current)||void 0===e||e.focus(),null==H||H({previousValue:P,value:""})}),[M,P]),Ae=U.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:be}),display:p,hasValue:ae.hasValue,isFocused:oe,isEnabled:!K&&!J,isHover:te}),xe=S.beforeVNode(pe,Ae),Ue="none"!==Q?s.jsx(r.Label,Object.assign({},re,{children:y})):void 0,Se={label:"none"!==Q?Ue:void 0,labelEdge:"none"!==Q?Q:void 0},Ee="none"===Q?y:void 0,ge=J||K?"efficient"!==Y?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:Y},de)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:e,helpSourceLink:A,helpSourceText:x,messages:k,isRequiredShown:C,userAssistanceDensity:Y},de));if(K)return s.jsx(t.FormFieldContext.Provider,Object.assign({value:ae},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ge},Se,{children:s.jsx(c.ReadonlyTextFieldInput,{ariaLabel:Ee,ariaLabelledby:re.id,as:"input",autoFocus:F,elementRef:le,id:N,textAlign:X,type:"password",value:P,hasInsideLabel:void 0!==y&&"inside"===Q})}))}));const _e=s.jsx(h.TextFieldInput,Object.assign({ariaLabel:Ee,autoComplete:i,autoFocus:F,currentCommitValue:V,hasInsideLabel:void 0!==Ue&&"inside"===Q,inputRef:se,isRequired:v,onInput:H,onCommit:O,placeholder:I,textAlign:X,value:P,type:Z?"text":"password"},ue));return s.jsx(t.FormFieldContext.Provider,Object.assign({value:ae},{children:s.jsx(c.TextField,Object.assign({endContent:xe,inlineUserAssistance:ge,mainContent:_e,onBlur:ie.onfocusout,onFocus:ie.onfocusin},ce,Se,ne))}))}));e.InputPassword=Ce,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance",'css!./UNSAFE_InputPassword.css',"./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-fcc76811","./index-044c0da7","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-bf1aa6af","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./TextFieldInput-8d2b767e","./tslib.es6-729aac46","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-419f94bc","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-a1419de1","./utils/UNSAFE_interpolations/text","./keys-34f4d04c","./_curry1-84227870","./_has-2638e8a5","./utils/UNSAFE_mergeInterpolations","./_curry2-599c4056","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-b35f1cd3","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-921f9ca0","./utils/UNSAFE_interpolations/flexitem","./flexitem-5b7c175c","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_ComponentMessage","./ComponentMessage-d3f97c2f","./UNSAFE_HiddenAccessible","./HiddenAccessible-22abaaa2","./UNSAFE_Message","./MessageCloseButton-c969fbf0","./MessageDetail-d3699216","./MessageFormattingUtils-84c7380c","./utils/UNSAFE_getLocale","./Message.types-f8b7436e","./MessageStartIcon-c821566a","./MessageSummary-a301f784","./MessageTimestamp-7d2126d1","./MessageUtils-17c12d3b","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-9adfa284","./UNSAFE_TransitionGroup","./UNSAFE_Icon","./Icon-a0b96893","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useTheme","./ComponentMessageContainer-729a3a4b","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-987a9f48"],(function(e,s,i,a,o,l,n,t,u,r,c,d,F,b,p,A,x,U,S,E,g,_,h,m,N,f,v,C,y,j,k,I,T,R,P,M,L,w,V,D,H,O,B,q,W,z,G,J,K,Q,X,Y,Z,$,ee,se,ie,ae,oe,le,ne,te,ue,re,ce,de,Fe,be,pe,Ae,xe,Ue,Se,Ee,ge,_e,he,me,Ne){"use strict";const fe="m3n2lh";function ve({isRevealed:e,onPress:i}){const{pressProps:a}=p.usePress(i),o=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":o,role:"switch","aria-checked":!e,class:fe,tabIndex:0},a,{children:e?s.jsx(x.SvgIcoViewHide,{}):s.jsx(x.SvgIcoView,{})}))}const Ce=i.forwardRef((({assistiveText:e,autoComplete:i="off",autoFocus:F=!1,hasClearIcon:b,hasRevealToggle:p="always",helpSourceLink:A,helpSourceText:x,id:m,isDisabled:N,isReadonly:f,isRequired:v=!1,isRequiredShown:C,label:y,labelEdge:j,messages:k,placeholder:I,textAlign:T,userAssistanceDensity:R,value:P,onInput:M,onCommit:L},w)=>{const{currentCommitValue:V,dispatch:D}=_.useCurrentValueReducer({value:P}),H=a.useCallback((e=>{D({type:"input",payload:e.value}),null==M||M(e)}),[M]),O=a.useCallback((e=>{D({type:"commit",payload:e.value}),null==L||L(e)}),[L]),{isDisabled:B,isReadonly:q,labelEdge:W,textAlign:z,userAssistanceDensity:G}=l.useFormContext(),J=null!=N?N:B,K=null!=f?f:q,Q=null!=j?j:W,X=null!=T?T:z,Y=null!=R?R:G,{bool:Z,setFalse:$,setTrue:ee}=g.useToggle(!1),{enabledElementRef:se,focusProps:ie,isFocused:ae,readonlyElementRef:oe}=o.useFocusableTextField({isDisabled:J,isReadonly:K,ref:w,onBlurWithin:$}),{hoverProps:le,isHover:ne}=u.useHover({isDisabled:K||J||!1}),{formFieldContext:te,inputProps:ue,labelProps:re,textFieldProps:ce,userAssistanceProps:de}=t.useTextField({id:m,isDisabled:J,isFocused:ae,isReadonly:K,labelEdge:Q,messages:k,value:P}),Fe=a.useCallback((()=>{Z?$():ee()}),[Z]),be=J||"always"!==p?null:s.jsx(ve,{onPress:Fe,isRevealed:Z}),pe=a.useCallback((()=>{var e;null===(e=se.current)||void 0===e||e.focus(),null==H||H({previousValue:P,value:""})}),[M,P]),Ae=U.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:pe}),display:b,hasValue:te.hasValue,isFocused:ae,isEnabled:!K&&!J,isHover:ne}),xe=S.beforeVNode(be,Ae),Ue="none"!==Q?s.jsx(r.Label,Object.assign({},re,{children:y})):void 0,Se={label:"none"!==Q?Ue:void 0,labelEdge:"none"!==Q?Q:void 0},Ee="none"===Q?y:void 0,ge=J||K?"efficient"!==Y?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:Y},de)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:e,helpSourceLink:A,helpSourceText:x,messages:k,isRequiredShown:C,userAssistanceDensity:Y},de));if(K)return s.jsx(n.FormFieldContext.Provider,Object.assign({value:te},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ge},Se,{children:s.jsx(c.ReadonlyTextFieldInput,{ariaLabel:Ee,ariaLabelledby:re.id,as:"input",autoFocus:F,elementRef:oe,id:m,textAlign:X,type:"password",value:P,hasInsideLabel:void 0!==y&&"inside"===Q})}))}));const _e=s.jsx(h.TextFieldInput,Object.assign({ariaLabel:Ee,autoComplete:i,autoFocus:F,currentCommitValue:V,hasInsideLabel:void 0!==Ue&&"inside"===Q,inputRef:se,isRequired:v,onInput:H,onCommit:O,placeholder:I,textAlign:X,value:P,type:Z?"text":"password"},ue));return s.jsx(n.FormFieldContext.Provider,Object.assign({value:te},{children:s.jsx(c.TextField,Object.assign({endContent:xe,inlineUserAssistance:ge,mainContent:_e,onBlur:ie.onfocusout,onFocus:ie.onfocusin},ce,Se,le))}))}));e.InputPassword=Ce,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype PickedPropsFromTextField = Pick<ComponentProps<typeof TextField>, 'id'>;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'placeholder'\n  | 'isRequired'\n  | 'textAlign'\n  | 'value'\n  | 'onInput'\n  | 'onCommit'\n>;\n\ntype PickedPropsFromInlineUserAssistance = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isRequiredShown'\n  | 'messages'\n  | 'userAssistanceDensity'\n>;\n\ntype Props = PickedPropsFromTextField &\n  PickedPropsFromTextFieldInput &\n  PickedPropsFromInlineUserAssistance & {\n    hasClearIcon?: 'always' | 'conditionally' | 'never';\n    hasRevealToggle?: 'always' | 'never';\n    isDisabled?: boolean;\n    isReadonly?: boolean;\n    label: string;\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n    labelStartWidth?: Size;\n  };\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      id,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        id,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaLabel={ariaLabel}\n              ariaLabelledby={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              id={id}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","passwordMaskedStr","useTranslationBundle","inputPassword_hidden","InputPassword","forwardRef","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","id","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","onRevealIconPress","revealToggleIcon","_jsx","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","role","ReadonlyTextFieldInput","ariaLabelledby","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype PickedPropsFromTextField = Pick<ComponentProps<typeof TextField>, 'id'>;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'placeholder'\n  | 'isRequired'\n  | 'textAlign'\n  | 'value'\n  | 'onInput'\n  | 'onCommit'\n>;\n\ntype PickedPropsFromInlineUserAssistance = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isRequiredShown'\n  | 'messages'\n  | 'userAssistanceDensity'\n>;\n\ntype Props = PickedPropsFromTextField &\n  PickedPropsFromTextFieldInput &\n  PickedPropsFromInlineUserAssistance & {\n    hasClearIcon?: 'always' | 'conditionally' | 'never';\n    hasRevealToggle?: 'always' | 'never';\n    isDisabled?: boolean;\n    isReadonly?: boolean;\n    label: string;\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n    labelStartWidth?: Size;\n  };\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      id,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        id,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaLabel={ariaLabel}\n              ariaLabelledby={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              id={id}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","passwordMaskedStr","useTranslationBundle","inputPassword_hidden","InputPassword","forwardRef","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","id","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","onRevealIconPress","revealToggleIcon","_jsx","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","role","ReadonlyTextFieldInput","ariaLabelledby","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}

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

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

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

@@ -1,2 +1,2 @@
-define(["exports","./InputText-81b8e0ac","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-3ed94d24","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-814ecae3","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6646dbed",'css!./UNSAFE_InputText.css',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./TextFieldInput-9c5312c3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-45e20b6f","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup","./ComponentMessageContainer-808667fc","./utils/UNSAFE_componentUtils","./ClearIcon-ed323184","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,o,i,n,l,a,F,u,U,_,r,A,E,N,S,c,d,g,p,h,x,b,m,f,k,M,T,I,C,y,L,H,v,P,R,V,j,B,D,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,le,ae,Fe,ue,Ue,_e,re,Ae,Ee,Ne,Se,ce,de,ge,pe,he,xe,be,me,fe,ke,Me){"use strict";e.InputText=s.InputText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./InputText-f7545280","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-729aac46","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-419f94bc","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-a1419de1",'css!./UNSAFE_InputText.css',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-34f4d04c","./_curry1-84227870","./_has-2638e8a5","./utils/UNSAFE_mergeInterpolations","./_curry2-599c4056","./TextFieldInput-8d2b767e","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-987a9f48","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-b35f1cd3","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-cfca17aa","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-921f9ca0","./utils/UNSAFE_interpolations/flexitem","./flexitem-5b7c175c","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-d3f97c2f","./UNSAFE_HiddenAccessible","./HiddenAccessible-22abaaa2","./UNSAFE_Message","./MessageCloseButton-c969fbf0","./MessageDetail-d3699216","./MessageFormattingUtils-84c7380c","./utils/UNSAFE_getLocale","./Message.types-f8b7436e","./MessageStartIcon-c821566a","./index-fcc76811","./UNSAFE_Icon","./Icon-a0b96893","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-044c0da7","./MessageSummary-a301f784","./MessageTimestamp-7d2126d1","./MessageUtils-17c12d3b","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-9adfa284","./UNSAFE_TransitionGroup","./ComponentMessageContainer-729a3a4b","./utils/UNSAFE_componentUtils","./ClearIcon-bf1aa6af","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,o,i,a,n,l,F,u,U,_,c,r,A,E,N,S,d,g,p,f,h,x,b,m,k,M,T,I,C,y,L,H,v,P,R,V,j,B,D,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,Fe,ue,Ue,_e,ce,re,Ae,Ee,Ne,Se,de,ge,pe,fe,he,xe,be,me,ke,Me){"use strict";e.InputText=s.InputText,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputText.js.map

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

@@ -1,13 +1,13 @@
-._r9ix5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-.q2ahj3{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-.yy2s8f{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-.weeqd3{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.z63hbj{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._vd0k7s{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-._b3ktk{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._3w5shm{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-._gfzaqi{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._1gwam2{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._w1pxnb{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._fj1lzm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._55qprk{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._tna4v8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+._iehyna{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+._jwce9{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._ah9a1{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+._spw832{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.of86c1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+._pgr1h1{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._170aaq{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+.eb1vt1{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._r1f41f{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._8flb6{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._9gdbk3{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.wul2r5{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}