npm - @oracle/oraclejet-preact - Versions diffs - 18.1.1 → 18.1.2 - Mend

@oracle/oraclejet-preact 18.1.1 → 18.1.2

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

Files changed (1057) hide show

package/amd/PRIVATE_ThemedIcons/ViewHideIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', '../ViewHide-4eb208d1', 'preact/jsx-runtime', '../Icon-906e4e3c', 'preact', '../size-f0e638ec', '../utils-32e81a13', '../Common/themes/themeContract.css', '../colorUtils-7c069766', '../_curry1-df649359', '../useTooltip-f7c1ad5c', 'preact/hooks', '../useId-c9578d26', '../useHover-7964884c', '../useToggle-a29f97af', '../useFocus-4194fc59', '../useTouch-37489bb5', '../mergeProps-bcfa6a92', '../useAnimation-5a74955f', '../useComponentTheme-5aa41a8f', '../logger-0f873e29', '../useTestId-d0c49456', '../LayerHost-1b4d03f0', '../Common/themes/redwood/theme', 'preact/compat', '../useThemeInterpolations-95e6f849', '../useColorScheme-8358a6c9', '../useScale-0fb08a15', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../classNames-08d99695', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-2b757d02', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', '../tooltipUtils-304eef18', '../EnvironmentProvider-4597f540', '../LayerManager-6c0b0eed', '../Floating-28ad0903', '../useFloating-c8c92f6f', '../useUser-abae2493', '../positionUtils-6e4daa31', '../refUtils-d354a169', '../useOutsideClick-39a81428', '../arrayUtils-6ee96a35', '../Layer-9fb9ca67', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useModal-536cb7ff', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-dynamic.esm-eceadd82', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,s,t,o,a,c,i,l,n,r,d,m,h,u,F,y,f,p,T,g,S,U,_,b,A,C,E,N,w,I,k,v,L,V,H,x,B,j,M,O,P,D,z,K,R,W,q,G,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,ie,le,ne,re,de,me,he,ue,Fe){"use strict";e.ViewHideIcon=s.SvgViewHide,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../ViewHide-4eb208d1', 'preact/jsx-runtime', '../Icon-906e4e3c', 'preact', '../size-f0e638ec', '../utils-32e81a13', '../Common/themes/themeContract.css', '../colorUtils-7c069766', '../_curry1-df649359', '../useTooltip-c10bcc4e', 'preact/hooks', '../useId-c9578d26', '../useHover-7964884c', '../useToggle-a29f97af', '../useFocus-4194fc59', '../useTouch-37489bb5', '../mergeProps-bcfa6a92', '../useAnimation-5a74955f', '../useComponentTheme-5aa41a8f', '../logger-0f873e29', '../useTestId-efb1c8f9', '../LayerHost-a36b1781', '../Common/themes/redwood/theme', 'preact/compat', '../useThemeInterpolations-93c8c4c0', '../useColorScheme-47c8be99', '../useScale-b2f29348', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../classNames-08d99695', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-5cfdc56a', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', '../tooltipUtils-cf586837', '../EnvironmentProvider-d423bca9', '../LayerManager-543c0bce', '../Floating-043a207a', '../useFloating-3f7a017b', '../useUser-33136570', '../positionUtils-6e4daa31', '../refUtils-d354a169', '../useOutsideClick-fc4dc457', '../arrayUtils-6ee96a35', '../Layer-2ca542c2', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useModal-536cb7ff', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-dynamic.esm-eceadd82', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,s,t,o,a,c,i,l,n,r,d,m,h,u,F,y,p,f,T,g,S,U,_,b,A,C,E,N,w,I,k,v,L,V,H,x,B,j,M,O,P,D,z,K,R,W,q,G,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,ie,le,ne,re,de,me,he,ue,Fe){"use strict";e.ViewHideIcon=s.SvgViewHide,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ViewHideIcon.js.map

package/amd/PRIVATE_ThemedIcons/ViewIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', '../View-9af42139', 'preact/jsx-runtime', '../Icon-906e4e3c', 'preact', '../size-f0e638ec', '../utils-32e81a13', '../Common/themes/themeContract.css', '../colorUtils-7c069766', '../_curry1-df649359', '../useTooltip-f7c1ad5c', 'preact/hooks', '../useId-c9578d26', '../useHover-7964884c', '../useToggle-a29f97af', '../useFocus-4194fc59', '../useTouch-37489bb5', '../mergeProps-bcfa6a92', '../useAnimation-5a74955f', '../useComponentTheme-5aa41a8f', '../logger-0f873e29', '../useTestId-d0c49456', '../LayerHost-1b4d03f0', '../Common/themes/redwood/theme', 'preact/compat', '../useThemeInterpolations-95e6f849', '../useColorScheme-8358a6c9', '../useScale-0fb08a15', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../classNames-08d99695', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-2b757d02', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', '../tooltipUtils-304eef18', '../EnvironmentProvider-4597f540', '../LayerManager-6c0b0eed', '../Floating-28ad0903', '../useFloating-c8c92f6f', '../useUser-abae2493', '../positionUtils-6e4daa31', '../refUtils-d354a169', '../useOutsideClick-39a81428', '../arrayUtils-6ee96a35', '../Layer-9fb9ca67', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useModal-536cb7ff', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-dynamic.esm-eceadd82', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,s,t,o,a,c,l,i,n,r,d,m,h,u,F,f,y,p,T,g,S,U,_,b,A,C,E,N,w,I,k,v,L,V,x,B,j,M,O,P,D,H,z,K,R,W,q,G,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,le,ie,ne,re,de,me,he,ue,Fe){"use strict";e.ViewIcon=s.SvgView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../View-9af42139', 'preact/jsx-runtime', '../Icon-906e4e3c', 'preact', '../size-f0e638ec', '../utils-32e81a13', '../Common/themes/themeContract.css', '../colorUtils-7c069766', '../_curry1-df649359', '../useTooltip-c10bcc4e', 'preact/hooks', '../useId-c9578d26', '../useHover-7964884c', '../useToggle-a29f97af', '../useFocus-4194fc59', '../useTouch-37489bb5', '../mergeProps-bcfa6a92', '../useAnimation-5a74955f', '../useComponentTheme-5aa41a8f', '../logger-0f873e29', '../useTestId-efb1c8f9', '../LayerHost-a36b1781', '../Common/themes/redwood/theme', 'preact/compat', '../useThemeInterpolations-93c8c4c0', '../useColorScheme-47c8be99', '../useScale-b2f29348', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../classNames-08d99695', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-5cfdc56a', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./../TooltipContentStyles.styles.css', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./../TooltipContentVariants.styles.css', '../vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', '../tooltipUtils-cf586837', '../EnvironmentProvider-d423bca9', '../LayerManager-543c0bce', '../Floating-043a207a', '../useFloating-3f7a017b', '../useUser-33136570', '../positionUtils-6e4daa31', '../refUtils-d354a169', '../useOutsideClick-fc4dc457', '../arrayUtils-6ee96a35', '../Layer-2ca542c2', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useModal-536cb7ff', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-dynamic.esm-eceadd82', '../UNSAFE_Floating/themes/FloatingContract.css', '../UNSAFE_Icon/themes/IconStyle.css', 'css!./../IconStyle.styles.css'], (function(e,s,t,o,a,c,l,i,n,r,m,d,h,u,F,y,p,f,T,g,S,U,_,b,A,C,E,N,w,I,k,v,L,V,x,B,j,M,O,P,D,H,z,K,R,W,q,G,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,le,ie,ne,re,me,de,he,ue,Fe){"use strict";e.ViewIcon=s.SvgView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ViewIcon.js.map

package/amd/PRIVATE_TimeComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', './TimeComponentCanvas2D-9a091053', 'preact/jsx-runtime', './PRIVATE_TimeComponent/themes/TimeComponentStyles.css', 'css!./TimeComponentStyles.styles.css', './classNames-08d99695', 'preact/hooks', './TrackResizeContainer-c6b5de04', './useSize-3adb635a', './useResizeObserver-275c3e83', './useVisAddBusyState-2d2ccb92', './VisBusyStateContext-63467849', 'preact', './useVisBusyStateContext-7b0606e7', './size-f0e638ec', './utils-32e81a13', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './Flex-69dc7af4', './useTestId-d0c49456', './LayerHost-1b4d03f0', './Common/themes/redwood/theme', 'preact/compat', './boxalignment-50db1e3a', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-fda85d6b', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './BaseButton-c6563bf2', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useToggle-a29f97af', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useId-c9578d26', './useColorScheme-8358a6c9', './clientHints-fff66be9', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'module', './useComponentTheme-5aa41a8f', './logger-0f873e29', './ButtonLabelLayout-ce54dfdc', './Text-0609bf4d', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './useTooltip-f7c1ad5c', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5a74955f', './useThemeInterpolations-95e6f849', './useScale-0fb08a15', './theme-a8f3d819', './Theme-d945adae', './useDensity-2b757d02', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-304eef18', './EnvironmentProvider-4597f540', './LayerManager-6c0b0eed', './Floating-28ad0903', './useFloating-c8c92f6f', './useUser-abae2493', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-39a81428', './Layer-9fb9ca67', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './Plus-1b931751', './Icon-906e4e3c', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './getFormatParse-3d7186b3', './types-2446783b', './useTranslationBundle-652e08a6', './Minus-21749117', './usePointerGesture-1c1dd806'], (function(e,t,o,s,a,n,l,i,m,r,c,u,d,y,T,b,C,p,S,h,B,F,f,L,_,A,U,g,E,x,N,w,V,v,k,P,z,H,I,M,O,D,R,Z,j,G,K,W,q,J,Q,X,Y,$,ee,te,oe,se,ae,ne,le,ie,me,re,ce,ue,de,ye,Te,be,Ce,pe,Se,he,Be,Fe,fe,Le,_e,Ae,Ue,ge,Ee,xe,Ne,we,Ve,ve,ke,Pe,ze,He,Ie,Me,Oe,De,Re,Ze,je,Ge,Ke,We,qe,Je,Qe,Xe,Ye,$e,et,tt,ot,st,at,nt,lt,it,mt){"use strict";e.TimeComponentCanvas2D=t.TimeComponentCanvas2D,e.TimeComponentHorizontalScrollbar=t.TimeComponentHorizontalScrollbar,e.TimeComponentHorizontalScrollbarContainer=t.TimeComponentHorizontalScrollbarContainer,e.TimeComponentHorizontalTimeAxis=t.TimeComponentHorizontalTimeAxis,e.TimeComponentLayersStack=t.TimeComponentLayersStack,e.TimeComponentOverlayControlsContainer=t.TimeComponentOverlayControlsContainer,e.TimeComponentPanZoomLayout=t.TimeComponentPanZoomLayout,e.TimeComponentVerticalGridlines=t.TimeComponentVerticalGridlines,e.TimeComponentVerticalScrollbar=t.TimeComponentVerticalScrollbar,e.TimeComponentVerticalScrollbarContainer=t.TimeComponentVerticalScrollbarContainer,e.TimeComponentZoomControls=t.TimeComponentZoomControls,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './TimeComponentCanvas2D-9a091053', 'preact/jsx-runtime', './PRIVATE_TimeComponent/themes/TimeComponentStyles.css', 'css!./TimeComponentStyles.styles.css', './classNames-08d99695', 'preact/hooks', './TrackResizeContainer-c6b5de04', './useSize-3adb635a', './useResizeObserver-275c3e83', './useVisAddBusyState-2d2ccb92', './VisBusyStateContext-63467849', 'preact', './useVisBusyStateContext-7b0606e7', './size-f0e638ec', './utils-32e81a13', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './Flex-a208520e', './useTestId-efb1c8f9', './LayerHost-a36b1781', './Common/themes/redwood/theme', 'preact/compat', './boxalignment-50db1e3a', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-fda85d6b', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './BaseButton-c6563bf2', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useToggle-a29f97af', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useId-c9578d26', './useColorScheme-47c8be99', './clientHints-fff66be9', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'module', './useComponentTheme-5aa41a8f', './logger-0f873e29', './ButtonLabelLayout-ce54dfdc', './Text-0609bf4d', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './useTooltip-c10bcc4e', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5a74955f', './useThemeInterpolations-93c8c4c0', './useScale-b2f29348', './theme-a8f3d819', './Theme-d945adae', './useDensity-5cfdc56a', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-cf586837', './EnvironmentProvider-d423bca9', './LayerManager-543c0bce', './Floating-043a207a', './useFloating-3f7a017b', './useUser-33136570', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-fc4dc457', './Layer-2ca542c2', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './Plus-1b931751', './Icon-906e4e3c', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './getFormatParse-3d7186b3', './types-2446783b', './useTranslationBundle-33399171', './Minus-21749117', './usePointerGesture-1c1dd806'], (function(e,t,o,s,a,n,l,i,c,m,r,u,d,y,T,b,C,p,S,h,B,F,f,L,_,A,U,g,E,x,N,w,V,v,k,P,z,H,I,M,O,D,R,Z,j,G,K,W,q,J,Q,X,Y,$,ee,te,oe,se,ae,ne,le,ie,ce,me,re,ue,de,ye,Te,be,Ce,pe,Se,he,Be,Fe,fe,Le,_e,Ae,Ue,ge,Ee,xe,Ne,we,Ve,ve,ke,Pe,ze,He,Ie,Me,Oe,De,Re,Ze,je,Ge,Ke,We,qe,Je,Qe,Xe,Ye,$e,et,tt,ot,st,at,nt,lt,it,ct){"use strict";e.TimeComponentCanvas2D=t.TimeComponentCanvas2D,e.TimeComponentHorizontalScrollbar=t.TimeComponentHorizontalScrollbar,e.TimeComponentHorizontalScrollbarContainer=t.TimeComponentHorizontalScrollbarContainer,e.TimeComponentHorizontalTimeAxis=t.TimeComponentHorizontalTimeAxis,e.TimeComponentLayersStack=t.TimeComponentLayersStack,e.TimeComponentOverlayControlsContainer=t.TimeComponentOverlayControlsContainer,e.TimeComponentPanZoomLayout=t.TimeComponentPanZoomLayout,e.TimeComponentVerticalGridlines=t.TimeComponentVerticalGridlines,e.TimeComponentVerticalScrollbar=t.TimeComponentVerticalScrollbar,e.TimeComponentVerticalScrollbarContainer=t.TimeComponentVerticalScrollbarContainer,e.TimeComponentZoomControls=t.TimeComponentZoomControls,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_TimeComponent.js.map

package/amd/PRIVATE_VirtualizedCollection.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', './VirtualizedCollection-63223f5e', 'preact/jsx-runtime', 'preact/hooks', './useViewportIntersect-b2d47a4b', './Collection-46cfa244', 'preact'], (function(e,t,i,r,o,a,l){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './VirtualizedCollection-897516a5', 'preact/jsx-runtime', 'preact/hooks', './Collection-46cfa244', 'preact', './useViewportIntersect-b2d47a4b'], (function(e,t,i,r,o,a,l){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_VirtualizedCollection.js.map

package/amd/PRIVATE_VisOverview.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', './OverviewSlidingWindow-979cf493', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './eventsUtils-edf8f4e5', './accUtils-93ee6f16', './clientHints-fff66be9', './DragH-a8b0ba7a', './Icon-906e4e3c', 'preact', './size-f0e638ec', './utils-32e81a13', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-f7c1ad5c', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-d0c49456', './LayerHost-1b4d03f0', './Common/themes/redwood/theme', 'preact/compat', './useThemeInterpolations-95e6f849', './useColorScheme-8358a6c9', './useScale-0fb08a15', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-2b757d02', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './tooltipUtils-304eef18', './EnvironmentProvider-4597f540', './LayerManager-6c0b0eed', './Floating-28ad0903', './useFloating-c8c92f6f', './useUser-abae2493', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-39a81428', './arrayUtils-6ee96a35', './Layer-9fb9ca67', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './clientUtils-8c0e90ff'], (function(e,s,t,o,a,i,c,l,n,r,d,m,f,h,u,y,F,p,g,S,T,U,_,v,b,w,A,E,C,N,I,O,k,V,L,x,B,H,P,W,j,D,M,R,z,K,q,G,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ie,ce,le,ne,re,de,me,fe,he,ue,ye,Fe,pe,ge,Se,Te,Ue){"use strict";e.OverviewSlidingWindow=s.OverviewSlidingWindow,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './OverviewSlidingWindow-979cf493', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_VisOverview/themes/VisOverview.css', 'css!./VisOverview.styles.css', './eventsUtils-edf8f4e5', './accUtils-93ee6f16', './clientHints-fff66be9', './DragH-a8b0ba7a', './Icon-906e4e3c', 'preact', './size-f0e638ec', './utils-32e81a13', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-c10bcc4e', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-efb1c8f9', './LayerHost-a36b1781', './Common/themes/redwood/theme', 'preact/compat', './useThemeInterpolations-93c8c4c0', './useColorScheme-47c8be99', './useScale-b2f29348', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './useDensity-5cfdc56a', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './tooltipUtils-cf586837', './EnvironmentProvider-d423bca9', './LayerManager-543c0bce', './Floating-043a207a', './useFloating-3f7a017b', './useUser-33136570', './positionUtils-6e4daa31', './refUtils-d354a169', './useOutsideClick-fc4dc457', './arrayUtils-6ee96a35', './Layer-2ca542c2', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useModal-536cb7ff', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './clientUtils-8c0e90ff'], (function(e,s,t,o,a,c,i,l,n,r,d,m,h,f,u,y,F,p,g,S,T,U,b,_,v,w,A,E,C,N,I,O,k,V,L,x,B,H,P,W,j,D,M,R,z,K,q,G,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,ie,le,ne,re,de,me,he,fe,ue,ye,Fe,pe,ge,Se,Te,Ue){"use strict";e.OverviewSlidingWindow=s.OverviewSlidingWindow,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_VisOverview.js.map

package/amd/PRIVATE_VisTabularDatatip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', './VisTabularDatatip-23cf3cfc', 'preact/jsx-runtime', './classNames-08d99695', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './useUser-abae2493', 'preact/hooks', './LayerHost-1b4d03f0', 'preact', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat'], (function(a,e,t,s,r,i,c,o,p,l,m,u,b){"use strict";a.VisTabularDatatip=e.VisTabularDatatip,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', './VisTabularDatatip-8e572ce2', 'preact/jsx-runtime', './classNames-08d99695', './PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css', 'css!./VisTabularDatatipStyles.styles.css', './useUser-33136570', 'preact/hooks', './LayerHost-a36b1781', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact', 'preact/compat'], (function(e,a,t,s,r,i,o,c,p,l,m,u,b){"use strict";e.VisTabularDatatip=a.VisTabularDatatip,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_VisTabularDatatip.js.map

package/amd/PictoChart-952582dd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-c6b5de04', 'preact', 'preact/hooks', './UNSAFE_PictoChart/themes/PictoChartStyles.css', './classNames-08d99695', './useSelection-4c8e905b', './useTranslationBundle-652e08a6', './mergeProps-bcfa6a92', './Common/themes/themeContract.css', './utils-32e81a13', './SvgSymbol-328be71d', './accUtils-93ee6f16', './useUser-abae2493', './layoutUtils-ba7693df', './eventsUtils-edf8f4e5', './useVisHover-28319fef', './useVisDrill-af6f9469', './useDatatip-db874c22', './useItemFocus-75d6510d', './LayerHost-1b4d03f0', 'preact/compat', './datatipUtils-72a1fe48', './useTestId-d0c49456', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2'], (function(e,t,o,n,r,i,s,a,c,l,d,u,f,m,h,p,g,I,b,C,x,v,S,w,y,R,F){"use strict";const P=n.createContext({}),k=.25;function M(e,t){return Math.ceil(e/t)*t}const D=e=>"bottomStart"===e||"bottomEnd"===e,T=e=>"topEnd"===e||"bottomEnd"===e,V=(e,t,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)if(e[o+i][t+r])return!1;return!0},$=(e,t,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)e[o+i][t+r]=!0},E=(e,t,o,n,r,i)=>{if(i){const i=E(e,o,t,r,n,!1);return i?{col:i.row,row:i.col}:void 0}for(let i=0;i<r-o+1;i++)for(let r=0;r<n-t+1;r++)if(V(e,r,i,t,o))return $(e,r,i,t,o),{col:r,row:i}};function U(e){const t=e.dataset.idx;if(void 0!==t)return{idx:Number(t)}}function H(e,t,o,n,r,i,s,a,c){let l=!1;if(!n){const e=!!s&&t===s.idx,o=!!r&&t===r.idx;l=!!(e&&s?.isCurrent||o&&r?.isCurrent)}const d=function(e,t){return!t||0===t.length||new Set(t).has(e)}(e.id,a),u=function(e,t){return!(!t||0===t.length)&&new Set(t).has(e)}(e.id,i);return{isCurrent:l,isHighlighted:d,isSelected:u,hasSelection:i&&0!==i.length,isFocused:!!s&&A(s,t),key:e.id,itemIdx:t,countIdx:o,activeId:l?c:void 0,isReadOnly:n,item:e}}function j(e,t){return e?.idx===t?.idx}function A(e,t){return!!e.isFocusVisible&&e.idx===t}function N(e,t,o){return`${o?.vis_labelCountWithTotal({itemCount:e.toString(),totalCount:t.toString()})}`}const B=({context:e,markerProps:o})=>{const{supportsSelection:n}=r.useContext(P),i=function(e,t,o,n,r,i){const s="human"===e,a=o||r&&i,c="ellipse"===e||"rectangle"===e;t=""!==t?t:u.rgba(d.colorSchemeVars.palette.neutral[190],.15);const l=n?d.colorSchemeVars.textIcon.primary:a?t:"";return{markerShape:e,tx:s?70:void 0,ty:s?60:void 0,markerColor:t,borderColor:n||a?u.rgb(d.colorSchemeVars.palette.neutral[0]):t,outerBorderColor:l,markerScale:c&&!l?1:.85,setAspectRatioNone:!!c}}(o.shape,o.color,e.state.focused,e.state.selected,e.state.hovered,n);return t.jsx(f.SvgSymbol,{...i})};function L(e,t){const{idx:o}=e;return t[o]}function W(e){return{getItem:t=>L(t,e),getDetailFromInfo:t=>{if(!t)return{id:void 0,data:void 0};const o=L(t,e);return{id:o?o.id:void 0,data:o}},getPrevItemInfo:e=>function(e){let t=e.idx;return t=Math.max(0,t-1),{idx:t}}(e),getNextItemInfo:t=>function(e,t){let o=e.idx;return o=Math.min(t.length-1,o+1),{idx:o}}(t,e)}}const q=({touchResponse:e,content:t,borderColor:o,width:n,focusedItemRef:r,focusedItemInfo:i})=>{const{direction:s}=h.useUser(),a="rtl"===s,c=r.current?.getBoundingClientRect(),{datatipContent:l,datatipProps:d}=C.useDatatip({content:t,placement:"top-start",offset:p.calculateOffset(a,n,i.isCurrent?c:void 0),borderColor:o,anchor:i?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:l,datatipProps:d}},O=e=>{const o=e.supportsSelection||e.supportsDrill,{dimmedItemStyle:n,interactiveItemStyle:r}=i.styles,a=s.classNames([o&&r,!e.isHighlighted&&n]),c=0===e.countIdx,l=c&&function(e,t,o,n,r,i,s,a,c){const l=r?N(e,t,r):"";return a=a||`${n?n+": ":""}${l}`,{"aria-label":m.generateAriaLabel(r,a,{isSelected:o||s?i:void 0})||void 0,role:"img",id:c}}(e.item.count||1,e.totalCount,!!e.supportsSelection,e.item.label,e.translations,e.isSelected,e.hasSelection,e.item.accessibleLabel,e.activeId)||{};return t.jsx("div",{ref:c?e.focusedItemRef:void 0,id:e.activeId,"data-idx":e.itemIdx,"data-count-idx":e.countIdx,style:{gridRow:`${e.row+1} / span ${e.item.rowSpan||1}`,gridColumn:`${e.column+1} / span ${e.item.columnSpan||1}`},class:a,...l,children:e.children})};function _({width:e,height:o,columnWidth:n,rowHeight:f,items:m,columnCount:C,rowCount:v,layout:S,layoutOrigin:w="topStart",selectionMode:P="none",highlightedIds:V=[],selectedIds:$=[],drilling:A="off",onItemDrill:B,onItemHover:L,isFlowingWidth:_,isFlowingHeight:z,onItemFocus:G,...K}){const Z=0!==m.length,J=function(e){let t=0;for(let o=0;o<e.length;o++)t+=e[o].count||1;return t}(m),Q=c.useTranslationBundle("@oracle/oraclejet-preact"),X=!(!P||"none"===P),Y=null!=B,ee=!X&&!Y&&null===L&&null===G,te=y.useTestId(K.testId),oe=new Map(m.map((e=>[e.id,e]))),{getItem:ne,getDetailFromInfo:re,getPrevItemInfo:ie,getNextItemInfo:se}=W(m),{touchResponse:ae,touchResponseStyle:ce}=R.useVisTouchResponse({type:"touchStart"}),{hoveredItemInfo:le,focusedItemInfo:de,activeId:ue,eventsProps:fe}=function(e,t,o,n,i,s,a,c,d,u){const[f,m]=r.useState({idx:0}),[C,x]=r.useState(),v=r.useRef(),{direction:S}=h.useUser(),w="rtl"===S,y=I.useVisHover((e=>{const o=U(e.target);j(o,C)||(x(o&&{...o,isCurrent:!0}),v.current=p.getRandomId(),t&&(m({...f,isCurrent:!1}),d?.(n(o))))}),void 0,(()=>{x(void 0),v.current=void 0,t&&d?.(n())}),e),R=r.useCallback((e=>{const{id:t,data:o}=n(e);null!=t&&o&&(c?.({id:t,data:o}),v.current=p.getRandomId())}),[n,c]),F=r.useCallback((e=>{"keydown"===e.type?"on"==a&&R(f):R(U(e.target))}),[a,f,R]),P=b.useVisDrill(o,F);if(!t)return{focusedItemInfo:f,hoveredItemInfo:C,eventsProps:y};function k(e){u?.(n(e)),v.current=p.getRandomId(),m(e)}function M(e){j(e,f)||(e.isCurrent=!0,e.isFocusVisible=!0,C&&x({...C,isCurrent:!1}),k(e))}return{focusedItemInfo:f,hoveredItemInfo:C,activeId:v.current,eventsProps:l.mergeProps(P,y,{onKeyUp:e=>{"Tab"===e.code&&(k({...f,isCurrent:!0,isFocusVisible:!0}),g.cancelEvent(e))},onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":M(s(f)),g.cancelEvent(e);break;case"ArrowUp":M(i(f)),g.cancelEvent(e);break;case"ArrowRight":M(w?i(f):s(f)),g.cancelEvent(e);break;case"ArrowLeft":M(w?s(f):i(f)),g.cancelEvent(e)}},onBlur:()=>{(null!=C||f.isCurrent)&&u?.(n(void 0));const e={...f,isCurrent:!1,isFocusVisible:!1};m(e)}})}}(ae,!ee&&Z,P,re,ie,se,A,B,L,G),{selectionContent:me,selectionProps:he}=a.useSelection({idExtracter:e=>{const t="keyup"===e.type?de:U(e.target);return re(t).id},isDrillEnabled:"off"!=A,selection:$,selectionMode:P,getDataById:e=>oe.get(e),onChange:K.onSelectionChange}),pe=n&&parseFloat(n),ge=f&&parseFloat(f),Ie=s.classNames([i.baseStyles]),{focusedItemRef:be}=x.useItemFocus(de),{content:Ce,borderColor:xe}=function(e,t,o,n,r,i,s){let a;const c=r?.isCurrent;let l,f;c&&null!=e[r.idx].id&&(a=r),n&&n.isCurrent&&(a=n);let m=u.rgba(d.colorSchemeVars.palette.neutral[190],.15);const h=a&&t(a,e);if(h&&i){const e=h&&{data:h},{content:t,borderColor:n}=i(e);l=t,m=n||m,f=s?N(h.count||1,o,s):""}return{borderColor:m,content:l||a&&t(a,e)?.accessibleLabel||a&&t(a,e)?.label+": "+f||f}}(m,ne,J,de,le,K.datatip,Q),{calcColCount:ve,calcRowCount:Se,calcColWidth:we,calcRowHeight:ye,gridGap:Re}=function(e,t,o,n,r,s,a,c,l,d){let u=0,f=1,m=1,h=1/0;for(let t=0;t<e.length;t++){const o=e[t],n=o.columnSpan||1,r=o.rowSpan||1;n<=0||r<=0||(n>f&&(f=n),r>m&&(m=r),n<h&&(h=n),r<h&&(h=r),u+=n*r*(o.count||1))}if(0===u)return{};(r||s)&&(l||(l=d||i.DEFAULT_SIZE),d||(d=l)),a||c||(r||s?r?s?t?c=M(Math.sqrt(u),m):a=M(Math.sqrt(u),f):c=Math.max(Math.floor(n/(d||1)),1):a=Math.max(Math.floor(o/(l||1)),1):t?c=M(Math.sqrt(u*n/o),m):a=M(Math.sqrt(u*o/n),f)),a?c||(c=M(u/a,m)):a=M(u/(c||1),f);const p=k*h;return r||s||(l||(l=d||Math.min(o/a,n/(c||1))),d||(d=l)),a<=0||!c||c<=0||!l||l<=0||!d||d<=0?{}:{calcColCount:a,calcRowCount:c,calcColWidth:l?l-p:l,calcRowHeight:d?d-p:d,gridGap:p}}(m,"vertical"===S,e,o,_,z,C,v,pe,ge),{datatipContent:Fe,datatipProps:{"aria-describedby":Pe,...ke}}=q({touchResponse:ae,content:Ce,width:e,borderColor:xe,focusedItemRef:be,focusedItemInfo:de});if(!ve)return null;const Me=function(e,t,o,n,r){const i=t,s=o,a=D(n),c=T(n),l=[],d=new Array(i);for(let e=0;e<i;e++)d[e]=new Array(s).fill(!1);for(let t=0;t<e.length;t++){const o=e[t];let n=0;const u=o.rowSpan??1,f=o.columnSpan??1,m=o.count??1;for(;n<m;){const e=E(d,f,u,s,i,r);void 0!==e&&l.push({row:a?i-e.row-u:e.row,col:c?s-e.col-f:e.col,countIdx:n,itemIdx:t,item:o}),n+=1}}return l}(m,Se,ve,w,"vertical"===S),De=l.mergeProps(fe,ke,he);return t.jsxs("div",{tabIndex:0,"aria-label":K["aria-label"],"aria-describedby":F.merge([K["aria-describedby"],Pe]),"aria-labelledby":K["aria-labelledby"],"aria-activedescendant":ue,role:"application",style:{width:_?"max-content":`${e}px`,height:z?"max-content":`${o}px`,gridTemplateRows:`repeat(${Se}, ${ye}px)`,gridTemplateColumns:`repeat(${ve}, ${we}px)`,gap:`${Re}px`,...ce},class:Ie,...te,...De,children:[Me.map((e=>{const o=de.idx===e.itemIdx,n=H(e.item,e.itemIdx,e.countIdx,ee,le,$,de,V,ue),r={data:e.item,state:{selected:n.isSelected,focused:n.isFocused,hovered:n.isCurrent}};return t.jsx(O,{focusedItemRef:o?be:void 0,row:e.row,column:e.col,supportsSelection:X,supportsDrill:Y,translations:Q,totalCount:J,...n,children:K.children(r)})})),Fe,me]})}e.PictoChart=function({width:e,height:n,...r}){const i=!(!r.selectionMode||"none"===r.selectionMode),s=void 0===e,a=void 0===n;return t.jsx(P.Provider,{value:{supportsSelection:i},children:t.jsx(o.TrackResizeContainer,{width:s?"initial":e,height:a?"initial":n,children:(e,o)=>t.jsx(_,{width:e,height:o,isFlowingWidth:s,isFlowingHeight:a,...r})})})},e.getPictoDefaultRenderers=function(e){return{markerRenderer:o=>{const n=e(o.data);return t.jsx(B,{context:o,markerProps:n})},datatipRenderer:t=>({borderColor:e(t.data).color})}}}));
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-c6b5de04', 'preact', 'preact/hooks', './UNSAFE_PictoChart/themes/PictoChartStyles.css', './classNames-08d99695', './useSelection-5128f1e7', './useTranslationBundle-33399171', './mergeProps-bcfa6a92', './Common/themes/themeContract.css', './utils-32e81a13', './SvgSymbol-328be71d', './accUtils-93ee6f16', './useUser-33136570', './layoutUtils-ba7693df', './eventsUtils-edf8f4e5', './useVisHover-28319fef', './useVisDrill-af6f9469', './useDatatip-0c425460', './useItemFocus-75d6510d', './LayerHost-a36b1781', 'preact/compat', './datatipUtils-72a1fe48', './useTestId-efb1c8f9', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2'], (function(e,t,o,n,r,i,s,a,c,l,d,u,f,m,h,p,g,I,b,C,x,v,S,w,y,R,F){"use strict";const P=n.createContext({}),k=.25;function M(e,t){return Math.ceil(e/t)*t}const D=e=>"bottomStart"===e||"bottomEnd"===e,T=e=>"topEnd"===e||"bottomEnd"===e,V=(e,t,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)if(e[o+i][t+r])return!1;return!0},$=(e,t,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)e[o+i][t+r]=!0},E=(e,t,o,n,r,i)=>{if(i){const i=E(e,o,t,r,n,!1);return i?{col:i.row,row:i.col}:void 0}for(let i=0;i<r-o+1;i++)for(let r=0;r<n-t+1;r++)if(V(e,r,i,t,o))return $(e,r,i,t,o),{col:r,row:i}};function U(e){const t=e.dataset.idx;if(void 0!==t)return{idx:Number(t)}}function H(e,t,o,n,r,i,s,a,c){let l=!1;if(!n){const e=!!s&&t===s.idx,o=!!r&&t===r.idx;l=!!(e&&s?.isCurrent||o&&r?.isCurrent)}const d=function(e,t){return!t||0===t.length||new Set(t).has(e)}(e.id,a),u=function(e,t){return!(!t||0===t.length)&&new Set(t).has(e)}(e.id,i);return{isCurrent:l,isHighlighted:d,isSelected:u,hasSelection:i&&0!==i.length,isFocused:!!s&&A(s,t),key:e.id,itemIdx:t,countIdx:o,activeId:l?c:void 0,isReadOnly:n,item:e}}function j(e,t){return e?.idx===t?.idx}function A(e,t){return!!e.isFocusVisible&&e.idx===t}function N(e,t,o){return`${o?.vis_labelCountWithTotal({itemCount:e.toString(),totalCount:t.toString()})}`}const B=({context:e,markerProps:o})=>{const{supportsSelection:n}=r.useContext(P),i=function(e,t,o,n,r,i){const s="human"===e,a=o||r&&i,c="ellipse"===e||"rectangle"===e;t=""!==t?t:u.rgba(d.colorSchemeVars.palette.neutral[190],.15);const l=n?d.colorSchemeVars.textIcon.primary:a?t:"";return{markerShape:e,tx:s?70:void 0,ty:s?60:void 0,markerColor:t,borderColor:n||a?u.rgb(d.colorSchemeVars.palette.neutral[0]):t,outerBorderColor:l,markerScale:c&&!l?1:.85,setAspectRatioNone:!!c}}(o.shape,o.color,e.state.focused,e.state.selected,e.state.hovered,n);return t.jsx(f.SvgSymbol,{...i})};function L(e,t){const{idx:o}=e;return t[o]}function W(e){return{getItem:t=>L(t,e),getDetailFromInfo:t=>{if(!t)return{id:void 0,data:void 0};const o=L(t,e);return{id:o?o.id:void 0,data:o}},getPrevItemInfo:e=>function(e){let t=e.idx;return t=Math.max(0,t-1),{idx:t}}(e),getNextItemInfo:t=>function(e,t){let o=e.idx;return o=Math.min(t.length-1,o+1),{idx:o}}(t,e)}}const q=({touchResponse:e,content:t,borderColor:o,width:n,focusedItemRef:r,focusedItemInfo:i})=>{const{direction:s}=h.useUser(),a="rtl"===s,c=r.current?.getBoundingClientRect(),{datatipContent:l,datatipProps:d}=C.useDatatip({content:t,placement:"top-start",offset:p.calculateOffset(a,n,i.isCurrent?c:void 0),borderColor:o,anchor:i?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:l,datatipProps:d}},O=e=>{const o=e.supportsSelection||e.supportsDrill,{dimmedItemStyle:n,interactiveItemStyle:r}=i.styles,a=s.classNames([o&&r,!e.isHighlighted&&n]),c=0===e.countIdx,l=c&&function(e,t,o,n,r,i,s,a,c){const l=r?N(e,t,r):"";return a=a||`${n?n+": ":""}${l}`,{"aria-label":m.generateAriaLabel(r,a,{isSelected:o||s?i:void 0})||void 0,role:"img",id:c}}(e.item.count||1,e.totalCount,!!e.supportsSelection,e.item.label,e.translations,e.isSelected,e.hasSelection,e.item.accessibleLabel,e.activeId)||{};return t.jsx("div",{ref:c?e.focusedItemRef:void 0,id:e.activeId,"data-idx":e.itemIdx,"data-count-idx":e.countIdx,style:{gridRow:`${e.row+1} / span ${e.item.rowSpan||1}`,gridColumn:`${e.column+1} / span ${e.item.columnSpan||1}`},class:a,...l,children:e.children})};function _({width:e,height:o,columnWidth:n,rowHeight:f,items:m,columnCount:C,rowCount:v,layout:S,layoutOrigin:w="topStart",selectionMode:P="none",highlightedIds:V=[],selectedIds:$=[],drilling:A="off",onItemDrill:B,onItemHover:L,isFlowingWidth:_,isFlowingHeight:z,onItemFocus:G,...K}){const Z=0!==m.length,J=function(e){let t=0;for(let o=0;o<e.length;o++)t+=e[o].count||1;return t}(m),Q=c.useTranslationBundle("@oracle/oraclejet-preact"),X=!(!P||"none"===P),Y=null!=B,ee=!X&&!Y&&null===L&&null===G,te=y.useTestId(K.testId),oe=new Map(m.map((e=>[e.id,e]))),{getItem:ne,getDetailFromInfo:re,getPrevItemInfo:ie,getNextItemInfo:se}=W(m),{touchResponse:ae,touchResponseStyle:ce}=R.useVisTouchResponse({type:"touchStart"}),{hoveredItemInfo:le,focusedItemInfo:de,activeId:ue,eventsProps:fe}=function(e,t,o,n,i,s,a,c,d,u){const[f,m]=r.useState({idx:0}),[C,x]=r.useState(),v=r.useRef(),{direction:S}=h.useUser(),w="rtl"===S,y=I.useVisHover((e=>{const o=U(e.target);j(o,C)||(x(o&&{...o,isCurrent:!0}),v.current=p.getRandomId(),t&&(m({...f,isCurrent:!1}),d?.(n(o))))}),void 0,(()=>{x(void 0),v.current=void 0,t&&d?.(n())}),e),R=r.useCallback((e=>{const{id:t,data:o}=n(e);null!=t&&o&&(c?.({id:t,data:o}),v.current=p.getRandomId())}),[n,c]),F=r.useCallback((e=>{"keydown"===e.type?"on"==a&&R(f):R(U(e.target))}),[a,f,R]),P=b.useVisDrill(o,F);if(!t)return{focusedItemInfo:f,hoveredItemInfo:C,eventsProps:y};function k(e){u?.(n(e)),v.current=p.getRandomId(),m(e)}function M(e){j(e,f)||(e.isCurrent=!0,e.isFocusVisible=!0,C&&x({...C,isCurrent:!1}),k(e))}return{focusedItemInfo:f,hoveredItemInfo:C,activeId:v.current,eventsProps:l.mergeProps(P,y,{onKeyUp:e=>{"Tab"===e.code&&(k({...f,isCurrent:!0,isFocusVisible:!0}),g.cancelEvent(e))},onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":M(s(f)),g.cancelEvent(e);break;case"ArrowUp":M(i(f)),g.cancelEvent(e);break;case"ArrowRight":M(w?i(f):s(f)),g.cancelEvent(e);break;case"ArrowLeft":M(w?s(f):i(f)),g.cancelEvent(e)}},onBlur:()=>{(null!=C||f.isCurrent)&&u?.(n(void 0));const e={...f,isCurrent:!1,isFocusVisible:!1};m(e)}})}}(ae,!ee&&Z,P,re,ie,se,A,B,L,G),{selectionContent:me,selectionProps:he}=a.useSelection({idExtracter:e=>{const t="keyup"===e.type?de:U(e.target);return re(t).id},isDrillEnabled:"off"!=A,selection:$,selectionMode:P,getDataById:e=>oe.get(e),onChange:K.onSelectionChange}),pe=n&&parseFloat(n),ge=f&&parseFloat(f),Ie=s.classNames([i.baseStyles]),{focusedItemRef:be}=x.useItemFocus(de),{content:Ce,borderColor:xe}=function(e,t,o,n,r,i,s){let a;const c=r?.isCurrent;let l,f;c&&null!=e[r.idx].id&&(a=r),n&&n.isCurrent&&(a=n);let m=u.rgba(d.colorSchemeVars.palette.neutral[190],.15);const h=a&&t(a,e);if(h&&i){const e=h&&{data:h},{content:t,borderColor:n}=i(e);l=t,m=n||m,f=s?N(h.count||1,o,s):""}return{borderColor:m,content:l||a&&t(a,e)?.accessibleLabel||a&&t(a,e)?.label+": "+f||f}}(m,ne,J,de,le,K.datatip,Q),{calcColCount:ve,calcRowCount:Se,calcColWidth:we,calcRowHeight:ye,gridGap:Re}=function(e,t,o,n,r,s,a,c,l,d){let u=0,f=1,m=1,h=1/0;for(let t=0;t<e.length;t++){const o=e[t],n=o.columnSpan||1,r=o.rowSpan||1;n<=0||r<=0||(n>f&&(f=n),r>m&&(m=r),n<h&&(h=n),r<h&&(h=r),u+=n*r*(o.count||1))}if(0===u)return{};(r||s)&&(l||(l=d||i.DEFAULT_SIZE),d||(d=l)),a||c||(r||s?r?s?t?c=M(Math.sqrt(u),m):a=M(Math.sqrt(u),f):c=Math.max(Math.floor(n/(d||1)),1):a=Math.max(Math.floor(o/(l||1)),1):t?c=M(Math.sqrt(u*n/o),m):a=M(Math.sqrt(u*o/n),f)),a?c||(c=M(u/a,m)):a=M(u/(c||1),f);const p=k*h;return r||s||(l||(l=d||Math.min(o/a,n/(c||1))),d||(d=l)),a<=0||!c||c<=0||!l||l<=0||!d||d<=0?{}:{calcColCount:a,calcRowCount:c,calcColWidth:l?l-p:l,calcRowHeight:d?d-p:d,gridGap:p}}(m,"vertical"===S,e,o,_,z,C,v,pe,ge),{datatipContent:Fe,datatipProps:{"aria-describedby":Pe,...ke}}=q({touchResponse:ae,content:Ce,width:e,borderColor:xe,focusedItemRef:be,focusedItemInfo:de});if(!ve)return null;const Me=function(e,t,o,n,r){const i=t,s=o,a=D(n),c=T(n),l=[],d=new Array(i);for(let e=0;e<i;e++)d[e]=new Array(s).fill(!1);for(let t=0;t<e.length;t++){const o=e[t];let n=0;const u=o.rowSpan??1,f=o.columnSpan??1,m=o.count??1;for(;n<m;){const e=E(d,f,u,s,i,r);void 0!==e&&l.push({row:a?i-e.row-u:e.row,col:c?s-e.col-f:e.col,countIdx:n,itemIdx:t,item:o}),n+=1}}return l}(m,Se,ve,w,"vertical"===S),De=l.mergeProps(fe,ke,he);return t.jsxs("div",{tabIndex:0,"aria-label":K["aria-label"],"aria-describedby":F.merge([K["aria-describedby"],Pe]),"aria-labelledby":K["aria-labelledby"],"aria-activedescendant":ue,role:"application",style:{width:_?"max-content":`${e}px`,height:z?"max-content":`${o}px`,gridTemplateRows:`repeat(${Se}, ${ye}px)`,gridTemplateColumns:`repeat(${ve}, ${we}px)`,gap:`${Re}px`,...ce},class:Ie,...te,...De,children:[Me.map((e=>{const o=de.idx===e.itemIdx,n=H(e.item,e.itemIdx,e.countIdx,ee,le,$,de,V,ue),r={data:e.item,state:{selected:n.isSelected,focused:n.isFocused,hovered:n.isCurrent}};return t.jsx(O,{focusedItemRef:o?be:void 0,row:e.row,column:e.col,supportsSelection:X,supportsDrill:Y,translations:Q,totalCount:J,...n,children:K.children(r)})})),Fe,me]})}e.PictoChart=function({width:e,height:n,...r}){const i=!(!r.selectionMode||"none"===r.selectionMode),s=void 0===e,a=void 0===n;return t.jsx(P.Provider,{value:{supportsSelection:i},children:t.jsx(o.TrackResizeContainer,{width:s?"initial":e,height:a?"initial":n,children:(e,o)=>t.jsx(_,{width:e,height:o,isFlowingWidth:s,isFlowingHeight:a,...r})})})},e.getPictoDefaultRenderers=function(e){return{markerRenderer:o=>{const n=e(o.data);return t.jsx(B,{context:o,markerProps:n})},datatipRenderer:t=>({borderColor:e(t.data).color})}}}));
 //# sourceMappingURL=PictoChart-952582dd.js.map

package/amd/PieChart-7826bf45.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_PieChart/themes/PieChartStyles.css', './TrackResizeContainer-c6b5de04', './pathUtils-ec75f879', './layoutUtils-4304ffe4', './classNames-08d99695', './usePieChartNav-f5403629', './useDatatip-db874c22', './layoutUtils-ba7693df', './mergeProps-bcfa6a92', './VisTabularDatatip-23cf3cfc', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './useUser-abae2493', './useTestId-d0c49456', './useVisTouchResponse-88a7bb09', 'preact/hooks', './stringUtils-0ae982c2', './useContextMenu-599ada89', './Menu-bdd771bf', './MenuItem-dc85fcad', 'preact', './logger-0f873e29', './LayerHost-1b4d03f0', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './eventsUtils-edf8f4e5'], (function(e,t,s,n,o,a,i,r,l,c,d,u,h,f,p,x,m,b,M,g,y,I,v,C,T,S,w,R,j,A,P,U,V,L,N,D,E){"use strict";const F=.45,k=.38,O=3,_=1.5,B=90;function q(e){return e*(Math.PI/180)}function H(e,t,s,n){const o=Math.atan2(n,s)-Math.atan2(t,e);return o<0?o+2*Math.PI:o}function z(e,t,s,n,a,i,r,l,c){const d=Math.max(n-e,0),u=Math.max(a-e,0),h=360==r||d<e?0:l+2*e,f=i?i+e:0,p=q(360==r?359.99:r),x=q(c),m=h/2,b=m<d?Math.asin(m/d):0,M=-p/2-x,g=Math.min(5*m,p>0?Math.abs(m/Math.sin(p/2)):0),y=0==d?g:g*u/d,I=t+Math.cos(M)*g,v=s+Math.sin(M)*y,C=t+Math.cos(-b-x)*d,T=s+Math.sin(-b-x)*u,S=t+Math.cos(-x-p+b)*d,w=s+Math.sin(-x-p+b)*u;let R,j=H(S-t,w-s,C-t,T-s);if(j=Math.min(j,p),f>0){const e=m<f?Math.asin(m/f):0,n=t+Math.cos(-e-x)*f,a=s+Math.sin(-e-x)*f,i=t+Math.cos(-x-p+e)*f,l=s+Math.sin(-x-p+e)*f;let c=H(i-t,l-s,n-t,a-s);c=Math.min(c,j,p),360==r?(R=o.moveTo(S,w),R+=o.arcTo(d,u,p,1,C,T),R+=o.lineTo(S,w),R+=o.moveTo(n,a),R+=o.arcTo(f,f,p,0,i,l)):(R=o.moveTo(i,l),R+=o.lineTo(S,w),R+=o.arcTo(d,u,j,1,C,T),R+=o.lineTo(n,a),R+=o.arcTo(f,f,c,0,i,l))}else 360==r?(R=o.moveTo(S,w),R+=o.arcTo(d,u,p,1,C,T)):(R=o.moveTo(I,v),R+=o.lineTo(S,w),R+=o.arcTo(d,u,j,1,C,T));return R+=o.closePath(),R}function G(e,t,s){return{innerBounds:{width:Math.sqrt(2)*s,height:Math.sqrt(2)*s,x:e-s/Math.sqrt(2),y:t-s/Math.sqrt(2)},outerBounds:{width:2*s,height:2*s,x:e-s,y:t-s}}}function J(e,t,s,n,o,a){return a?function(e,t,s,n,o,a){const i=(e+t/2)/180*Math.PI,r=(o+a)/2;return{x:s+r*Math.cos(i),y:n-r*Math.sin(i),width:0,height:0}}(e[a.itemIndex].startAngle,e[a.itemIndex].angleExtent,t,s,n,o):void 0}function K(e,t,s){return s?.color||null!=t?.itemIndex?e[t.itemIndex]:void 0}function Q({cx:e,cy:n,r:o,startAngle:a,angleExtent:r,gap:l,innerRadius:c,color:d,id:u,itemIndex:h,isFocused:f=!1,isHovered:p=!1,...x}){const m=z(0,e,n,o,o,c,r,l,a);let b;return f?(b=z(2,e,n,o,o,c,r,l,a),t.jsxs("g",{id:u,role:x.accessibleLabel?"img":void 0,"data-oj-item-index":h,"data-oj-object":"pieSlice","aria-label":x.accessibleLabel,children:[t.jsx("path",{d:m,fill:d,stroke:d,className:s.styles.innerShapes}),t.jsx("path",{d:b,fill:d,className:i.classNames([s.styles.contrastBorder,s.styles.innerShapes])})]})):t.jsx("path",{role:x.accessibleLabel?"img":void 0,"aria-label":x.accessibleLabel,d:m,"data-oj-object":"pieSlice",fill:d,id:u,"data-oj-item-index":h})}const W=({offset:e,rootRef:t,contextMenuConfig:s,focusedItemInfo:n,items:o,onContextMenuDismissed:a,width:i,isRtl:r})=>{const{contextMenuProps:l,contextMenuContent:c}=g.useContextMenu({onContextMenuHandler:({gesture:s,target:a})=>{if("keyboard"===s){const t=n.itemIndex;return{type:"offset",context:{type:"item",data:o[t]},offsetValue:e,isRtl:r,width:i}}const l=E.getInfo(t,a)?.itemIndex,c=void 0!==l?o[l]:null;let d;return d=c?{type:"item",data:c}:t.current?.children[1].contains(a)?{type:"centerLabel"}:{type:"background"},{type:"pointer",context:d}},contextMenuOptions:{isDisabled:!s},rootRef:t,contextMenuConfig:s,onContextMenuDismissed:a});return{contextMenuContent:c,contextMenuProps:l}},X=100;function Y({width:e,height:n,testId:o,innerRadius:i=0,contextMenuConfig:f,...g}){const y=b.useRef(null),I=h.getColorRamp(),{totalValue:v,isLabelOutside:C}=g.data.reduce((({totalValue:e,isLabelOutside:t},s)=>({totalValue:e+s.value,isLabelOutside:t})),{totalValue:0,isLabelOutside:!1});const T=function(e,t){let s,n=B;const o=[];for(let a=0;a<e.length;a++){const i=e[a],r=i.value;s=r===t?100:0===t?0:Math.min(r/t*100,99.99);const l=3.6*s;let c=n-l;c<0&&(c+=360),o.push({index:a,startAngle:c,angleExtent:l,...i}),n=c}return o}(g.data,v),S=g.data.length>0,w=function(e){return O*e}(.5),R=g.data.length>X,{direction:j}=p.useUser(),A=x.useTestId(o),P=a.getAvailSpace(e,n),{cx:U,cy:V}=function(e){return{cx:e.x+Math.floor(e.width/2),cy:e.y+Math.floor(e.height/2)}}(P),L=function(e,t){const s=t?k:F;return Math.floor(Math.min(e.width,e.height)*s)}(P,C),N=i*L,D=function(e,t,s){if(!t)return e;const n=2*Math.PI*s;let o=0;return e.filter((({startAngle:e,angleExtent:t})=>{const s=(t+e)/360*n;return!(t/360*n<_&&Math.abs(o-s)<_||(o=s,0))}))}(T,R,L),E=function(e,t){return({itemIndex:s},n)=>{let o=s;return o=t&&("ArrowRight"===n||"ArrowUp"===n)||!t&&("ArrowLeft"===n||"ArrowDown"===n)?s-1:s+1,{itemIndex:(o%e.length+e.length)%e.length}}}(D,"rtl"===j),{touchResponse:q,touchResponseStyle:H}=m.useVisTouchResponse({type:"auto",supportsTouchDragGestures:!1,rootRef:y}),{activeId:z,navProps:Y,focusedItemInfo:Z,hoveredItemInfo:$,onContextMenuDismissed:ee}=r.usePieChartNav({touchResponse:q,getNextChartItem:E}),te=Z.isFocusVisible?Z:$,se=te?g.data[D[te.itemIndex].index]:void 0,{content:ne,borderColor:oe}=se&&g.datatip?g.datatip({data:se}):((e,s)=>e?e.accessibleLabel?{content:e.accessibleLabel,borderColor:K(I,s,e)}:{content:t.jsx(u.VisTabularDatatip,{tableData:[{key:"Value",value:e.value}]}),borderColor:K(I,s,e)}:{content:void 0,borderColor:void 0})(se,te),ae=Z.isFocusVisible?"element":"pointer",ie=te?.isFocusVisible?J(D,U,V,N,L,te):void 0,re="rtl"===j,le=c.calculateOffset(re,e,ie),{datatipContent:ce,datatipProps:de}=l.useDatatip({content:ne,offset:le,anchor:ae,placement:"top-start",borderColor:oe,touchResponse:q});de["aria-describedby"]=M.merge([g["aria-describedby"],de["aria-describedby"]]);const{contextMenuContent:ue,contextMenuProps:he}=W({offset:le,rootRef:y,contextMenuConfig:S?f:void 0,onContextMenuDismissed:ee,focusedItemInfo:Z,items:T,width:e,isRtl:re}),fe=d.mergeProps(Y,de,he);return t.jsxs("div",{ref:y,tabIndex:0,"aria-label":g["aria-label"],"aria-labelledby":g["aria-labelledby"],"aria-activedescendant":z,role:"application",...fe,...A,className:s.styles.chart,style:{width:e,height:n,...H},children:[D.length>0&&t.jsx("svg",{className:s.styles.svg,children:D.map(((e,s)=>t.jsx(Q,{cx:U,cy:V,itemIndex:s,id:te?.itemIndex===s?z:void 0,isFocused:Z?.itemIndex===s&&Z?.isFocusVisible,isHovered:$?.itemIndex===s,r:L,startAngle:e.startAngle,gap:w,innerRadius:N,angleExtent:e.angleExtent,color:e.color||I[s%I.length],accessibleLabel:e.accessibleLabel},e.id)))}),g.children?.(G(U,V,N)),ce,ue]})}e.PieChart=function({width:e,height:o,...a}){return t.jsx(n.TrackResizeContainer,{width:e,height:o,class:s.dimensionStyle,children:(e,s)=>t.jsx(Y,{width:e,height:s,...a})})}}));
+define(['exports', 'preact/jsx-runtime', './UNSAFE_PieChart/themes/PieChartStyles.css', './TrackResizeContainer-c6b5de04', './pathUtils-ec75f879', './layoutUtils-4304ffe4', './classNames-08d99695', './usePieChartNav-f5403629', './useDatatip-0c425460', './layoutUtils-ba7693df', './mergeProps-bcfa6a92', './VisTabularDatatip-8e572ce2', './colorUtils-bc5b1d84', './accUtils-93ee6f16', './useUser-33136570', './useTestId-efb1c8f9', './useVisTouchResponse-88a7bb09', 'preact/hooks', './stringUtils-0ae982c2', './useContextMenu-599ada89', './Menu-bdd771bf', './MenuItem-dc85fcad', 'preact', './logger-0f873e29', './LayerHost-a36b1781', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './eventsUtils-edf8f4e5'], (function(e,t,s,n,o,a,i,r,l,c,d,u,h,f,p,x,m,b,M,g,y,I,v,C,T,S,w,R,j,A,P,U,V,L,N,D,E){"use strict";const F=.45,k=.38,O=3,_=1.5,B=90;function q(e){return e*(Math.PI/180)}function H(e,t,s,n){const o=Math.atan2(n,s)-Math.atan2(t,e);return o<0?o+2*Math.PI:o}function z(e,t,s,n,a,i,r,l,c){const d=Math.max(n-e,0),u=Math.max(a-e,0),h=360==r||d<e?0:l+2*e,f=i?i+e:0,p=q(360==r?359.99:r),x=q(c),m=h/2,b=m<d?Math.asin(m/d):0,M=-p/2-x,g=Math.min(5*m,p>0?Math.abs(m/Math.sin(p/2)):0),y=0==d?g:g*u/d,I=t+Math.cos(M)*g,v=s+Math.sin(M)*y,C=t+Math.cos(-b-x)*d,T=s+Math.sin(-b-x)*u,S=t+Math.cos(-x-p+b)*d,w=s+Math.sin(-x-p+b)*u;let R,j=H(S-t,w-s,C-t,T-s);if(j=Math.min(j,p),f>0){const e=m<f?Math.asin(m/f):0,n=t+Math.cos(-e-x)*f,a=s+Math.sin(-e-x)*f,i=t+Math.cos(-x-p+e)*f,l=s+Math.sin(-x-p+e)*f;let c=H(i-t,l-s,n-t,a-s);c=Math.min(c,j,p),360==r?(R=o.moveTo(S,w),R+=o.arcTo(d,u,p,1,C,T),R+=o.lineTo(S,w),R+=o.moveTo(n,a),R+=o.arcTo(f,f,p,0,i,l)):(R=o.moveTo(i,l),R+=o.lineTo(S,w),R+=o.arcTo(d,u,j,1,C,T),R+=o.lineTo(n,a),R+=o.arcTo(f,f,c,0,i,l))}else 360==r?(R=o.moveTo(S,w),R+=o.arcTo(d,u,p,1,C,T)):(R=o.moveTo(I,v),R+=o.lineTo(S,w),R+=o.arcTo(d,u,j,1,C,T));return R+=o.closePath(),R}function G(e,t,s){return{innerBounds:{width:Math.sqrt(2)*s,height:Math.sqrt(2)*s,x:e-s/Math.sqrt(2),y:t-s/Math.sqrt(2)},outerBounds:{width:2*s,height:2*s,x:e-s,y:t-s}}}function J(e,t,s,n,o,a){return a?function(e,t,s,n,o,a){const i=(e+t/2)/180*Math.PI,r=(o+a)/2;return{x:s+r*Math.cos(i),y:n-r*Math.sin(i),width:0,height:0}}(e[a.itemIndex].startAngle,e[a.itemIndex].angleExtent,t,s,n,o):void 0}function K(e,t,s){return s?.color||null!=t?.itemIndex?e[t.itemIndex]:void 0}function Q({cx:e,cy:n,r:o,startAngle:a,angleExtent:r,gap:l,innerRadius:c,color:d,id:u,itemIndex:h,isFocused:f=!1,isHovered:p=!1,...x}){const m=z(0,e,n,o,o,c,r,l,a);let b;return f?(b=z(2,e,n,o,o,c,r,l,a),t.jsxs("g",{id:u,role:x.accessibleLabel?"img":void 0,"data-oj-item-index":h,"data-oj-object":"pieSlice","aria-label":x.accessibleLabel,children:[t.jsx("path",{d:m,fill:d,stroke:d,className:s.styles.innerShapes}),t.jsx("path",{d:b,fill:d,className:i.classNames([s.styles.contrastBorder,s.styles.innerShapes])})]})):t.jsx("path",{role:x.accessibleLabel?"img":void 0,"aria-label":x.accessibleLabel,d:m,"data-oj-object":"pieSlice",fill:d,id:u,"data-oj-item-index":h})}const W=({offset:e,rootRef:t,contextMenuConfig:s,focusedItemInfo:n,items:o,onContextMenuDismissed:a,width:i,isRtl:r})=>{const{contextMenuProps:l,contextMenuContent:c}=g.useContextMenu({onContextMenuHandler:({gesture:s,target:a})=>{if("keyboard"===s){const t=n.itemIndex;return{type:"offset",context:{type:"item",data:o[t]},offsetValue:e,isRtl:r,width:i}}const l=E.getInfo(t,a)?.itemIndex,c=void 0!==l?o[l]:null;let d;return d=c?{type:"item",data:c}:t.current?.children[1].contains(a)?{type:"centerLabel"}:{type:"background"},{type:"pointer",context:d}},contextMenuOptions:{isDisabled:!s},rootRef:t,contextMenuConfig:s,onContextMenuDismissed:a});return{contextMenuContent:c,contextMenuProps:l}},X=100;function Y({width:e,height:n,testId:o,innerRadius:i=0,contextMenuConfig:f,...g}){const y=b.useRef(null),I=h.getColorRamp(),{totalValue:v,isLabelOutside:C}=g.data.reduce((({totalValue:e,isLabelOutside:t},s)=>({totalValue:e+s.value,isLabelOutside:t})),{totalValue:0,isLabelOutside:!1});const T=function(e,t){let s,n=B;const o=[];for(let a=0;a<e.length;a++){const i=e[a],r=i.value;s=r===t?100:0===t?0:Math.min(r/t*100,99.99);const l=3.6*s;let c=n-l;c<0&&(c+=360),o.push({index:a,startAngle:c,angleExtent:l,...i}),n=c}return o}(g.data,v),S=g.data.length>0,w=function(e){return O*e}(.5),R=g.data.length>X,{direction:j}=p.useUser(),A=x.useTestId(o),P=a.getAvailSpace(e,n),{cx:U,cy:V}=function(e){return{cx:e.x+Math.floor(e.width/2),cy:e.y+Math.floor(e.height/2)}}(P),L=function(e,t){const s=t?k:F;return Math.floor(Math.min(e.width,e.height)*s)}(P,C),N=i*L,D=function(e,t,s){if(!t)return e;const n=2*Math.PI*s;let o=0;return e.filter((({startAngle:e,angleExtent:t})=>{const s=(t+e)/360*n;return!(t/360*n<_&&Math.abs(o-s)<_||(o=s,0))}))}(T,R,L),E=function(e,t){return({itemIndex:s},n)=>{let o=s;return o=t&&("ArrowRight"===n||"ArrowUp"===n)||!t&&("ArrowLeft"===n||"ArrowDown"===n)?s-1:s+1,{itemIndex:(o%e.length+e.length)%e.length}}}(D,"rtl"===j),{touchResponse:q,touchResponseStyle:H}=m.useVisTouchResponse({type:"auto",supportsTouchDragGestures:!1,rootRef:y}),{activeId:z,navProps:Y,focusedItemInfo:Z,hoveredItemInfo:$,onContextMenuDismissed:ee}=r.usePieChartNav({touchResponse:q,getNextChartItem:E}),te=Z.isFocusVisible?Z:$,se=te?g.data[D[te.itemIndex].index]:void 0,{content:ne,borderColor:oe}=se&&g.datatip?g.datatip({data:se}):((e,s)=>e?e.accessibleLabel?{content:e.accessibleLabel,borderColor:K(I,s,e)}:{content:t.jsx(u.VisTabularDatatip,{tableData:[{key:"Value",value:e.value}]}),borderColor:K(I,s,e)}:{content:void 0,borderColor:void 0})(se,te),ae=Z.isFocusVisible?"element":"pointer",ie=te?.isFocusVisible?J(D,U,V,N,L,te):void 0,re="rtl"===j,le=c.calculateOffset(re,e,ie),{datatipContent:ce,datatipProps:de}=l.useDatatip({content:ne,offset:le,anchor:ae,placement:"top-start",borderColor:oe,touchResponse:q});de["aria-describedby"]=M.merge([g["aria-describedby"],de["aria-describedby"]]);const{contextMenuContent:ue,contextMenuProps:he}=W({offset:le,rootRef:y,contextMenuConfig:S?f:void 0,onContextMenuDismissed:ee,focusedItemInfo:Z,items:T,width:e,isRtl:re}),fe=d.mergeProps(Y,de,he);return t.jsxs("div",{ref:y,tabIndex:0,"aria-label":g["aria-label"],"aria-labelledby":g["aria-labelledby"],"aria-activedescendant":z,role:"application",...fe,...A,className:s.styles.chart,style:{width:e,height:n,...H},children:[D.length>0&&t.jsx("svg",{className:s.styles.svg,children:D.map(((e,s)=>t.jsx(Q,{cx:U,cy:V,itemIndex:s,id:te?.itemIndex===s?z:void 0,isFocused:Z?.itemIndex===s&&Z?.isFocusVisible,isHovered:$?.itemIndex===s,r:L,startAngle:e.startAngle,gap:w,innerRadius:N,angleExtent:e.angleExtent,color:e.color||I[s%I.length],accessibleLabel:e.accessibleLabel},e.id)))}),g.children?.(G(U,V,N)),ce,ue]})}e.PieChart=function({width:e,height:o,...a}){return t.jsx(n.TrackResizeContainer,{width:e,height:o,class:s.dimensionStyle,children:(e,s)=>t.jsx(Y,{width:e,height:s,...a})})}}));
 //# sourceMappingURL=PieChart-7826bf45.js.map

package/amd/{Popup-bba2ea15.js → Popup-92dfc51f.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-28ad0903', './tabbableUtils-428c264e', './refUtils-d354a169', './FocusTrap-d351e5c9', './Layer-9fb9ca67', 'preact/compat', './LayerHost-1b4d03f0', './Modal-991f1310', './WindowOverlay-00523782', './usePopupAnimation-7023407f', './useTestId-d0c49456', './useOutsideClick-39a81428', './useComponentTheme-5aa41a8f', './UNSAFE_Popup/themes/PopupContract.css', './stringUtils-0ae982c2', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7'], (function(e,n,t,s,o,r,a,i,c,u,l,d,p,m,f,b,h,y,A,g,x,E){"use strict";const O=c.forwardRef((({anchorRef:e,launcherRef:c,children:u,isOpen:O=!1,modality:v="modeless",offset:F={mainAxis:0,crossAxis:0},flipOptions:P={mainAxis:!0,crossAxis:!0},shiftOptions:C={mainAxis:!1,crossAxis:!1},onClickOutside:k,onClose:R,initialFocus:T="auto",placement:j=(e?"top":"center"),tail:w="none",onTransitionEnd:I,onFocusSet:L,variant:N="standard",role:S=("modeless"===v?"tooltip":"dialog"),"aria-label":U,"aria-labelledby":D,"aria-describedby":M,testId:V,...W},K)=>{const _=t.useRef(null),[H,q]=t.useState(),z=t.useRef(null),B=t.useRef("unmounted"),G=m.useTestId(V),J=[z];_.current&&_.current!==document.body&&J.push(_),f.useOutsideClick({isDisabled:!(O&&z.current),ref:J,handler:e=>{k?.(e)}});const Q=t.useCallback((e=>{_.current===o.getActiveElement()&&"F6"===e.code&&"modeless"===v&&(e.preventDefault(),e.stopPropagation(),o.focusWithin(z.current),L?.())}),[v]),{setAnimationElementRef:X,status:Y,onPosition:Z}=p.usePopupAnimation({isOpen:O,isAnimatedOnMount:!0,onTransitionEnd:e=>{e?(ne(),I?.(!0)):I?.(!1)},placement:j}),$=t.useMemo((()=>r.mergeRefs(z,K)),[z,K]),ee=t.useCallback((()=>{const n=_.current,t=e?.current;n?o.focusOn(n):t&&t instanceof Element&&o.focusOn(t)}),[_,e]);t.useEffect((()=>(O||"opening"!==Y||"modal"===v?O||"unmounted"!==Y||"modal"!==v||Y!==B.current&&ee():z.current?.contains(o.getActiveElement())&&ee(),()=>{B.current=Y})),[O,Y,ee,v]),t.useEffect((()=>(O&&(c?.current&&c.current instanceof Element?_.current=document.body.contains(c.current)?c.current:o.getActiveElement():_.current=o.getActiveElement(),_.current?.addEventListener("keydown",Q)),()=>{_.current?.removeEventListener("keydown",Q)})),[O,c,Q]);const ne=()=>{let e=T;"auto"===T&&(e="modal"===v?"firstFocusable":"none"),"popup"===e&&(o.focusOn(z.current),L?.(),I?.(!1)),"firstFocusable"===e&&(o.focusWithin(z.current),L?.())},te={mainAxis:(e=>{let n=0;return e&&(n="number"==typeof e?e:e.mainAxis||0,"simple"===w&&(n+=5)),n})(F),crossAxis:(e=>e?"number"==typeof e?0:e.crossAxis||0:0)(F)},se=e=>{const n=o.getActiveElement(),t=z.current,s=_.current;if(t===n||t?.contains(n))switch(e.code){case"Escape":R?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),s&&"modeless"===v&&o.focusOn(s)}};t.useLayoutEffect((()=>{if("unmounted"===Y||null==z.current||null!=H||"none"===w)return;const e=y.getVarName(h.popupVars.backgroundColor),n=getComputedStyle(z.current);q(n.getPropertyValue(e))}),[Y,z,H,w]);const{baseTheme:oe,classes:re}=b.useComponentTheme(g.PopupRedwoodTheme),ae="unmounted"!==Y,ie=[...Object.values(x.dimensionInterpolations)],ce=E.mergeInterpolations(ie),{...ue}=ce(W),le=()=>n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:n.jsx("div",{ref:$,tabIndex:-1,role:S,className:A.classNames([oe,"unstyled"===N?null:re]),style:ue,onKeyDown:se,"aria-label":U,"aria-labelledby":D,"aria-describedby":M,...G,children:u})}),de=()=>e&&e.current?n.jsx(s.Floating,{ref:X,backgroundColor:H,anchorRef:e,placement:j,offsetValue:te,flipOptions:P,shiftOptions:C,tail:w,onPosition:Z,children:le()}):n.jsx(d.WindowOverlay,{placement:j,offset:te,children:n.jsx("div",{ref:X,children:le()})});return ae?"modal"===v?n.jsx(l.Modal,{isOpen:ae,children:de()}):n.jsx(i.Layer,{children:de()}):null}));e.Popup=O}));
-//# sourceMappingURL=Popup-bba2ea15.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-043a207a', './tabbableUtils-428c264e', './refUtils-d354a169', './FocusTrap-d351e5c9', './Layer-2ca542c2', 'preact/compat', './LayerHost-a36b1781', './Modal-21aed044', './WindowOverlay-3d31f35a', './usePopupAnimation-b6303252', './useTestId-efb1c8f9', './useOutsideClick-fc4dc457', './useComponentTheme-5aa41a8f', './UNSAFE_Popup/themes/PopupContract.css', './stringUtils-0ae982c2', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7'], (function(e,n,t,s,o,r,a,i,c,u,l,d,p,m,f,b,h,y,A,g,x,E){"use strict";const O=c.forwardRef((({anchorRef:e,launcherRef:c,children:u,isOpen:O=!1,modality:v="modeless",offset:F={mainAxis:0,crossAxis:0},flipOptions:P={mainAxis:!0,crossAxis:!0},shiftOptions:C={mainAxis:!1,crossAxis:!1},onClickOutside:k,onClose:R,initialFocus:T="auto",placement:j=(e?"top":"center"),tail:w="none",onTransitionEnd:I,onFocusSet:L,variant:N="standard",role:S=("modeless"===v?"tooltip":"dialog"),"aria-label":U,"aria-labelledby":D,"aria-describedby":M,testId:V,...W},K)=>{const _=t.useRef(null),[H,q]=t.useState(),z=t.useRef(null),B=t.useRef("unmounted"),G=m.useTestId(V),J=[z];_.current&&_.current!==document.body&&J.push(_),f.useOutsideClick({isDisabled:!(O&&z.current),ref:J,handler:e=>{k?.(e)}});const Q=t.useCallback((e=>{_.current===o.getActiveElement()&&"F6"===e.code&&"modeless"===v&&(e.preventDefault(),e.stopPropagation(),o.focusWithin(z.current),L?.())}),[v]),{setAnimationElementRef:X,status:Y,onPosition:Z}=p.usePopupAnimation({isOpen:O,isAnimatedOnMount:!0,onTransitionEnd:e=>{e?(ne(),I?.(!0)):I?.(!1)},placement:j}),$=t.useMemo((()=>r.mergeRefs(z,K)),[z,K]),ee=t.useCallback((()=>{const n=_.current,t=e?.current;n?o.focusOn(n):t&&t instanceof Element&&o.focusOn(t)}),[_,e]);t.useEffect((()=>(O||"opening"!==Y||"modal"===v?O||"unmounted"!==Y||"modal"!==v||Y!==B.current&&ee():z.current?.contains(o.getActiveElement())&&ee(),()=>{B.current=Y})),[O,Y,ee,v]),t.useEffect((()=>(O&&(c?.current&&c.current instanceof Element?_.current=document.body.contains(c.current)?c.current:o.getActiveElement():_.current=o.getActiveElement(),_.current?.addEventListener("keydown",Q)),()=>{_.current?.removeEventListener("keydown",Q)})),[O,c,Q]);const ne=()=>{let e=T;"auto"===T&&(e="modal"===v?"firstFocusable":"none"),"popup"===e&&(o.focusOn(z.current),L?.(),I?.(!1)),"firstFocusable"===e&&(o.focusWithin(z.current),L?.())},te={mainAxis:(e=>{let n=0;return e&&(n="number"==typeof e?e:e.mainAxis||0,"simple"===w&&(n+=5)),n})(F),crossAxis:(e=>e?"number"==typeof e?0:e.crossAxis||0:0)(F)},se=e=>{const n=o.getActiveElement(),t=z.current,s=_.current;if(t===n||t?.contains(n))switch(e.code){case"Escape":R?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),s&&"modeless"===v&&o.focusOn(s)}};t.useLayoutEffect((()=>{if("unmounted"===Y||null==z.current||null!=H||"none"===w)return;const e=y.getVarName(h.popupVars.backgroundColor),n=getComputedStyle(z.current);q(n.getPropertyValue(e))}),[Y,z,H,w]);const{baseTheme:oe,classes:re}=b.useComponentTheme(g.PopupRedwoodTheme),ae="unmounted"!==Y,ie=[...Object.values(x.dimensionInterpolations)],ce=E.mergeInterpolations(ie),{...ue}=ce(W),le=()=>n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:n.jsx("div",{ref:$,tabIndex:-1,role:S,className:A.classNames([oe,"unstyled"===N?null:re]),style:ue,onKeyDown:se,"aria-label":U,"aria-labelledby":D,"aria-describedby":M,...G,children:u})}),de=()=>e&&e.current?n.jsx(s.Floating,{ref:X,backgroundColor:H,anchorRef:e,placement:j,offsetValue:te,flipOptions:P,shiftOptions:C,tail:w,onPosition:Z,children:le()}):n.jsx(d.WindowOverlay,{placement:j,offset:te,children:n.jsx("div",{ref:X,children:le()})});return ae?"modal"===v?n.jsx(l.Modal,{isOpen:ae,children:de()}):n.jsx(i.Layer,{children:de()}):null}));e.Popup=O}));
+//# sourceMappingURL=Popup-92dfc51f.js.map

package/amd/{Popup-bba2ea15.js.map → Popup-92dfc51f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup-bba2ea15.js","sources":["../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n FocusableElement,\n focusOn,\n focusWithin,\n getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { AnimationStatus } from '../hooks/PRIVATE_useAnimationStatus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement \| WindowOverlayPlacement;\nexport type OnCloseDetail = {\n reason: 'escapeKey';\n};\nexport type InitialFocus = 'auto' \| 'none' \| 'popup' \| 'firstFocusable';\nexport type Tail = 'none' \| 'simple';\nexport type Modality = 'modal' \| 'modeless';\nexport type Variant = 'standard' \| 'unstyled';\n\ntype Props = IntrinsicProps &\n DimensionProps &\n TestIdProps & {\n /*\n Specifies whether the Popup is open.\n /\n isOpen: boolean;\n /\n Specifies Popup's anchor. Popup is placed relatively to its anchor.\n /\n anchorRef?: RefObject<Element \| Coords>;\n /\n Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n /\n launcherRef?: RefObject<HTMLElement>;\n /\n Specifies placement of the Popup relative to the anchor.\n /\n placement?: PopupPlacement;\n /\n Specifies displacement of the Popup from the anchor element placement along the specified axes.\n * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n * are applied depends on the current value of the position property.\n \n The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n /\n offset?: Offset;\n /\n Specifies modality of the Popup.\n /\n modality?: Modality;\n /\n Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n \n The flipOptions object consists of mainAxis and crossAxis properties.\n * The <code>mainAxis</code> runs along the side of the Popup element.\n * The <code>crossAxis</code> runs along the alignment of the Popup element.\n /\n flipOptions?: FlipOptions;\n /\n Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n \n The shiftOptions object consists of mainAxis and crossAxis properties.\n * The <code>mainAxis</code> runs along the side of the Popup element.\n * The <code>crossAxis</code> runs along the alignment of the Popup element.\n /\n shiftOptions?: ShiftOptions;\n /\n Specifies if the Popup sets focus to its content when initially open.\n * A value of none prevents the popup from setting focus when open.\n \n <code>auto</code> in modeless mode resolves to none.\n * <code>none</code> prevents the popup from setting focus when open.\n * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n /\n initialFocus?: InitialFocus;\n /\n Specifies callback triggered when a user clicks outside Popup.\n /\n onClickOutside?: (event: MouseEvent) => void;\n /\n Specifies callback triggered when a user tries to close a Popup through UI interaction.\n * The parent should listen to this event and close the Popup. If the parent fails to remove\n * the Popup, then no change will be done in the UI by the component.\n /\n onClose?: (detail: OnCloseDetail) => void;\n /\n Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n /\n onFocusSet?: () => void;\n /\n Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n /\n tail?: Tail;\n /\n Specifies callback triggered after the animation ends.\n /\n onTransitionEnd?: (value: boolean) => void;\n /\n Specifies styling variant. If <code>unstyled</code> is set, standard styles are not applied.\n /\n variant?: Variant;\n /\n Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:\n * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specified.\n * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.\n * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n /\n Specifies guidance for screen readers.\n /\n 'aria-label'?: string;\n /\n Specifies ID of an element used for guidance for screen readers.\n /\n 'aria-labelledby'?: string;\n /\n Specifies ID of an element (or space separated IDs of multiple elements) that\n * describes the Drawer.\n /\n 'aria-describedby'?: string;\n };\n\n/\n A popup temporarily 'pops up' content in the foreground.\n /\nexport const Popup = forwardRef(\n (\n {\n anchorRef,\n launcherRef,\n children,\n isOpen = false,\n modality = 'modeless',\n offset = { mainAxis: 0, crossAxis: 0 },\n flipOptions = { mainAxis: true, crossAxis: true },\n shiftOptions = { mainAxis: false, crossAxis: false },\n onClickOutside,\n onClose,\n initialFocus = 'auto',\n placement = anchorRef ? 'top' : 'center',\n tail = 'none',\n onTransitionEnd,\n onFocusSet,\n variant = 'standard',\n role = modality === 'modeless' ? 'tooltip' : 'dialog',\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n const localLauncherRef = useRef<HTMLElement \| null>(null);\n const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n const contentWrapperRef = useRef<HTMLDivElement \| null>(null);\n\n const prevStatusRef = useRef<AnimationStatus>('unmounted');\n\n // testId support\n const testIdProps = useTestId(testId);\n\n const insideRefs: RefObject<HTMLElement>[] = [contentWrapperRef];\n // launcher should be considered an \"inside\" element\n if (localLauncherRef.current && localLauncherRef.current !== document.body) {\n insideRefs.push(localLauncherRef);\n }\n\n // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n // The reason is that we allow outsideClick/autodismiss in modeless mode and\n // we need to detect outsideClick which is\n useOutsideClick({\n isDisabled: !(isOpen && contentWrapperRef.current),\n ref: insideRefs,\n handler: (event) => {\n onClickOutside?.(event);\n }\n });\n\n const launcherKeyDownCallback = useCallback(\n (event: KeyboardEvent): void => {\n if (\n localLauncherRef.current === getActiveElement() &&\n event.code === 'F6' &&\n modality === 'modeless'\n ) {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n focusWithin(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [modality]\n );\n\n const _onTransitionEnd = (isOpen: boolean) => {\n if (isOpen) {\n setInitialFocus();\n onTransitionEnd?.(true);\n } else {\n onTransitionEnd?.(false);\n }\n };\n\n // Animation\n const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n isOpen,\n isAnimatedOnMount: true,\n onTransitionEnd: _onTransitionEnd,\n placement: placement\n });\n const stableRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n const returnFocus = useCallback((): void => {\n // Try to return focus to 1.launcher or 2.anchor\n const launcherEl = localLauncherRef.current;\n const anchorEl = anchorRef?.current;\n\n if (launcherEl) {\n focusOn(launcherEl);\n // Checking instanceof to avoid Coords type that can not be focused\n } else if (anchorEl && anchorEl instanceof Element) {\n focusOn(anchorEl as FocusableElement);\n }\n }, [localLauncherRef, anchorRef]);\n\n useEffect(() => {\n // Init closing\n if (!isOpen && status === 'opening' && modality !== 'modal') {\n // Only actively return focus to the launcher or anchor if the popup contained focus.\n // Otherwise, focus is already elsewhere on the page and should not be forced back\n // because that could reopen the popup again, which essentially prevents the user from\n // moving focus out of the launcher.\n if (contentWrapperRef.current?.contains(getActiveElement())) {\n returnFocus();\n }\n }\n // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n else if (!isOpen && status === 'unmounted' && modality === 'modal') {\n // avoid returning focus on initial render\n if (status !== prevStatusRef.current) {\n returnFocus();\n }\n }\n return () => {\n prevStatusRef.current = status;\n };\n }, [isOpen, status, returnFocus, modality]);\n\n // Initialize launcher\n useEffect(() => {\n if (isOpen) {\n if (!launcherRef?.current) {\n // 1. If launcher is not defined, most frequent scenario is,\n // that element, that has focus before opening a popup is considered launcher\n localLauncherRef.current = getActiveElement() as HTMLElement;\n } else if (launcherRef.current instanceof Element) {\n // 2. launcherRef element was provided.\n // Verify, if it exists in DOM, otherwise use the last active element\n localLauncherRef.current = document.body.contains(launcherRef.current)\n ? launcherRef.current\n : (getActiveElement() as HTMLElement);\n } else {\n localLauncherRef.current = getActiveElement() as HTMLElement;\n }\n // Register F6 key handler to enter the Popup\n localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n }\n return () => {\n // Deregister F6 key handler\n localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n };\n }, [isOpen, launcherRef, launcherKeyDownCallback]);\n // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n // If anchorRef is undefined, we use WindowOverlay as anchor\n\n const setInitialFocus = () => {\n let derivedInitialFocus = initialFocus;\n if (initialFocus === 'auto') {\n if (modality === 'modal') {\n // modal mode - set focus to first focusable\n derivedInitialFocus = 'firstFocusable';\n } else {\n // modeless mode - do not steal focus by default\n derivedInitialFocus = 'none';\n }\n }\n\n // Case: 'popup'\n // Focus on Popup container\n if (derivedInitialFocus === 'popup') {\n focusOn(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n onTransitionEnd?.(false);\n }\n\n // Case: 'firstFocusable'\n // Focus on first tabbable in the Popup container or container itself if there is none\n if (derivedInitialFocus === 'firstFocusable') {\n focusWithin(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n }\n };\n\n const getMainAxisOffset = (offset?: Offset) => {\n let calcOffset = 0;\n if (offset) {\n // @ts-ignore as OffsetFunction is going to be removed\n // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n calcOffset = typeof offset === 'number' ? offset : offset.mainAxis \|\| 0;\n if (tail === 'simple') {\n calcOffset += 5;\n }\n }\n return calcOffset;\n };\n\n const getCrossAxisOffset = (offset?: Offset) => {\n if (!offset) {\n return 0;\n } else {\n // @ts-ignore as OffsetFunction is going to be removed\n // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n return typeof offset === 'number' ? 0 : offset.crossAxis \|\| 0;\n }\n };\n\n const finalOffset = {\n mainAxis: getMainAxisOffset(offset),\n crossAxis: getCrossAxisOffset(offset)\n };\n\n const handlePopupKeyDown = (event: KeyboardEvent) => {\n const currentlyFocusedEl = getActiveElement();\n const wrapperEl = contentWrapperRef.current;\n const launcherEl = localLauncherRef.current;\n if (wrapperEl === currentlyFocusedEl \|\| wrapperEl?.contains(currentlyFocusedEl)) {\n switch (event.code) {\n case 'Escape': {\n // Trigger onClose event with outside click detail\n onClose?.({ reason: 'escapeKey' });\n break;\n }\n case 'F6':\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n // Focus launcher\n if (launcherEl && modality === 'modeless') {\n focusOn(launcherEl);\n }\n break;\n }\n }\n };\n\n useLayoutEffect(() => {\n if (\n status === 'unmounted' \|\|\n contentWrapperRef.current == null \|\|\n popupBgColor != null \|\|\n tail === 'none'\n )\n return;\n\n const backgroundColorVar = getVarName(popupVars.backgroundColor);\n const computedStyle = getComputedStyle(contentWrapperRef.current!);\n setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));\n }, [status, contentWrapperRef, popupBgColor, tail]);\n\n // Styles\n const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n const isMounted = status !== 'unmounted';\n\n const interpolations = [...Object.values(dimensionInterpolations)];\n const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n\n const renderPopup = () => {\n return (\n <FocusTrap restoreFocusRef={false}>\n {/Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :/}\n {/we click outside of modeless Popup (that keeps being open).*/}\n <div\n ref={stableRef}\n tabIndex={-1}\n role={role}\n className={classNames([baseTheme, variant === 'unstyled' ? null : classes])}\n style={styles}\n onKeyDown={handlePopupKeyDown}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...testIdProps}>\n {children}\n </div>\n </FocusTrap>\n );\n };\n\n const renderFloatingOrOverlayPopup = () => {\n if (!anchorRef \|\| !anchorRef.current) {\n return (\n <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n <div ref={setAnimationElementRef}>{renderPopup()}</div>\n </WindowOverlay>\n );\n } else {\n return (\n <Floating\n ref={setAnimationElementRef}\n backgroundColor={popupBgColor}\n anchorRef={anchorRef}\n placement={placement as Placement}\n offsetValue={finalOffset}\n flipOptions={flipOptions}\n shiftOptions={shiftOptions}\n tail={tail}\n onPosition={onPosition}>\n {renderPopup()}\n </Floating>\n );\n }\n };\n\n if (isMounted) {\n if (modality === 'modal') {\n return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n } else {\n return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n }\n } else return null;\n }\n);\n"],"names":["Popup","forwardRef","anchorRef","launcherRef","children","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","variant","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","prevStatusRef","testIdProps","useTestId","insideRefs","current","document","body","push","useOutsideClick","isDisabled","handler","event","launcherKeyDownCallback","useCallback","getActiveElement","code","preventDefault","stopPropagation","focusWithin","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","launcherEl","anchorEl","focusOn","Element","useEffect","contains","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","styles","renderPopup","_jsx","jsx","FocusTrap","restoreFocusRef","tabIndex","className","classNames","style","onKeyDown","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","Modal","Layer"],"mappings":"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"}
1	+ {"version":3,"file":"Popup-92dfc51f.js","sources":["../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n FocusableElement,\n focusOn,\n focusWithin,\n getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { AnimationStatus } from '../hooks/PRIVATE_useAnimationStatus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement \| WindowOverlayPlacement;\nexport type OnCloseDetail = {\n reason: 'escapeKey';\n};\nexport type InitialFocus = 'auto' \| 'none' \| 'popup' \| 'firstFocusable';\nexport type Tail = 'none' \| 'simple';\nexport type Modality = 'modal' \| 'modeless';\nexport type Variant = 'standard' \| 'unstyled';\n\ntype Props = IntrinsicProps &\n DimensionProps &\n TestIdProps & {\n /*\n Specifies whether the Popup is open.\n /\n isOpen: boolean;\n /\n Specifies Popup's anchor. Popup is placed relatively to its anchor.\n /\n anchorRef?: RefObject<Element \| Coords>;\n /\n Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n /\n launcherRef?: RefObject<HTMLElement>;\n /\n Specifies placement of the Popup relative to the anchor.\n /\n placement?: PopupPlacement;\n /\n Specifies displacement of the Popup from the anchor element placement along the specified axes.\n * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n * are applied depends on the current value of the position property.\n \n The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n /\n offset?: Offset;\n /\n Specifies modality of the Popup.\n /\n modality?: Modality;\n /\n Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n \n The flipOptions object consists of mainAxis and crossAxis properties.\n * The <code>mainAxis</code> runs along the side of the Popup element.\n * The <code>crossAxis</code> runs along the alignment of the Popup element.\n /\n flipOptions?: FlipOptions;\n /\n Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n \n The shiftOptions object consists of mainAxis and crossAxis properties.\n * The <code>mainAxis</code> runs along the side of the Popup element.\n * The <code>crossAxis</code> runs along the alignment of the Popup element.\n /\n shiftOptions?: ShiftOptions;\n /\n Specifies if the Popup sets focus to its content when initially open.\n * A value of none prevents the popup from setting focus when open.\n \n <code>auto</code> in modeless mode resolves to none.\n * <code>none</code> prevents the popup from setting focus when open.\n * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n /\n initialFocus?: InitialFocus;\n /\n Specifies callback triggered when a user clicks outside Popup.\n /\n onClickOutside?: (event: MouseEvent) => void;\n /\n Specifies callback triggered when a user tries to close a Popup through UI interaction.\n * The parent should listen to this event and close the Popup. If the parent fails to remove\n * the Popup, then no change will be done in the UI by the component.\n /\n onClose?: (detail: OnCloseDetail) => void;\n /\n Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n /\n onFocusSet?: () => void;\n /\n Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n /\n tail?: Tail;\n /\n Specifies callback triggered after the animation ends.\n /\n onTransitionEnd?: (value: boolean) => void;\n /\n Specifies styling variant. If <code>unstyled</code> is set, standard styles are not applied.\n /\n variant?: Variant;\n /\n Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:\n * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specified.\n * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.\n * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n /\n Specifies guidance for screen readers.\n /\n 'aria-label'?: string;\n /\n Specifies ID of an element used for guidance for screen readers.\n /\n 'aria-labelledby'?: string;\n /\n Specifies ID of an element (or space separated IDs of multiple elements) that\n * describes the Drawer.\n /\n 'aria-describedby'?: string;\n };\n\n/\n A popup temporarily 'pops up' content in the foreground.\n /\nexport const Popup = forwardRef(\n (\n {\n anchorRef,\n launcherRef,\n children,\n isOpen = false,\n modality = 'modeless',\n offset = { mainAxis: 0, crossAxis: 0 },\n flipOptions = { mainAxis: true, crossAxis: true },\n shiftOptions = { mainAxis: false, crossAxis: false },\n onClickOutside,\n onClose,\n initialFocus = 'auto',\n placement = anchorRef ? 'top' : 'center',\n tail = 'none',\n onTransitionEnd,\n onFocusSet,\n variant = 'standard',\n role = modality === 'modeless' ? 'tooltip' : 'dialog',\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n }: Props,\n ref: ForwardedRef<HTMLElement \| null>\n ) => {\n const localLauncherRef = useRef<HTMLElement \| null>(null);\n const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n const contentWrapperRef = useRef<HTMLDivElement \| null>(null);\n\n const prevStatusRef = useRef<AnimationStatus>('unmounted');\n\n // testId support\n const testIdProps = useTestId(testId);\n\n const insideRefs: RefObject<HTMLElement>[] = [contentWrapperRef];\n // launcher should be considered an \"inside\" element\n if (localLauncherRef.current && localLauncherRef.current !== document.body) {\n insideRefs.push(localLauncherRef);\n }\n\n // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n // The reason is that we allow outsideClick/autodismiss in modeless mode and\n // we need to detect outsideClick which is\n useOutsideClick({\n isDisabled: !(isOpen && contentWrapperRef.current),\n ref: insideRefs,\n handler: (event) => {\n onClickOutside?.(event);\n }\n });\n\n const launcherKeyDownCallback = useCallback(\n (event: KeyboardEvent): void => {\n if (\n localLauncherRef.current === getActiveElement() &&\n event.code === 'F6' &&\n modality === 'modeless'\n ) {\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n focusWithin(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [modality]\n );\n\n const _onTransitionEnd = (isOpen: boolean) => {\n if (isOpen) {\n setInitialFocus();\n onTransitionEnd?.(true);\n } else {\n onTransitionEnd?.(false);\n }\n };\n\n // Animation\n const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n isOpen,\n isAnimatedOnMount: true,\n onTransitionEnd: _onTransitionEnd,\n placement: placement\n });\n const stableRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n const returnFocus = useCallback((): void => {\n // Try to return focus to 1.launcher or 2.anchor\n const launcherEl = localLauncherRef.current;\n const anchorEl = anchorRef?.current;\n\n if (launcherEl) {\n focusOn(launcherEl);\n // Checking instanceof to avoid Coords type that can not be focused\n } else if (anchorEl && anchorEl instanceof Element) {\n focusOn(anchorEl as FocusableElement);\n }\n }, [localLauncherRef, anchorRef]);\n\n useEffect(() => {\n // Init closing\n if (!isOpen && status === 'opening' && modality !== 'modal') {\n // Only actively return focus to the launcher or anchor if the popup contained focus.\n // Otherwise, focus is already elsewhere on the page and should not be forced back\n // because that could reopen the popup again, which essentially prevents the user from\n // moving focus out of the launcher.\n if (contentWrapperRef.current?.contains(getActiveElement())) {\n returnFocus();\n }\n }\n // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n else if (!isOpen && status === 'unmounted' && modality === 'modal') {\n // avoid returning focus on initial render\n if (status !== prevStatusRef.current) {\n returnFocus();\n }\n }\n return () => {\n prevStatusRef.current = status;\n };\n }, [isOpen, status, returnFocus, modality]);\n\n // Initialize launcher\n useEffect(() => {\n if (isOpen) {\n if (!launcherRef?.current) {\n // 1. If launcher is not defined, most frequent scenario is,\n // that element, that has focus before opening a popup is considered launcher\n localLauncherRef.current = getActiveElement() as HTMLElement;\n } else if (launcherRef.current instanceof Element) {\n // 2. launcherRef element was provided.\n // Verify, if it exists in DOM, otherwise use the last active element\n localLauncherRef.current = document.body.contains(launcherRef.current)\n ? launcherRef.current\n : (getActiveElement() as HTMLElement);\n } else {\n localLauncherRef.current = getActiveElement() as HTMLElement;\n }\n // Register F6 key handler to enter the Popup\n localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n }\n return () => {\n // Deregister F6 key handler\n localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n };\n }, [isOpen, launcherRef, launcherKeyDownCallback]);\n // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n // If anchorRef is undefined, we use WindowOverlay as anchor\n\n const setInitialFocus = () => {\n let derivedInitialFocus = initialFocus;\n if (initialFocus === 'auto') {\n if (modality === 'modal') {\n // modal mode - set focus to first focusable\n derivedInitialFocus = 'firstFocusable';\n } else {\n // modeless mode - do not steal focus by default\n derivedInitialFocus = 'none';\n }\n }\n\n // Case: 'popup'\n // Focus on Popup container\n if (derivedInitialFocus === 'popup') {\n focusOn(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n onTransitionEnd?.(false);\n }\n\n // Case: 'firstFocusable'\n // Focus on first tabbable in the Popup container or container itself if there is none\n if (derivedInitialFocus === 'firstFocusable') {\n focusWithin(contentWrapperRef.current as HTMLElement);\n onFocusSet?.();\n }\n };\n\n const getMainAxisOffset = (offset?: Offset) => {\n let calcOffset = 0;\n if (offset) {\n // @ts-ignore as OffsetFunction is going to be removed\n // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n calcOffset = typeof offset === 'number' ? offset : offset.mainAxis \|\| 0;\n if (tail === 'simple') {\n calcOffset += 5;\n }\n }\n return calcOffset;\n };\n\n const getCrossAxisOffset = (offset?: Offset) => {\n if (!offset) {\n return 0;\n } else {\n // @ts-ignore as OffsetFunction is going to be removed\n // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n return typeof offset === 'number' ? 0 : offset.crossAxis \|\| 0;\n }\n };\n\n const finalOffset = {\n mainAxis: getMainAxisOffset(offset),\n crossAxis: getCrossAxisOffset(offset)\n };\n\n const handlePopupKeyDown = (event: KeyboardEvent) => {\n const currentlyFocusedEl = getActiveElement();\n const wrapperEl = contentWrapperRef.current;\n const launcherEl = localLauncherRef.current;\n if (wrapperEl === currentlyFocusedEl \|\| wrapperEl?.contains(currentlyFocusedEl)) {\n switch (event.code) {\n case 'Escape': {\n // Trigger onClose event with outside click detail\n onClose?.({ reason: 'escapeKey' });\n break;\n }\n case 'F6':\n // Prevent default F6 handlers.\n // F6 is a standard Chrome address bar shortcut on Windows.\n event.preventDefault();\n event.stopPropagation();\n\n // Focus launcher\n if (launcherEl && modality === 'modeless') {\n focusOn(launcherEl);\n }\n break;\n }\n }\n };\n\n useLayoutEffect(() => {\n if (\n status === 'unmounted' \|\|\n contentWrapperRef.current == null \|\|\n popupBgColor != null \|\|\n tail === 'none'\n )\n return;\n\n const backgroundColorVar = getVarName(popupVars.backgroundColor);\n const computedStyle = getComputedStyle(contentWrapperRef.current!);\n setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));\n }, [status, contentWrapperRef, popupBgColor, tail]);\n\n // Styles\n const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n const isMounted = status !== 'unmounted';\n\n const interpolations = [...Object.values(dimensionInterpolations)];\n const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n\n const renderPopup = () => {\n return (\n <FocusTrap restoreFocusRef={false}>\n {/Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :/}\n {/we click outside of modeless Popup (that keeps being open).*/}\n <div\n ref={stableRef}\n tabIndex={-1}\n role={role}\n className={classNames([baseTheme, variant === 'unstyled' ? null : classes])}\n style={styles}\n onKeyDown={handlePopupKeyDown}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...testIdProps}>\n {children}\n </div>\n </FocusTrap>\n );\n };\n\n const renderFloatingOrOverlayPopup = () => {\n if (!anchorRef \|\| !anchorRef.current) {\n return (\n <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n <div ref={setAnimationElementRef}>{renderPopup()}</div>\n </WindowOverlay>\n );\n } else {\n return (\n <Floating\n ref={setAnimationElementRef}\n backgroundColor={popupBgColor}\n anchorRef={anchorRef}\n placement={placement as Placement}\n offsetValue={finalOffset}\n flipOptions={flipOptions}\n shiftOptions={shiftOptions}\n tail={tail}\n onPosition={onPosition}>\n {renderPopup()}\n </Floating>\n );\n }\n };\n\n if (isMounted) {\n if (modality === 'modal') {\n return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n } else {\n return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n }\n } else return null;\n }\n);\n"],"names":["Popup","forwardRef","anchorRef","launcherRef","children","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","variant","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","prevStatusRef","testIdProps","useTestId","insideRefs","current","document","body","push","useOutsideClick","isDisabled","handler","event","launcherKeyDownCallback","useCallback","getActiveElement","code","preventDefault","stopPropagation","focusWithin","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","launcherEl","anchorEl","focusOn","Element","useEffect","contains","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","styles","renderPopup","_jsx","jsx","FocusTrap","restoreFocusRef","tabIndex","className","classNames","style","onKeyDown","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","Modal","Layer"],"mappings":"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"}

package/amd/{ProgressBar-4c24733e.js → ProgressBar-2087dde3.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-abae2493', './useTranslationBundle-652e08a6', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-d1e744c1'], (function(e,a,r,s,l,o,n,t){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:b,trackBorderEdgeNone:x,trackBorderEdgeTop:B}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:T,forcedColors:p}=s.useUser(),y=r.classNames([m,g,"rtl"===T?v:h,"active"===p?b:""]),j=l.useTranslationBundle("@oracle/oraclejet-preact"),N={"aria-valuetext":c["aria-valuetext"]||j.progressIndeterminate(),"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"],role:"progressbar"},C="active"===p?void 0:"none"===d?x:B;return a.jsx(t.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,C]),length:i,children:a.jsx(t.BarValue,{class:y})})},d=({value:e=0,max:l=100,id:i,width:d,edge:c="none",...u})=>{const{forcedColors:m}=s.useUser(),{classes:g,styles:{valueStyle:h,highContrastValueStyle:v,trackBorderEdgeNone:b,trackBorderEdgeTop:x}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([h,"active"===m?v:""]),T=100*Math.min(Math.max(0,e/l),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?l:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",p["aria-label"]=u["aria-label"],p["aria-labelledby"]=u["aria-labelledby"],a.jsx(t.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([g,"none"===c?b:x]),children:a.jsx(t.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressBar-4c24733e.js.map
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-33136570', './useTranslationBundle-33399171', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-d1e744c1'], (function(e,a,r,s,l,o,n,t){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:x,trackBorderEdgeNone:B,trackBorderEdgeTop:b}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:T,forcedColors:p}=s.useUser(),y=r.classNames([m,g,"rtl"===T?v:h,"active"===p?x:""]),j=l.useTranslationBundle("@oracle/oraclejet-preact"),N={"aria-valuetext":c["aria-valuetext"]||j.progressIndeterminate(),"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"],role:"progressbar"},C="active"===p?void 0:"none"===d?B:b;return a.jsx(t.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,C]),length:i,children:a.jsx(t.BarValue,{class:y})})},d=({value:e=0,max:l=100,id:i,width:d,edge:c="none",...u})=>{const{forcedColors:m}=s.useUser(),{classes:g,styles:{valueStyle:h,highContrastValueStyle:v,trackBorderEdgeNone:x,trackBorderEdgeTop:B}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),b=r.classNames([h,"active"===m?v:""]),T=100*Math.min(Math.max(0,e/l),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?l:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",p["aria-label"]=u["aria-label"],p["aria-labelledby"]=u["aria-labelledby"],a.jsx(t.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([g,"none"===c?x:B]),children:a.jsx(t.BarValue,{class:b,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
+//# sourceMappingURL=ProgressBar-2087dde3.js.map

package/amd/{ProgressBar-4c24733e.js.map → ProgressBar-2087dde3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar-~~4c24733e~~.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { BarTrack, BarValue } from '#PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n /\n Specifies the id of the progress bar. If the progress bar is being used to describe the loading process of a particular region\n * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n /\n id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n /\n The value of the progress bar. If the value is 'indeterminate', an indeterminate progress bar will be shown.\n /\n value?: 'indeterminate' \| number;\n\n /\n Whether the progress bar is positioned at the top edge of a container or not.\n * If set to 'top', the curved borders will be removed.\n /\n edge?: 'none' \| 'top';\n\n /\n The maximum value of the progress bar.\n /\n max?: number;\n /\n The width of the progress bar. This will use the CSS lengths styling.\n /\n // TODO: use the dimensions work the Jeanne is doing JET-49961\n width?: string;\n\n /\n A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n /\n 'aria-valuetext'?: string;\n /\n A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n /\n 'aria-label'?: string;\n\n /\n One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n};\n/\n A progress bar allows the user to visualize the progression of an extended computer operation.\n /\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n return value === 'indeterminate' ? (\n <IndeterminateProgressBar {...otherProps} />\n ) : (\n <DeterminateProgressBar value={value} max={max} {...otherProps} />\n );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' \| 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n const {\n classes,\n styles: {\n valueStyle,\n indeterminate,\n animationStyleLTR,\n animationStyleRTL,\n highContrastValueStyle,\n trackBorderEdgeNone,\n trackBorderEdgeTop\n }\n } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n edge: edge === 'none' ? edge : undefined\n });\n\n const { direction, forcedColors } = useUser();\n const barValueClasses = classNames([\n valueStyle,\n indeterminate,\n direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n forcedColors === 'active' ? highContrastValueStyle : ''\n ]);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaProps: ariaPropsType = {\n 'aria-valuetext': props['aria-valuetext'] \|\| translations.progressIndeterminate(),\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n role: 'progressbar'\n };\n const trackBorderClass =\n forcedColors === 'active'\n ? undefined\n : edge === 'none'\n ? trackBorderEdgeNone\n : trackBorderEdgeTop;\n return (\n <BarTrack\n id={id}\n ariaProps={ariaProps}\n class={classNames([classes, trackBorderClass])}\n length={width}>\n <BarValue class={barValueClasses} />\n </BarTrack>\n );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n value?: number;\n};\n\nconst DeterminateProgressBar = ({\n value = 0,\n max = 100,\n id,\n width,\n edge = 'none',\n ...props\n}: DeterminateProps) => {\n const { forcedColors } = useUser();\n const {\n classes,\n styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n edge: edge === 'none' ? edge : undefined\n });\n\n const barValueClasses = classNames([\n valueStyle,\n forcedColors === 'active' ? highContrastValueStyle : ''\n ]);\n\n const percentage = `${Math.min(Math.max(0, value / max), 1) 100}%`;\n const ariaProps: ariaPropsType = {};\n ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n ariaProps['aria-valuemax'] = value != null ? max : undefined;\n ariaProps['aria-valuenow'] = value != null ? value : undefined;\n ariaProps['role'] = 'progressbar';\n (ariaProps['aria-label'] = props['aria-label']),\n (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n return (\n <BarTrack\n ariaProps={ariaProps}\n id={id}\n length={width}\n class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n <BarValue class={barValueClasses} length={percentage} />\n </BarTrack>\n );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QA4EA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1D,aAAcrB,EAAM,cACpB,kBAAmBA,EAAM,mBACzBsB,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,UACJC,MAEH,MAAMc,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cACnBA,EAAU,cAAgBpB,EAAM,cAC9BoB,EAAU,mBAAqBpB,EAAM,mBAEtCwB,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBAlGE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}
1	+ {"version":3,"file":"ProgressBar-2087dde3.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { BarTrack, BarValue } from '#PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n /\n Specifies the id of the progress bar. If the progress bar is being used to describe the loading process of a particular region\n * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n /\n id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n /\n The value of the progress bar. If the value is 'indeterminate', an indeterminate progress bar will be shown.\n /\n value?: 'indeterminate' \| number;\n\n /\n Whether the progress bar is positioned at the top edge of a container or not.\n * If set to 'top', the curved borders will be removed.\n /\n edge?: 'none' \| 'top';\n\n /\n The maximum value of the progress bar.\n /\n max?: number;\n /\n The width of the progress bar. This will use the CSS lengths styling.\n /\n // TODO: use the dimensions work the Jeanne is doing JET-49961\n width?: string;\n\n /\n A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n /\n 'aria-valuetext'?: string;\n /\n A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n /\n 'aria-label'?: string;\n\n /\n One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n};\n/\n A progress bar allows the user to visualize the progression of an extended computer operation.\n /\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n return value === 'indeterminate' ? (\n <IndeterminateProgressBar {...otherProps} />\n ) : (\n <DeterminateProgressBar value={value} max={max} {...otherProps} />\n );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' \| 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n const {\n classes,\n styles: {\n valueStyle,\n indeterminate,\n animationStyleLTR,\n animationStyleRTL,\n highContrastValueStyle,\n trackBorderEdgeNone,\n trackBorderEdgeTop\n }\n } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n edge: edge === 'none' ? edge : undefined\n });\n\n const { direction, forcedColors } = useUser();\n const barValueClasses = classNames([\n valueStyle,\n indeterminate,\n direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n forcedColors === 'active' ? highContrastValueStyle : ''\n ]);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaProps: ariaPropsType = {\n 'aria-valuetext': props['aria-valuetext'] \|\| translations.progressIndeterminate(),\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n role: 'progressbar'\n };\n const trackBorderClass =\n forcedColors === 'active'\n ? undefined\n : edge === 'none'\n ? trackBorderEdgeNone\n : trackBorderEdgeTop;\n return (\n <BarTrack\n id={id}\n ariaProps={ariaProps}\n class={classNames([classes, trackBorderClass])}\n length={width}>\n <BarValue class={barValueClasses} />\n </BarTrack>\n );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n value?: number;\n};\n\nconst DeterminateProgressBar = ({\n value = 0,\n max = 100,\n id,\n width,\n edge = 'none',\n ...props\n}: DeterminateProps) => {\n const { forcedColors } = useUser();\n const {\n classes,\n styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n edge: edge === 'none' ? edge : undefined\n });\n\n const barValueClasses = classNames([\n valueStyle,\n forcedColors === 'active' ? highContrastValueStyle : ''\n ]);\n\n const percentage = `${Math.min(Math.max(0, value / max), 1) 100}%`;\n const ariaProps: ariaPropsType = {};\n ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n ariaProps['aria-valuemax'] = value != null ? max : undefined;\n ariaProps['aria-valuenow'] = value != null ? value : undefined;\n ariaProps['role'] = 'progressbar';\n (ariaProps['aria-label'] = props['aria-label']),\n (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n return (\n <BarTrack\n ariaProps={ariaProps}\n id={id}\n length={width}\n class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n <BarValue class={barValueClasses} length={percentage} />\n </BarTrack>\n );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QA4EA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1D,aAAcrB,EAAM,cACpB,kBAAmBA,EAAM,mBACzBsB,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,UACJC,MAEH,MAAMc,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cACnBA,EAAU,cAAgBpB,EAAM,cAC9BoB,EAAU,mBAAqBpB,EAAM,mBAEtCwB,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBAlGE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

package/amd/ProgressButton-b830eead.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-c6563bf2', './ProgressButtonLabelLayout-5404f190', 'preact/compat', './useTooltip-f7c1ad5c', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', './buttonUtils-97878e90', './resources/nls/en/bundle'], (function(e,t,o,s,a,l,i,n,r,d,c,b,u,p,g,f,y){"use strict";const m=l.forwardRef((({variant:e="outlined",isLoading:l=!1,isDisabled:n=!1,size:d="md",display:c="all",type:b="button",startIcon:u,edge:p,testId:g,onAction:m,label:L="",tooltip:h,"aria-describedby":B,width:P,...T},v)=>{const{globalEventProps:A}=f.processGlobals(T),x=!n&&l,C=y.default.accButtonProgressStatus({label:L}),w=y.default.accButtonProgressComplete({label:L}),j=x&&("label"==c||!u)?h||L:h,{tooltipContent:D,tooltipProps:I}=i.useTooltip({text:j,isDisabled:n}),S=!u||"label"===c,U={type:"button",buttonType:b},k=t.jsx(a.ProgressButtonLabelLayout,{display:c,isLoadingContrast:"callToAction"===e,startIcon:u,accessibleLoadedLabel:w,accessibleLoadingLabel:C,size:d,isLoading:x,children:L}),{"aria-describedby":z,...E}=I;return t.jsxs(o.Fragment,{children:[t.jsx(s.BaseButton,{...r.mergeProps(E,A),ref:v,elementDetails:U,isDisabled:n,isReadOnly:x,size:d,width:P,edge:p,variant:e,styling:S?x?["default","hiddenLabel","noHoverActive"]:["default"]:x?["noHoverActive","min"]:["min"],onAction:m,"aria-label":L,testId:g,children:k}),D]})}));m.displayName="ProgressButton",e.ProgressButton=m}));
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-c6563bf2', './ProgressButtonLabelLayout-5404f190', 'preact/compat', './useTooltip-c10bcc4e', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', './buttonUtils-97878e90', './resources/nls/en/bundle'], (function(e,t,o,s,a,l,i,n,r,c,d,b,u,p,g,y,f){"use strict";const m=l.forwardRef((({variant:e="outlined",isLoading:l=!1,isDisabled:n=!1,size:c="md",display:d="all",type:b="button",startIcon:u,edge:p,testId:g,onAction:m,label:L="",tooltip:h,"aria-describedby":B,width:P,...T},v)=>{const{globalEventProps:A}=y.processGlobals(T),x=!n&&l,C=f.default.accButtonProgressStatus({label:L}),w=f.default.accButtonProgressComplete({label:L}),j=x&&("label"==d||!u)?h||L:h,{tooltipContent:D,tooltipProps:I}=i.useTooltip({text:j,isDisabled:n}),S=!u||"label"===d,U={type:"button",buttonType:b},k=t.jsx(a.ProgressButtonLabelLayout,{display:d,isLoadingContrast:"callToAction"===e,startIcon:u,accessibleLoadedLabel:w,accessibleLoadingLabel:C,size:c,isLoading:x,children:L}),{"aria-describedby":z,...E}=I;return t.jsxs(o.Fragment,{children:[t.jsx(s.BaseButton,{...r.mergeProps(E,A),ref:v,elementDetails:U,isDisabled:n,isReadOnly:x,size:c,width:P,edge:p,variant:e,styling:S?x?["default","hiddenLabel","noHoverActive"]:["default"]:x?["noHoverActive","min"]:["min"],onAction:m,"aria-label":L,testId:g,children:k}),D]})}));m.displayName="ProgressButton",e.ProgressButton=m}));
 //# sourceMappingURL=ProgressButton-b830eead.js.map

package/amd/ProgressButtonLabelLayout-5404f190.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useProgressButtonLabelLayoutTheme-8893dd91', './classNames-08d99695', './ProgressCircle-57ce7b94', './withThemeProps-5ba8f3bc', './View-59fe568d', './useColorScheme-8358a6c9', 'preact/hooks', './HiddenAccessible-037ef42d'], (function(s,e,a,i,t,n,r,o,l,c){"use strict";function d({isLoadingContrast:s=!1}){const a=n.withThemeProps(r.View),i=o.useColorScheme(),l=i&&"light"!==i?"light":"dark";return s?e.jsx(a,{colorScheme:l,children:e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}):e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}function h({size:s="md",display:t="all",styling:n="default",isLoadingContrast:r=!1,isLoading:o=!1,children:h,startIcon:u,accessibleLoadedLabel:g,accessibleLoadingLabel:m}){const{startIconClasses:L,labelClasses:b,labelStyles:p,progressIconClasses:x,containerClasses:C,isShowIcons:j,isShowText:y,hasTextStartIcon:P}=a.useProgressButtonLabelLayoutTheme({display:t,size:s,styling:n,isLoading:o,startIcon:u,children:h}),f="label"===t||!u,S=i.classNames([C,o?x:void 0]),[v,I]=l.useState(!1),[T,w]=l.useState(!1);return o&&!v&&w(!0),!o&&T&&(I(!0),w(!1),setTimeout((()=>{I(!1)}),500)),e.jsxs("span",{class:S,children:[j&&u&&e.jsx("span",{class:L,"aria-hidden":!0,children:o?e.jsx(d,{isLoadingContrast:r}):u}),y&&h&&e.jsxs("span",{"aria-hidden":!0,class:f?void 0:b,children:[" ",h," "]}),y&&h&&o&&!P&&e.jsx("span",{class:p.floatingIcon,"aria-hidden":!0,children:e.jsx(d,{isLoadingContrast:r})}),g?e.jsx("span",{"aria-live":"assertive",children:e.jsx(c.HiddenAccessible,{children:v?g:o?m:void 0})}):void 0]})}d.displayName="AdjustedProgressCircle",h.displayName="ProgressButtonLabelLayout",s.ProgressButtonLabelLayout=h}));
+define(['exports', 'preact/jsx-runtime', './useProgressButtonLabelLayoutTheme-8893dd91', './classNames-08d99695', './ProgressCircle-5709a095', './withThemeProps-5ba8f3bc', './View-e15784b7', './useColorScheme-47c8be99', 'preact/hooks', './HiddenAccessible-037ef42d'], (function(s,e,a,i,t,n,r,o,l,c){"use strict";function d({isLoadingContrast:s=!1}){const a=n.withThemeProps(r.View),i=o.useColorScheme(),l=i&&"light"!==i?"light":"dark";return s?e.jsx(a,{colorScheme:l,children:e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}):e.jsx(t.ProgressCircle,{size:"sm",value:"indeterminate"})}function h({size:s="md",display:t="all",styling:n="default",isLoadingContrast:r=!1,isLoading:o=!1,children:h,startIcon:u,accessibleLoadedLabel:g,accessibleLoadingLabel:m}){const{startIconClasses:L,labelClasses:b,labelStyles:p,progressIconClasses:x,containerClasses:C,isShowIcons:j,isShowText:y,hasTextStartIcon:P}=a.useProgressButtonLabelLayoutTheme({display:t,size:s,styling:n,isLoading:o,startIcon:u,children:h}),S="label"===t||!u,f=i.classNames([C,o?x:void 0]),[v,I]=l.useState(!1),[T,w]=l.useState(!1);return o&&!v&&w(!0),!o&&T&&(I(!0),w(!1),setTimeout((()=>{I(!1)}),500)),e.jsxs("span",{class:f,children:[j&&u&&e.jsx("span",{class:L,"aria-hidden":!0,children:o?e.jsx(d,{isLoadingContrast:r}):u}),y&&h&&e.jsxs("span",{"aria-hidden":!0,class:S?void 0:b,children:[" ",h," "]}),y&&h&&o&&!P&&e.jsx("span",{class:p.floatingIcon,"aria-hidden":!0,children:e.jsx(d,{isLoadingContrast:r})}),g?e.jsx("span",{"aria-live":"assertive",children:e.jsx(c.HiddenAccessible,{children:v?g:o?m:void 0})}):void 0]})}d.displayName="AdjustedProgressCircle",h.displayName="ProgressButtonLabelLayout",s.ProgressButtonLabelLayout=h}));
 //# sourceMappingURL=ProgressButtonLabelLayout-5404f190.js.map

package/amd/{ProgressCircle-57ce7b94.js → ProgressCircle-5709a095.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-775a2dde', './circleUtils-1886e5b4', './useTranslationBundle-652e08a6', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-b754580a'], (function(e,a,r,s,l,i,t,n,o){"use strict";const c=({id:e,size:r,...s})=>{const{classes:l,styles:{indeterminate:c}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":s["aria-valuetext"]||d.progressIndeterminate(),"aria-label":s["aria-label"],"aria-labelledby":s["aria-labelledby"],role:"progressbar"};return a.jsx(o.CircleWrapper,{id:e,ariaProps:m,class:l,children:a.jsx(o.CircleInner,{class:c})})},d=({value:e=0,max:s=100,id:i,size:c,...d})=>{const{classes:m,styles:{determinate:u,track:p,valueStyle:b}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:c}),x=Math.min(Math.max(0,e/s),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?s:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",h["aria-label"]=d["aria-label"],h["aria-labelledby"]=d["aria-labelledby"],a.jsxs(o.CircleWrapper,{id:i,ariaProps:h,class:m,children:[a.jsx(o.CircleInner,{class:r.classNames([u,p])}),a.jsx(o.CircleInner,{class:r.classNames([u,b]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(c,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressCircle-57ce7b94.js.map
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-775a2dde', './circleUtils-1886e5b4', './useTranslationBundle-33399171', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-b754580a'], (function(e,a,r,s,l,i,t,n,o){"use strict";const c=({id:e,size:r,...s})=>{const{classes:l,styles:{indeterminate:c}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":s["aria-valuetext"]||d.progressIndeterminate(),"aria-label":s["aria-label"],"aria-labelledby":s["aria-labelledby"],role:"progressbar"};return a.jsx(o.CircleWrapper,{id:e,ariaProps:m,class:l,children:a.jsx(o.CircleInner,{class:c})})},d=({value:e=0,max:s=100,id:i,size:c,...d})=>{const{classes:m,styles:{determinate:u,track:p,valueStyle:b}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:c}),x=Math.min(Math.max(0,e/s),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?s:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",h["aria-label"]=d["aria-label"],h["aria-labelledby"]=d["aria-labelledby"],a.jsxs(o.CircleWrapper,{id:i,ariaProps:h,class:m,children:[a.jsx(o.CircleInner,{class:r.classNames([u,p])}),a.jsx(o.CircleInner,{class:r.classNames([u,b]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(c,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
+//# sourceMappingURL=ProgressCircle-5709a095.js.map

package/amd/{ProgressCircle-57ce7b94.js.map → ProgressCircle-5709a095.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressCircle-~~57ce7b94~~.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n ProgressCircleStyles,\n ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n /\n Specifies the id of the progress circle. If the progress circle is being used to describe the loading process of a particular region\n * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n /\n id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n /\n The value of the progress circle. If the value is 'indeterminate', an indeterminate progress circle will be shown.\n /\n value?: 'indeterminate' \| number;\n\n /\n The maximum value of the progress circle.\n /\n max?: number;\n /\n The size of the progress circle. The default value of this property is theme driven.\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n /\n 'aria-valuetext'?: string;\n /\n Specifies the children.\n /\n children?: ComponentChildren;\n /\n A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n /\n 'aria-label'?: string;\n\n /\n One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n};\n/\n A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n return value === 'indeterminate' ? (\n <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n ) : (\n <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' \| 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n const {\n classes,\n styles: { indeterminate }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size,\n type: 'indeterminate'\n }\n );\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaProps: ariaPropsType = {\n 'aria-valuetext': props['aria-valuetext'] \|\| translations.progressIndeterminate(),\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n role: 'progressbar'\n };\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={indeterminate} />\n </CircleWrapper>\n );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n value = 0,\n max = 100,\n id,\n size,\n ...props\n}: DeterminateProps) => {\n const {\n classes,\n styles: { determinate, track, valueStyle }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size\n }\n );\n\n const percentage = Math.min(Math.max(0, value / max), 1);\n const clipPath = getProgressClipPath(percentage);\n\n const ariaProps: ariaPropsType = {};\n ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n ariaProps['aria-valuemax'] = value != null ? max : undefined;\n ariaProps['aria-valuenow'] = value != null ? value : undefined;\n ariaProps['role'] = 'progressbar';\n (ariaProps['aria-label'] = props['aria-label']),\n (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={classNames([determinate, track])} />\n <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n </CircleWrapper>\n );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTA0EA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1D,aAAcV,EAAM,cACpB,kBAAmBA,EAAM,mBACzBW,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAChCC,QAAQ,EACRC,MAAM,IACNtB,KACAC,UACGC,MAEH,MAAMC,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cACnBA,EAAU,cAAgBT,EAAM,cAC9BS,EAAU,mBAAqBT,EAAM,mBAEtC8B,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBAxEE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}
1	+ {"version":3,"file":"ProgressCircle-5709a095.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n ProgressCircleStyles,\n ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n /\n Specifies the id of the progress circle. If the progress circle is being used to describe the loading process of a particular region\n * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n /\n id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n /\n The value of the progress circle. If the value is 'indeterminate', an indeterminate progress circle will be shown.\n /\n value?: 'indeterminate' \| number;\n\n /\n The maximum value of the progress circle.\n /\n max?: number;\n /\n The size of the progress circle. The default value of this property is theme driven.\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n /\n 'aria-valuetext'?: string;\n /\n Specifies the children.\n /\n children?: ComponentChildren;\n /\n A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n /\n 'aria-label'?: string;\n\n /\n One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n};\n/\n A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n return value === 'indeterminate' ? (\n <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n ) : (\n <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' \| 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n const {\n classes,\n styles: { indeterminate }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size,\n type: 'indeterminate'\n }\n );\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaProps: ariaPropsType = {\n 'aria-valuetext': props['aria-valuetext'] \|\| translations.progressIndeterminate(),\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n role: 'progressbar'\n };\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={indeterminate} />\n </CircleWrapper>\n );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n value = 0,\n max = 100,\n id,\n size,\n ...props\n}: DeterminateProps) => {\n const {\n classes,\n styles: { determinate, track, valueStyle }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size\n }\n );\n\n const percentage = Math.min(Math.max(0, value / max), 1);\n const clipPath = getProgressClipPath(percentage);\n\n const ariaProps: ariaPropsType = {};\n ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n ariaProps['aria-valuemax'] = value != null ? max : undefined;\n ariaProps['aria-valuenow'] = value != null ? value : undefined;\n ariaProps['role'] = 'progressbar';\n (ariaProps['aria-label'] = props['aria-label']),\n (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={classNames([determinate, track])} />\n <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n </CircleWrapper>\n );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTA0EA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1D,aAAcV,EAAM,cACpB,kBAAmBA,EAAM,mBACzBW,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAChCC,QAAQ,EACRC,MAAM,IACNtB,KACAC,UACGC,MAEH,MAAMC,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cACnBA,EAAU,cAAgBT,EAAM,cAC9BS,EAAU,mBAAqBT,EAAM,mBAEtC8B,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBAxEE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}

package/amd/RadioItem-b159fce3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-ee1dc0c0', './useTranslationBundle-652e08a6', './CheckboxRadioContext-6a0fead0', './Check-55668599', './RadioButtonOff-9a3dea6a', './RadioButtonOn-5f2ffdcd', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-69dc7af4', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-bba2ea15', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-b5075ca1', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,d,i,c,l,r,u,m,b,h,p,S,y,C,x,F,A,f,R,T,g,U,I,v,B,w,M,E,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...i})=>{const{isReadonly:r,isDisabled:F}=d.useFormContext(),{isDisabled:A,isReadonly:f}=c.useFormFieldContext(),{name:R,value:T,onCommit:g}=x.useRadioSetContext(),{isFocusRingShown:U}=h.useCheckboxRadioContext(),{index:I}=x.useRadioItemContext(),{isTabbable:v}=u.useTabbableMode(),B=l.useId(),{isFocus:w,focusProps:M}=a.useFocus(),E=o.createRef(),_=T===e,N=A??F,j=f??r,{interactionProps:k,applyActiveStyle:L}=m.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"});o.useEffect((()=>{w&&U&&E?.current?.scrollIntoView({block:"nearest"})}),[w,U,E]);const{assistiveText:O,helpSourceLink:P}=i,z=!(N||j||!O&&!P),G=z?`${B}-help-available`:void 0,$=z?`${B}-icon-ua`:void 0,q=b.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),J=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,K=!1!==v&&(0===I&&!T||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:E,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:R,id:B,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:T,value:e})}},checked:_,disabled:N,"aria-describedby":G,tabIndex:K,...M}),z&&s.jsx(C.HiddenAccessible,{id:G,isHidden:!0,children:q})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(J,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),z&&s.jsx(W.IconUserAssistance,{...i,isTabbable:v&&w,id:$})]})]})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-ee1dc0c0', './useTranslationBundle-33399171', './CheckboxRadioContext-6a0fead0', './Check-55668599', './RadioButtonOff-9a3dea6a', './RadioButtonOn-5f2ffdcd', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-a208520e', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-92dfc51f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-456f4b11', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,d,i,c,l,r,u,m,h,b,p,S,y,C,x,F,f,A,R,T,g,U,I,v,B,w,M,E,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...i})=>{const{isReadonly:r,isDisabled:F}=d.useFormContext(),{isDisabled:f,isReadonly:A}=c.useFormFieldContext(),{name:R,value:T,onCommit:g}=x.useRadioSetContext(),{isFocusRingShown:U}=b.useCheckboxRadioContext(),{index:I}=x.useRadioItemContext(),{isTabbable:v}=u.useTabbableMode(),B=l.useId(),{isFocus:w,focusProps:M}=a.useFocus(),E=o.createRef(),_=T===e,N=f??F,j=A??r,{interactionProps:k,applyActiveStyle:L}=m.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"});o.useEffect((()=>{w&&U&&E?.current?.scrollIntoView({block:"nearest"})}),[w,U,E]);const{assistiveText:O,helpSourceLink:P}=i,z=!(N||j||!O&&!P),G=z?`${B}-help-available`:void 0,$=z?`${B}-icon-ua`:void 0,q=h.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),J=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,K=!1!==v&&(0===I&&!T||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:E,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:R,id:B,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:T,value:e})}},checked:_,disabled:N,"aria-describedby":G,tabIndex:K,...M}),z&&s.jsx(C.HiddenAccessible,{id:G,isHidden:!0,children:q})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(J,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),z&&s.jsx(W.IconUserAssistance,{...i,isTabbable:v&&w,id:$})]})]})})}}));
 //# sourceMappingURL=RadioItem-b159fce3.js.map