npm - @oracle/oraclejet-preact - Versions diffs - 18.0.0 → 18.0.1 - Mend

@oracle/oraclejet-preact 18.0.0 → 18.0.1

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 (182) hide show

package/es/UNSAFE_RichSelectionItem.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { useRef, useCallback, useEffect } from 'preact/hooks';
 import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import { u as useRichSelectionContext } from './RichSelectionContext-804e1fd2.js';
+import { u as useCheckboxSetContext } from './CheckboxSet-3c3b7c71.js';
 import { u as useRadioSetContext, a as useRadioItemContext } from './RadioItemContext-fe419b75.js';
 import { T as TruncatingText } from './TruncatingText-ccad557f.js';
 import { c as classNames } from './classNames-4e12b00d.js';
@@ -31,45 +32,33 @@ import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import { radioIconVars } from './UNSAFE_RadioItem/themes/RadioIconContract.css.js';
 import { radioDisabledColor, radioDefaultColor } from './UNSAFE_RadioItem/themes/RadioStyles.css.js';
 import { RadioIconRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js';
-import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
 import { S as StyledCard } from './StyledCard-6913b45c.js';
 import 'preact';
-import './useDetectTruncation-d5e318ca.js';
-import './useResizeObserver-838164c1.js';
-import './useVisAddBusyState-994e0324.js';
-import './VisBusyStateContext-9ae84b1d.js';
-import './useVisBusyStateContext-a1df0764.js';
-import './useTooltip-72f5cf2e.js';
-import './useTooltipControlled-97142fd1.js';
-import './useHover-19340c22.js';
-import './useToggle-8b7fcefe.js';
-import './useTouch-4828df25.js';
-import './mergeProps-88ea8306.js';
-import './useAnimation-a5eb7604.js';
-import './useThemeInterpolations-242b30ed.js';
-import './useColorScheme-f69d53b5.js';
+import 'preact/compat';
+import './useFormFieldContextProps-d07cd618.js';
+import './CheckboxSetStyles.styles.css';
+import './CheckboxRadioField-a4db2c10.js';
+import './useCollectionFocusRing-0395110a.js';
+import './collectionUtils-ccfce5b4.js';
+import './keys-49c92dbb.js';
+import './clientHints-05a97aba.js';
+import './useTranslationBundle-6da03e52.js';
 import './LayerHost-7a2149f5.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
-import 'preact/compat';
-import './useScale-3b323ab2.js';
-import './theme-63551f30.js';
-import './Theme-e6dec6db.js';
-import './mergeInterpolations-e2db2a66.js';
-import './mergeDeepWithKey-08531060.js';
-import './_curry3-0b4222d7.js';
-import './_curry1-25297e59.js';
-import './_curry2-34316bcf.js';
-import './_isObject-1fab0f5b.js';
-import './useDensity-04a01caf.js';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
-import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
+import './Label-6d90e627.js';
+import './UserAssistanceStyles.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
+import './MessageBannerStyles.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
+import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
+import './MessageBannerVariants.styles.css';
 import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './tooltipUtils-fcfd7dbb.js';
 import './EnvironmentProvider-a3819bde.js';
 import './LayerManager-be34be40.js';
@@ -83,6 +72,18 @@ import './arrayUtils-35a58161.js';
 import './Layer-7497a324.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
+import './useThemeInterpolations-242b30ed.js';
+import './useColorScheme-f69d53b5.js';
+import './useScale-3b323ab2.js';
+import './theme-63551f30.js';
+import './Theme-e6dec6db.js';
+import './mergeInterpolations-e2db2a66.js';
+import './mergeDeepWithKey-08531060.js';
+import './_curry3-0b4222d7.js';
+import './_curry1-25297e59.js';
+import './_curry2-34316bcf.js';
+import './_isObject-1fab0f5b.js';
+import './useDensity-04a01caf.js';
 import './useModal-953082f2.js';
 import './utils-d65cb4fb.js';
 import './colorUtils-16eb823f.js';
@@ -94,14 +95,158 @@ import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
 import './vanilla-extract-dynamic.esm-2955d60a.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
-import './logger-c92f309c.js';
+import './IconStyle.styles.css';
+import './IconButton-62cd1cf9.js';
+import './BaseButton-3ce1f027.js';
+import './usePressClick-2ec8e098.js';
+import './useHover-19340c22.js';
+import './useToggle-8b7fcefe.js';
+import './useActive-fb6d4d52.js';
+import './dimensions-e4b8a67e.js';
+import './size-88f26574.js';
+import './mergeProps-88ea8306.js';
+import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
+import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
+import './BaseButtonStyles.styles.css';
+import './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js';
+import './UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css';
+import './ButtonLabelLayout-05d9a61f.js';
+import './Text-fab01b91.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
 import './TextStyles.styles.css';
-import './clientHints-05a97aba.js';
+import './useButtonLabelLayoutTheme-a1b95a52.js';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js';
+import './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js';
+import './ButtonLabelLayoutStyles.styles.css';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
+import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
+import './ButtonLabelLayoutVariants.styles.css';
+import './useTooltip-72f5cf2e.js';
+import './useTooltipControlled-97142fd1.js';
+import './useTouch-4828df25.js';
+import './useAnimation-a5eb7604.js';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
+import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
+import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
+import './logger-c92f309c.js';
+import './buttonUtils-be059939.js';
+import './id-83adac50.js';
+import './MessageStyles.styles.css';
+import './MessageFormattingUtils-34c9b1aa.js';
+import './getLocale-1c41e86a.js';
+import './stringUtils-16f617bc.js';
+import './TransitionGroup-5fd80dc9.js';
+import './MessagesContext-76544845.js';
+import './HiddenAccessibleStyles.styles.css';
+import './ComponentMessageStyles.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
+import './InputGroupContext-20bdbd6e.js';
+import './Popup-a4be2769.js';
+import './tabbableUtils-b4fa6fe6.js';
+import './head-6f17c50c.js';
+import './_arity-be492b9e.js';
+import './_isArray-694cc52d.js';
+import './_isString-675f1de9.js';
+import './FocusTrap-c31d16c5.js';
+import './FocusTracker-88c49895.js';
+import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
+import './FocusTrackerStyles.styles.css';
+import './Modal-1710fdd2.js';
+import './UNSAFE_Modal/themes/ModalStyles.css.js';
+import './ModalStyles.styles.css';
+import './WindowOverlay-de5d0819.js';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
+import './WindowOverlayStyles.styles.css';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
+import './usePopupAnimation-267b444c.js';
+import './useAnimationStatus-a9337dd8.js';
+import './popupAnimationUtils-175151d9.js';
+import './UNSAFE_Popup/themes/PopupContract.css.js';
+import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
+import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js';
+import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
+import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
+import './PopupStyles.styles.css';
+import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
+import './SeparatorStyles.styles.css';
+import './CompactLabelAssistance-7912767d.js';
+import './CompactHelpSource-9c0d4cb4.js';
+import './Help-a8e99b58.js';
+import './Icon-bdd49f29.js';
+import './UNSAFE_Icon/themes/IconStyle.css.js';
+import './useFocusWithin-30b1e2d8.js';
+import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
+import './UNSAFE_Label/themes/redwood/LabelTheme.js';
+import './UNSAFE_Label/themes/LabelStyles.css.js';
+import './LabelStyles.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
+import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
+import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
+import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
+import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
+import './SkeletonStyles.styles.css';
+import './TextFieldLoadingStyles.styles.css';
+import './TextFieldStyles.styles.css';
+import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
+import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
+import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
+import './TextFieldVariants.styles.css';
+import './InlineHelp-9f4042ba.js';
+import './InlineHelpSource-fcdcd122.js';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
+import './InlineUserAssistance-04cce83e.js';
+import './ComponentMessageContainer-f2837e7f.js';
+import './MessagesManager-9dd3eb3d.js';
+import './SuccessS-c96aad00.js';
+import './ErrorS-1b265055.js';
+import './InformationS-6ffd5758.js';
+import './WarningS-83ed9210.js';
+import './PRIVATE_Message/themes/MessageStyles.css.js';
+import './soundUtils-88264cb5.js';
+import './useMessagesContext-9e1dbe91.js';
+import './Transition-f9501682.js';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
+import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
+import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
+import './useInputGroupContext-1d19411e.js';
+import './CheckboxRadioFieldStyles.css-cf673ef0.js';
+import './useMessageSeverity-65295e8f.js';
+import './CheckboxRadioFieldStyles.styles.css';
+import './LabelValueLayout-bcf482be.js';
+import './LabelValueLayoutStyles.styles.css';
+import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
+import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js';
+import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css';
+import './UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js';
+import './RadioStyles.styles.css';
+import './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
+import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
+import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
+import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
+import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './CheckboxStyles.styles.css';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
+import './CheckboxVariants.styles.css';
+import './CheckboxRadioContext-fe425383.js';
+import './LayoutStyles.css-8a60c28c.js';
+import './LayoutStyles.styles.css';
+import './useDetectTruncation-d5e318ca.js';
+import './useResizeObserver-838164c1.js';
+import './useVisAddBusyState-994e0324.js';
+import './VisBusyStateContext-9ae84b1d.js';
+import './useVisBusyStateContext-a1df0764.js';
 import './RichSelectionItemStyles.styles.css';
 import './borders-98a63040.js';
-import './dimensions-e4b8a67e.js';
-import './size-88f26574.js';
 import './flexitem-7b7f7920.js';
 import './flexitem.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
@@ -109,8 +254,6 @@ import './colors-d82326ea.js';
 import './padding-ddeb1692.js';
 import './aria-efa0582c.js';
 import './equals-160da165.js';
-import './_isArray-694cc52d.js';
-import './_isString-675f1de9.js';
 import './AspectRatioStyles.styles.css';
 import './UNSAFE_Avatar/themes/redwood/AvatarTheme.js';
 import './UNSAFE_Avatar/themes/AvatarStyles.css.js';
@@ -126,11 +269,7 @@ import './boxalignment.styles.css';
 import './flexbox-529f25da.js';
 import './flexbox.styles.css';
 import './FlexStyles.styles.css';
-import './useActive-fb6d4d52.js';
 import './CheckboxOff-dc4a8c86.js';
-import './Icon-bdd49f29.js';
-import './UNSAFE_Icon/themes/IconStyle.css.js';
-import './IconStyle.styles.css';
 import './CheckboxOn-240e0719.js';
 import './CheckboxMixed-540070c1.js';
 import './UNSAFE_Checkbox/themes/CheckboxIconContract.css.js';
@@ -144,8 +283,6 @@ import './CheckboxIconVariants.styles.css';
 import './StyledCheckbox.styles.css';
 import './CollectionInteractionContext-7cf19abc.js';
 import './useCollectionInteractionContext-3895c632.js';
-import './HiddenAccessibleStyles.styles.css';
-import './RadioStyles.styles.css';
 import './UNSAFE_RadioItem/themes/RadioIconStyles.css.js';
 import './RadioIconStyles.styles.css';
 import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.css.js';

package/es/UNSAFE_RichSelectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\n\ntype ThumbnailProps = TestIdProps & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n} & Pick<RichSelectionMediaItemProps, 'layout'>;\n\nconst ThumbnailXL = ({ thumbnailSrc, mediaAccessibleLabel, testId }: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={styles.thumbnailImage}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({ thumbnailSrc, mediaAccessibleLabel, layout, testId }: ThumbnailProps) => {\n const thumbnailClass = layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant;\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId\n}: Partial<RichSelectionMediaItemProps>) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n const mediumMediaItem = avatar ? (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} {...testIdProps} />\n ) : (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n />\n );\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: Partial<RichSelectionMediaItemProps>) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n let smallMediaItem;\n if (avatar) {\n smallMediaItem = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n smallMediaItem = <div class={`${styles.iconWrapper} ${iconClass}`} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/*\n Selective Element Props Type.\n /\ntype RichSelectionControlProps = {\n value: string \| number;\n inputRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n testId?: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const testIdProps = useTestId(testId);\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /\n When focused the view should have the respective RichSelectionItem.\n /\n useEffect(() => {\n if (isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) \|\| isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const testIdProps = useTestId(testId);\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n {...testIdProps}\n />\n </span>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFocus } from '#hooks/UNSAFE_useFocus';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype RichSelectionItemProps<V extends string \| number> = RichSelectionItemData<V> & TestIdProps;\n\n/\n `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string \| number>({\n avatar,\n iconClass,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n const { isFocus, focusProps } = useFocus();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly ?? isFormReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar \|\| !!thumbnailSrc \|\| !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' \| 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' \| 'md' \| 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n {...focusProps}\n value={value}\n inputRef={inputRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_radio` : undefined}\n />\n ) : (\n <CheckboxControl\n {...focusProps}\n value={value}\n inputRef={inputRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_checkbox` : undefined}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n inputRef.current?.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n const isSelectedValue = newGroupValue.has(value);\n // If the value is already selected, remove it; otherwise, add it\n isSelectedValue ? newGroupValue.delete(value) : newGroupValue.add(value);\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n inputRef.current?.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, onRadioCommit, value]);\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: isDisabled \|\| isReadonly\n });\n\n return (\n <StyledCard\n cursor=\"pointer\"\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={isDisabled \|\| isReadonly}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && !isDisabled && !isReadonly && isSelected}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...pressProps}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n {textContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n </Flex>\n ) : (\n <div className={styles.densityWrapper}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n secondaryTextId?: string;\n label?: string;\n secondaryText?: string;\n isDisabled?: boolean;\n // INFO: label truncates for 1 line in only XL\n isLayoutXL?: boolean;\n labelId: string;\n};\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n secondaryTextId,\n isDisabled,\n isLayoutXL,\n label,\n labelId,\n secondaryText\n}: RichSelectionTextContentProps) => {\n const labelContent = (\n <TruncatingText\n variant={isDisabled ? 'disabled' : 'primary'}\n lineClamp={isLayoutXL ? 1 : 2}\n id={labelId}>\n {label}\n </TruncatingText>\n );\n const classes = classNames([\n isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n !isLayoutXL && !secondaryText && styles.labelOnly\n ]);\n\n return (\n <div className={classes}>\n {labelContent}\n {secondaryText && (\n <TruncatingText\n size=\"sm\"\n variant={isDisabled ? 'disabled' : 'secondary'}\n lineClamp={3}\n id={secondaryTextId}>\n {secondaryText}\n </TruncatingText>\n )}\n </div>\n );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\n\ntype ThumbnailProps = TestIdProps & {\n thumbnailSrc?: string;\n mediaAccessibleLabel?: string;\n} & Pick<RichSelectionMediaItemProps, 'layout'>;\n\nconst ThumbnailXL = ({ thumbnailSrc, mediaAccessibleLabel, testId }: ThumbnailProps) => {\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n return (\n <AspectRatio ratio=\"4/3\">\n <img\n alt={mediaAccessibleLabel}\n className={styles.thumbnailImage}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n </AspectRatio>\n );\n};\n\nconst Thumbnail = ({ thumbnailSrc, mediaAccessibleLabel, layout, testId }: ThumbnailProps) => {\n const thumbnailClass = layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant;\n const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n return (\n <img\n alt={mediaAccessibleLabel}\n className={thumbnailClass}\n role={!mediaAccessibleLabel ? 'presentation' : undefined}\n src={thumbnailSrc}\n {...testIdProps}\n />\n );\n};\n\nconst MediumRenderer = ({\n mediaAccessibleLabel,\n thumbnailSrc,\n layout,\n avatar,\n testId\n}: Partial<RichSelectionMediaItemProps>) => {\n const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n const mediumMediaItem = avatar ? (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} {...testIdProps} />\n ) : (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n />\n );\n\n return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n avatar,\n iconClass,\n layout,\n thumbnailSrc,\n mediaAccessibleLabel,\n testId\n}: Partial<RichSelectionMediaItemProps>) => {\n const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n let smallMediaItem;\n if (avatar) {\n smallMediaItem = (\n <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n );\n } else if (thumbnailSrc) {\n smallMediaItem = (\n <Thumbnail\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n {...testIdProps}\n />\n );\n } else if (iconClass) {\n smallMediaItem = <div class={`${styles.iconWrapper} ${iconClass}`} {...testIdProps}></div>;\n }\n\n return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n avatar,\n iconClass,\n hasSecondaryText,\n mediaAccessibleLabel,\n layout,\n thumbnailSrc,\n testId\n}: RichSelectionMediaItemProps) => {\n if (!layout) {\n return null;\n }\n\n switch (layout) {\n case 'xl':\n return (\n <ThumbnailXL\n thumbnailSrc={thumbnailSrc}\n mediaAccessibleLabel={mediaAccessibleLabel}\n testId={testId}\n />\n );\n\n case 'md':\n const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <MediumRenderer\n mediaAccessibleLabel={mediaAccessibleLabel}\n layout={layout}\n testId={testId}\n {...mediumMedia}\n />\n </View>\n );\n\n case 'sm':\n const smallMedia = avatar\n ? { avatar, mediaAccessibleLabel }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel }\n : iconClass\n ? { iconClass }\n : undefined;\n return (\n <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n <SmallRenderer {...smallMedia} layout={layout} testId={testId} />\n </View>\n );\n\n default:\n return null;\n }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/*\n Selective Element Props Type.\n /\ntype RichSelectionControlProps = {\n value: string \| number;\n inputRef?: RefObject<HTMLInputElement>;\n isFocus?: boolean;\n isLayoutXL?: boolean;\n isDisabled?: boolean;\n isReadonly?: boolean;\n isSelected?: boolean;\n describedBy?: string;\n labelledBy: string;\n testId?: string;\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n value,\n inputRef,\n isFocus,\n isDisabled,\n isLayoutXL,\n isReadonly,\n isSelected,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n const testIdProps = useTestId(testId);\n\n const IconComp = isReadonly\n ? isSelected\n ? CheckIcon\n : RadioOffIcon\n : isSelected\n ? RadioOnIcon\n : RadioOffIcon;\n\n const spanRef = useRef<HTMLSpanElement>(null);\n const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n const onChangeHandler = useCallback(\n (event: Event) => {\n event.stopPropagation();\n onCommit?.({ previousValue: radioGroupValue, value });\n },\n [value, radioGroupValue, onCommit]\n );\n\n /\n When focused the view should have the respective RichSelectionItem.\n /\n useEffect(() => {\n if (isFocus) {\n spanRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, spanRef]);\n\n const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n RadioIconRedwoodTheme,\n {\n disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n selected: isSelected ? 'isSelected' : 'notSelected',\n active: applyActiveStyle ? 'isActive' : 'notActive',\n richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n }\n );\n\n const { isTabbable } = useTabbableMode();\n const { index } = useRadioItemContext();\n const tabIndex =\n isTabbable !== false && ((index === 0 && !radioGroupValue) \|\| isSelected) ? 0 : -1;\n\n const hiddenInput = (\n <HiddenAccessible>\n <input\n type=\"radio\"\n name={name}\n value={value}\n {...(!isReadonly &&\n !isDisabled && {\n onChange: onChangeHandler\n })}\n checked={isSelected}\n disabled={isDisabled}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n tabIndex={tabIndex}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n );\n\n // Radio control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return <span class={styles.inputElement}>{hiddenInput}</span>;\n }\n\n return (\n <span\n ref={spanRef}\n class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n {hiddenInput}\n <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n </span>\n </span>\n );\n};\n\nexport const CheckboxControl = ({\n value,\n inputRef,\n isSelected,\n isLayoutXL,\n isDisabled,\n isReadonly,\n describedBy,\n labelledBy,\n testId,\n onBlur,\n onFocus\n}: RichSelectionControlProps) => {\n const { name } = useCheckboxSetContext();\n const testIdProps = useTestId(testId);\n const { isTabbable } = useTabbableMode();\n const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n // Checkbox control is visually hidden in readonly mode unless it is selected\n if (!isSelected && isReadonly) {\n return (\n <span class={styles.inputElement}>\n <HiddenAccessible>\n <input\n aria-readonly={true}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n type=\"checkbox\"\n name={name}\n value={value}\n checked={false}\n disabled={isDisabled}\n tabIndex={isTabbable ? 0 : -1}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n {...testIdProps}\n />\n </HiddenAccessible>\n </span>\n );\n }\n\n return (\n <span class={checkboxStyles}>\n <StyledCheckbox\n aria-describedby={describedBy}\n aria-labelledby={labelledBy}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isChecked={isSelected ? 'checked' : 'unchecked'}\n name={name}\n value={value}\n onBlur={onBlur}\n onFocus={onFocus}\n ref={inputRef}\n {...testIdProps}\n />\n </span>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFocus } from '#hooks/UNSAFE_useFocus';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype RichSelectionItemProps<V extends string \| number> = RichSelectionItemData<V> & TestIdProps;\n\n/\n `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string \| number>({\n avatar,\n iconClass,\n mediaAccessibleLabel,\n secondaryText,\n thumbnailSrc,\n label,\n value,\n testId\n}: RichSelectionItemProps<V>) => {\n const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n const styledCardRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n const { isFocus, focusProps } = useFocus();\n\n // Determining selection state for error\n const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n const isDisabled = isFieldDisabled ?? isFormDisabled;\n const isReadonly = isFieldReadonly ?? isFormReadonly;\n const id = useId();\n const isLayoutXL = layout === 'xl';\n const hasMedia = !!avatar \|\| !!thumbnailSrc \|\| !!iconClass;\n const labelId = `${id}-labelled-text`;\n const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n const isSingleSelection = selection === 'single';\n const isSelected = isSingleSelection\n ? radioGroupValue === value\n : !!checkboxGroupValue?.has(value);\n\n // Scroll into view when the RichSelectionItem is focused\n useEffect(() => {\n if (isFocus) {\n styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n }\n }, [isFocus, styledCardRef]);\n\n // Text content of label and secondaryText rendering\n const textContent = (\n <RichSelectionTextContent\n secondaryTextId={secondaryTextId}\n labelId={labelId}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n label={label}\n secondaryText={secondaryText}\n />\n );\n\n // Media content rendering based on available media props respective to layout\n const media = avatar\n ? { avatar, mediaAccessibleLabel, layout: layout as 'md' \| 'sm' }\n : thumbnailSrc\n ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' \| 'md' \| 'sm' }\n : iconClass\n ? { iconClass, layout: layout as 'sm' }\n : undefined;\n\n const mediaContent = hasMedia ? (\n <RichSelectionMediaItem\n {...media}\n hasSecondaryText={!!secondaryText}\n testId={testId ? `${testId}_media` : undefined}\n />\n ) : undefined;\n\n // Selection control rendering (radio or checkbox)\n const selectionControl = (\n <Flex align={secondaryText ? 'start' : 'center'}>\n {isSingleSelection ? (\n <RadioControl\n {...focusProps}\n value={value}\n inputRef={inputRef}\n isFocus={isFocus}\n isLayoutXL={isLayoutXL}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_radio` : undefined}\n />\n ) : (\n <CheckboxControl\n {...focusProps}\n value={value}\n inputRef={inputRef}\n isFocus={isFocus}\n isDisabled={isDisabled}\n isLayoutXL={isLayoutXL}\n isReadonly={isReadonly}\n isSelected={isSelected}\n describedBy={secondaryTextId}\n labelledBy={`${id}-labelled-text`}\n testId={testId ? `${testId}_input_checkbox` : undefined}\n />\n )}\n </Flex>\n );\n\n // Handler for checkbox selection changes\n const triggerCheckBoxAction = useCallback(() => {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n inputRef.current?.focus();\n\n const newGroupValue = new Set(checkboxGroupValue);\n const isSelectedValue = newGroupValue.has(value);\n // If the value is already selected, remove it; otherwise, add it\n isSelectedValue ? newGroupValue.delete(value) : newGroupValue.add(value);\n onCheckboxCommit?.({\n previousValue: checkboxGroupValue,\n value: newGroupValue.size > 0 ? newGroupValue : undefined\n });\n }, [checkboxGroupValue, onCheckboxCommit, value]);\n\n // Handler for radio selection changes\n const triggerRadioAction = useCallback(() => {\n if (radioGroupValue !== value) {\n // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n inputRef.current?.focus();\n\n onRadioCommit?.({\n previousValue: radioGroupValue,\n value: value\n });\n }\n }, [radioGroupValue, onRadioCommit, value]);\n\n // Event handlers for the interaction of the StyledCard\n const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n isDisabled: isDisabled \|\| isReadonly\n });\n\n return (\n <StyledCard\n cursor=\"pointer\"\n display=\"inlineFlex\"\n height=\"100%\"\n isDisabled={isDisabled \|\| isReadonly}\n isFocusWithin={isFocus}\n isSelected={styledCardVariant !== 'danger' && !isDisabled && !isReadonly && isSelected}\n parentComponentVariant=\"richSelectionItemCard\"\n ref={styledCardRef}\n role=\"listitem\"\n styleVariant={styledCardVariant}\n testId={testId ? `${testId}_styled_card` : undefined}\n width=\"100%\"\n {...pressProps}>\n {isLayoutXL ? (\n <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n {mediaContent}\n {textContent}\n <div class={styles.selectionElement}>{selectionControl}</div>\n </Flex>\n ) : (\n <div className={styles.densityWrapper}>\n <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n {selectionControl}\n {textContent}\n {mediaContent}\n </Flex>\n </div>\n )}\n </StyledCard>\n );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}

package/es/UNSAFE_ScatterChart.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { S as ScatterChart } from './ScatterChart-4bfeca5d.js';
+export { S as ScatterChart } from './ScatterChart-d26d4ea9.js';
 import 'preact/jsx-runtime';
 import './layoutUtils-3bbcb977.js';
 import './scale-3b7850b9.js';
@@ -37,7 +37,7 @@ import './PRIVATE_Chart/themes/ChartStyles.css.js';
 import './ChartStyles.styles.css';
 import './classNames-4e12b00d.js';
 import './useUser-bca8cf2d.js';
-import './Chart-b046fb6a.js';
+import './Chart-b97e00f1.js';
 import './TrackResizeContainer-aa13760c.js';
 import './useSize-9eea84eb.js';
 import './useResizeObserver-838164c1.js';
@@ -74,9 +74,6 @@ import './mergeProps-88ea8306.js';
 import './useChartNav-3f0e3881.js';
 import './layoutUtils-6725789c.js';
 import './useVisHover-d7a0b2f3.js';
-import './ScrollBar-a431a4f0.js';
-import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
-import './ScrollBarStyles.styles.css';
 import './useSelectDrill-232b571c.js';
 import './useChartDataCursor-8d53123d.js';
 import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
@@ -259,4 +256,7 @@ import './OverviewSlidingWindow-9e38aaaa.js';
 import './PRIVATE_VisOverview/themes/VisOverview.css.js';
 import './VisOverview.styles.css';
 import './DragH-748254cd.js';
+import './ScrollBar-a431a4f0.js';
+import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
+import './ScrollBarStyles.styles.css';
 //# sourceMappingURL=UNSAFE_ScatterChart.js.map

package/es/UNSAFE_Train/themes/redwood/TrainTheme.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { baseTheme } from './TrainBaseTheme.css.js';
 import { multiVariantStyles } from './TrainVariants.css.js';
 import './../../../TrainStyles.styles.css';
 import './TrainBaseTheme.styles.css';
-import './../../../TrainVariants.styles.css';
+import './../../../TrainVariants.styles2.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 /*******************

package/es/UNSAFE_Train/themes/redwood/TrainVariants.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../TrainStyles.styles.css';
-import './../../../TrainVariants.styles.css';
+import './../../../TrainVariants.styles2.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 var multiVariantStyles = createRuntimeFn({defaultClassName:'TrainStyles_baseStyle__s507m10',variantClassNames:{stepDisabled:{isDisabled:'',notDisabled:''},stepActive:{isActive:'',notActive:''},connectorConnected:{isConnected:'TrainStyles_connectorConnectedStyle__s507m16',notConnected:'TrainStyles_connectorDisconnectedStyle__s507m15'},stepLabelCurrent:{isCurrent:'',notCurrent:''},stepLabelVisited:{isVisited:'',notVisited:''},stepLabelDisabled:{isDisabled:'TrainStyles_stepLabelDisabledStyle__s507m19',notDisabled:''},stepIconDisabled:{isDisabled:'TrainStyles_stepIconDisabledStyle__s507m1f',notDisabled:''},stepIconCurrent:{isCurrent:'',notCurrent:''},stepIconActive:{isActive:'',notActive:''},stepIconVisited:{isVisited:'',notVisited:''},messageType:{confirmation:'',error:'',fatal:'',info:'',warning:''},needsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p',notNeedsEventsHover:''},pseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r',notPseudoHover:''},stepIconNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t',notNeedsEventsHover:''},stepIconPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v',notPseudoHover:''},stepLabelNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x',notNeedsEventsHover:''},stepLabelPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z',notPseudoHover:''}},defaultVariants:{},compoundVariants:[[{stepDisabled:'notDisabled',stepActive:'isActive'},'TrainStyles_stepActiveStyle__s507m1e'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'isCurrent'},'TrainStyles_stepLabelCurrentStyle__s507m1a'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'notCurrent',stepLabelVisited:'isVisited'},'TrainStyles_stepLabelVisitedStyle__s507m1b'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'isCurrent'},'TrainStyles_stepIconCurrentStyle__s507m1g'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'isActive'},'TrainStyles_stepIconActiveStyle__s507m1i'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'notActive',stepIconVisited:'isVisited'},'TrainStyles_stepIconVisitedStyle__s507m1h'],[{stepIconDisabled:'notDisabled',messageType:'confirmation'},'TrainStyles_messageTypeIconConfirmation__s507m1k'],[{stepIconDisabled:'notDisabled',messageType:'error'},'TrainStyles_messageTypeIconError__s507m1l'],[{stepIconDisabled:'notDisabled',messageType:'fatal'},'TrainStyles_messageTypeIconFatal__s507m1m'],[{stepIconDisabled:'notDisabled',messageType:'info'},'TrainStyles_messageTypeIconInfo__s507m1n'],[{stepIconDisabled:'notDisabled',messageType:'warning'},'TrainStyles_messageTypeIconWarning__s507m1o']]});

package/es/UNSAFE_Train/themes/stable/TrainTheme.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { baseTheme } from './TrainBaseTheme.css.js';
 import { multiVariantStyles } from './TrainVariants.css.js';
 import './../../../TrainStyles.styles.css';
 import './TrainBaseTheme.styles.css';
-import './../../../TrainVariants.styles2.css';
+import './../../../TrainVariants.styles.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 /*******************

package/es/UNSAFE_Train/themes/stable/TrainVariants.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../TrainStyles.styles.css';
-import './../../../TrainVariants.styles2.css';
+import './../../../TrainVariants.styles.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 var multiVariantStyles = createRuntimeFn({defaultClassName:'TrainStyles_baseStyle__s507m10',variantClassNames:{stepDisabled:{isDisabled:'',notDisabled:''},stepActive:{isActive:'',notActive:''},connectorConnected:{isConnected:'TrainStyles_connectorConnectedStyle__s507m16',notConnected:'TrainStyles_connectorDisconnectedStyle__s507m15'},stepLabelCurrent:{isCurrent:'',notCurrent:''},stepLabelVisited:{isVisited:'',notVisited:''},stepLabelDisabled:{isDisabled:'TrainStyles_stepLabelDisabledStyle__s507m19',notDisabled:''},stepIconDisabled:{isDisabled:'TrainStyles_stepIconDisabledStyle__s507m1f',notDisabled:''},stepIconCurrent:{isCurrent:'',notCurrent:''},stepIconActive:{isActive:'',notActive:''},stepIconVisited:{isVisited:'',notVisited:''},messageType:{confirmation:'',error:'',fatal:'',info:'',warning:''},needsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p',notNeedsEventsHover:''},pseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r',notPseudoHover:''},stepIconNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t',notNeedsEventsHover:''},stepIconPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v',notPseudoHover:''},stepLabelNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x',notNeedsEventsHover:''},stepLabelPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z',notPseudoHover:''}},defaultVariants:{},compoundVariants:[[{stepDisabled:'notDisabled',stepActive:'isActive'},'TrainStyles_stepActiveStyle__s507m1e'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'isCurrent'},'TrainStyles_stepLabelCurrentStyle__s507m1a'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'notCurrent',stepLabelVisited:'isVisited'},'TrainStyles_stepLabelVisitedStyle__s507m1b'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'isCurrent'},'TrainStyles_stepIconCurrentStyle__s507m1g'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'isActive'},'TrainStyles_stepIconActiveStyle__s507m1i'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'notActive',stepIconVisited:'isVisited'},'TrainStyles_stepIconVisitedStyle__s507m1h'],[{stepIconDisabled:'notDisabled',messageType:'confirmation'},'TrainStyles_messageTypeIconConfirmation__s507m1k'],[{stepIconDisabled:'notDisabled',messageType:'error'},'TrainStyles_messageTypeIconError__s507m1l'],[{stepIconDisabled:'notDisabled',messageType:'fatal'},'TrainStyles_messageTypeIconFatal__s507m1m'],[{stepIconDisabled:'notDisabled',messageType:'info'},'TrainStyles_messageTypeIconInfo__s507m1n'],[{stepIconDisabled:'notDisabled',messageType:'warning'},'TrainStyles_messageTypeIconWarning__s507m1o']]});

package/es/UNSAFE_Train.js CHANGED Viewed

@@ -26,7 +26,7 @@ import './TrainStyles.styles.css';
 import './UNSAFE_Train/themes/redwood/TrainBaseTheme.css.js';
 import './UNSAFE_Train/themes/redwood/TrainBaseTheme.styles.css';
 import './UNSAFE_Train/themes/redwood/TrainVariants.css.js';
-import './TrainVariants.styles.css';
+import './TrainVariants.styles2.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './clientHints-05a97aba.js';
 import './useHover-19340c22.js';

package/package.json CHANGED Viewed

@@ -5,7 +5,7 @@
   "scripts": {},
   "devDependencies": {},
   "dependencies": {
-    "@oracle/oraclejet-testing": "18.0.0",
+    "@oracle/oraclejet-testing": "18.0.1",
     "csstype": "3.1.1"
   },
   "peerDependencies": {
@@ -38,5 +38,5 @@
       ]
     }
   },
-  "version": "18.0.0"
+  "version": "18.0.1"
 }

package/amd/CardFlexView-296f97f5.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-275c3e83', './BaseCardView-ab799b69'], (function(e,t,i,r,a){"use strict";e.CardFlexView=function(e){const c=i.useRef(null),[s,n]=i.useState({}),d=i.useCallback((e=>{const t=e.contentRect.width;s.containerWidth!==t&&n((e=>({...e,containerWidth:t})))}),[s]);r.useResizeObserver(c,d);const o=a.gutterSizeToPX[e.gutterSize\|\|"sm"],u=a.getColCount(o,s.cardWidth,s.containerWidth),h={width:s.cardWidth,height:s.cardHeight};return t.jsx(a.BaseCardView,{...e,ref:c,layout:"flex",columns:u,cardSize:h,updateCardSize:(e,t)=>{n((i=>({...i,cardWidth:e,cardHeight:t})))}})}}));
2	- //# sourceMappingURL=CardFlexView-296f97f5.js.map

package/amd/InputDatePicker-fc39f0a6.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-8e1177b8', './HiddenAccessible-037ef42d', './IconButton-ae9a01ce', './clientHints-4f5a07b0', './FormFieldContext-3c44aaaa', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-d07d4b20', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-66e79afa', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-0b58b0a5', './DatePicker-bf0e0c69', './SectionedContent-19bef3cc', './stringUtils-0ae982c2', './FormContext-5130e198', './useFormContext-30acdd33', './useId-c9578d26', './getFormatParse-c1655d39', './maskUtils-33317129', './calendarDateUtils-1783eb17', './InputDateMask-6d54c3e6'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,S,k,x,A,v,g,F,T,V,I,w,P,U,M,R,j,_,B,H,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee){"use strict";const se=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:S,testId:k,todayButton:x,todayTimeZone:A,userAssistanceDensity:v,value:g,weekDisplay:F})=>{const[T,V]=a.useState(!1),[I,w]=a.useState(c),P=a.useCallback((e=>{V(e.placement.startsWith("top"))}),[]);I!==c&&(w(c),c\|\|V(!1));const U=te(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),R=M(),j=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:U?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:U?"100%":void 0,width:"100%",monthAndYearPicker:S,testId:k,todayTimeZone:A,todayButton:x,value:g,weekDisplay:F}),_=!c\|\|T&&!U\|\|d\|\|m\|\|!(t\|\|r\|\|C&&C.length>0)\|\|"efficient"!==v&&"reflow"!==v?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:v})})}),B=k?k+(U?"_sheet":"_dropdown"):void 0,H=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})});return U?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":R,footer:_,hasFocusTrap:!0,main:j,role:"dialog",testId:B})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:P,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:H})},te=()=>"phone"===i.getClientHints().deviceType,ae=e=>e&&$.isCompleteCalendarDate(e)?e:void 0,ne=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:ae(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:ae(s.data),dateValue:s.data};default:return e}},oe=({onCommit:e,onInput:s,value:t})=>{const[n,o]=a.useState(!1),r=a.useRef(null),i=a.useRef(null),l=a.useRef(!1),d=a.useRef(),c=a.useRef(t),u=a.useRef(t),m=a.useRef(t),p=a.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=a.useReducer(ne,{completeDateValue:ae(e),dateValue:e});return{state:s,dispatch:t}})({value:t});X.calendarDatesAreDifferent(m.current,t)&&(m.current=t,X.calendarDatesAreDifferent(t,h.dateValue)&&(y({type:"reset",data:t}),u.current=t,c.current=t)),a.useEffect((()=>{X.calendarDatesAreDifferent(h.dateValue,u.current)&&(s({previousValue:u.current,value:h.dateValue}),u.current=h.dateValue),p.current&&X.calendarDatesAreDifferent(h.dateValue,c.current)&&(e?.({previousValue:c.current,value:h.dateValue}),c.current=h.dateValue,p.current=!1)}),[e,s,h.dateValue]);const f=a.useCallback((e=>{y({type:"dateChanged",data:e.value})}),[y]),b=a.useCallback((()=>{X.calendarDatesAreDifferent(c.current,h.dateValue)&&(e?.({value:h.dateValue,previousValue:c.current}),c.current=h.dateValue)}),[e,h.dateValue]),C=a.useCallback((()=>{l.current\|\|o((e=>!e)),l.current=!1}),[]),D=a.useCallback((e=>{"outsideMousedown"===e.reason?(l.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{l.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason\|\|r.current?.focus(),o(!1)}),[]);return{calendarIconActionHandler:C,datePickerCommitHandler:a.useCallback((e=>{r.current?.focus(),p.current=!0,y({type:"dateSelected",data:e.value}),o(!1)}),[y]),dropdownCloseHandler:D,completeDateValue:h.completeDateValue,dateValue:h.dateValue,iconRef:r,isOpen:n,maskCommitHandler:b,maskInputHandler:f,maskRef:i}},re=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:S,value:k,onCommit:x,onInput:A,testId:v,userAssistanceDensity:g,weekDisplay:F,...T},V)=>{const{calendarIconActionHandler:I,datePickerCommitHandler:w,completeDateValue:P,dateValue:U,dropdownCloseHandler:M,iconRef:R,isOpen:j,maskCommitHandler:_,maskInputHandler:B,maskRef:H}=oe({onCommit:x,onInput:A,value:k}),E=a.useRef(null),{inputDatePicker_selectDate:N,inputDatePicker_instruction:L}=u.useTranslationBundle("@oracle/oraclejet-preact"),O=N(),{userAssistanceDensity:Y}=J.useFormContext(),Z=g??Y;a.useImperativeHandle(V,(()=>({focus:()=>{H.current?.focus()},blur:()=>{H.current?.blur()}})));const W=K.useId(),z=L(),q=m\|\|p?void 0:s.jsx(o.HiddenAccessible,{id:W,isHidden:!0,children:z}),Q=m\|\|p?e:G.merge([e,W]),X=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":O,isDisabled:m,ref:R,size:"sm",testId:v?v+"_calendarIcon":void 0,variant:"ghost",onAction:I,children:s.jsx(n.SvgCalendar,{})}),$=j;return s.jsxs(s.Fragment,{children:[s.jsx(ee.InputDateMaskContext.Provider,{value:{isDropdownOpen:j,isInputDatePickerParent:!0},children:s.jsx(ee.InputDateMask,{"aria-describedby":Q,assistiveText:t,endContent:X,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:_,onInput:B,mainFieldRef:E,messages:f,testId:v,ref:H,userAssistanceDensity:g,value:U,...T})}),q,$&&s.jsx(se,{anchorRef:E,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:j,label:h,onClose:M,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:v?v+"_datePicker":void 0,todayTimeZone:D,todayButton:S,userAssistanceDensity:Z,value:P,weekDisplay:F})]})}));e.InputDatePicker=re}));
2	- //# sourceMappingURL=InputDatePicker-fc39f0a6.js.map