@oracle/oraclejet-preact 20.1.1 → 20.1.2

package/amd/Icon-b9a01da9.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './size-114c63df', './useTooltip-5615359f', 'preact/hooks', './logger-0f873e29', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', './UNSAFE_Icon/themes/IconStyle.css', './clientHints-6d361eaa'], (function(e,s,t,o,l,i,c,n,r,a,h,p,d,m,b){"use strict";const x=({accessibleLabel:e,...t})=>e?s.jsx(y,{accessibleLabel:e,...t}):s.jsx(u,{...t}),u=e=>s.jsx("svg",{...e}),y=({accessibleLabel:e,children:o,...i})=>{const{tooltipContent:c,tooltipProps:{onFocus:n,onBlur:r,...a}}=l.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(t.Fragment,{children:[s.jsx("svg",{role:"img",...i,...a,"aria-label":e,children:o}),c]})};e.Icon=({size:e="1em",color:t="currentColor",accessibleLabel:l="",viewBox:i="none",children:c})=>{if("safari"===b.getClientHints().browser){const n="1em"===e?e:`${o.sizeToCSS(e)}`;return s.jsx(x,{viewBox:i,accessibleLabel:l,class:m.styles[t],style:{width:n,height:n},children:c})}return s.jsx(x,{height:"1em",width:"1em",viewBox:i,accessibleLabel:l,class:m.styles[t],style:{fontSize:"1em"===e?e:`${o.sizeToCSS(e)}`},children:c})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', './size-114c63df', './useTooltip-c8aaf38a', 'preact/hooks', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './UNSAFE_Icon/themes/IconStyle.css', './clientHints-6d361eaa'], (function(e,s,t,o,l,i,c,n,r,a,h,p,b,d,m){"use strict";const x=({accessibleLabel:e,...t})=>e?s.jsx(y,{accessibleLabel:e,...t}):s.jsx(u,{...t}),u=e=>s.jsx("svg",{...e}),y=({accessibleLabel:e,children:o,...i})=>{const{tooltipContent:c,tooltipProps:{onFocus:n,onBlur:r,...a}}=l.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(t.Fragment,{children:[s.jsx("svg",{role:"img",...i,...a,"aria-label":e,children:o}),c]})};e.Icon=({size:e="1em",color:t="currentColor",accessibleLabel:l="",viewBox:i="none",children:c})=>{if("safari"===m.getClientHints().browser){const n="1em"===e?e:`${o.sizeToCSS(e)}`;return s.jsx(x,{viewBox:i,accessibleLabel:l,class:d.styles[t],style:{width:n,height:n},children:c})}return s.jsx(x,{height:"1em",width:"1em",viewBox:i,accessibleLabel:l,class:d.styles[t],style:{fontSize:"1em"===e?e:`${o.sizeToCSS(e)}`},children:c})}}));
 //# sourceMappingURL=Icon-b9a01da9.js.map

package/amd/IconButton-d78fe636.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-9bf908ec', './ButtonLabelLayout-6464870c', 'preact/compat', './useTooltip-5615359f', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', './buttonUtils-cbbb0130'], (function(t,o,e,s,i,a,n,l,r,p,c,u,d,b,m,y){"use strict";const f=a.forwardRef((({variant:t="outlined",isDisabled:a=!1,isRepeat:l=!1,size:p="md",type:c="button",autofocus:u,onAction:d,width:b,tooltip:m,testId:f,...h},B)=>{const{globalEventProps:T,ariaProps:{"aria-label":g,...x}}=y.processGlobals(h),{tooltipContent:w,tooltipProps:I}=n.useTooltip({text:m||g,isDisabled:a}),L={type:"button",buttonType:c};return o.jsxs(e.Fragment,{children:[o.jsx(s.BaseButton,{...r.mergeProps(I,T,x),ref:B,elementDetails:L,isDisabled:a,isRepeat:l,size:p,autofocus:u,variant:t,width:b,styling:["min","noUserSelect"],onAction:d,"aria-label":g??m,testId:f,children:o.jsx(i.ButtonLabelLayout,{display:"icons",startIcon:h.children,size:p})}),w]})}));f.displayName="IconButton",t.IconButton=f}));
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c', 'preact/compat', './useTooltip-c8aaf38a', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './buttonUtils-cbbb0130'], (function(t,o,e,s,a,i,n,l,r,p,c,u,d,b,m,y){"use strict";const f=i.forwardRef((({variant:t="outlined",isDisabled:i=!1,isRepeat:l=!1,size:p="md",type:c="button",autofocus:u,onAction:d,width:b,tooltip:m,testId:f,...h},B)=>{const{globalEventProps:T,ariaProps:{"aria-label":g,...x}}=y.processGlobals(h),{tooltipContent:w,tooltipProps:I}=n.useTooltip({text:m||g,isDisabled:i}),L={type:"button",buttonType:c};return o.jsxs(e.Fragment,{children:[o.jsx(s.BaseButton,{...r.mergeProps(I,T,x),ref:B,elementDetails:L,isDisabled:i,isRepeat:l,size:p,autofocus:u,variant:t,width:b,styling:["min","noUserSelect"],onAction:d,"aria-label":g??m,testId:f,children:o.jsx(a.ButtonLabelLayout,{display:"icons",startIcon:h.children,size:p})}),w]})}));f.displayName="IconButton",t.IconButton=f}));
 //# sourceMappingURL=IconButton-d78fe636.js.map

package/amd/IconMenuButton-74b41e62.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-1db436e3', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './useTooltip-5615359f', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-9bf908ec'], (function(e,t,s,o,n,a,i,r,l,u,c,d,p,y,b,m,h,M,S,f,g,T,I,x,B,w,A){"use strict";const F=p.forwardRef((({children:e,tooltip:a,accessibleLabel:c,variant:d="outlined",isDisabled:p=!1,isMenuOpen:y=!1,isIconOnly:b=!1,onToggleMenu:m,size:h="md",type:M="button",testId:S,width:f,icon:g,"aria-describedby":T},I)=>{const x=i.useRef(null);i.useImperativeHandle(I,(()=>x.current),[x]);const{triggerProps:B,menuProps:F}=w.useMenuAction({isDisabled:p,onToggleMenu:m,isMenuOpen:y,anchorRef:x}),{tooltipContent:j,tooltipProps:v}=l.useTooltip({text:a||c,isDisabled:y||p}),C={type:"button",buttonType:M},D={"aria-describedby":T},N=t.jsx(r.Fragment,{children:t.jsxs(A.BaseButton,{...u.mergeProps(v,B,D),styling:y?["min","active"]:["min"],elementDetails:C,isDisabled:p,variant:d,width:f,size:h,ref:x,"aria-label":c??a,testId:S,children:[t.jsx(s.ButtonLabelLayout,{display:"icons",startIcon:g,endIcon:b?null:t.jsx(o.SvgChevronDown,{}),size:h}),j]})});return p?N:t.jsxs(r.Fragment,{children:[N,t.jsx(n.Menu,{...F,offsetValue:4,"aria-label":c??a,children:e})]})}));F.displayName="IconMenuButton",e.IconMenuButton=F}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-1db436e3', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './useTooltip-c8aaf38a', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-5a0ad529'], (function(e,t,s,o,n,a,i,r,l,u,c,d,p,y,b,m,h,M,S,f,g,T,I,x,B,w,A){"use strict";const F=p.forwardRef((({children:e,tooltip:a,accessibleLabel:c,variant:d="outlined",isDisabled:p=!1,isMenuOpen:y=!1,isIconOnly:b=!1,onToggleMenu:m,size:h="md",type:M="button",testId:S,width:f,icon:g,"aria-describedby":T},I)=>{const x=i.useRef(null);i.useImperativeHandle(I,(()=>x.current),[x]);const{triggerProps:B,menuProps:F}=w.useMenuAction({isDisabled:p,onToggleMenu:m,isMenuOpen:y,anchorRef:x}),{tooltipContent:j,tooltipProps:v}=l.useTooltip({text:a||c,isDisabled:y||p}),C={type:"button",buttonType:M},D={"aria-describedby":T},N=t.jsx(r.Fragment,{children:t.jsxs(A.BaseButton,{...u.mergeProps(v,B,D),styling:y?["min","active"]:["min"],elementDetails:C,isDisabled:p,variant:d,width:f,size:h,ref:x,"aria-label":c??a,testId:S,children:[t.jsx(s.ButtonLabelLayout,{display:"icons",startIcon:g,endIcon:b?null:t.jsx(o.SvgChevronDown,{}),size:h}),j]})});return p?N:t.jsxs(r.Fragment,{children:[N,t.jsx(n.Menu,{...F,offsetValue:4,"aria-label":c??a,children:e})]})}));F.displayName="IconMenuButton",e.IconMenuButton=F}));
 //# sourceMappingURL=IconMenuButton-74b41e62.js.map

