@oracle/oraclejet-preact 14.0.2 → 14.0.4

package/amd/UNSAFE_Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n  BoxAlignmentProps & {\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const allStyles = { ...styles };\n  return (\n    <div class={`${baseStyles} ${cls}`} style={allStyles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","_a","children","props","__rest","_b","class","cls","styles","allStyles","assign","_jsx","style"],"mappings":"m6CAuBA,MAEAA,EACEC,GAAAA,OAAAA,mBAAAA,OAAAC,OAAAC,EAAAA,qBACAF,mBAAAA,OAAAC,OAAAE,EAAAA,8BAGFC,EAAAC,EAAAA,oBAAAN,UAKAO,IAAqB,IAAAC,SAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,aACnB,MAAAI,EAAAN,EAAAI,IAAAG,MAAAC,GAAAF,EAAAG,EAAAJ,EAAAA,OAAAC,EAAA,CAAA,UACAI,EAAAd,OAAAe,OAAA,GAAAF,GACA,OAAAG,MAAA,MAAAhB,OAAAe,OAAA,CAAAJ,MAAA,UAAAC,IAAAK,MAAAH,GAAA,CAAAP,SAAAA"}
+{"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n  BoxAlignmentProps & {\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const allStyles = { ...styles };\n  return (\n    <div class={`${baseStyles} ${cls}`} style={allStyles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","_a","children","props","__rest","_b","class","cls","styles","allStyles","assign","_jsx","style"],"mappings":"gcAuBA,MAEAA,EAAA,IACEC,OAAAC,OAAAC,EAAAA,uBACAF,OAAAC,OAAAE,EAAAA,6BAGFC,EAAAC,EAAAA,oBAAAN,UAKAO,IAAqB,IAAAC,SAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,aACnB,MAAAI,EAAAN,EAAAI,IAAAG,MAAAC,GAAAF,EAAAG,EAAAJ,EAAAA,OAAAC,EAAA,CAAA,UACAI,EAAAd,OAAAe,OAAA,GAAAF,GACA,OAAAG,MAAA,MAAAhB,OAAAe,OAAA,CAAAJ,MAAA,WAAAC,IAAAK,MAAAH,GAAA,CAAAP,SAAAA"}

package/amd/UNSAFE_Heading.css

@@ -1,9 +1,9 @@
-.ufv1r{margin:0;}
-._3ezr7b{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height);}
-.dkgjhu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height);}
-._151qyoj{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height);}
-._17ai2s4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height);}
-._1dzn165{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height);}
-.lea0a9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height);}
-._1t10a3d{font-size:inherit;font-weight:inherit;line-height:inherit;}
-._1f6sh20 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.c8jr8v{margin:0;}
+.docxw7{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height);}
+._1jk617g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height);}
+._1npq3ly{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height);}
+.na8ijt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height);}
+.p35uav{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height);}
+.m8728u{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height);}
+.e6hy59{font-size:inherit;font-weight:inherit;line-height:inherit;}
+._1ey2ixr > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Heading.js