package/amd/IconProgressButton-28f72faa.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-9bf908ec', './ProgressButtonLabelLayout-4f7aa87d', 'preact/compat', './useTooltip-5615359f', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', './buttonUtils-cbbb0130', './resources/nls/en/bundle', './LiveRegion-1553833d', './useProgressLoadingState-4449db01'], (function(t,e,o,s,i,n,a,r,l,d,c,u,p,b,g,y,m,h,L){"use strict";const f=n.forwardRef((({variant:t="outlined",isLoading:n=!1,isDisabled:r=!1,size:d="md",type:c="button",onAction:u,width:p,tooltip:b,testId:g,...f},P)=>{const{globalEventProps:B}=y.processGlobals(f),T=!r&&n,v=m.default.accButtonProgressStatus({label:b}),x=m.default.accButtonProgressComplete({label:b}),A={type:"button",buttonType:c},C=b,{tooltipContent:S,tooltipProps:j}=a.useTooltip({text:C,isDisabled:r}),{loaded:w}=L.useProgressLoadingState(T),{"aria-describedby":I,...D}=j;return e.jsxs(o.Fragment,{children:[e.jsx(s.BaseButton,{...l.mergeProps(D,B),ref:P,elementDetails:A,isReadOnly:T,isDisabled:r,size:d,variant:t,width:p,styling:T?["min","hiddenLabel","noHoverActive"]:["min"],onAction:u,"aria-label":b,testId:g,children:e.jsx(i.ProgressButtonLabelLayout,{display:"icons",isLoading:T,isLoadingContrast:"callToAction"===t,startIcon:f.children,size:d})}),S,e.jsx(h.LiveRegion,{type:"assertive",children:w?x:n?v:""})]})}));f.displayName="IconProgressButton",t.IconProgressButton=f}));
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-5a0ad529', './ProgressButtonLabelLayout-4f7aa87d', 'preact/compat', './useTooltip-c8aaf38a', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './buttonUtils-cbbb0130', './resources/nls/en/bundle', './LiveRegion-dbefb95b', './useProgressLoadingState-4449db01'], (function(t,e,o,s,a,i,n,r,l,d,c,u,p,b,g,y,m,f,h){"use strict";const L=i.forwardRef((({variant:t="outlined",isLoading:i=!1,isDisabled:r=!1,size:d="md",type:c="button",onAction:u,width:p,tooltip:b,testId:g,...L},P)=>{const{globalEventProps:B}=y.processGlobals(L),T=!r&&i,v=m.default.accButtonProgressStatus({label:b}),x=m.default.accButtonProgressComplete({label:b}),A={type:"button",buttonType:c},C=b,{tooltipContent:S,tooltipProps:j}=n.useTooltip({text:C,isDisabled:r}),{loaded:w}=h.useProgressLoadingState(T),{"aria-describedby":I,...D}=j;return e.jsxs(o.Fragment,{children:[e.jsx(s.BaseButton,{...l.mergeProps(D,B),ref:P,elementDetails:A,isReadOnly:T,isDisabled:r,size:d,variant:t,width:p,styling:T?["min","hiddenLabel","noHoverActive"]:["min"],onAction:u,"aria-label":b,testId:g,children:e.jsx(a.ProgressButtonLabelLayout,{display:"icons",isLoading:T,isLoadingContrast:"callToAction"===t,startIcon:L.children,size:d})}),S,e.jsx(f.LiveRegion,{type:"assertive",children:w?x:i?v:""})]})}));L.displayName="IconProgressButton",t.IconProgressButton=L}));
 //# sourceMappingURL=IconProgressButton-28f72faa.js.map

package/amd/IconSwitchButton-22893e1f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-9bf908ec', './useToggleAction-59741954', './useTooltip-5615359f', 'preact/hooks', './useId-c9578d26', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', './toggleButtonUtils-0ebe4c56', './ToggleButtonLabel-367494b8'], (function(e,t,o,s,i,l,a,n,c,r,d,g,p,u,b,h,T,m){"use strict";const y=s.forwardRef((({children:e,tooltip:s,size:n="md",isDisabled:d=!1,accessibleLabel:g,isSelected:p=!1,onToggle:u,testId:b,width:h,"aria-describedby":y},B)=>{const{triggerProps:f}=l.useToggleAction({isDisabled:d,onToggle:u}),{tooltipContent:w,tooltipProps:S}=a.useTooltip({text:s??g,isDisabled:d}),I=T.toggleStyling("auto",p,!0,!1,!1,void 0,void 0,!0),x={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(S,f,x),elementDetails:{type:"button",isSwitch:!0},"aria-checked":p,variant:"ghost",size:n,isDisabled:d,styling:I,width:h,ref:B,"aria-label":g??s,testId:b,children:t.jsx(m.ToggleButtonLabel,{isDisabled:d,label:g??s,isToggle:!0,inputName:c.useId(),inputType:"switch",onAction:()=>u?.({value:p}),isSelected:p,display:"icons",startIcon:e,size:n})}),w]})}));y.displayName="IconSwitchButton",e.IconSwitchButton=y}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-5a0ad529', './useToggleAction-59741954', './useTooltip-c8aaf38a', 'preact/hooks', './useId-c9578d26', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './toggleButtonUtils-0ebe4c56', './ToggleButtonLabel-367494b8'], (function(e,t,o,s,i,l,a,n,c,r,d,g,p,u,b,h,T,m){"use strict";const y=s.forwardRef((({children:e,tooltip:s,size:n="md",isDisabled:d=!1,accessibleLabel:g,isSelected:p=!1,onToggle:u,testId:b,width:h,"aria-describedby":y},B)=>{const{triggerProps:f}=l.useToggleAction({isDisabled:d,onToggle:u}),{tooltipContent:w,tooltipProps:S}=a.useTooltip({text:s??g,isDisabled:d}),I=T.toggleStyling("auto",p,!0,!1,!1,void 0,void 0,!0),x={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(S,f,x),elementDetails:{type:"button",isSwitch:!0},"aria-checked":p,variant:"ghost",size:n,isDisabled:d,styling:I,width:h,ref:B,"aria-label":g??s,testId:b,children:t.jsx(m.ToggleButtonLabel,{isDisabled:d,label:g??s,isToggle:!0,inputName:c.useId(),inputType:"switch",onAction:()=>u?.({value:p}),isSelected:p,display:"icons",startIcon:e,size:n})}),w]})}));y.displayName="IconSwitchButton",e.IconSwitchButton=y}));
 //# sourceMappingURL=IconSwitchButton-22893e1f.js.map

package/amd/IconToggleButton-9f1c8265.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-9bf908ec', './useToggleAction-59741954', './useTooltip-5615359f', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130', './ToggleButtonLabel-367494b8'], (function(e,t,o,s,i,l,a,n,r,c,d,g,p,b,u,T,h,m){"use strict";const y=s.forwardRef((({children:e,variant:s="outlined",size:n="md",isDisabled:c=!1,tooltip:d,accessibleLabel:g,isSelected:p=!1,onToggle:b,testId:u,"aria-describedby":y,width:B,...f},v)=>{const{globalEventProps:x}=h.processGlobals(f),{triggerProps:w}=l.useToggleAction({isDisabled:c,onToggle:b}),{tooltipContent:A,tooltipProps:D}=a.useTooltip({text:d??g,isDisabled:c}),I=T.toggleStyling("auto",p,!1,!1,"outlined"===s,void 0,void 0,!0,!0),P={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(D,w,x,P),variant:s,isDisabled:c,size:n,width:B,"aria-pressed":p,styling:I,ref:v,"aria-label":g??d,testId:u,children:t.jsx(m.ToggleButtonLabel,{onAction:()=>b?.({value:p}),size:n,isDisabled:c,display:"icons",startIcon:e})}),A]})}));y.displayName="IconToggleButton",e.IconToggleButton=y}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-5a0ad529', './useToggleAction-59741954', './useTooltip-c8aaf38a', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130', './ToggleButtonLabel-367494b8'], (function(e,t,o,s,i,l,a,n,r,c,d,g,p,b,u,T,h,m){"use strict";const y=s.forwardRef((({children:e,variant:s="outlined",size:n="md",isDisabled:c=!1,tooltip:d,accessibleLabel:g,isSelected:p=!1,onToggle:b,testId:u,"aria-describedby":y,width:B,...f},v)=>{const{globalEventProps:x}=h.processGlobals(f),{triggerProps:w}=l.useToggleAction({isDisabled:c,onToggle:b}),{tooltipContent:A,tooltipProps:D}=a.useTooltip({text:d??g,isDisabled:c}),I=T.toggleStyling("auto",p,!1,!1,"outlined"===s,void 0,void 0,!0,!0),P={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(D,w,x,P),variant:s,isDisabled:c,size:n,width:B,"aria-pressed":p,styling:I,ref:v,"aria-label":g??d,testId:u,children:t.jsx(m.ToggleButtonLabel,{onAction:()=>b?.({value:p}),size:n,isDisabled:c,display:"icons",startIcon:e})}),A]})}));y.displayName="IconToggleButton",e.IconToggleButton=y}));
 //# sourceMappingURL=IconToggleButton-9f1c8265.js.map

package/amd/{IconUserAssistance-e80bf779.js → IconUserAssistance-682b85a2.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-db326955', './Help-b67ab14c', './Popup-575d49f7', './HiddenAccessible-037ef42d', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af', './InlineHelp-e872c36b'], (function(e,s,n,o,a,c,t,i,l,r,u,p,d){"use strict";e.IconUserAssistance=({assistiveText:e,helpSourceLink:h,helpSourceText:b,isTabbable:x=!0,id:m,variant:f="checkbox"})=>{const{bool:T,setFalse:k,toggle:g}=p.useToggle(!1),A=o.useTranslationBundle("@oracle/oraclejet-preact"),C=A.userAssistance_learnMore(),j=h&&(b||C),U=A.radio_helpForRadio(),v=A.checkbox_helpForCheckbox(),H=`${m}-help-string`,S=n.useRef(null),E=n.useCallback((e=>{const s=e?.target;(s instanceof Element||s instanceof Document)&&!S.current?.contains(s)&&T&&k()}),[T,k]),F=n.useCallback((e=>{const{key:s}=e;if(s&&"Enter"!==s)return;const{tagName:n}=e.target;"a"===n?.toLowerCase()&&(k(),setTimeout((()=>S.current?.focus())))}),[k]),I=n.useCallback((e=>{["Tab","Escape"].includes(e.code)&&T&&k(),["Space","Enter"].includes(e.code)&&(e.preventDefault(),g())}),[T,k,g]),P=n.useCallback((e=>{e.preventDefault(),g()}),[g]),{baseTheme:w}=l.useComponentTheme(u.PopupRedwoodTheme),y=r.classNames([w,i.iconUserAssistancePopup]);return h||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{onKeyDown:I,onClick:P,role:"button","aria-labelledby":H,"aria-haspopup":"dialog",ref:S,tabIndex:x?0:-1,class:i.iconUserAssistanceIcon,id:`${m}-help-icon`,children:s.jsx(a.SvgHelp,{})}),s.jsx(t.HiddenAccessible,{id:H,isHidden:!0,children:"checkbox"===f?v:U}),s.jsx(c.Popup,{placement:"top",isOpen:T,anchorRef:S,onClose:k,onClickOutside:E,shiftOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{id:m,tabIndex:0,class:y,onMouseUp:F,onKeyDown:F,children:s.jsx(d.InlineHelp,{assistiveText:e,sourceLink:h,sourceText:j})})})]}):null}}));
-//# sourceMappingURL=IconUserAssistance-e80bf779.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-e4dd341e', './Help-b67ab14c', './Popup-feb5bf60', './HiddenAccessible-037ef42d', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af', './InlineHelp-e872c36b'], (function(e,s,n,o,a,c,t,i,l,r,u,p,d){"use strict";e.IconUserAssistance=({assistiveText:e,helpSourceLink:h,helpSourceText:b,isTabbable:x=!0,id:m,variant:f="checkbox"})=>{const{bool:T,setFalse:k,toggle:g}=p.useToggle(!1),A=o.useTranslationBundle("@oracle/oraclejet-preact"),C=A.userAssistance_learnMore(),j=h&&(b||C),U=A.radio_helpForRadio(),v=A.checkbox_helpForCheckbox(),H=`${m}-help-string`,S=n.useRef(null),E=n.useCallback((e=>{const s=e?.target;(s instanceof Element||s instanceof Document)&&!S.current?.contains(s)&&T&&k()}),[T,k]),F=n.useCallback((e=>{const{key:s}=e;if(s&&"Enter"!==s)return;const{tagName:n}=e.target;"a"===n?.toLowerCase()&&(k(),setTimeout((()=>S.current?.focus())))}),[k]),I=n.useCallback((e=>{["Tab","Escape"].includes(e.code)&&T&&k(),["Space","Enter"].includes(e.code)&&(e.preventDefault(),g())}),[T,k,g]),P=n.useCallback((e=>{e.preventDefault(),g()}),[g]),{baseTheme:w}=l.useComponentTheme(u.PopupRedwoodTheme),y=r.classNames([w,i.iconUserAssistancePopup]);return h||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{onKeyDown:I,onClick:P,role:"button","aria-labelledby":H,"aria-haspopup":"dialog",ref:S,tabIndex:x?0:-1,class:i.iconUserAssistanceIcon,id:`${m}-help-icon`,children:s.jsx(a.SvgHelp,{})}),s.jsx(t.HiddenAccessible,{id:H,isHidden:!0,children:"checkbox"===f?v:U}),s.jsx(c.Popup,{placement:"top",isOpen:T,anchorRef:S,onClose:k,onClickOutside:E,shiftOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{id:m,tabIndex:0,class:y,onMouseUp:F,onKeyDown:F,children:s.jsx(d.InlineHelp,{assistiveText:e,sourceLink:h,sourceText:j})})})]}):null}}));
+//# sourceMappingURL=IconUserAssistance-682b85a2.js.map

package/amd/{IconUserAssistance-e80bf779.js.map → IconUserAssistance-682b85a2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconUserAssistance-e80bf779.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { iconUserAssistanceIcon, iconUserAssistancePopup } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\nimport { InlineHelp } from './InlineHelp';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n  /**\n   * Variant of the component, either 'checkbox' or 'radio'. Used to determine the help text.\n   */\n  variant?: 'checkbox' | 'radio';\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id,\n  variant = 'checkbox'\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpForCheckboxString = translations.checkbox_helpForCheckbox();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopup]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"button\"\n        aria-labelledby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {variant === 'checkbox' ? helpForCheckboxString : helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth=\"296px\">\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","variant","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpForCheckboxString","checkbox_helpForCheckbox","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleLinkEvent","e","key","tagName","toLowerCase","setTimeout","focus","handleOnKeyDown","includes","code","preventDefault","onClickHandler","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopup","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,KACAC,UAAU,eAEV,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAaf,IAAmBC,GAAkBY,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAwBP,EAAaQ,2BACrCC,EAAe,GAAGjB,gBAClBkB,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BpB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLuB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACX3B,IAIA4B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC7B,IAGG8B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAASlC,GACxCE,IAIE,CAAC,QAAS,SAAS+B,SAASP,EAAEQ,QAChCR,EAAES,iBACFhC,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrBiC,EAAiBlB,eACpBQ,IACCA,EAAES,iBACFhC,GAAQ,GAEV,CAACA,KAIKkC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,0BAE9D,OAAOjD,GAAkBD,EACvBmD,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEC,MACE,OAAA,CAAAC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,SAAQ,kBACIrC,EACH,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUzD,EAAa,GAAK,EAC5B0D,MAAOC,EAAAA,uBACP1D,GAAI,GAAGA,cAAckD,SACrBC,MAACQ,EAAAA,QAAQ,CAAA,KAEXR,EAAAA,IAACS,EAAgBA,iBAAC,CAAA5D,GAAIiB,EAAc4C,UAAU,EAAIX,SACnC,aAAZjD,EAAyBc,EAAwBF,IAEpDsC,EAAAA,IAACW,EAAKA,MAAA,CACJC,UAAU,MACV5D,OAAQA,EACRe,UAAWA,EACX8C,QAAS3D,EACT4D,eAAgB7C,EAChB8C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAS,QACTnB,SAAAC,EAAAA,IAAA,MAAA,CACEnD,GAAIA,EACJwD,SAAU,EACVC,MAAOb,EACP0B,UAAW1C,EACXwB,UAAWxB,EACXsB,SAAAC,EAAAA,IAACoB,EAAAA,WACC,CAAA3E,cAAeA,EACf4E,WAAY3E,EACZe,WAAYA,WAKlB,IAAI"}
+{"version":3,"file":"IconUserAssistance-682b85a2.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { iconUserAssistanceIcon, iconUserAssistancePopup } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\nimport { InlineHelp } from './InlineHelp';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n  /**\n   * Variant of the component, either 'checkbox' or 'radio'. Used to determine the help text.\n   */\n  variant?: 'checkbox' | 'radio';\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id,\n  variant = 'checkbox'\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpForCheckboxString = translations.checkbox_helpForCheckbox();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopup]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"button\"\n        aria-labelledby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {variant === 'checkbox' ? helpForCheckboxString : helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth=\"296px\">\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","variant","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpForCheckboxString","checkbox_helpForCheckbox","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleLinkEvent","e","key","tagName","toLowerCase","setTimeout","focus","handleOnKeyDown","includes","code","preventDefault","onClickHandler","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopup","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,KACAC,UAAU,eAEV,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAaf,IAAmBC,GAAkBY,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAwBP,EAAaQ,2BACrCC,EAAe,GAAGjB,gBAClBkB,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BpB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLuB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACX3B,IAIA4B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC7B,IAGG8B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAASlC,GACxCE,IAIE,CAAC,QAAS,SAAS+B,SAASP,EAAEQ,QAChCR,EAAES,iBACFhC,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrBiC,EAAiBlB,eACpBQ,IACCA,EAAES,iBACFhC,GAAQ,GAEV,CAACA,KAIKkC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,0BAE9D,OAAOjD,GAAkBD,EACvBmD,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEC,MACE,OAAA,CAAAC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,SAAQ,kBACIrC,EACH,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUzD,EAAa,GAAK,EAC5B0D,MAAOC,EAAAA,uBACP1D,GAAI,GAAGA,cAAckD,SACrBC,MAACQ,EAAAA,QAAQ,CAAA,KAEXR,EAAAA,IAACS,EAAgBA,iBAAC,CAAA5D,GAAIiB,EAAc4C,UAAU,EAAIX,SACnC,aAAZjD,EAAyBc,EAAwBF,IAEpDsC,EAAAA,IAACW,EAAKA,MAAA,CACJC,UAAU,MACV5D,OAAQA,EACRe,UAAWA,EACX8C,QAAS3D,EACT4D,eAAgB7C,EAChB8C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAS,QACTnB,SAAAC,EAAAA,IAAA,MAAA,CACEnD,GAAIA,EACJwD,SAAU,EACVC,MAAOb,EACP0B,UAAW1C,EACXwB,UAAWxB,EACXsB,SAAAC,EAAAA,IAACoB,EAAAA,WACC,CAAA3E,cAAeA,EACf4E,WAAY3E,EACZe,WAAYA,WAKlB,IAAI"}