@@ -1,2 +1,2 @@
-define(["exports","./Heading-2a0e8b5d","./tslib.es6-fa3971d7","preact/jsx-runtime","./keys-992a0824","./_curry1-9eeaf6ed","./_has-aa07e02d","./utils/UNSAFE_arrayUtils","css!./UNSAFE_Heading.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994"],function(e,s,a,i,t,n,r,c,l,d,u,_,o,p){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Heading-92940027","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./keys-ac292f2b","./_curry1-9cbf463f","./_has-b679fc56","./utils/UNSAFE_arrayUtils","css!./UNSAFE_Heading.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry3-2cf14b96","./_curry2-37583590"],function(e,s,i,a,t,n,r,c,l,d,u,f,_,o){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Heading.js.map

package/amd/UNSAFE_HiddenAccessible.css

@@ -1 +1 @@
-._1wo9d5j{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;}
+.g55jcy{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/amd/UNSAFE_HiddenAccessible.js

@@ -1,2 +1,2 @@
-define(["exports","./HiddenAccessible-4801c573","preact/jsx-runtime","css!./UNSAFE_HiddenAccessible.css"],function(e,i,c,s){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./HiddenAccessible-3afe5d7e","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/amd/UNSAFE_HighlightText.css

@@ -1 +1 @@
-._1a36wil{font-weight:700;}
+.yhr9ql{font-weight:700;}

package/amd/UNSAFE_HighlightText.js

@@ -1,2 +1,2 @@
-define(["exports","./HighlightText-1bbd084b","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-691a0697","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/amd/UNSAFE_Icon.css

@@ -1,21 +1,21 @@
-._1urbwh7{font-size:1em;}
-._1pciyqk{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._141so4c{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._1vdgpe9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-._1h6lcya{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._171gjb1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._2sj2we{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-._472z0t{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-.mqru6j{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-.nw0g0i{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-._1riytym{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-.m5e779{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-._1fxq9as{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-.xohdz1{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._1mkwg64{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._1eko833{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._1brrs4p{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._1ryxrxo{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1en4izp{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._1flfyqt{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-._1815tm9{color:currentColor;}
+.stpeao{font-size:1em;}
+._10t9et9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._1jl741{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.dyxnv{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+.p51eya{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.ish6tn{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.jziuoy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+.lsp8sp{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+._15f910y{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+.miy7mr{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.cweser{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+._1soh8sl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+._79ut0a{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+._1383adx{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._2o4m1q{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.ibe2wa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1guxabd{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1j3xk5j{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._1ik2r0a{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._1dxvn5o{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+._6herao{color:currentColor;}

package/amd/UNSAFE_Icon.js

@@ -1,2 +1,2 @@
-define(["exports","./Icon-66acac47","preact/jsx-runtime","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./tslib.es6-fa3971d7","preact","css!./UNSAFE_Icon.css","./utils/UNSAFE_classNames","./classNames-e580c7c7","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","preact/compat","./index-17cde748","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2"],function(s,e,o,t,i,n,c,a,u,r,l,U,A,_,E,F,N,h,S,k,m,d,g,p,j,I,T,b,f,x){"use strict";s.Icon=e.Icon,s.withDirectionIcon=(s,e)=>i=>{const{direction:n}=t.useUser();return"ltr"===n?o.jsx(s,Object.assign({},i)):o.jsx(e,Object.assign({},i))},s.withThemeIcon=s=>e=>{const{name:t}=i.useTheme(),n=s[t];return o.jsx(n,Object.assign({},e))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","./Icon-4325e74f","preact/jsx-runtime","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./tslib.es6-d9d2f5d6","preact","css!./UNSAFE_Icon.css","./utils/UNSAFE_classNames","./classNames-2ba58777","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-f23a546d","preact/compat","./index-b6f31c6c","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-c8511df4"],function(s,e,o,t,i,n,c,u,r,a,l,U,A,_,E,F,N,h,S,d,k,m,f,g,p,j,I,T,b,x){"use strict";s.Icon=e.Icon,s.withDirectionIcon=(s,e)=>i=>{const{direction:n}=t.useUser();return"ltr"===n?o.jsx(s,Object.assign({},i)):o.jsx(e,Object.assign({},i))},s.withThemeIcon=s=>e=>{const{name:t}=i.useTheme(),n=s[t];return o.jsx(n,Object.assign({},e))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Icon.js.map

package/amd/UNSAFE_Icons.js

@@ -1,2 +1,2 @@
-define(["exports","./index-4d399da7","preact/jsx-runtime","./UNSAFE_Icon","./Icon-66acac47","./tslib.es6-fa3971d7","preact",'module',"./utils/UNSAFE_classNames","./classNames-e580c7c7","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","preact/compat","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme"],function(o,e,c,s,n,S,i,r,t,I,a,h,v,g,u,U,l,E,A,N,_,F,C,k,f,d,m,p,w,b,x,D){"use strict";o.CheckboxOff=e.SvgCheckboxOff,o.CheckboxOn=e.SvgCheckboxOn,o.IcoCaretDown=e.SvgIcoCaretDown,o.IcoCheck=e.SvgIcoCheck,o.IcoChevronDown=e.SvgIcoChevronDown,o.IcoChevronLeft=e.SvgIcoChevronLeft,o.IcoChevronRight=e.SvgIcoChevronRight,o.IcoChevronUp=e.SvgIcoChevronUp,o.IcoClose=e.SvgIcoClose,o.IcoErrorS=e.SvgIcoErrorS,o.IcoInformationS=e.SvgIcoInformationS,o.IcoNavDown=e.SvgIcoNavDown,o.IcoSuccessS=e.SvgIcoSuccessS,o.IcoView=e.SvgIcoView,o.IcoViewHide=e.SvgIcoViewHide,o.IcoWarningS=e.SvgIcoWarningS,Object.defineProperty(o,"__esModule",{value:!0})});
+define(["exports","./index-cf988fc7","preact/jsx-runtime","./UNSAFE_Icon","./Icon-4325e74f","./tslib.es6-d9d2f5d6","preact",'module',"./utils/UNSAFE_classNames","./classNames-2ba58777","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-f23a546d","preact/compat","./index-b6f31c6c","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-c8511df4","./hooks/UNSAFE_useTheme"],function(o,e,c,s,n,S,i,r,t,I,a,h,v,g,u,U,l,E,A,N,_,f,F,C,k,d,m,p,w,b,x,D){"use strict";o.CheckboxOff=e.SvgCheckboxOff,o.CheckboxOn=e.SvgCheckboxOn,o.IcoCaretDown=e.SvgIcoCaretDown,o.IcoCheck=e.SvgIcoCheck,o.IcoChevronDown=e.SvgIcoChevronDown,o.IcoChevronLeft=e.SvgIcoChevronLeft,o.IcoChevronRight=e.SvgIcoChevronRight,o.IcoChevronUp=e.SvgIcoChevronUp,o.IcoClose=e.SvgIcoClose,o.IcoErrorS=e.SvgIcoErrorS,o.IcoInformationS=e.SvgIcoInformationS,o.IcoNavDown=e.SvgIcoNavDown,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/amd/UNSAFE_Indexer.css

@@ -1,8 +1,8 @@
-._18fh5kg{height:100%;}
-._1bi5a6a{list-style-type:none;margin:0px;margin-top:auto;margin-bottom:auto;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;outline-style:none;}
+._557oxf{height:100%;}
+._19n8u75{list-style-type:none;margin:0px;margin-top:auto;margin-bottom:auto;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;outline-style:none;}
 
-._1tg6ov3{text-align:center;height:1rem;width:1.5rem;color:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size);line-height:1rem;}
-._1b67wpm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._1kjb2uv{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-.qo5u38{font-weight:bold;}
-.wb2n5q::after{content:"●";}
+._1p5hlru{text-align:center;height:1rem;width:1.5rem;color:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-indexer-font-size);line-height:1rem;}
+._10gfkax{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1ocvbkm{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._1sdkias{font-weight:bold;}
+._1h2nq41::after{content:"●";}

package/amd/UNSAFE_Indexer.js

@@ -1,2 +1,2 @@
-define(["exports","./Indexer-88e5debf","preact/jsx-runtime","preact","preact/hooks","./UNSAFE_Flex","./Flex-bfc6c229","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","css!./UNSAFE_Indexer.css","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./utils/UNSAFE_mergeProps","./useSingleSelection-11aca1fe","./hooks/PRIVATE_useCurrentKey","./utils/UNSAFE_keys","./hooks/PRIVATE_useCollectionFocusRing","./utils/PRIVATE_collectionUtils","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useId","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./UNSAFE_HiddenAccessible","./HiddenAccessible-4801c573","./PRIVATE_Collection","./Collection-805cf4b4"],function(e,s,i,t,l,n,o,c,r,a,_,u,E,A,S,N,d,F,U,f,x,p,b,I,m,T,y,R,k,P,h,C,H,g,O,V,j,v,z,B,K,L){"use strict";e.Indexer=s.Indexer,e.SECTION_OTHERS=s.SECTION_OTHERS,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Indexer-c86699cc","preact/jsx-runtime","preact","preact/hooks","./UNSAFE_Flex","./Flex-f922bd14","./tslib.es6-d9d2f5d6","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-2ba58777","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","css!./UNSAFE_Indexer.css","./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77","./utils/UNSAFE_mergeProps","./useSingleSelection-bd1208cf","./hooks/PRIVATE_useCurrentKey","./utils/UNSAFE_keys","./hooks/PRIVATE_useCollectionFocusRing","./utils/PRIVATE_collectionUtils","./utils/PRIVATE_clientHints","./clientHints-4aaefa1c","./hooks/UNSAFE_useId","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./UNSAFE_HiddenAccessible","./HiddenAccessible-3afe5d7e","./PRIVATE_Collection","./Collection-8a961897"],function(e,s,i,t,l,n,o,c,r,a,_,u,E,A,S,N,d,f,F,U,b,x,p,I,m,T,y,R,k,P,h,C,H,g,O,V,j,v,z,B,K,L){"use strict";e.Indexer=s.Indexer,e.SECTION_OTHERS=s.SECTION_OTHERS,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Indexer.js.map

package/amd/UNSAFE_InputPassword.css

@@ -1 +1 @@
-._1klqxzo{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);}._1klqxzo: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;}
+._5ic6xe{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);}._5ic6xe: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/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-03ab344e","./index-4d399da7","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-ee6994a4","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-55011079","./TextFieldInput-bc03d412","./tslib.es6-fa3971d7","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-d77d235f","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-e580c7c7","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-bfc6c229","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./FormControlUtils-4236f687","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./InlineHelpSource-87132e33","./hooks/UNSAFE_useTabbableMode","./UNSAFE_ComponentMessage","./ComponentMessage-9e802f39","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-8366a158","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./utils/UNSAFE_mergeProps","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./Message.types-eb760bd7","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./MessageUtils-8216ac4e","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-615b69fb","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useMessagesContext","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useTheme","./UNSAFE_HiddenAccessible","./HiddenAccessible-4801c573","./ComponentMessageContainer-2bfa2078","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers"],function(e,s,o,t,i,a,l,n,u,r,c,d,F,A,b,U,E,S,_,p,x,h,g,N,m,f,v,k,y,C,T,I,R,j,P,V,M,B,D,L,w,H,O,W,q,z,G,J,K,Q,X,Y,Z,$,ee,se,oe,te,ie,ae,le,ne,ue,re,ce,de,Fe,Ae,be,Ue,Ee,Se,_e,pe,xe,he,ge,Ne,me,fe,ve,ke,ye,Ce,Te,Ie,Re,je,Pe,Ve,Me,Be,De,Le,we,He,Oe,We,qe,ze,Ge,Je,Ke){"use strict";const Qe="_1klqxzo";function Xe({isRevealed:e,onPress:o}){const{pressProps:t}=b.usePress(o),i=A.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":i,role:"switch","aria-checked":!e,class:Qe,tabIndex:0},t,{children:e?s.jsx(E.SvgIcoViewHide,{}):s.jsx(E.SvgIcoView,{})}))}const Ye=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,autoComplete:F="off",autoFocus:A=!1,hasClearIcon:b,hasRevealToggle:U="always",helpSourceLink:E,helpSourceText:m,isDisabled:f,isReadonly:v,isRequired:k=!1,isRequiredShown:y,label:C,labelEdge:T,labelStartWidth:I,messages:R,placeholder:j,textAlign:P,userAssistanceDensity:V,value:M,variant:B="default",onInput:D,onCommit:L},w)=>{const{currentCommitValue:H,dispatch:O}=h.useCurrentValueReducer({value:M}),W=t.useCallback(e=>{O({type:"input",payload:e.value}),null==D||D(e)},[D,O]),q=t.useCallback(e=>{O({type:"commit",payload:e.value}),null==L||L(e)},[L,O]),{isDisabled:z,isReadonly:G,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=a.useFormContext(),Y=null!=f?f:z,Z=null!=v?v:G,$=null!=T?T:J,ee=null!=I?I:K,se=null!=P?P:Q,oe=null!=V?V:X,{bool:te,setFalse:ie,setTrue:ae}=x.useToggle(!1),{enabledElementRef:le,focusProps:ne,isFocused:ue,readonlyElementRef:re}=i.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:w,onBlurWithin:ie}),{hoverProps:ce,isHover:de}=u.useHover({isDisabled:Z||Y||!1}),{formFieldContext:Fe,inputProps:Ae,labelProps:be,textFieldProps:Ue,userAssistanceProps:Ee}=n.useTextField({ariaDescribedBy:e,isDisabled:Y,isFocused:ue,isReadonly:Z,labelEdge:$,messages:R,styleVariant:B,value:M}),Se=t.useCallback(()=>{te?ie():ae()},[te]),_e=Y||"always"!==U?null:s.jsx(Xe,{onPress:Se,isRevealed:te}),pe=t.useCallback(()=>{var e;null===(e=le.current)||void 0===e||e.focus(),null==W||W({previousValue:M,value:""})},[D,M]),xe=S.useClearIcon({clearIcon:s.jsx(p.ClearIcon,{onClick:pe}),display:b,hasValue:Fe.hasValue,isFocused:ue,isEnabled:!Z&&!Y,isHover:de}),he=_.beforeVNode(_e,xe),ge="none"!==$?s.jsx(r.Label,Object.assign({},be,{children:C})):void 0,Ne={label:"none"!==$?ge:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},me="none"===$?C:void 0,fe=Y||Z?"efficient"!==oe?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:oe},Ee)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:o,helpSourceLink:E,helpSourceText:m,messages:R,isRequiredShown:y,userAssistanceDensity:oe},Ee));if(Z)return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:fe},Ne,{children:s.jsx(g.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:me,ariaLabelledBy:be.id,as:"input",autoFocus:A,elementRef:re,textAlign:se,type:"password",value:M,hasInsideLabel:void 0!==C&&"inside"===$})}))}));const ve=s.jsx(N.TextFieldInput,Object.assign({ariaLabel:me,autoComplete:F,autoFocus:A,currentCommitValue:H,hasInsideLabel:void 0!==ge&&"inside"===$,inputRef:le,isRequired:k,onInput:W,onCommit:q,placeholder:j,textAlign:se,value:M,type:te?"text":"password"},Ae));return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(c.TextField,Object.assign({endContent:he,inlineUserAssistance:fe,mainContent:ve,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ue,Ne,ce))}))});e.InputPassword=Ye,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-16862ac7","./index-cf988fc7","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-8fc1ea23","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-a0801f52","./TextFieldInput-f9e605d9","./tslib.es6-d9d2f5d6","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-8f27a1c8","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-2ba58777","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-f922bd14","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77","./FormControlUtils-4342d13b","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./InlineHelpSource-0da64d0a","./hooks/UNSAFE_useTabbableMode","./UNSAFE_ComponentMessage","./ComponentMessage-08ded24e","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-fc804358","./UNSAFE_Button","./Button-dc28bc46","./UNSAFE_BaseButton","./BaseButton-f6b56c16","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-4aaefa1c","./utils/UNSAFE_mergeProps","./MessageDetail-c1e0cdc2","./MessageFormattingUtils-95f48c88","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-1ad4f59d","./Message.types-97d3e7a4","./MessageStartIcon-665f54bc","./MessageSummary-4bfdff83","./MessageTimestamp-7b2ca246","./MessageUtils-e1daf68f","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-815876b7","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useAnimation","./useAnimation-c8511df4","./hooks/UNSAFE_useMessagesContext","./UNSAFE_Icon","./Icon-4325e74f","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-f23a546d","./index-b6f31c6c","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useTheme","./UNSAFE_HiddenAccessible","./HiddenAccessible-3afe5d7e","./ComponentMessageContainer-d309a605","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers"],function(e,s,o,i,t,a,l,n,u,r,c,d,F,A,b,U,E,S,_,p,f,x,h,g,N,m,v,y,k,C,T,I,R,j,P,V,M,B,D,L,w,H,O,W,q,z,G,J,K,Q,X,Y,Z,$,ee,se,oe,ie,te,ae,le,ne,ue,re,ce,de,Fe,Ae,be,Ue,Ee,Se,_e,pe,fe,xe,he,ge,Ne,me,ve,ye,ke,Ce,Te,Ie,Re,je,Pe,Ve,Me,Be,De,Le,we,He,Oe,We,qe,ze,Ge,Je,Ke){"use strict";const Qe="_5ic6xe";function Xe({isRevealed:e,onPress:o}){const{pressProps:i}=b.usePress(o),t=A.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":t,role:"switch","aria-checked":!e,class:Qe,tabIndex:0},i,{children:e?s.jsx(E.SvgIcoViewHide,{}):s.jsx(E.SvgIcoView,{})}))}const Ye=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,autoComplete:F="off",autoFocus:A=!1,hasClearIcon:b,hasRevealToggle:U="always",helpSourceLink:E,helpSourceText:N,isDisabled:m,isReadonly:v,isRequired:y=!1,isRequiredShown:k,label:C,labelEdge:T,labelStartWidth:I,messages:R,placeholder:j,textAlign:P,userAssistanceDensity:V,value:M,variant:B="default",onInput:D,onCommit:L},w)=>{const{currentCommitValue:H,dispatch:O}=x.useCurrentValueReducer({value:M}),W=i.useCallback(e=>{O({type:"input",payload:e.value}),null==D||D(e)},[D,O]),q=i.useCallback(e=>{O({type:"commit",payload:e.value}),null==L||L(e)},[L,O]),{isDisabled:z,isReadonly:G,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=a.useFormContext(),Y=null!=m?m:z,Z=null!=v?v:G,$=null!=T?T:J,ee=null!=I?I:K,se=null!=P?P:Q,oe=null!=V?V:X,{bool:ie,setFalse:te,setTrue:ae}=f.useToggle(!1),{enabledElementRef:le,focusProps:ne,isFocused:ue,readonlyElementRef:re}=t.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:w,onBlurWithin:te}),{hoverProps:ce,isHover:de}=u.useHover({isDisabled:Z||Y||!1}),{formFieldContext:Fe,inputProps:Ae,labelProps:be,textFieldProps:Ue,userAssistanceProps:Ee}=n.useTextField({ariaDescribedBy:e,isDisabled:Y,isFocused:ue,isReadonly:Z,labelEdge:$,messages:R,styleVariant:B,value:M}),Se=i.useCallback(()=>{ie?te():ae()},[ie]),_e=Y||"always"!==U?null:s.jsx(Xe,{onPress:Se,isRevealed:ie}),pe=i.useCallback(()=>{var e;null===(e=le.current)||void 0===e||e.focus(),null==W||W({previousValue:M,value:""})},[D,M]),fe=S.useClearIcon({clearIcon:s.jsx(p.ClearIcon,{onClick:pe}),display:b,hasValue:Fe.hasValue,isFocused:ue,isEnabled:!Z&&!Y,isHover:de}),xe=_.beforeVNode(_e,fe),he="none"!==$?s.jsx(r.Label,Object.assign({},be,{children:C})):void 0,ge={label:"none"!==$?he:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},Ne="none"===$?C:void 0,me=Y||Z?"efficient"!==oe?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:oe},Ee)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:o,helpSourceLink:E,helpSourceText:N,messages:R,isRequiredShown:k,userAssistanceDensity:oe},Ee));if(Z)return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:me},ge,{children:s.jsx(h.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Ne,ariaLabelledBy:be.id,as:"input",autoFocus:A,elementRef:re,textAlign:se,type:"password",value:M,hasInsideLabel:void 0!==C&&"inside"===$})}))}));const ve=s.jsx(g.TextFieldInput,Object.assign({ariaLabel:Ne,autoComplete:F,autoFocus:A,currentCommitValue:H,hasInsideLabel:void 0!==he&&"inside"===$,inputRef:le,isRequired:y,onInput:W,onCommit:q,placeholder:j,textAlign:se,value:M,type:ie?"text":"password"},Ae));return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(c.TextField,Object.assign({endContent:xe,inlineUserAssistance:me,mainContent:ve,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ue,ge,ce))}))});e.InputPassword=Ye,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