package/amd/Indexer-27340b0e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-71f83c12', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-05038cac', './useCollectionFocusRing-734be5a1', './collectionUtils-3951928f', './useId-c9578d26', './useTranslationBundle-db326955', './HiddenAccessible-037ef42d', './Collection-121694cb', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-6160e7a2', './usePan-cf3cd3b6', './keys-4755c121'], (function(e,t,s,n,r,a,o,c,i,l,u,d,y,f,x,k,b,h,m,j,g){"use strict";const v=Object.freeze({key:"__others__",label:"#"}),T="[data-oj-indexer-item]",p=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:a}=e,o=r.data.key===a,c=R(e,s),{classes:i}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:o&&!r.data.isDisabled?"isSelected":"notSelected"}),l=x.classNames([i]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:l,"data-oj-indexer-item":"","data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const I=k.forwardRef((({lastValueNow:e,...n},r)=>{const a={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(p,{...a}),t.jsx(S,{...a,ref:r,context:{index:-1,data:v},valueNow:e})]})})),S=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,a=R(e,s),o=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:a.ref&&a.isFocusRingVisible?"isFocused":"notFocused",selected:o?"isSelected":"notSelected"}),i=x.classNames([c]),l=v.label;return t.jsx("li",{...a,class:i,"data-oj-indexer-item":"","data-oj-valuetext":l,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:a,sections:o}=e,c=R(e,s),{from:i,to:l}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!C(a.index,i,l))return null;const f=o[i].label||o[i].key,k=o[l].label||o[l].key,m=x.classNames([u]),j=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:m,"data-oj-indexer-item":"","data-oj-valuetext":j,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function C(e,t,s){return e===Math.floor((t+s)/2)}const N=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const E=(e,t,s)=>e===t.current?void 0===s?null:s:l.keyExtractor(e,T),P=(e,t,s)=>{if(e.value===v.key)t({value:v.key});else{t({value:s.find((t=>t.key===e.value)).key})}},_=(e,t,s,n,r,a,o)=>{if(0===e||0===t)return;const c=e/t,i=s-1;if(c<2)r!==i&&(a(i),o(n));else if(c>s||s-c<.01)r>1&&(a(1),o(n));else{const e=A(c,i);e!==r&&e<s&&(a(e),o(n))}},A=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let a=t-(r-1)*s,o=s;for(;o>a;)o-=1,a=t-(r-1)*o;return o!=s&&(o+=1),o};function K(e){return l.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=N,value:x,onCommit:k=()=>{},testId:v}){const R=n.useRef(null),S=n.useRef(null),A=s.createRef(),[V,O]=n.useState(e[0]?.key),[D,B]=n.useState(-1),M=n.useRef(-1),H=n.useRef(0),U=u.useId(),[$,L]=i.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:q}=c.useCurrentKey((e=>l.keyExtractor(e,T)),!0,!1,l.getPrevNextKey(R.current,V,!0,T),l.getPrevNextKey(R.current,V,!1,T),void 0,void 0,V,(e=>O(e.value))),{selectionProps:z}=o.useSingleSelection((e=>E(e,S,V)),void 0,(t=>P(t,k,e))),Y=n.useCallback((t=>{for(const s of t)_(s.contentRect.height,H.current,e.length,e[0]?.key,D,B,O)}),[e,D]);n.useEffect((()=>{S.current&&(S.current.setAttribute("aria-valuemax",M.current+1+""),S.current.setAttribute("aria-valuetext",A.current?.dataset?.ojValuetext||""),S.current.setAttribute("aria-valuenow",A.current?.dataset?.ojValuenow||"")),M.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,_(t.offsetHeight,H.current,e.length,e[0]?.key,D,B,O))}),[e,D]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{Y(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[D,Y]);const G=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:J,innerStyle:Q}}=b.useComponentTheme(h.IndexerRedwoodTheme),W=m.useTestId(v),X=n.useCallback((({y:t,status:s})=>{if("move"!==s&&"start"!==s)return;if(!S.current)return;const n=S.current.getBoundingClientRect(),r=t-n.top,a=Array.from(S.current.querySelectorAll("li"));if(0===a.length)return;let o=0,c=Number.POSITIVE_INFINITY;a.forEach(((e,t)=>{const s=e.getBoundingClientRect(),a=s.top+s.height/2-n.top,i=Math.abs(a-r);i<c&&(c=i,o=t)}));const i=a[o].getAttribute("data-oj-key");g.isKeyDefined(i)&&V!==i&&(O(i),P({value:i},k,e))}),[S,O,k,V,e]),{panProps:Z}=j.usePan(X,{threshold:2,minimumTime:0,isDisabled:!1});return t.jsxs("div",{ref:R,class:J,...W,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...a.mergeProps(q,L,z,Z),ref:S,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":U,role:"slider",class:Q,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;M.current+=1;const r={context:s,ref:A,currentKey:V,selectedKey:x,valueNow:M.current,isFocusRingVisible:!!$};if(s.index===n)return t.jsx(I,{...r,lastValueNow:M.current+1});if(D<=1||s.index%D==0)return t.jsx(p,{...r});const a={...r,sectionsPerTruncation:D,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return C(e.context.index,t,s)}(a)?t.jsx(w,{...a}):(M.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:U,children:K(G)})})]})},e.SECTION_OTHERS=v}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-4b81b412', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-5749e7fb', './useCollectionFocusRing-734be5a1', './collectionUtils-3951928f', './useId-c9578d26', './useTranslationBundle-e4dd341e', './HiddenAccessible-037ef42d', './Collection-121694cb', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-f4240cbd', './usePan-cf3cd3b6', './keys-4755c121'], (function(e,t,s,n,r,a,o,c,i,l,u,d,f,y,x,b,k,h,m,j,g){"use strict";const v=Object.freeze({key:"__others__",label:"#"}),T="[data-oj-indexer-item]",p=b.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:a}=e,o=r.data.key===a,c=R(e,s),{classes:i}=k.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:o&&!r.data.isDisabled?"isSelected":"notSelected"}),l=x.classNames([i]),u=r.data.label||r.data.key,f=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:l,"data-oj-indexer-item":"","data-oj-valuetext":f,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const I=b.forwardRef((({lastValueNow:e,...n},r)=>{const a={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(p,{...a}),t.jsx(S,{...a,ref:r,context:{index:-1,data:v},valueNow:e})]})})),S=b.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,a=R(e,s),o=n.data.key===r,{classes:c}=k.useComponentTheme(h.IndexerRedwoodTheme,{focused:a.ref&&a.isFocusRingVisible?"isFocused":"notFocused",selected:o?"isSelected":"notSelected"}),i=x.classNames([c]),l=v.label;return t.jsx("li",{...a,class:i,"data-oj-indexer-item":"","data-oj-valuetext":l,children:n.data.label})})),w=b.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:a,sections:o}=e,c=R(e,s),{from:i,to:l}=F(e),{classes:u,styles:{dotStyle:f}}=k.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!C(a.index,i,l))return null;const y=o[i].label||o[i].key,b=o[l].label||o[l].key,m=x.classNames([u]),j=n.indexer_separatorLabel({FROM_SECTION:`${y}`,TO_SECTION:`${b}`});return t.jsx("li",{...c,class:m,"data-oj-indexer-item":"","data-oj-valuetext":j,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:f})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function C(e,t,s){return e===Math.floor((t+s)/2)}const N=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const E=(e,t,s)=>e===t.current?void 0===s?null:s:l.keyExtractor(e,T),P=(e,t,s)=>{if(e.value===v.key)t({value:v.key});else{t({value:s.find((t=>t.key===e.value)).key})}},_=(e,t,s,n,r,a,o)=>{if(0===e||0===t)return;const c=e/t,i=s-1;if(c<2)r!==i&&(a(i),o(n));else if(c>s||s-c<.01)r>1&&(a(1),o(n));else{const e=A(c,i);e!==r&&e<s&&(a(e),o(n))}},A=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let a=t-(r-1)*s,o=s;for(;o>a;)o-=1,a=t-(r-1)*o;return o!=s&&(o+=1),o};function K(e){return l.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=N,value:x,onCommit:b=()=>{},testId:v}){const R=n.useRef(null),S=n.useRef(null),A=s.createRef(),[V,O]=n.useState(e[0]?.key),[D,B]=n.useState(-1),M=n.useRef(-1),H=n.useRef(0),U=u.useId(),[$,L]=i.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:q}=c.useCurrentKey((e=>l.keyExtractor(e,T)),!0,!1,l.getPrevNextKey(R.current,V,!0,T),l.getPrevNextKey(R.current,V,!1,T),void 0,void 0,V,(e=>O(e.value))),{selectionProps:z}=o.useSingleSelection((e=>E(e,S,V)),void 0,(t=>P(t,b,e))),Y=n.useCallback((t=>{for(const s of t)_(s.contentRect.height,H.current,e.length,e[0]?.key,D,B,O)}),[e,D]);n.useEffect((()=>{S.current&&(S.current.setAttribute("aria-valuemax",M.current+1+""),S.current.setAttribute("aria-valuetext",A.current?.dataset?.ojValuetext||""),S.current.setAttribute("aria-valuenow",A.current?.dataset?.ojValuenow||"")),M.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,_(t.offsetHeight,H.current,e.length,e[0]?.key,D,B,O))}),[e,D]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{Y(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[D,Y]);const G=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:J,innerStyle:Q}}=k.useComponentTheme(h.IndexerRedwoodTheme),W=m.useTestId(v),X=n.useCallback((({y:t,status:s})=>{if("move"!==s&&"start"!==s)return;if(!S.current)return;const n=S.current.getBoundingClientRect(),r=t-n.top,a=Array.from(S.current.querySelectorAll("li"));if(0===a.length)return;let o=0,c=Number.POSITIVE_INFINITY;a.forEach(((e,t)=>{const s=e.getBoundingClientRect(),a=s.top+s.height/2-n.top,i=Math.abs(a-r);i<c&&(c=i,o=t)}));const i=a[o].getAttribute("data-oj-key");g.isKeyDefined(i)&&V!==i&&(O(i),P({value:i},b,e))}),[S,O,b,V,e]),{panProps:Z}=j.usePan(X,{threshold:2,minimumTime:0,isDisabled:!1});return t.jsxs("div",{ref:R,class:J,...W,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...a.mergeProps(q,L,z,Z),ref:S,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":U,role:"slider",class:Q,children:t.jsx(y.Collection,{items:e,children:s=>{const n=e.length-1;M.current+=1;const r={context:s,ref:A,currentKey:V,selectedKey:x,valueNow:M.current,isFocusRingVisible:!!$};if(s.index===n)return t.jsx(I,{...r,lastValueNow:M.current+1});if(D<=1||s.index%D==0)return t.jsx(p,{...r});const a={...r,sectionsPerTruncation:D,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return C(e.context.index,t,s)}(a)?t.jsx(w,{...a}):(M.current-=1,null)}})})}),t.jsx(f.HiddenAccessible,{children:t.jsx("span",{id:U,children:K(G)})})]})},e.SECTION_OTHERS=v}));
 //# sourceMappingURL=Indexer-27340b0e.js.map

package/amd/InlineHelpSource-8d8b6a8b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTranslationBundle-db326955', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,r,t,o,l){"use strict";e.InlineHelpSource=({children:e,source:r})=>{const c=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),b=e||c,{isTabbable:u,tabbableModeProps:d}=t.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(l.UserAssistanceRedwoodTheme);return s.jsx("a",{class:a.classNames([i,m.helpSourceStyles]),target:"_blank",href:r,...!u&&d,children:b})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTranslationBundle-e4dd341e', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,r,t,o,l){"use strict";e.InlineHelpSource=({children:e,source:r})=>{const c=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),b=e||c,{isTabbable:d,tabbableModeProps:u}=t.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(l.UserAssistanceRedwoodTheme);return s.jsx("a",{class:a.classNames([i,m.helpSourceStyles]),target:"_blank",href:r,...!d&&u,children:b})}}));
 //# sourceMappingURL=InlineHelpSource-8d8b6a8b.js.map