package/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 TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\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      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\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, dispatch]\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, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\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 labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\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        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\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      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : 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              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\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","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","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","id","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 TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\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      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\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, dispatch]\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, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\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 labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\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        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\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      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : 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              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\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","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","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","id","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}

package/amd/UNSAFE_InputText.css

@@ -1 +1 @@
-._1pf9uld{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;}._1pf9uld: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;}
+.xet4h{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;}.xet4h: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/amd/UNSAFE_InputText.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-ee6994a4","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-55011079","./TextFieldInput-bc03d412","./clientHints-914fecb1","./hooks/UNSAFE_useToggle","./tslib.es6-fa3971d7","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-d77d235f","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-e580c7c7","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-bfc6c229","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./FormControlUtils-4236f687","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-87132e33","./UNSAFE_ComponentMessage","./ComponentMessage-9e802f39","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-8366a158","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./Message.types-eb760bd7","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./MessageUtils-8216ac4e","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-615b69fb","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-4801c573","./ComponentMessageContainer-2bfa2078"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,A,x,b,h,S,E,U,_,f,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,Ae,xe,be,he,Se,Ee,Ue,_e,fe,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=U.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:Ae,isFocused:xe,readonlyElementRef:be}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:Se}=r.useHover({isDisabled:le||ae||!1}),{baseId:Ee,formFieldContext:Ue,inputProps:_e,labelProps:fe,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:xe,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:Ne}),display:p,hasValue:Ue.hasValue,isFocused:xe,isEnabled:!le&&!ae,isHover:Se}),ve=S.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=A.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ue.hasValue,isDisabled:ae,isFocused:xe,labelId:fe.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},fe,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(b.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(b.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(x.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:Ae.onfocusout,onFocus:Ae.onfocusin},Pe,{children:s.jsx(_.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:fe.id,as:"div",autoFocus:g,elementRef:be,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(f.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},_e)),ye,void 0!==j&&s.jsx(x.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(x.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:Ae.onfocusout,onFocus:Ae.onfocusin,startContent:H},ge,Pe,he))}))});function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-8fc1ea23","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-a0801f52","./TextFieldInput-f9e605d9","./clientHints-4aaefa1c","./hooks/UNSAFE_useToggle","./tslib.es6-d9d2f5d6","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-8f27a1c8","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-2ba58777","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-f922bd14","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9cbf463f","./utils/UNSAFE_mergeInterpolations","./_curry3-2cf14b96","./_curry2-37583590","./_has-b679fc56","./utils/UNSAFE_interpolations/boxalignment","./keys-ac292f2b","./utils/UNSAFE_interpolations/flexbox","./flexbox-f0221a64","./utils/UNSAFE_interpolations/flexitem","./flexitem-4580af77","./FormControlUtils-4342d13b","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-0da64d0a","./UNSAFE_ComponentMessage","./ComponentMessage-08ded24e","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-fc804358","./UNSAFE_Button","./Button-dc28bc46","./UNSAFE_BaseButton","./BaseButton-f6b56c16","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-16862ac7","./index-cf988fc7","./UNSAFE_Icon","./Icon-4325e74f","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-f23a546d","./index-b6f31c6c","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-c8511df4","./hooks/UNSAFE_useTheme","./MessageDetail-c1e0cdc2","./MessageFormattingUtils-95f48c88","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-1ad4f59d","./Message.types-97d3e7a4","./MessageStartIcon-665f54bc","./MessageSummary-4bfdff83","./MessageTimestamp-7b2ca246","./MessageUtils-e1daf68f","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-815876b7","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3afe5d7e","./ComponentMessageContainer-d309a605"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,f,A,x,b,h,S,E,U,_,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,fe,Ae,xe,be,he,Se,Ee,Ue,_e,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:b="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=E.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:fe,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:be,isHover:he}=r.useHover({isDisabled:le||ae||!1}),{baseId:Se,formFieldContext:Ee,inputProps:Ue,labelProps:_e,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(S.ClearIcon,{onClick:Ne}),display:p,hasValue:Ee.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:he}),ve=h.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=f.usePrefixSuffix({baseId:Se,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ee.hasValue,isDisabled:ae,isFocused:Ae,labelId:_e.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},_e,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ee},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:fe.onfocusout,onFocus:fe.onfocusin},Pe,{children:s.jsx(U.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:_e.id,as:"div",autoFocus:g,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(_.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:b,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},Ue)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ee},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:fe.onfocusout,onFocus:fe.onfocusin,startContent:H},ge,Pe,be))}))});function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/amd/UNSAFE_InputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const InputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\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, dispatch]\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, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\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 labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\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    }, [onInputAndDispatch, 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(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\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      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : 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          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\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          startContent={startContent}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","undefined","hasInsideLabel","hasStartContent","labelId","id","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","Object","assign","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","fieldLabel","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","MaxLengthLiveRegion","TextField","deviceType","getClientHints"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_InputText.js","sources":["../../src/UNSAFE_InputText/InputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldProps = ComponentProps<typeof TextField>;\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * The content to be rendered after the input field, typically a button.\n   */\n  endContent?: TextFieldProps['endContent'];\n\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n\n  /**\n   * Specifies how the input text characters are to be counted when `maxLength` is specified.\n   */\n  maxLengthUnit?: CountUnit;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * Specifies the role attribute for the input field.\n   */\n  role?: TextFieldInputProps['role'];\n\n  /**\n   * The content to be rendered before the input field, typically an icon.\n   */\n  startContent?: TextFieldProps['startContent'];\n\n  /**\n   * The suffix displays as regular text after the input text.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const InputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon = 'never',\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      prefix,\n      role,\n      startContent,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\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, dispatch]\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, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\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 labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\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    }, [onInputAndDispatch, 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(endContent, maybeClearIcon);\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\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      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : 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          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {renderedSuffix}\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\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          startContent={startContent}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["InputText","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","prefix","role","startContent","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","undefined","hasInsideLabel","hasStartContent","labelId","id","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","Object","assign","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","fieldLabel","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","MaxLengthLiveRegion","TextField","deviceType","getClientHints"],"mappings":"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"}

package/amd/UNSAFE_Label.css

@@ -1,13 +1,13 @@
-.vfvuqg{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;}
-._1sy1200{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%;}
-.zgd0p4{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-.vlc7c7{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%;}
-._9wl3eq{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;}
-.t4wx64{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);}
-._9qbhwv{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;}
-._15qbxlw{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);}
-.b8w04y{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._2aa2jw{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._1r8oj6k{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._9bpxth{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._14mwsue{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.cx2le4{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;}
+._8g0i7h{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%;}
+._1qea10i{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+.bkjbn7{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%;}
+._1y562h{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;}
+.x3m8dg{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);}
+.s6omgl{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;}
+._194slpv{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);}
+._98bf7y{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._1ee91c{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+.nxgyma{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1einnx3{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._1t39xdx{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/amd/UNSAFE_Label.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-fa3971d7","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-e580c7c7","preact","preact/hooks"],function(e,s,a,i,n,o,d,r,l,t){"use strict";const c={base:"vfvuqg",startBase:"_1sy1200",topBase:"zgd0p4",insideBase:"vlc7c7",insideReadonlyInEnabledForm:"_9wl3eq",insideReadonlyNotInEnabledForm:"t4wx64",insideNonReadonly:"_9qbhwv",insideNonReadonlyHasValue:"_15qbxlw",insideDisabled:"b8w04y",insideFocused:"_2aa2jw",insideError:"_1r8oj6k",insideWarning:"_9bpxth",noWrap:"_14mwsue"},u=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:l,variant:t="inside"}=e,u=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:y}=d.useFormContext(),_="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([c.base,c.insideBase,n&&(b&&!F?c.insideReadonlyInEnabledForm:c.insideReadonlyNotInEnabledForm),!n&&c.insideNonReadonly,!n&&(i||l)&&c.insideNonReadonlyHasValue,!n&&l&&c.insideFocused,o&&c.insideDisabled,!o&&!n&&("insideError"===t||"insideWarning"===t)&&c[t]]):"start"===t?r.classNames([c.base,c.startBase,"truncate"===y&&c.noWrap]):"top"===t?r.classNames([c.base,c.topBase,"truncate"===y&&c.noWrap]):void 0;return a.jsx("label",Object.assign({},u,{class:_}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(u,Object.assign({for:n,hasValue:d,disabled:r,isFocused:l,readonly:t},o))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-d9d2f5d6","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-2ba58777","preact","preact/hooks"],function(e,s,a,n,i,d,o,r,l,t){"use strict";const c={base:"cx2le4",startBase:"_8g0i7h",topBase:"_1qea10i",insideBase:"bkjbn7",insideReadonlyInEnabledForm:"_1y562h",insideReadonlyNotInEnabledForm:"x3m8dg",insideNonReadonly:"s6omgl",insideNonReadonlyHasValue:"_194slpv",insideDisabled:"_98bf7y",insideFocused:"_1ee91c",insideError:"nxgyma",insideWarning:"_1einnx3",noWrap:"_1t39xdx"},u=e=>{var{hasValue:n,readonly:i,disabled:d,isFocused:l,variant:t="inside"}=e,u=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:m}=o.useFormContext(),y="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([c.base,c.insideBase,i&&(b&&!F?c.insideReadonlyInEnabledForm:c.insideReadonlyNotInEnabledForm),!i&&c.insideNonReadonly,!i&&(n||l)&&c.insideNonReadonlyHasValue,!i&&l&&c.insideFocused,d&&c.insideDisabled,!d&&!i&&("insideError"===t||"insideWarning"===t)&&c[t]]):"start"===t?r.classNames([c.base,c.startBase,"truncate"===m&&c.noWrap]):"top"===t?r.classNames([c.base,c.topBase,"truncate"===m&&c.noWrap]):void 0;return a.jsx("label",Object.assign({},u,{class:y}))};e.Label=e=>{var{forId:i}=e,d=s.__rest(e,["forId"]);const{hasValue:o,isDisabled:r,isFocused:l,isReadonly:t}=n.useFormFieldContext();return a.jsx(u,Object.assign({for:i,hasValue:o,disabled:r,isFocused:l,readonly:t},d))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Label.js.map