package/amd/InlineSelectSingle-4e6a631c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-71f83c12', './Label-286bacb8', './useDisplayValue-a15b1a34', './Separator-181f7541', './logger-0f873e29', './TabbableModeContext-a9c97640', './LayerHost-1a734852', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-91f9ace1', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-575d49f7', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-215ec211', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-db326955', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-be138f8d'], (function(e,s,t,n,o,a,r,i,l,c,d,u,p,b,h,S,m,y,x,C,g,F,f,v,w,A,T,U,E,L,k,I,K,B,R,P,M,_,j,V,N,D,O,z,Y,$,G,H,W,q,Z){"use strict";const J={isTabbable:!1};const Q=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:p,onLoadRange:b,testId:S,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:C,isEmptyResults:g,isUserFiltering:F,labelProps:f,listContainerProps:v,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:p,onCommit:b,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},C){const g=n.useRef(null),{textAlign:F}=z.useFormContext(),f=m??F??"start",v=null!=t&&!Z.isBeforeDataFetch(t),w=v&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),U=n.useRef(!0),[E,L]=n.useState(void 0===y?void 0:new Set([y.key])),k=Y.useLoadingIndicatorTimer(c??!1),I=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(C,(()=>({focus:()=>g.current?.focus(),blur:()=>g.current?.blur(),[q.UNSAFE_DOM_ACCESS]:g.current})),[]);const{currentRowKeyRef:K,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:N,updateFiltering:D,userInput:O}=Z.useSelectCommon({data:t,inputRef:g,isFocused:!0,onFilter:h}),{baseId:J,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:k,value:void 0!==y||void 0}),te=`${J}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=v?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,L(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:Z.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),U.current&&(U.current=!1,V({rowKey:[...E??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{b?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[b,y]),re=n.useCallback((e=>{L(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{N();const s=e.context.key;L(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,N]),ce=n.useCallback((({value:e})=>{D(e),h?.({searchText:e})}),[h,D]),de=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:e.preventDefault();break;case H.KEYS.ENTER:case H.KEYS.TAB:{if(Z.isPhone())return;const s={reason:e.code===H.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(N(),void 0!==K.current&&null!=t&&t.data.length>0)return L(new Set([K.current])),void ae(K.current,s);ae(y?.key??void 0,s);break}}}),[re,K,t,ie,ae,N,y]),ue=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:if(null!=t&&R.current){const e=W.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),pe=n.useCallback((e=>{e.code===H.KEYS.TAB&&void 0!==K.current&&null!=t&&t.data.length>0&&(L(new Set([K.current])),ae(K.current,{reason:"tabKey"}))}),[K,t,ae]),be=n.useCallback((()=>{N(),re({reason:"itemAction"}),g.current?.focus(),h?.({searchText:void 0})}),[re,h,N]),he=Z.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:E,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:pe},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:p,onClearButtonClick:be,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:I,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:f,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),U=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(Z.DefaultList,{"aria-label":p,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:b,searchText:F?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,F,d,u,p,b]),E=s.jsx(D.View,{minWidth:"100%",padding:"2x",children:s.jsx(h.InlineUserAssistance,{testId:S&&`${S}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(B.FormFieldContext.Provider,{value:x,children:[s.jsxs(D.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...f}),testId:S&&`${S}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&C&&s.jsxs(s.Fragment,{children:[E,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(Z.DropdownList,{...v,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:J,children:g?s.jsx(Z.EmptyResults,{}):U(y)})}),"belowList"===m&&C&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),E]})]})})}));e.InlineSelectSingle=Q}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-4b81b412', './Label-286bacb8', './useDisplayValue-a15b1a34', './Separator-181f7541', './logger-0f873e29', './TabbableModeContext-a9c97640', './LayerHost-0b288129', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-91f9ace1', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-feb5bf60', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-35699bb2', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-be138f8d'], (function(e,s,t,n,o,a,r,i,l,c,d,u,b,p,h,S,m,y,x,C,f,g,F,v,w,A,T,U,E,L,k,I,K,B,R,P,M,_,j,V,N,D,O,z,Y,$,G,H,W,q,Z){"use strict";const J={isTabbable:!1};const Q=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:b,onLoadRange:p,testId:S,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:C,isEmptyResults:f,isUserFiltering:g,labelProps:F,listContainerProps:v,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:b,onCommit:p,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},C){const f=n.useRef(null),{textAlign:g}=z.useFormContext(),F=m??g??"start",v=null!=t&&!Z.isBeforeDataFetch(t),w=v&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),U=n.useRef(!0),[E,L]=n.useState(void 0===y?void 0:new Set([y.key])),k=Y.useLoadingIndicatorTimer(c??!1),I=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(C,(()=>({focus:()=>f.current?.focus(),blur:()=>f.current?.blur(),[q.UNSAFE_DOM_ACCESS]:f.current})),[]);const{currentRowKeyRef:K,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:N,updateFiltering:D,userInput:O}=Z.useSelectCommon({data:t,inputRef:f,isFocused:!0,onFilter:h}),{baseId:J,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:k,value:void 0!==y||void 0}),te=`${J}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=v?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,L(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:Z.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),U.current&&(U.current=!1,V({rowKey:[...E??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{p?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[p,y]),re=n.useCallback((e=>{L(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{N();const s=e.context.key;L(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,N]),ce=n.useCallback((({value:e})=>{D(e),h?.({searchText:e})}),[h,D]),de=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:e.preventDefault();break;case H.KEYS.ENTER:case H.KEYS.TAB:{if(Z.isPhone())return;const s={reason:e.code===H.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(N(),void 0!==K.current&&null!=t&&t.data.length>0)return L(new Set([K.current])),void ae(K.current,s);ae(y?.key??void 0,s);break}}}),[re,K,t,ie,ae,N,y]),ue=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:if(null!=t&&R.current){const e=W.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),be=n.useCallback((e=>{e.code===H.KEYS.TAB&&void 0!==K.current&&null!=t&&t.data.length>0&&(L(new Set([K.current])),ae(K.current,{reason:"tabKey"}))}),[K,t,ae]),pe=n.useCallback((()=>{N(),re({reason:"itemAction"}),f.current?.focus(),h?.({searchText:void 0})}),[re,h,N]),he=Z.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:E,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:be},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:b,onClearButtonClick:pe,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:I,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:f,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:F,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),U=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(Z.DefaultList,{"aria-label":b,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:p,searchText:g?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,g,d,u,b,p]),E=s.jsx(D.View,{minWidth:"100%",padding:"2x",children:s.jsx(h.InlineUserAssistance,{testId:S&&`${S}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(B.FormFieldContext.Provider,{value:x,children:[s.jsxs(D.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...F}),testId:S&&`${S}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&C&&s.jsxs(s.Fragment,{children:[E,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(Z.DropdownList,{...v,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:J,children:f?s.jsx(Z.EmptyResults,{}):U(y)})}),"belowList"===m&&C&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),E]})]})})}));e.InlineSelectSingle=Q}));
 //# sourceMappingURL=InlineSelectSingle-4e6a631c.js.map

package/amd/InlineUserAssistance-91f9ace1.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-d5d70f71', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InlineHelp-e872c36b', './useTranslationBundle-db326955', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-6160e7a2'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,h,p,C,g,A,y,T,x,U,f,F,S,w,I,M,b,B,N,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],showInlineAssistanceOn:c="focus",userAssistanceDensity:d,testId:u}){const{isReadonly:m}=N.useFormContext(),h="efficient"===d&&!1===m,{isFocused:p}=E.useFormFieldContext(),C=l.length>0?s.jsx(b.ComponentMessageContainer,{fieldLabel:t,messages:l}):!e&&!n||"always"!==c&&!p?i?s.jsx(V,{align:r}):null:s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o});return C||h?s.jsx(D,{id:a,variant:d,testId:u,children:C}):null},e.InlineUserAssistanceContainer=D}));
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-d5d70f71', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InlineHelp-e872c36b', './useTranslationBundle-e4dd341e', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-f4240cbd'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,h,p,C,g,A,y,T,x,f,U,F,S,b,w,I,M,B,N,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],showInlineAssistanceOn:c="focus",userAssistanceDensity:d,testId:u}){const{isReadonly:m}=N.useFormContext(),h="efficient"===d&&!1===m,{isFocused:p}=E.useFormFieldContext(),C=l.length>0?s.jsx(M.ComponentMessageContainer,{fieldLabel:t,messages:l}):!e&&!n||"always"!==c&&!p?i?s.jsx(V,{align:r}):null:s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o});return C||h?s.jsx(D,{id:a,variant:d,testId:u,children:C}):null},e.InlineUserAssistanceContainer=D}));
 //# sourceMappingURL=InlineUserAssistance-91f9ace1.js.map

package/amd/InputColor-3eca248b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-e4dd341e', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-91f9ace1', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-feb5bf60', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-1d02491d', './ColorPicker-3b4180e9', './SectionedContent-a89bafc6', './ColorSwatch-52a06d25', './useDownToggle-80b61b43', './useClearIcon-2bedc84f', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-286bacb8', './keyboardUtils-fb6219eb', './TextFieldInput-f8635c62', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-41384d7e', './StyledTextField-f533c9e9', './TextField-1da09ebc', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-2fc90192', './mergeProps-bcfa6a92', './ClearIcon-a066df59', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,m,b,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,L,H,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,me,be,he,ye,xe,Ce){"use strict";const Se=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=fe(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(W.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:O.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:O.dropdownStyles,children:s.jsx(q.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(z.Sheet,{isOpen:u,onClose:h,children:s.jsx(q.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},fe=()=>"phone"===l.getClientHints().deviceType,ve=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Fe=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),m=o.useRef(t),b=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(ve,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(m.current,t)&&(m.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),b.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,b.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),b.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=K.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},Te=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:L,colorCommitHandler:H,colorInputHandler:M,colorRef:N}=Fe({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...K}=_,{currentCommitValue:J,dispatch:se}=xe.useCurrentValueReducer({value:P}),oe=o.useCallback((e=>{se({type:"input",payload:e.value}),M?.(e)}),[M,se]),re=o.useCallback((e=>{se({type:"commit",payload:e.value}),H?.(e)}),[H,se]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:me}=Q.useFormContext(),fe=i??ie,ve=d??ce,Te=u??de,Ae=p??ue,Ie=S??pe,Re=U??me,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=$.useFocusableTextField({isDisabled:fe,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Ce.useSelectableTextField(N);o.useImperativeHandle(k,(()=>he.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=X.useHover({isDisabled:ve||fe||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:Le,userAssistanceProps:He}=Y.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isFocused:Ue||L,isReadonly:ve,isRequiredShown:b,labelEdge:Te,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus();const e=void 0;P!==e&&oe?.({previousValue:P,value:e})}),[oe,P,N]),Ne=Z.useClearIcon({clearIcon:s.jsx(ye.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!fe,isHover:je}),Oe=void 0!==A&&"inside"===Te,ze="none"!==Te?s.jsx(ee.Label,{...Be,children:A}):void 0,We={label:"none"!==Te?ze:void 0,labelEdge:"none"!==Te?Te:void 0,labelStartWidth:"none"!==Te?Ae:void 0},qe="none"===Te?A:void 0,Ge="efficient"===Re||"reflow"===Re?fe||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...He}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...He}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(be.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...He}):void 0,Je=ve?s.jsx(ae.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Te,hasInsideLabel:Oe}):s.jsx(te.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:J,hasEmptyLabel:""===A&&"none"===Te,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Te,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:ge()?"text":void 0,value:P,onCommit:re,onInput:oe,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(le.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(ne.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(G.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:fe,isButton:!0,isTooltipDisabled:L,ref:B,testId:w?w+"_colorIcon":void 0,value:J,onToggle:fe||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...Le,...We,...Ee,...K})}),L&&!ve&&!fe&&s.jsx(Se,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isReadonly:ve,isOpen:L,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function ge(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}Te.displayName="InputColor",e.InputColor=Te}));
+//# sourceMappingURL=InputColor-3eca248b.js.map

package/amd/{InputColor-a1fcd3b3.js.map → InputColor-3eca248b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputColor-a1fcd3b3.js","sources":["../../src/UNSAFE_InputColor/InputColorPickerDropdown.tsx","../../src/UNSAFE_InputColor/useInputColorState.ts","../../src/UNSAFE_InputColor/useInputColor.ts","../../src/UNSAFE_InputColor/InputColor.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 } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputColorPickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype PickedPropsFromColorPicker = Pick<ColorPickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\ntype PickedPropsFromInputColor = Pick<\n  InputColorProps,\n  | 'swatchSize'\n  | 'palette'\n  | 'value'\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype Props = PickedPropsFromColorPicker &\n  PickedPropsFromInputColor &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders ColorPicker either inside a dropdown or sheet; in mobile,\n * it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputColorPickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  swatchSize,\n  palette,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  messages,\n  testId,\n  userAssistanceDensity,\n  value\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { colorPicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const colorPickerAriaLabel = colorPicker_label();\n\n  const colorPickerMainContent = (\n    <ColorPicker\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      swatchSize={swatchSize}\n      palette={palette}\n      testId={testId}\n      value={value}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: color picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        paddingBlockEnd=\"3.5x\"\n        paddingBlockStart=\"3.5x\"\n        paddingInlineEnd=\"3.5x\"\n        paddingInlineStart=\"3.5x\"\n        aria-label={colorPickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={colorPickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={colorPickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={colorPickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputColorPickerDropdown, type CloseDetail };\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 { useReducer } from 'preact/hooks';\nimport { type ColorValue } from '#utils/UNSAFE_color';\n\ntype InputColorState = {\n  /**\n   * Represents the current color value of the component. The user either selected\n   * the color in the picker, or typed it into the color field.\n   */\n  colorValue?: ColorValue;\n};\n\ntype ColorChangedAction = { type: 'colorChanged'; data?: ColorValue };\ntype ColorResetAction = { type: 'reset'; data?: ColorValue };\ntype ColorSelectedAction = { type: 'colorSelected'; data?: ColorValue };\ntype InputColorReducerAction = ColorChangedAction | ColorResetAction | ColorSelectedAction;\n\n// Use a reducer function to manage InputColorState.\nconst inputColorReducer = (\n  state: InputColorState,\n  action: InputColorReducerAction\n): InputColorState => {\n  switch (action.type) {\n    case 'colorChanged': {\n      return {\n        ...state,\n        colorValue: action.data\n      };\n    }\n    case 'colorSelected': {\n      return { ...state, colorValue: action.data };\n    }\n    case 'reset': {\n      return {\n        colorValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputColor, or undefined.\n   */\n  value?: ColorValue;\n};\n\n/**\n * useInputColorState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputColorState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputColorReducer, {\n    colorValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputColorState };\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 type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { ElementRef } from 'preact/compat';\nimport { colorsAreDifferent, type ColorValue } from '#utils/UNSAFE_color';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { CloseDetail, InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { useInputColorState } from './useInputColorState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDownToggle } from '#hooks/UNSAFE_useDownToggle';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype ColorSwatchProps = ComponentProps<typeof ColorSwatch>;\ntype DropdownProps = ComponentProps<typeof InputColorPickerDropdown>;\n\ntype Props = {\n  onCommit: InputColorProps['onCommit'];\n  onInput: InputColorProps['onInput'];\n  value: InputColorProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputColor.\n */\nconst useInputColor = ({ onCommit, onInput, value: currentValue }: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  // Ref to the swatch icon button.\n  const iconRef: RefObject<SwatchHandle> = useRef<SwatchHandle>(null);\n\n  // Ref to the text input which holds color value\n  const colorRef: RefObject<HTMLInputElement> = useRef<HTMLInputElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last color values passed to onInput and onCommit.\n  const lastCommittedColorRef = useRef<ColorValue | undefined>(currentValue);\n  const lastColorRef = useRef<ColorValue | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<ColorValue | undefined>(currentValue);\n\n  // Keep track of whether a color was selected in the color picker.\n  const colorSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputColorState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (colorsAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (colorsAreDifferent(currentValue, state.colorValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastColorRef.current = currentValue;\n      lastCommittedColorRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (colorsAreDifferent(state.colorValue, lastColorRef.current)) {\n      onInput({ previousValue: lastColorRef.current, value: state.colorValue });\n      lastColorRef.current = state.colorValue;\n    }\n    if (\n      colorSelectedRef.current &&\n      colorsAreDifferent(state.colorValue, lastCommittedColorRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedColorRef.current, value: state.colorValue });\n      lastCommittedColorRef.current = state.colorValue;\n      colorSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.colorValue]);\n\n  // Handle onInput from InputColor as values are entered in the input field.\n  // We wait for the state to update before calling onInput.\n  const colorInputHandler = useCallback<InputColorProps['onInput']>(\n    (detail: ValueUpdateDetail<ColorValue>) => {\n      dispatch({ type: 'colorChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputColor, which is called when the user presses Enter or the field is blurred.\n  const colorCommitHandler = useCallback<NonNullable<InputColorProps['onCommit']>>(() => {\n    // If the current color value differs from the last committed value, then call onCommit.\n    if (colorsAreDifferent(lastCommittedColorRef.current, state.colorValue)) {\n      onCommit?.({ value: state.colorValue, previousValue: lastCommittedColorRef.current });\n      lastCommittedColorRef.current = state.colorValue;\n    }\n  }, [onCommit, state.colorValue]);\n\n  // Respond to onAction event from the swatch icon button. Toggles the color picker dropdown.\n  const colorIconActionHandler = useCallback<NonNullable<ColorSwatchProps['onToggle']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the swatch icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the swatch icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle color selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the color field.\n  const colorPickerCommitHandler = useCallback<ColorPickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<ColorValue>) => {\n      // Set focus to the swatch when a color is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a color was selected.\n      colorSelectedRef.current = true;\n      dispatch({ type: 'colorSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  // The Redwood UX design calls for the dropdown to open when the down arrow is pressed.\n  // Handle opening the dropdown when the down arrow is pressed in the text edit field.\n  const colorPickerDownHandler = useCallback(() => {\n    setIsOpen(true);\n  }, []);\n\n  const { triggerProps: containerDropdownProps } = useDownToggle({\n    isOpen,\n    onToggle: colorPickerDownHandler\n  });\n\n  return {\n    colorIconActionHandler,\n    colorPickerCommitHandler,\n    dropdownCloseHandler,\n    containerDropdownProps,\n    colorValue: state.colorValue,\n    iconRef,\n    isOpen,\n    colorCommitHandler,\n    colorInputHandler,\n    colorRef\n  };\n};\n\nexport { useInputColor };\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 */\nimport { Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { type BundleType } from '../resources/nls/bundle';\nimport { type ColorValue, isValidColorValue } from '#utils/UNSAFE_color';\nimport { InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { useInputColor } from './useInputColor';\n\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 { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { CompactUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { ClearIcon } from '../PRIVATE_ClearIcon/ClearIcon';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { InputColorPublicProps as Props } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * An Input Color is a form field that allows users to select or input a color value,\n * using a color picker or by enterihg a HEX code.\n */\nexport const InputColor = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      swatchSize,\n      palette,\n      value,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      isRequiredShown = false,\n      isRequired = false,\n      placeholder,\n      hasClearIcon,\n      columnSpan,\n      textAlign: propTextAlign,\n      autoComplete,\n      messages,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      label,\n      onCommit,\n      onInput,\n      testId,\n      variant,\n      userAssistanceDensity: propUserAssistanceDensity\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const {\n      colorIconActionHandler,\n      colorPickerCommitHandler,\n      dropdownCloseHandler,\n      colorValue,\n      containerDropdownProps,\n      iconRef,\n      isOpen,\n      colorCommitHandler,\n      colorInputHandler,\n      colorRef: enabledElementRef\n    } = useInputColor({\n      onCommit,\n      onInput,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputColor_selectColor } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const colorIconAriaLabel = inputColor_selectColor();\n    const { onKeyDown, ...inputContainerAriaProps } = containerDropdownProps;\n\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value: colorValue });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<ColorValue>) => {\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        colorInputHandler?.(detail);\n      },\n      [colorInputHandler, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<ColorValue>) => {\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        colorCommitHandler?.(detail);\n      },\n      [colorCommitHandler, dispatch]\n    );\n\n    const startContent = () => (\n      <ColorSwatch\n        size=\"xs\"\n        aria-haspopup={palette ? 'grid' : undefined} // with only palette, grid is a better choice than dialog for now.\n        aria-label={palette ? colorIconAriaLabel : undefined}\n        isDisabled={isDisabled}\n        isButton={true}\n        isTooltipDisabled={isOpen}\n        ref={iconRef as Ref<SwatchHandle>}\n        testId={testId ? testId + '_colorIcon' : undefined}\n        value={currentCommitValue as ColorValue}\n        onToggle={isDisabled || !palette ? undefined : colorIconActionHandler}\n      />\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 readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused: isFocused || isOpen,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value: colorValue\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 if the value is not already cleared\n      const nextValue = undefined;\n      if (colorValue === nextValue) return;\n      onInputAndDispatch?.({ previousValue: colorValue, value: nextValue });\n    }, [onInputAndDispatch, colorValue, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\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    ) : undefined;\n\n    const aRef = useRef<HTMLDivElement>(null);\n    const anchorRef = mainFieldRef ?? aRef;\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const mainContent = isReadonly ? (\n      <ReadonlyTextFieldInput\n        aria-describedby={inputProps['aria-describedby']}\n        aria-label={ariaLabel}\n        aria-labelledby={labelProps.id}\n        as=\"div\"\n        elementRef={readonlyElementRef}\n        textAlign={textAlign}\n        value={colorValue}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasInsideLabel={hasInsideLabel}\n      />\n    ) : (\n      <TextFieldInput\n        aria-labelledby={labelProps.id}\n        aria-label={ariaLabel}\n        autoComplete={autoComplete}\n        currentCommitValue={currentCommitValue}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasEndContent={false}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        hasStartContent={true}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        type={isMobile() ? 'text' : undefined}\n        value={colorValue}\n        onCommit={\n          onCommitAndDispatch as (detail: ValueUpdateDetail<string>) => {\n            value: string;\n          }\n        }\n        onInput={\n          onInputAndDispatch as (detail: ValueUpdateDetail<string>) => {\n            value: string;\n          }\n        }\n        onKeyDown={onKeyDown}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <>\n        <FormFieldContext.Provider value={formFieldContext}>\n          {isReadonly ? (\n            <ReadonlyTextField\n              role=\"presentation\"\n              columnSpan={columnSpan}\n              compactUserAssistance={compactUserAssistance}\n              inlineUserAssistance={inlineUserAssistance}\n              onBlur={focusProps.onFocusOut}\n              onFocus={focusProps.onFocusIn}\n              ref={anchorRef}\n              mainContent={mainContent}\n              testId={testId}\n              {...fieldLabelProps}></ReadonlyTextField>\n          ) : (\n            <TextField\n              endContent={maybeClearIcon}\n              columnSpan={columnSpan}\n              compactUserAssistance={compactUserAssistance}\n              inlineUserAssistance={inlineUserAssistance}\n              mainContent={mainContent}\n              onBlur={focusProps.onFocusOut}\n              onFocus={focusProps.onFocusIn}\n              startContent={startContent()}\n              mainFieldRef={anchorRef}\n              hasZeroStartMargin={true}\n              testId={testId}\n              {...textFieldProps}\n              {...fieldLabelProps}\n              {...hoverProps}\n              {...inputContainerAriaProps}\n            />\n          )}\n        </FormFieldContext.Provider>\n\n        {isOpen && !isReadonly && !isDisabled && (\n          <InputColorPickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={colorPickerCommitHandler}\n            messages={messages}\n            testId={testId ? testId + '_colorPicker' : undefined}\n            userAssistanceDensity={userAssistanceDensity}\n            // memoize this for performance\n            value={colorValue && isValidColorValue(colorValue) ? colorValue : undefined}\n            palette={palette}\n            swatchSize={swatchSize}\n          />\n        )}\n      </>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\nInputColor.displayName = 'InputColor';\n"],"names":["InputColorPickerDropdown","anchorRef","assistiveText","swatchSize","palette","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","messages","testId","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","colorPicker_label","useTranslationBundle","colorPickerAriaLabel","colorPickerMainContent","_jsx","ColorPicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","footer","hasFocusTrap","main","role","Sheet","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","inputColorReducer","state","action","type","colorValue","useInputColor","onInput","currentValue","setIsOpen","iconRef","useRef","colorRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedColorRef","lastColorRef","lastValueFromParentRef","colorSelectedRef","dispatch","useReducer","useInputColorState","colorsAreDifferent","current","useEffect","previousValue","colorInputHandler","detail","colorCommitHandler","colorIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","colorPickerCommitHandler","colorPickerDownHandler","triggerProps","containerDropdownProps","useDownToggle","onToggle","InputColor","forwardRef","ariaDescribedBy","propIsDisabled","propIsReadonly","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","isRequiredShown","isRequired","placeholder","hasClearIcon","columnSpan","textAlign","propTextAlign","autoComplete","variant","propUserAssistanceDensity","ref","enabledElementRef","mainFieldRef","inputColor_selectColor","colorIconAriaLabel","onKeyDown","inputContainerAriaProps","currentCommitValue","useCurrentValueReducer","onInputAndDispatch","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","readonlyElementRef","focusProps","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","nextValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","hasInsideLabel","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","aRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","TextFieldInput","hasEndContent","hasStartContent","inputRef","isMobile","_jsxs","ReadonlyTextField","onBlur","onFocusOut","onFocus","onFocusIn","TextField","endContent","startContent","ColorSwatch","size","isButton","isTooltipDisabled","hasZeroStartMargin","isValidColorValue","displayName"],"mappings":"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"}
+{"version":3,"file":"InputColor-3eca248b.js","sources":["../../src/UNSAFE_InputColor/InputColorPickerDropdown.tsx","../../src/UNSAFE_InputColor/useInputColorState.ts","../../src/UNSAFE_InputColor/useInputColor.ts","../../src/UNSAFE_InputColor/InputColor.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 } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputColorPickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype PickedPropsFromColorPicker = Pick<ColorPickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\ntype PickedPropsFromInputColor = Pick<\n  InputColorProps,\n  | 'swatchSize'\n  | 'palette'\n  | 'value'\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype Props = PickedPropsFromColorPicker &\n  PickedPropsFromInputColor &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders ColorPicker either inside a dropdown or sheet; in mobile,\n * it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputColorPickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  swatchSize,\n  palette,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  messages,\n  testId,\n  userAssistanceDensity,\n  value\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { colorPicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const colorPickerAriaLabel = colorPicker_label();\n\n  const colorPickerMainContent = (\n    <ColorPicker\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      swatchSize={swatchSize}\n      palette={palette}\n      testId={testId}\n      value={value}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: color picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        paddingBlockEnd=\"3.5x\"\n        paddingBlockStart=\"3.5x\"\n        paddingInlineEnd=\"3.5x\"\n        paddingInlineStart=\"3.5x\"\n        aria-label={colorPickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={colorPickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={colorPickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={colorPickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputColorPickerDropdown, type CloseDetail };\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 { useReducer } from 'preact/hooks';\nimport { type ColorValue } from '#utils/UNSAFE_color';\n\ntype InputColorState = {\n  /**\n   * Represents the current color value of the component. The user either selected\n   * the color in the picker, or typed it into the color field.\n   */\n  colorValue?: ColorValue;\n};\n\ntype ColorChangedAction = { type: 'colorChanged'; data?: ColorValue };\ntype ColorResetAction = { type: 'reset'; data?: ColorValue };\ntype ColorSelectedAction = { type: 'colorSelected'; data?: ColorValue };\ntype InputColorReducerAction = ColorChangedAction | ColorResetAction | ColorSelectedAction;\n\n// Use a reducer function to manage InputColorState.\nconst inputColorReducer = (\n  state: InputColorState,\n  action: InputColorReducerAction\n): InputColorState => {\n  switch (action.type) {\n    case 'colorChanged': {\n      return {\n        ...state,\n        colorValue: action.data\n      };\n    }\n    case 'colorSelected': {\n      return { ...state, colorValue: action.data };\n    }\n    case 'reset': {\n      return {\n        colorValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputColor, or undefined.\n   */\n  value?: ColorValue;\n};\n\n/**\n * useInputColorState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputColorState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputColorReducer, {\n    colorValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputColorState };\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 type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { ElementRef } from 'preact/compat';\nimport { colorsAreDifferent, type ColorValue } from '#utils/UNSAFE_color';\nimport { ColorPicker } from '#UNSAFE_ColorPicker';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { CloseDetail, InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { useInputColorState } from './useInputColorState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDownToggle } from '#hooks/UNSAFE_useDownToggle';\nimport { InputColorPublicProps as InputColorProps } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype ColorPickerProps = ComponentProps<typeof ColorPicker>;\ntype ColorSwatchProps = ComponentProps<typeof ColorSwatch>;\ntype DropdownProps = ComponentProps<typeof InputColorPickerDropdown>;\n\ntype Props = {\n  onCommit: InputColorProps['onCommit'];\n  onInput: InputColorProps['onInput'];\n  value: InputColorProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputColor.\n */\nconst useInputColor = ({ onCommit, onInput, value: currentValue }: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  // Ref to the swatch icon button.\n  const iconRef: RefObject<SwatchHandle> = useRef<SwatchHandle>(null);\n\n  // Ref to the text input which holds color value\n  const colorRef: RefObject<HTMLInputElement> = useRef<HTMLInputElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last color values passed to onInput and onCommit.\n  const lastCommittedColorRef = useRef<ColorValue | undefined>(currentValue);\n  const lastColorRef = useRef<ColorValue | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<ColorValue | undefined>(currentValue);\n\n  // Keep track of whether a color was selected in the color picker.\n  const colorSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputColorState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (colorsAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (colorsAreDifferent(currentValue, state.colorValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastColorRef.current = currentValue;\n      lastCommittedColorRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (colorsAreDifferent(state.colorValue, lastColorRef.current)) {\n      onInput({ previousValue: lastColorRef.current, value: state.colorValue });\n      lastColorRef.current = state.colorValue;\n    }\n    if (\n      colorSelectedRef.current &&\n      colorsAreDifferent(state.colorValue, lastCommittedColorRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedColorRef.current, value: state.colorValue });\n      lastCommittedColorRef.current = state.colorValue;\n      colorSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.colorValue]);\n\n  // Handle onInput from InputColor as values are entered in the input field.\n  // We wait for the state to update before calling onInput.\n  const colorInputHandler = useCallback<InputColorProps['onInput']>(\n    (detail: ValueUpdateDetail<ColorValue>) => {\n      dispatch({ type: 'colorChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputColor, which is called when the user presses Enter or the field is blurred.\n  const colorCommitHandler = useCallback<NonNullable<InputColorProps['onCommit']>>(() => {\n    // If the current color value differs from the last committed value, then call onCommit.\n    if (colorsAreDifferent(lastCommittedColorRef.current, state.colorValue)) {\n      onCommit?.({ value: state.colorValue, previousValue: lastCommittedColorRef.current });\n      lastCommittedColorRef.current = state.colorValue;\n    }\n  }, [onCommit, state.colorValue]);\n\n  // Respond to onAction event from the swatch icon button. Toggles the color picker dropdown.\n  const colorIconActionHandler = useCallback<NonNullable<ColorSwatchProps['onToggle']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the swatch icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the swatch icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle color selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the color field.\n  const colorPickerCommitHandler = useCallback<ColorPickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<ColorValue>) => {\n      // Set focus to the swatch when a color is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a color was selected.\n      colorSelectedRef.current = true;\n      dispatch({ type: 'colorSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  // The Redwood UX design calls for the dropdown to open when the down arrow is pressed.\n  // Handle opening the dropdown when the down arrow is pressed in the text edit field.\n  const colorPickerDownHandler = useCallback(() => {\n    setIsOpen(true);\n  }, []);\n\n  const { triggerProps: containerDropdownProps } = useDownToggle({\n    isOpen,\n    onToggle: colorPickerDownHandler\n  });\n\n  return {\n    colorIconActionHandler,\n    colorPickerCommitHandler,\n    dropdownCloseHandler,\n    containerDropdownProps,\n    colorValue: state.colorValue,\n    iconRef,\n    isOpen,\n    colorCommitHandler,\n    colorInputHandler,\n    colorRef\n  };\n};\n\nexport { useInputColor };\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 */\nimport { Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { type BundleType } from '../resources/nls/bundle';\nimport { type ColorValue, isValidColorValue } from '#utils/UNSAFE_color';\nimport { InputColorPickerDropdown } from './InputColorPickerDropdown';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { useInputColor } from './useInputColor';\n\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 { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { CompactUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { ClearIcon } from '../PRIVATE_ClearIcon/ClearIcon';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { InputColorPublicProps as Props } from './InputColor.types';\n\ntype SwatchHandle = ElementRef<typeof ColorSwatch>;\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\n/**\n * An Input Color is a form field that allows users to select or input a color value,\n * using a color picker or by enterihg a HEX code.\n */\nexport const InputColor = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      swatchSize,\n      palette,\n      value,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      isRequiredShown = false,\n      isRequired = false,\n      placeholder,\n      hasClearIcon,\n      columnSpan,\n      textAlign: propTextAlign,\n      autoComplete,\n      messages,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      label,\n      onCommit,\n      onInput,\n      testId,\n      variant,\n      userAssistanceDensity: propUserAssistanceDensity\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const {\n      colorIconActionHandler,\n      colorPickerCommitHandler,\n      dropdownCloseHandler,\n      colorValue,\n      containerDropdownProps,\n      iconRef,\n      isOpen,\n      colorCommitHandler,\n      colorInputHandler,\n      colorRef: enabledElementRef\n    } = useInputColor({\n      onCommit,\n      onInput,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputColor_selectColor } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const colorIconAriaLabel = inputColor_selectColor();\n    const { onKeyDown, ...inputContainerAriaProps } = containerDropdownProps;\n\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value: colorValue });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<ColorValue>) => {\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        colorInputHandler?.(detail);\n      },\n      [colorInputHandler, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<ColorValue>) => {\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        colorCommitHandler?.(detail);\n      },\n      [colorCommitHandler, dispatch]\n    );\n\n    const startContent = () => (\n      <ColorSwatch\n        size=\"xs\"\n        aria-haspopup={palette ? 'grid' : undefined} // with only palette, grid is a better choice than dialog for now.\n        aria-label={palette ? colorIconAriaLabel : undefined}\n        isDisabled={isDisabled}\n        isButton={true}\n        isTooltipDisabled={isOpen}\n        ref={iconRef as Ref<SwatchHandle>}\n        testId={testId ? testId + '_colorIcon' : undefined}\n        value={currentCommitValue as ColorValue}\n        onToggle={isDisabled || !palette ? undefined : colorIconActionHandler}\n      />\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 readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused: isFocused || isOpen,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value: colorValue\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 if the value is not already cleared\n      const nextValue = undefined;\n      if (colorValue === nextValue) return;\n      onInputAndDispatch?.({ previousValue: colorValue, value: nextValue });\n    }, [onInputAndDispatch, colorValue, enabledElementRef]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} testId={`${testId}_clearicon`} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\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    ) : undefined;\n\n    const aRef = useRef<HTMLDivElement>(null);\n    const anchorRef = mainFieldRef ?? aRef;\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const mainContent = isReadonly ? (\n      <ReadonlyTextFieldInput\n        aria-describedby={inputProps['aria-describedby']}\n        aria-label={ariaLabel}\n        aria-labelledby={labelProps.id}\n        as=\"div\"\n        elementRef={readonlyElementRef}\n        textAlign={textAlign}\n        value={colorValue}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasInsideLabel={hasInsideLabel}\n      />\n    ) : (\n      <TextFieldInput\n        aria-labelledby={labelProps.id}\n        aria-label={ariaLabel}\n        autoComplete={autoComplete}\n        currentCommitValue={currentCommitValue}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasEndContent={false}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        hasStartContent={true}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        type={isMobile() ? 'text' : undefined}\n        value={colorValue}\n        onCommit={\n          onCommitAndDispatch as (detail: ValueUpdateDetail<string>) => {\n            value: string;\n          }\n        }\n        onInput={\n          onInputAndDispatch as (detail: ValueUpdateDetail<string>) => {\n            value: string;\n          }\n        }\n        onKeyDown={onKeyDown}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <>\n        <FormFieldContext.Provider value={formFieldContext}>\n          {isReadonly ? (\n            <ReadonlyTextField\n              role=\"presentation\"\n              columnSpan={columnSpan}\n              compactUserAssistance={compactUserAssistance}\n              inlineUserAssistance={inlineUserAssistance}\n              onBlur={focusProps.onFocusOut}\n              onFocus={focusProps.onFocusIn}\n              ref={anchorRef}\n              mainContent={mainContent}\n              testId={testId}\n              {...fieldLabelProps}></ReadonlyTextField>\n          ) : (\n            <TextField\n              endContent={maybeClearIcon}\n              columnSpan={columnSpan}\n              compactUserAssistance={compactUserAssistance}\n              inlineUserAssistance={inlineUserAssistance}\n              mainContent={mainContent}\n              onBlur={focusProps.onFocusOut}\n              onFocus={focusProps.onFocusIn}\n              startContent={startContent()}\n              mainFieldRef={anchorRef}\n              hasZeroStartMargin={true}\n              testId={testId}\n              {...textFieldProps}\n              {...fieldLabelProps}\n              {...hoverProps}\n              {...inputContainerAriaProps}\n            />\n          )}\n        </FormFieldContext.Provider>\n\n        {isOpen && !isReadonly && !isDisabled && (\n          <InputColorPickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={colorPickerCommitHandler}\n            messages={messages}\n            testId={testId ? testId + '_colorPicker' : undefined}\n            userAssistanceDensity={userAssistanceDensity}\n            // memoize this for performance\n            value={colorValue && isValidColorValue(colorValue) ? colorValue : undefined}\n            palette={palette}\n            swatchSize={swatchSize}\n          />\n        )}\n      </>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\nInputColor.displayName = 'InputColor';\n"],"names":["InputColorPickerDropdown","anchorRef","assistiveText","swatchSize","palette","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","messages","testId","userAssistanceDensity","value","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","colorPicker_label","useTranslationBundle","colorPickerAriaLabel","colorPickerMainContent","_jsx","ColorPicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","footer","hasFocusTrap","main","role","Sheet","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","inputColorReducer","state","action","type","colorValue","useInputColor","onInput","currentValue","setIsOpen","iconRef","useRef","colorRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedColorRef","lastColorRef","lastValueFromParentRef","colorSelectedRef","dispatch","useReducer","useInputColorState","colorsAreDifferent","current","useEffect","previousValue","colorInputHandler","detail","colorCommitHandler","colorIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","colorPickerCommitHandler","colorPickerDownHandler","triggerProps","containerDropdownProps","useDownToggle","onToggle","InputColor","forwardRef","ariaDescribedBy","propIsDisabled","propIsReadonly","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","isRequiredShown","isRequired","placeholder","hasClearIcon","columnSpan","textAlign","propTextAlign","autoComplete","variant","propUserAssistanceDensity","ref","enabledElementRef","mainFieldRef","inputColor_selectColor","colorIconAriaLabel","onKeyDown","inputContainerAriaProps","currentCommitValue","useCurrentValueReducer","onInputAndDispatch","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","readonlyElementRef","focusProps","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onClickClearIcon","nextValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","hasInsideLabel","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","aRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","id","as","elementRef","hasEmptyLabel","TextFieldInput","hasEndContent","hasStartContent","inputRef","isMobile","_jsxs","ReadonlyTextField","onBlur","onFocusOut","onFocus","onFocusIn","TextField","endContent","startContent","ColorSwatch","size","isButton","isTooltipDisabled","hasZeroStartMargin","isValidColorValue","displayName"],"mappings":"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"}